@charset "UTF-8";

/* ***************************************************
* CSS file For fujikasei
	FileName: network.css
	data:2008/09/24 kinoshita

■目次 ==========================================
■[01]:ネットワーク　ＴＯＰ
■[02]:俊敏なリレーションとスムーズなワークライン
■[03]:実例
**************************************************** */


/* common.cssを上書きする↓ */
/********** --ビゲーション **********/
/*-----------------------------------------------------------
■共通
------------------------------------------------------------*/
div.Text{
	padding-bottom: 15px;
	width: 610px;
	float: left;
}

h4,p{ float: left; }
h4 img,p img{ display:block; }
/*-----------------------------------------------------------
■[01]:ネットワーク　ＴＯＰ
------------------------------------------------------------*/

div.strengBox{
	width: 100%;
	background: url(/img/common/description_bg.gif) repeat-y left top;
	float: left;
	border-top: 3px solid #c8c2e2;
	padding: 10px 0;
	border-bottom: 3px solid #c8c2e2;
	margin-bottom : 10px;
}

div.strengBox dl{
	float: left;
	padding: 0 14px;
	width: 582px;
	margin-bottom : 4px;
}

div.strengBox dl.mb0{
	margin-bottom : 0px;
}

div.strengBox dl dt{
	width: 36px;
	float: left;
	padding-top: 2px;
}

div.strengBox dl dd{
	float: left;
	color: #3e3176;
	padding-left: 14px;
	line-height: 20px;
	background: url(/img/common/description_num_bg.gif) repeat-y left top;
}



div.worldList{
	width: 610px;
	float: left;
	margin-top : 10px;
	background: url(/img/network/dot_world.gif) repeat left top;
}

div.worldList ul{
	width: 152px;
	float: left;
}

div.worldList ul li{
	width: 152px;
	float: left;
	color: #003999;
	font-size: 12px;
	line-height: 24px;
}


div.worldList ul li span{
	display:block;
	float: left;
	background: url(/img/network/bg_world.gif) no-repeat 0px 3px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	width: 24px;
	margin-right : 5px;
}


/*-----------------------------------------------------------
■[02]:俊敏なリレーションとスムーズなワークライン
------------------------------------------------------------*/
div.relaBox{
	width: 610px;
	float: left;
}

div.relaBox p{
	width: 610px;
	padding-bottom: 10px;
	margin-top : 30px;
	display:inline;
}

div.relaBox p.mt0{
	margin-top : 0px;
}

div.Image{
	float: left;
	width: 610px;
	margin-bottom : 10px;
	display:inline;
}

div.relaBox div.Text span{
	font-weight: bold;
	color: #003999;
/* 	margin-bottom : 6px;
 */	display:block;
}

ul.auppliersBox{
	width: 596px;
	float: left;
	background: url(/img/common/description_bg.gif) repeat-y left top;
	border-top: 3px solid #c8c2e2;
	padding: 10px 0 10px 14px;
	border-bottom: 3px solid #c8c2e2;
}

ul.auppliersBox li{
	background: url(/img/network/bg_mark.gif) no-repeat 0px 2px;
	float: left;
	padding-left: 30px;
	width: 168px;
	color: #3e3176;
}

ul.auppliersBox li.other{
	background-image:none;
	font-size: 12px;
}

/* 英語版用 */
ul.auppliersBox li.english{
	background: url(/img/network/bg_mark.gif) no-repeat 0px 2px;
	padding-left: 30px;
	width: 400px;
	color: #3e3176;
}

/*-----------------------------------------------------------
■[03]:実例
------------------------------------------------------------*/
div.CaseTitle{
	float: left;
	width: 610px;
}
div.mt30{ margin-top : 30px; }

div.CaseTitle p{
	padding-bottom: 10px;
}
div.CaseTitle div.Text{
	margin-bottom: 10px;
	background: url(/img/network/dot_case_subttl.gif) repeat left top;
	font-weight: bold;
	color: #54478c;
	padding-bottom: 0px;
}

div.DetailBox{
	float: left;
	width: 610px;
}

div.DetailBox img{
	float: right;
	margin: 10px 0 10px 10px;
}


div.DetailBox dl{
	padding: 5px 0 10px 0;
	
}

div.DetailBox dl dt{
	color: #003999;
	font-weight: bold;
	padding-left: 20px;
	background: url(/img/network/case_mark.gif) no-repeat 0px 2px;
}

div.ImageText{
	float: left;
	width: 610px;
	margin-top : 20px;
}


div.ImageText dl{
	float: left;
	width: 200px;
}

div.ImageText dl dt img{ display:block; margin-bottom : 2px; }

div.ImageText dl dd{
	width: 200px;
	color: #043c9b;
	font-size: 10px;
	line-height: 16px;
	background: url(/img/network/bg_caption.gif) repeat-y left top;
}

div.ImageText dl dd div.caption{
	width: 180px;
	padding: 0 10px;
}

div.ImageText dl dd div.caption span{
	font-weight: bold;
	font-size: 12px;
}
div.ImageText dl dd div.bgTop{ background: url(/img/network/bg_caption_top.gif) no-repeat left top; width: 200px; height: 10px; }
div.ImageText dl dd div.bgBottom{ background: url(/img/network/bg_caption_bottom.gif) no-repeat left top; width: 200px; height: 10px; }


div.ImageText dl.mr5{ margin-right : 5px; }