/* CSS Document */

div.headingTypeBlockB11{ background-color:#06c}

#headerArea.head01 h1 img.logo{_border-bottom:20px solid #fff;}
*+html #headerArea.head01 h1 img.logo{border-bottom:20px solid #fff;}

#rootCategoryArea{margin:0 0 10px 0;}

#topCategoryArea1,
#topCategoryArea2,
#topCategoryArea3,
#topCategoryArea4,
#topCategoryArea5,
#topNoscriptArea{font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 80%;
	font-size: 80%\9;
	/**/
	padding:0 0 0 10px;
	}

*+html #topCategoryArea1,
*+html #topCategoryArea2,
*+html #topCategoryArea3,
*+html #topCategoryArea4,
*+html #topCategoryArea5,
*+html #topNoscriptArea{font-size: 80%;}

#topCategoryArea1{background:url(http://img.konicaminolta.net/shared/img/bg_index_business.jpg) no-repeat #eee}
#topCategoryArea2{background:url(http://img.konicaminolta.net/shared/img/bg_index_health.jpg) no-repeat #eee}
#topCategoryArea3{background:url(http://img.konicaminolta.net/shared/img/bg_index_graphic.jpg) no-repeat #eee}
#topCategoryArea4{background:url(http://img.konicaminolta.net/shared/img/bg_index_se.jpg) no-repeat #eee}
#topCategoryArea5{background:url(http://img.konicaminolta.net/shared/img/bg_index_others.jpg) no-repeat #eee}

#topNoscriptArea{background:url(../img/bg_index_noscript.gif) no-repeat}

#topCategoryArea1 div.currentBlock{ background-color:#A3248F; }
#topCategoryArea2 div.currentBlock{ background-color:#1C3687; }
#topCategoryArea3 div.currentBlock{ background-color:#E54B01; }
#topCategoryArea4 div.currentBlock{ background-color:#DC290B; }
#topCategoryArea5 div.currentBlock{ background-color:#006634; }


div.currentBlock{width:190px; float:left; display:inline; margin:0; height:395px}

div.currentBlock p {display: none;}

/*#topCategoryArea1*/ div.currentBlock h2{
	font-size: 26px;
	line-height: 1.4;
	/*\*/
	_font-size: 200%;
	font-size: 200%\9;
	/**/
	margin:23px 0 6.5em 7px;
	padding:0 0 0 12px;
	color:#fff;
	
}

*+html div.currentBlock h2{font-size: 200%;}

div.currentBlock h2 a:link, div.currentBlock h2 a:visited{ color:#fff; text-decoration:underline}

#topCategoryArea1 div.currentBlock h2, #topNoscriptArea .block01 h2{background:url(../img/bg_top_business_h2_area1.gif) no-repeat left 8px; }
#topCategoryArea2 div.currentBlock h2, #topNoscriptArea .block02 h2{background:url(../img/bg_top_business_h2_area2.gif) no-repeat left 8px;}
#topCategoryArea3 div.currentBlock h2, #topNoscriptArea .block03 h2{background:url(../img/bg_top_business_h2_area3.gif) no-repeat left 8px; }
#topCategoryArea4 div.currentBlock h2, #topNoscriptArea .block04 h2{background:url(../img/bg_top_business_h2_area4.gif) no-repeat left 8px; }
/*#topCategoryArea5 div.currentBlock h2, #topNoscriptArea .block05 h2{background:url(../img/bg_top_business_h2_area5.gif) no-repeat left 8px;}*/

div.currentBlock h2.double{margin:23px 0 5.08em 7px;}

#topCategoryArea1 div.currentBlock ul,
#topCategoryArea2 div.currentBlock ul,
#topCategoryArea3 div.currentBlock ul,
#topCategoryArea4 div.currentBlock ul,
#topCategoryArea5 div.currentBlock ul,
#topNoscriptArea div.currentBlock ul{font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 100%;
	font-size: 100%\9;
	/**/margin:0 0 0 10px; padding:0; font-weight:bold; list-style:none; color:#fff}

*+html #topCategoryArea1 div.currentBlock ul,
*+html #topCategoryArea2 div.currentBlock ul,
*+html #topCategoryArea3 div.currentBlock ul,
*+html #topCategoryArea4 div.currentBlock ul,
*+html #topCategoryArea5 div.currentBlock ul,
*+html #topNoscriptArea div.currentBlock ul{font-size: 100%;}

/*#topCategoryArea1*/ div.currentBlock ul li{padding:0 0 0 10px;}

#contentsArea div.currentBlock ul li a{padding:0 0 0 10px; margin:0 0 0 -10px; background:url(../img/bg_subcategory.gif) no-repeat left 7px; display:inline-block}

/*#topCategoryArea1*/ div.currentBlock ul li a:link, /*#topCategoryArea1*/ div.currentBlock ul li a:visited{ color:#fff}

#topCategoryArea1 div.currentBlock ul li a:hover, #topNoscriptArea .block01 ul li a:hover, #topCategoryArea1 div.currentBlock h2 a:hover{ color:#EDD3E9}
#topCategoryArea2 div.currentBlock ul li a:hover, #topNoscriptArea .block02 ul li a:hover, #topCategoryArea2 div.currentBlock h2 a:hover{ color:#D2D7E7}
#topCategoryArea3 div.currentBlock ul li a:hover, #topNoscriptArea .block03 ul li a:hover, #topCategoryArea3 div.currentBlock h2 a:hover{ color:#FADBCC}
#topCategoryArea4 div.currentBlock ul li a:hover, #topNoscriptArea .block04 ul li a:hover, #topCategoryArea4 div.currentBlock h2 a:hover{ color:#F8D4CE}
#topCategoryArea5 div.currentBlock ul li a:hover, #topNoscriptArea .block05 ul li a:hover, #topCategoryArea5 div.currentBlock h2 a:hover{ color:#CCE0D6}



#topCategoryArea1 dl,
#topCategoryArea2 dl,
#topCategoryArea3 dl,
#topCategoryArea4 dl,
#topCategoryArea5 dl{ margin:0; padding:235px 0 0 0;}

#topCategoryArea1 dl dt,
#topCategoryArea2 dl dt,
#topCategoryArea3 dl dt,
#topCategoryArea4 dl dt,
#topCategoryArea5 dl dt{ background:url(../img/bg_top_dt.gif) no-repeat #e3d200 15px 12px; padding:6px 0 20px 26px}

#topCategoryArea1 dd,
#topCategoryArea2 dd,
#topCategoryArea3 dd,
#topCategoryArea4 dd,
#topCategoryArea5 dd{margin:0; padding:16px}

dl.textBlock01{ width:190px; float: left}

dl.textBlock02{ width:190px; float: left}

dl.textBlock03{ width:190px; float: left}

dl.textBlock04{ width:190px; float: left}

dl.textBlock05{ width:190px; float: left}

#contentsArea #topSupport{ width:970px; clear:both; width:970px; margin:0 0 0 -10px; background-color:#fff }

#contentsArea #topSupport p{font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 100%;
	font-size: 100%\9;
	/**/
	margin:0}

*+html #contentsArea #topSupport p{font-size: 100%;}

#topCategoryArea1 #topSupport{border-top:1px solid #A3248F;}
#topCategoryArea2 #topSupport{border-top:1px solid #002279;}
#topCategoryArea3 #topSupport{border-top:1px solid #E54B01;}
#topCategoryArea4 #topSupport{border-top:1px solid #DC290B;}
#topCategoryArea5 #topSupport{border-top:1px solid #006634;}

#topNoscriptArea #topSupport{border-top:1px solid #b8b8b8; padding:0 0 0 10px; width:960px; background-image:url(../img/bg_top_support_noscript.gif);}

#topSupport p{padding:3px 0 3px 0;  width:190px; font-weight:bold}

#topSupport p a{padding:3px 0 3px 25px;background:url(../img/bg_top_support.gif) no-repeat 5px center #e3d200;}

#topSupport.nobg p{ background-image:none}

#topCategoryArea1 #topSupport p{ margin:0 0 0 10px;}
#topCategoryArea2 #topSupport p{ margin:0 0 0 200px;}
#topCategoryArea3 #topSupport p{ margin:0 0 0 390px;}
#topCategoryArea4 #topSupport p{ margin:0 0 0 580px;}
#topCategoryArea5 #topSupport p{ margin:0 0 0 770px; background-image:none}

#topNoscriptArea #topSupport p{ float:left}

#moreInfoArea{ width:970px; font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 80%;
	font-size: 80%\9;
	/**/ margin:0 0 20px 0}

*+html #moreInfoArea{font-size: 80%;}

#moreInfoArea div.infoBlock{
	width:396px;
	padding:0 0 0 2px;
	float: left;}

html>/**/body #moreInfoArea div.infoBlock{width /*\**/:398px\9;}

#moreInfoArea div.infoBlock dl{ width:190px; float: left; display:inline; margin:0 0 20px 8px}

#moreInfoArea div.infoBlock dt{ background-color:#06c; color:#fff; margin:0 0 10px 0; padding:3px; font-weight:bold}

#moreInfoArea div.infoBlock dt a{ background: url(../img/bg_subcategory.gif) no-repeat 3px center; padding:0 0 0 10px;}

#moreInfoArea div.infoBlock dt a:link, #moreInfoArea div.infoBlock dt a:visited{ color:#fff}

#moreInfoArea div.infoBlock dd{ margin:0 0 0 5px; padding:0 0 0 10px; background:url(../img/misc_localnavi002.gif) no-repeat left center}

#moreInfoArea div.infoBlock div{clear:both;}

#moreInfoArea div.infoBlock div img{ margin:0 0 0 7px}

#moreInfoArea div.topicsUnit{ width:356px; margin:0 0 0 8px; float:left}

#moreInfoArea div.topicsUnit dl{width:356px;margin:0; padding:0; clear:both}

#moreInfoArea div.topicsUnit dl dt{clear:left; float:left; margin:0; padding:0; width:100px; background-color:#fff; color:#4b4b4b; display:block; font-weight:normal}

#moreInfoArea div.topicsUnit dl dd{float:left;margin:0; padding:0; width:256px; display:block; background:none;}

#moreInfoArea div.topicsUnit div{ background-color:#06c; padding:3px; margin:0 0 10px 0}

#moreInfoArea div.topicsUnit div p{
	font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 100%;
	font-size: 100%\9;
	/**/
	margin:0;
	float:left;
	font-weight:bold;
	}

*+html #moreInfoArea div.topicsUnit div p{font-size: 100%;}

#moreInfoArea div.topicsUnit div p a{ background: url(../img/bg_subcategory.gif) no-repeat 3px center; padding:0 0 0 10px;}

#moreInfoArea div.topicsUnit div p a:link, #moreInfoArea div.topicsUnit div p a:visited{ color:#fff}

#moreInfoArea div.topicsUnit div p.more{
	font-size: 12px;
	line-height: 1;
	/*\*/
	_font-size: 100%;
	font-size: 100%\9;
	/**/
	float:right;
	border-left:1px solid #fff;
	padding:0 0 0 4px;
	margin:2px 0 0 0;
	_margin:3px 0 0 0;
	font-weight:bold;
	}

*+html #moreInfoArea div.topicsUnit div p.more{font-size: 100%;}

#moreInfoArea div.topicsUnit div p.more a{ background:none; padding:0}

#moreInfoArea div.photo{ margin:0 0 0 8px; float:left; display:inline;}

#moreInfoArea div.photo dl{ width:190px; margin:0 0 20px 0; padding:0 0 20px 0; background-color:#eee}

#moreInfoArea div.photo dl dt{ background-color:#06c; color:#fff; margin:0 0 10px 0; padding:3px; font-weight:bold}

#moreInfoArea div.photo dl dt a{ background: url(../img/bg_subcategory.gif) no-repeat 3px 7px; padding:0 0 0 10px; display:block}

#moreInfoArea div.photo dl dt a:link, #moreInfoArea div.photo dl dt a:visited{ color:#fff}

#moreInfoArea div.photo dl dd.photo{ margin:0 5px 0 16px; padding:0 0 0 28px; background:url(../img/bg_photo.gif) no-repeat left center}

#moreInfoArea div.photo dl dd.support{margin:0 5px 0 30px; padding:0 0 0 14px; background:url(../img/misc_localnavi002.gif) no-repeat left 5px; font-weight:bold}

/*--------------------------------------------------
*/

div.topInformationBlock01,
div.topInformationBlock02{
	clear:both;
	margin:15px 0 15px 0;
	padding:0 10px 0 10px;
	_padding-top:0px;
	width: 950px;
	}

div.topInformationBlock02 div.firstColumn{ width:380px; float:left; margin:0 8px 0 0}

div.topInformationBlock02 div.endColumn{ width:562px; float:left}

div.topInformationBlock01 dl,
div.topInformationBlock02 dl,
div.topInformationBlock03 dl,
div.topInformationBlock04 dl,
div.topInformationBlock05 dl,
div.topInformationBlock06 dl{
	margin:0; padding:0;
	font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 80%;
	font-size: 80%\9;
	/**/}

*+html div.topInformationBlock01 dl,
*+html div.topInformationBlock02 dl,
*+html div.topInformationBlock03 dl,
*+html div.topInformationBlock04 dl,
*+html div.topInformationBlock05 dl,
*+html div.topInformationBlock06 dl{font-size: 80%;}

div.topInformationBlock01 dl dt,
div.topInformationBlock02 dl dt,
div.topInformationBlock03 dl dt,
div.topInformationBlock04 dl dt,
div.topInformationBlock05 dl dt,
div.topInformationBlock06 dl dt{ float:left; margin:0; padding:0; width: 8.75em;}

div.topInformationBlock01 dl dd,
div.topInformationBlock02 dl dd,
div.topInformationBlock03 dl dd,
div.topInformationBlock04 dl dd,
div.topInformationBlock05 dl dd,
div.topInformationBlock06 dl dd{margin:0 0 0 8.75em; padding:0;}

div.topInformationBlock03,
div.topInformationBlock04,
div.topInformationBlock05,
div.topInformationBlock06{ margin:0 10px 18px 10px}

div.topInformationBlock03 div.firstColumn{ width:372px; float:left; margin:0 8px 0 0}

div.topInformationBlock03 div.endColumn{ width:570px; float:left}

div.topInformationBlock04 div.firstColumn{ width:570px; float:left; margin:0 8px 0 0}

div.topInformationBlock04 div.endColumn{ width:372px; float:left}

div.topInformationBlock05 div.firstColumn{ width:396px; float:left; margin:0}

div.topInformationBlock05 div.firstColumn img{ margin:0 8px 0 0}

div.topInformationBlock05 div.endColumn{ width:554px; float:left}

div.topInformationBlock06 div.firstColumn{ width:190px; float:left; margin:0 8px 0 0}

div.topInformationBlock06 div.midColumn{ width:372px; float:left; margin:0 8px 0 0}

div.topInformationBlock06 div.endColumn{ width:372px; float:left}

div#contentsArea div.topInformationBlock01 p.photo,
div#contentsArea div.topInformationBlock02 p.photo,
div#contentsArea div.topInformationBlock03 p.photo,
div#contentsArea div.topInformationBlock04 p.photo,
div#contentsArea div.topInformationBlock05 p.photo,
div#contentsArea div.topInformationBlock06 p.photo{
	font-size: 12px;
	line-height: 1.4;
	/*\*/
	_font-size: 80%;
	font-size: 80%\9;
	/**/
	padding:5px 0 5px 38px;
	background:url(../img/bg_photo.gif) no-repeat 10px center #eee;
	margin:0px;
	}

*+html div#contentsArea div.topInformationBlock01 p.photo,
*+html div#contentsArea div.topInformationBlock02 p.photo,
*+html div#contentsArea div.topInformationBlock03 p.photo,
*+html div#contentsArea div.topInformationBlock04 p.photo,
*+html div#contentsArea div.topInformationBlock05 p.photo,
*+html div#contentsArea div.topInformationBlock06 p.photo{font-size: 80%;}