@charset "Shift_JIS";



/* **************************************************

Name: add_style.css
Description: add style

Create: 2011.05.19
Update: 2011.09.09

Copyright 2011 Hitachi, Ltd. 

***************************************************** */



/* content===========================================

 *1: 共通項目
 *2: トップページ
 
===================================================== */


/*1 共通項目
=========================================================================================== */



/* --- サイドナビ　ボックス設定 --- */

div.Grid1 dl.GrayBox02 {
	margin: 0 0 10px;
	background: url("/products/it/storage-solutions/common/top_images/btn_head_bg180.gif") no-repeat 0 100%;
}
div.Grid1 dl.GrayBox02 dd { 
	padding: 10px 9px 1px;
}



/* --- ボックス設定 画像幅130内 --- */
div.ImgW130SetStyle p.Img {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 130px;
}

/* --- ボックス設定 画像幅100内 --- */
div.ImgW100SetStyle p.Img {
    float: left;
    margin: 0 10px 10px 0;
    padding: 0;
    width: 100px;
}

/* --- ボックス設定 画像幅84内 --- */
div.ImgW84SetStyle div.ImgSet {
    float: left;
}
div.ImgW84SetStyle p.Img {
    float: left;
    margin: 0 15px 0 0;
    padding: 0 0 15px;
    width: 84px;
}
div.ImgW84SetStyle dl.LinkListStyle2 dt {
	font-weight: bold;
}
div.Grid3 div.Column1andHalf div.ImgW84SetStyle div.ImgSet {
    width: 179px;
}

/* --- ドットライン --- */
hr.DottedLine {
    border-top: 1px dotted #4c4c4c;
    border-width: 1px 0 0;
    height: 1px;
    margin: 0 0 10px;
    padding: 0;
    width: 100%;
}
p.DottedLine {
border-bottom: 1px dotted #4c4c4c;
padding-bottom: 10px;
    margin: 0 0 10px;
}
div.DottedLine {
border-bottom: 1px dotted #4c4c4c;
    margin: 0 0 10px;
}


/* --- NEW　アイコン設定 --- */
img.NewIcon {
    padding: 0 0 1px 6px !important;
    vertical-align: middle;
}

/* --- タイトル用太字テキスト90% --- */
p.Titlespb {
	font-size: 90%;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.35;
}

/* --- タイトル用太字テキスト83% --- */
p.Titlesp {
	font-size: 83%;
	font-weight: bold;
	margin-bottom: 15px;
	line-height: 1.35;
}
/* --- タイトル用太字テキスト83% --- */
p.Titlesp02 {
	font-size: 83%;
	font-weight: bold;
	line-height: 1.35;
}

/* --- マージン設定 --- */
.marT10 {
	margin-top: 10px;
}
/* --- バナー下空き設定 --- */
p.ImgBannerStyle {
    margin: 0 0 6px;
}


/*2 トップページ
=========================================================================================== */

h2.Topstrg {
	border: 0;
}

div#Tpccasebg {
	background: url("/products/it/storage-solutions/common/top_images/btn_head_bg570.gif") no-repeat 0 100%;
	
}
div.Tpccasebg01 {
	background: url("/products/it/storage-solutions/common/top_images/btn_head_bg278.gif") no-repeat 0 100%;
	
}


h3.Strg {
	font-size: 83%;
	border-bottom: none;
}
h3.PdfLink {
background: url(/image/h1/icon/icon_pdf.gif) no-repeat 0 0.1em;
}
h3.PdfLink a {padding-left:1.2em;}
	

div.Innerbox {
	padding: 0 13px 10px;
	background: url("/products/it/storage-solutions/common/top_images/btn_head_bgline.gif") no-repeat 0 bottom;
}

div.Innerbox02 {
	padding: 0 13px 10px;
	background: url("/products/it/storage-solutions/common/top_images/btn_head_bgline02.gif") no-repeat 0 bottom;
}

div.InnerboxLast {
	padding: 0 13px;
}

div.Strgset ul li a{
	font-weight: bold;
	font-size: 83%;
}



/* --- [c11-5-1-2] リンクリスト > サムネール+説明文あり > サムネール60pix > 文字サイズ83% --- */
div.Grid3 div.Column1andHalf div.ImgW60SetStyle div.ForColumn2 {
    width: 176px;
}
div.Grid3 div.Column1andHalf div.ImgW60SetStyle div.ForColumn2 p.Title {
    font-size: 83%;
	margin-bottom: 5px;
}

h3.noline {border-bottom:none;}

/* 上部タイトル＋下部説明文 */
dl.TxtListStyle2 dt {
    font-size: 83%;
    margin: 0 0 3px;
}
/* 左側タイトル＋右側説明文 */
dl.TxtListStyle1 {
    margin: 0 0 15px;
}

dl.TxtListStyle1 dt {
    font-size: 83%;
    margin: 0 0 10px;
}
dl.TxtListStyle1 dd {
    margin: -1.65em 0 0 5em;
}

/* ソリューション概説内　ページ送り */
div.PageCenterAdjust {
    background-color: #F1F1F1;
	font-size: 83%;
	padding:10px 0;
	background-color:#EEE;
	margin-bottom:20px;
    border-bottom: 2px solid #FF8C00;
    border-top: 1px solid #D6D6D6;
}
div.PageCenterAdjust ul{text-align:center;}
div.PageCenterAdjust ul li {display:inline;}
div.PageCenterAdjust ul li.next {
margin-left:10px;
border-left: 1px solid;
padding-left: 10px;
}
div.PageCenterAdjust ul li.first,
div.PageCenterAdjust ul li.last {
color:#CCC;
}