@charset "utf-8";
/* CSS Document */

@charset "utf-8";

@import "base.css";

/*--ToolTips--*/
div#title-tip{margin:0; padding:.5em 1em; background:#333; font-size:11px; color:#fff; top:0; left:50%;}
div#title-tip:after{content:""; width:0; height:0; margin-top:2em; border-right:8px solid transparent; border-top:16px solid #333; border-bottom:16px solid transparent; border-left:8px solid transparent; position:absolute; top:0; left:10px;}
/*--index--*/
div.productmenu{
	background: url(img/bg_menu.png);
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
}
div.productmenu ul{list-style:none; width:490px; margin:0 auto;}
div.productmenu ul li{font-size:0; line-height:0; float:left; margin-right:15px;}
div.productmenu ul li.last{margin:0;}
div.productmenu ul li a{position:relative;}
dl.description{padding-bottom:40px;}
dl.description dt{width:80px; float:left; font-size:0; line-height:0; padding-top:5px;}
dl.description dd{padding-left:110px;}

ol.pro_navi{list-style:none; padding-bottom:10px;}
ol.pro_navi li{
	float: left;
	width: 233px;
	margin-right: 1px;
	list-style-type: none;
	margin-left: 1px;
}

ol.img_navi{list-style:none; padding-bottom:15px;}
ol.img_navi li{float: left;width: 92px;margin-right: 1px;list-style-type: none;margin-left: 1px;}
ol.img_navi>li.first{width:266px;}
ol.img_navi>li.last{width:544px; margin:0;}
ol.img_navi>li dl{height:100px; position:relative;}
ol.img_navi>li dl dt{position:absolute; bottom:0;}
ol.img_navi>li dl dt a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}
ol.img_navi>li dl dd ul{text-align:center;}
ol.img_navi>li dl dd ul li{list-style:none; display:inline-block; margin:0 5px;}
ol.img_navi>li dl dd ul li a{display:block;}

ol.product_list{list-style:none; padding-bottom:1px;}
ol.product_list li{
	background: #f5f5ef;
	margin-bottom: 10px;
	padding: 5px;
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-left: 5px;
	border: 1px solid #E3E3E3; 
}
ol.product_list li h3{
	width: 213px;
	float: left;
	text-align: center;
}
ol.product_list li h3.p{
	position: absolute;
	z-index: 2;
	width: 100%;
	top: 15em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #e60012;
	text-align: center;
}
ol.product_list li h4{
	width: 420px;
	float: left;
	height: 20px;
	background-image: url(img/bg_menu.png);
}
ol.product_list li a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}
ol.product_list li div.txt{
	width: 450px;
	font-size: 14px;
	float: right;
}
ol.product_list li div.txt p.d_discription{margin:0 25px 0 55px; padding:1.5em 0 1.5em 90px; font-size:12px; background:url(img/ico_dw.png) left no-repeat;}
ol.product_list li div.txt p.m_discription{margin:0 30px 0 65px; padding:1.5em 0 1.5em 70px; font-size:12px; background:url(img/ico_ma.png) left no-repeat;}
ol.product_list li div.txt dl{}
ol.product_list li div.txt dl dt{font-size:0; line-height:0; width:240px; float:right; text-align:center; padding:10px 0 0;}
ol.product_list li div.txt dl dd{
	float: left;
	padding-top: 10px;
}
ol.product_list li div.txt dl dd.none{padding:0;}
ol.product_list li div.txt dl dd h4{
	text-align: center;
	margin-bottom: 15px;
	font-size: 14px;
}
ol.product_list li div.txt dl dd ol li{list-style:none; margin-bottom:2px;}
ul.category_link{list-style:none; border:dashed #ccc; border-width:1px 0; padding:15px 170px 5px; margin-bottom:30px;}
ul.category_link li{padding-bottom:10px;}
ul.category_link li dt{font-size:0; line-height:0; width:200px; float:left;}
ul.category_link li dd{padding-left:200px; line-height:25px; font-size:12px;}
ul.category_link li dd span{float:right;}
ul.category_link li dd span a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}
p.bnr{font-size:0; line-height:0; text-align:center;}
p.bnr a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}

/*--products_page--*/
div.ttl_box{width:940px; margin:0 auto 45px;}
div.ttl_box h3{font-size:0; line-height:0; float:left;}
div.ttl_box p{font-size:16px; font-weight:bold; float:right;}
body .w385{width:385px;}
body .w440{width:440px; text-align:right;}
body .w470{width:470px;}
body .w525{width:525px;}
h3.box_ttl{font-size:0; line-height:0; text-align:center;}
div.contents h3.box_ttl{margin-bottom:50px;}
div.box{background:#f5f5ef; padding:30px 0; margin-bottom:35px;}
div.box p.visual{
	text-align: center;
}
div.inner{width:940px; margin:0 auto;}
ul.clm3{list-style:none; margin:0 0 10px 190px; padding-top:25px;}
ul.clm3 li{float:left; width:250px;}
ul.clm3 li dd{text-align:center;}
ul.clm3 li dd span{font-size:11px;}
ul.clm2{list-style:none; margin:0 0 10px 190px; padding-top:25px;}
ul.clm2 li{float:left; width:375px;}
ul.clm2 li dt{text-align:center;}
ul.clm2 li dd{text-align:center;}
ul.clm1{list-style:none; margin:0 0 10px 190px; padding-top:25px;}
ul.clm1 li dt,
ul.clm1 li dd{text-align:center;}
h4.ttl{font-size:15px; display:inline-block; padding:.5em 1.5em .25em .75em; background:url(img/bg_spec.png) bottom right no-repeat;}
ol.spec{list-style:none; background:#fff; padding:10px 0 10px 10px; margin-bottom:25px;}
ol.spec li dt{width:180px; float:left; box-sizing:border-box; padding:.25em .5em; margin-right:10px; background:#fbf9e8;}
ol.spec li dd{width:235px; float:left; box-sizing:border-box; padding:.25em 0; margin-right:10px; text-align:center; background:#fbf9e8;}
ol.spec li dd.mid{width:355px; float:left; box-sizing:border-box; padding:.25em 0; margin-right:10px; text-align:center; background:#fbf9e8;}
ol.spec li dd.long{width:480px; float:left; box-sizing:border-box; padding:.25em 0; margin-right:10px; text-align:center; background:#fbf9e8;}
ol.spec li dd.large{width:725px; float:left; box-sizing:border-box; padding:.25em 0; text-align:center; background:#fbf9e8;}
ol.spec li dd.height{padding:1em 0;}
ol.spec li.even dt,
ol.spec li.even dd{background:#fff;}
/*--feature_slider--*/
div#feature_slide{width:940px; position:relative; margin:0 auto; padding:20px 0;}
div#feature_slide div.fed_inner{height:350px; overflow:hidden;}
div#feature_slide ol li{list-style:none; width:220px; float:left; margin-right:20px;}
div#feature_slide ol li.last{margin:0;}
div#feature_slide ol li dt{font-size:0; line-height:0; margin-bottom:10px;}
div#feature_slide ol li dd{font-size:12px;}
div#feature_slide ol li dd p{font-weight:bold; font-size:13px; color:#4d4d4b; margin-bottom:5px;}
div#feature_slide .bx-default-pager{padding:0; display:inline-block; text-align:center; width:100%;}
div#feature_slide .bx-wrapper .bx-pager .bx-pager-item,
div#feature_slide .bx-wrapper .bx-controls-auto .bx-controls-auto-item{display:inline-block; *zoom:1; *display:inline;}
div#feature_slide .bx-default-pager div{width:30px; margin:0 4px;}
div#feature_slide .bx-default-pager div a{display:block; width:30px; height:6px; background:#ccc; text-indent:-4649em; font-size:0; line-height:0;}
div#feature_slide .bx-default-pager div a.active,
div#feature_slide .bx-default-pager div a:hover{background:#c3222b;}
div#feature_slide .bx-wrapper .bx-prev{left:-30px; background:url(img/arrow01.gif) no-repeat;}
div#feature_slide .bx-wrapper .bx-next{right:-30px; background:url(img/arrow02.gif) no-repeat;}
div#feature_slide .bx-wrapper .bx-controls-direction a{position:absolute; top:160px; outline:0; width:12px; height:19px; text-indent:-4649px; z-index:99;}
div#feature_slide .bx-wrapper .bx-controls-direction a:hover{-ms-filter:"alpha(opacity=60)"; filter:alpha(style=0,opacity=60); -moz-opacity:.6; opacity:.6;}
div#feature_slide a.disabled{-ms-filter:"alpha(opacity=20)"; filter:alpha(style=0,opacity=20); -moz-opacity:.2; opacity:.2;}

ul.pdf_dl{list-style:none; background:url(img/bg_pdf.png); padding:20px; margin-bottom:50px; text-align:center;}
ul.pdf_dl li{font-size:0; line-height:0; display:inline-block; margin:0 20px;}
ul.pdf_dl li a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}
p.back_page{background:#f5f5ef; padding:15px 0; margin-bottom:35px; text-align:center;}
p.back_page a:hover img{-ms-filter:"alpha(opacity=80)"; filter:alpha(style=0,opacity=80); -moz-opacity:.8; opacity:.8;}
div.back_list{background:url(img/bg_back.png); padding:25px 0;}
div.back_list p{width:280px; margin:0 auto;}
div.back_list p a{display:block; border:2px solid #fff; text-align:center; padding:.5em 0; color:#fff;}
div.back_list p a:hover{background:#fff; color:#d6000f;}


/*--slide box--*/
div#slider_box{position:relative; margin-top:-125px; z-index:1; width:100%; height:680px; overflow:hidden;}
div#slider{width:1920px; position:absolute; top:0; left:50%; margin-left:-960px;}
div#slider ul{list-style:none;}
div#slider ul li{font-size:0; line-height:0; position:absolute; z-index:10; top:380px; left:50%; cursor:pointer;}
div#slider ul li.first{margin-left:-1000px;}
div#slider ul li.even{margin-left:1000px;}
ol#slide li{list-style:none; position:relative;}
ol#slide li h2,
ol#slide li dt,
ol#slide li dd{font-size:0; line-height:0; position:absolute;}
ol#slide li dd a:hover img{background:#333;}

ol#slide li#slide01 h2{display:none; z-index:3; top:285px; left:50%; margin-left:-10px;}
ol#slide li#slide01 dt{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0; transform:scale(1.5);}
ol#slide li#slide01 dd{display:none; z-index:3; top:475px; left:50%; margin-left:217px;}

ol#slide li#slide02 h2{display:none; z-index:3; top:370px; left:50%; margin-left:-500px;}
ol#slide li#slide02 dt{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0; transform:scale(1.5);}
ol#slide li#slide02 dd{display:none; z-index:3; top:470px; left:50%; margin-left:-115px;}

ol#slide li#slide03 h2{display:none; z-index:3; top:455px; left:50%; margin-left:210px;}
ol#slide li#slide03 dt{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0; transform:scale(1.5);}
ol#slide li#slide03 dd{display:none; z-index:3; top:555px; left:50%; margin-left:347px;}

ol#slide li#slide04 h2{display:none; z-index:3; top:340px; left:50%; margin-left:114px;}
ol#slide li#slide04 dt{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0; transform:scale(1.5);}
ol#slide li#slide04 dd{display:none; z-index:3; top:440px; left:50%; margin-left:176px;}

ol#slide li#slide05 h2{display:none; z-index:3; top:455px; left:50%; margin-left:-315px;}
ol#slide li#slide05 dt{-ms-filter:"alpha(opacity=0)"; filter:alpha(style=0,opacity=0); -moz-opacity:0; opacity:0; transform:scale(1.5);}
ol#slide li#slide05 dd{display:none; z-index:3; top:555px; left:50%; margin-left:-219px;}