@charset "utf-8";
/* TOP */


@import "common.css";
@import "reset.css";
body { background:url(../img/top/top_bg.gif) center 120px repeat-x }
ul, dl, dd { margin: 0; padding: 0; list-style: none }
p { margin: 0 }
/* -------------------------------------------------------------------------
Slider
--------------------------------------------------------------------------*/
.mainimage { width: 960px; margin: 0 auto; zoom:1; }
/* -------------------------------------------------------------------------
Contents
--------------------------------------------------------------------------*/
#tmp_header_inner { width: 960px; margin: 0 auto; height: 152px; position: relative }
div#grobal { position:absolute; bottom:22px; height: 59px }
#contents { clear: both; padding: 10px 0; width: 960px; margin: 30px auto 0 auto; padding-bottom: 30px; color: #666; position:relative }
#contents ul li { float:left }
#left_col { width: 710px; float: left }
#right_col { width: 230px; float:right; color:#666666; padding-bottom: 50px; }
/* #right_col #customer dt { height: 41px; overflow:hidden } */
#right_col dl img{ vertical-align: bottom;}
#right_col ul li{float: none;}
/* Product */
#products { background:url(../img/common/bg_pale_blue.gif); border: 1px solid #d6d6d6; margin: 12px 0; padding-bottom: 12px; padding-top:12px }
#products h2 { float:left }
#products ul li { margin: 21px 0 0 12px }
#products #cat_btn { float:right; margin-right: 12px }
/* closeup */
#special { margin-bottom: 30px }
#special img{vertical-align: top;}
#special li:first-child{width: 363px;}
#special li:nth-child(2){width: 347px;}
/* Product Search */
div#pro_search { float:left; width: 420px }
#form2 { width: 420px; background: url(../img/top/left_ss_bg.png) no-repeat; display:block; position:relative; height: 32px; margin:0 !important; padding:0 !important; overflow:hidden; float:right !important }
* html #form2 { background: none; float: none }
#form2 input[type="text"] { color: #666; width: 300px !important; position: absolute; top:5px; left: 6px; border:none; height: 20px }
* html .product_search { position: relative; width: 300px; float:left; height: 27px; border:1px solid #1F42AB }
#form2 input#pro_search_btn { position:absolute; top:0px; left: 316px; border-radius: 0 !important }
input.proinput::-ms-clear {
visibility:hidden
}

.top_ttl{
	padding: 12px 20px 10px;
	border: 1px #ddd solid;
	background: url(../img/common/icn_top_ttl.gif) left center no-repeat #FDFFFE;
	color: #333;
	font-size: 140%;
}
/*toroku-box
 お助けツール用CSS help_tools.cssにも同じものがあるので、
 変更の際は同様に。*/
#toroku-box{
	background-color: #FDE3E3;
	margin-top: 10px;
	padding-bottom: 15px;
}
#toroku-box h2{
	background-color: #B00000;
	color: #fff;
	font-weight: bold;
	font-size: 108%;
	padding: 17px 0;
	text-align: center;
}
#toroku-box p{
	font-size: 92%;
	line-height: 140%;
	margin: 10px 13px 0 13px;
}
/* footerで使用したclass
customer.cssに同じ設定がある。*/
.coution,
.infoBox .coution{
	margin: 0 !important;
	text-align: left;
	color: #333;
}