@charset "utf-8";

body {}
#mainWrapper { width: 965px; padding-right:35px;}



/*  -------------ヘッダー-------------------- */

/*#header { height: 67px; overflow: hidden; border-bottom:2px solid #c0c0c0; border-right:1px solid #f5f5f5;}*/
#header table{ margin-left:-15px;}
#logo { float:left;}

#topMenu{ float:right; margin-top:10px;}
#topMenu li {float:left; border-left: 1px solid #b2b2b2;}
#topMenu li.first{border-left:0px;}
#topMenu li a {padding:0 12px; color:#0055cc;}
#topMenu li.current a, #topMenu li a:hover { color:#666;}



/*  -------------フッター-------------------- */

#footer { margin-top: 50px; margin-bottom:27px; border-top:1px solid #c1c1c1; background: url(/images/bg_footer.gif) left bottom repeat-x; height:65px; padding-top:12px;}
.copyright{font-size:10px; font-family:Arial, Helvetica, sans-serif;}
.mfooter{margin-left:55px;}
.mfooter li{border-left:1px solid #dcdcdc; float:left; padding:0 12px;}
.mfooter li a{ color:#0055cc;}

#MicroSiteHeadFoot a{ color:#0055cc;}


/*  -------------グローバル-------------------- */

#LNP {}
#LNP ul { height:25px; background-color:#f5f5f5; border-bottom:1px solid #ddd;}
#LNP ul li {float:left; border-right: 1px solid #ebebeb;}
#LNP ul li.first{border-left:1px solid #ebebeb; margin-left:16px;}
#LNP ul li a { display:block; line-height:25px; padding:0 16px; color:#000;}
#LNP ul li.current a, #LNP ul li a:hover { color:#666; background-color:#fff; border-bottom:1px solid #fff;}
/* *html #LNP ul li.current a, *html #LNP ul li a:hover {margin-bottom:-1px; position:relative;}*/



/*  -------------パンクズ-------------------- */

#pathway {clear:both; margin-top:25px;}
#pathway li {float: left; margin-left: 5px; color:#333;}
#pathway li.here {}
#pathway li a { color:#0055cc; margin-right:6px;}



/*  -------------枠-------------------- */

#container {}
#content {padding-left:17px;}
.indexWrap {}
#realContent { margin-top: 20px;}
#railLeft{float:left; width:190px;}
#railRight{float:right; width: 190px;}
#cmsContents{float:left; width: 535px; margin:0 16px;}
#cmsContents-wide{float:left; width: 741px; margin:0 0 0 16px;}　/*　追記*/



/*  -------------見出し（グラデーション）-------------------- */

.box_grey{margin-bottom:25px;}
.box_grey .bx_tit_left{background:url(../images/bx_grey_tit_left.gif) left top no-repeat;}
.box_grey .bx_tit_right{background:url(../images/bx_grey_tit_right.gif) right top no-repeat;}
.box_grey .bx_tit_center{background:url(../images/bx_grey_tit_center.gif) left top repeat-x; margin:0 10px; height:38px; line-height:38px;}
.bx_tit_center strong {font-size:18px; color:#00a879;}
.box_grey .box_content{border:1px solid #d2d2d2; border-top:0px; padding:10px;}

.bx_tit_left{background:url(../images/bx_tit_left.gif) left top no-repeat;}
.bx_tit_right{background:url(../images/bx_tit_right.gif) right top no-repeat;}
.bx_tit_center{background:url(../images/bx_tit_center.gif) left top repeat-x; margin:0 10px; height:38px; line-height:38px;}
.box_content{border:1px solid #d2d2d2; border-top:0px; padding:0 10px;}

.bx_link_tit_left{background:url(../images/bx_link_tit_left.gif) left top no-repeat;}
.bx_link_tit_right{background:url(../images/bx_link_tit_right.gif) right top no-repeat;}
.bx_link_tit_center{background:url(../images/bx_link_tit_center.gif) left top repeat-x; margin:0 10px; height:38px; line-height:38px;}
.bx_link_tit_center a {color:#FFFFFF;}

.bx_grey_tit_left{background:url(/pro/product/images/bx_tit_left.gif) left top no-repeat;}
.bx_grey_tit_right{background:url(/pro/product/images/bx_tit_right.gif) right top no-repeat;}
.bx_grey_tit_center{background:url(/pro/product/images/bx_tit_center.gif) left top repeat-x; margin:0 10px; height:38px; line-height:38px;}

.box_search_use .box_content ul li{clear:both; border-top:1px solid #d2d2d2; padding:12px 0; background:url(../images/arrow_1.gif) left 20px no-repeat; padding-left:10px;}
.box_search_use .box_content ul li.first{border:0px !important;}
.box_search_use .box_content ul li a.active{color:#00a879!important;}
.box_search_use .box_content ul li a{color:#0055cc; font-weight:bold;}
.box_search_use .box_content ul li.current a,.box_search_use .box_content ul li a:hover{ color:#00a879;}
.box_search_use .box_content ul li .level_2 li{ border:0px; padding-top: 5px; padding-bottom: 5px; background-position:left 10px;}
.box_search_use .box_content ul li .level_2 li a{ border:0px; color:#0055cc; font-weight:normal;}

.box_search_prd .box_content{padding-top:15px; padding-bottom:5px;}
.box_search_prd ul{text-align:center; margin-bottom:10px;}
.box_search_prd ul li{display:inline;}
.box_search_prd ul li a{font-size:13px; color:#0055cc;}

.box_prd{margin-bottom:25px;}
.box_prd .bx_tit_center strong{ display:block; background:url(../images/icon_1.gif) left center no-repeat; padding-left: 20px;}

.level_2{margin-top:10px;}
.level_2 li{padding:0px; padding-top:5px;}

.number {color:#00a879;}

h3 {background-color:#EEE; border-bottom:1px solid #00a879; border-left:3px solid #dcdcdc; margin-bottom:15px; line-height:35px; padding-left: 15px; font-size:16px;}

h3 a{color:#0055cc; font-weight:bold;}

h3 em {
	font-weight:normal !important;
	}

h3.no-line {background-color:#FFF; border-bottom:none; border-left:none; margin-bottom:10px; line-height:30px; padding-left: 10px; font-size:16px;}

h4 {margin-bottom:15px; line-height:35px; padding-left: 15px; border-bottom:1px dotted #999; margin-bottom:15px; font-weight:bold; background:url(/pro/images/h4_bg.gif) 0px 14px  no-repeat;}

h4.clean_navi {margin-bottom:15px; line-height:35px; padding-left: 15px; border-bottom:1px solid #00a879; font-weight:bold; color:#00a879; background:url(/pro/clean_navi/images/h4-icon.gif) 0px 13px  no-repeat; font-size:16px!important;}

u {
	 text-decoration:underline !important;
	 }


/*  ------------- etc-------------------- */

.left{float:left}
.right{float:right;}
.t-c {text-align:center;}



.point-bg {
	background:#d5f0e8;
	padding:19px;
	border:#e0f5ef solid 1px;
	margin-bottom:30px;
	width:700px;
	}

.clean-navi-recommend {
	border:#dcdcdc solid 1px;
	padding:19px;
	width:700px;
	}


.recommend-box {
	padding:0px 15px;
	width:200px;
	float:left;
	}

.recommend-box2 {
	padding:0px 15px;
	width:320px;
	float:left;
	}




