/* CSS Document */


.contentsWidth {
	padding: 0 !important;
	background: #e1e9f6;
}

/*==========================================================================*
 *  [ yamalube2 ] 
 *==========================================================================*/

#yamalube {
	position: relative;
	width: 980px;
	height: 585px;
	background: url(../img/bg-yamalube.jpg) left top no-repeat #ffffff;
}

#yamalube h3 {
	width: 980px;
	height: 70px;
	padding: 16px 0 31px 0;
	background: url(../img/h3-yamalube.gif) 20px 16px no-repeat;
	text-indent: -9999px;
	float: left;
}

#yamalube ul { position: absolute; }
#yamalube .gr01 { top: 117px; left: 20px; }
#yamalube .gr02 { top: 177px; left: 20px; }
#yamalube .gr03 { top: 237px; left: 20px; }
#yamalube .gr04 { top: 307px; left: 20px; }
#yamalube .gr04 { top: 367px; left: 20px; }
#yamalube .gr05 { top: 378px; left: 260px; }
#yamalube .gr06 { top: 498px; left: 260px; }
#yamalube .gr07 { top: 378px; left: 500px; }
#yamalube .gr08 { top: 438px; left: 500px; }
#yamalube .gr09 { top: 498px; left: 500px; }
#yamalube .gr10 { top: 192px; left: 740px; }
#yamalube .gr11 { top: 252px; left: 740px; }
#yamalube .gr12 { top: 312px; left: 740px; }
#yamalube .gr13 { top: 371px; left: 740px; }
#yamalube .gr14 { top: 431px; left: 740px; }
#yamalube .gr15 { top: 307px; left: 20px; }
#yamalube .gr99 { top: 67px; left: 740px; }
#yamalube .gr99 img { border-radius: 5px; }

/*==========================================================================*
 *  [ mainte ] 
 *==========================================================================*/

#mainte {
	margin: 25px 20px 0 20px;
	background: #ffffff;
	color: #666666;
}

#mainte h3 {
	width: 940px;
	height: 40px;
	background: url(../img/h3-mainte.gif) left top no-repeat;
	text-indent: -9999px;
}

#mainte ul { padding-top: 10px; }
#mainte li {
	width: 428px;
	margin: 0 0 20px 10px;
	padding: 0 10px 0 17px;
	background: url(../img/icon-mainte.gif) left center no-repeat;
	float: left;
}
#mainte li h4 {
	margin-bottom: 7px;
	background: url(../img/line-mainte.gif) left bottom repeat-x;
	font-size: 11px;
	font-size: 1.1rem;
	line-height: 2;
}
#mainte li p {
	width: 368px;
	float: right;
}
#mainte li p a {
	color: #179cc9;
	font-size: 14px;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
}
#mainte li p a:hover {
	color: #179cc9 !important;
	text-decoration: underline;
}
#mainte li div {
	width: 50px;
	height: 50px;
	float: left;
}


/*==========================================================================*
 *  [ detail ] 
 *==========================================================================*/

.detail {
	margin: 25px 20px 20px 20px;
	padding-bottom: 1px;
	background: url(../img/bg-detail.gif) center bottom no-repeat #e1e9f6;
}
/* 孤立用 */
#isolation {
	padding-bottom: 0;
	background: none #e1e9f6;
}
#isolation #coating { border-bottom: 1px solid #179cc9; }

#glass, #chemical, #coating {
	width: 450px;
	padding: 20px 9px;
	background: #ffffff;
	border-top: 10px solid #179cc9;
}
#glass, #coating { float: right; }
#chemical { float: left; }

.detail h4 {
	width: 450px;
	height: 65px;
	text-indent: -9999px;
}

.detail .summary {
	width: 250px;
	min-height: 151px;
	padding: 0 10px 15px 190px;
	color: #ffffff;
}

.detail .summary dt {
	width: 250px;
	height: 33px;
	text-indent: -9999px;
}

.detail .summary .text {
	padding: 15px 5px 10px 5px;
}

.detail .summary .btn {
	width: 229px;
	height: 25px;
	margin: 0 auto;
}

.detail .summary .btn a {
	/*\*/
	overflow: hidden;
	/**/
	width: 229px;
	height: 25px;
	background: url(../img/btn-howto.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
}

.detail h5 {
	width: 360px;
	height: 23px;
	background: url(../img/h5-use.gif) left top no-repeat;
	text-indent: -9999px;
	float: left;
}

.detail .slider .open {
	/*\*/
	overflow: hidden;
	/**/
	width: 85px;
	height: 23px;
	background: url(../img/btn-op_cl.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
	float: right;
}

.detail .slider .close { background-position: 0px -23px; }

.detail .item {
	padding: 0 0 1px 0;
	background: url(../img/bg-item.gif) left bottom no-repeat;
	clear: both;
}

.detail .item dt {
	width: 450px;
	height: 39px;
	text-indent: -9999px;
	cursor: pointer;
}

.detail .item dt.chemi01 { background: url(../img/dt-chemi01.gif) left top no-repeat; }
.detail .item dt.chemi02 { background: url(../img/dt-chemi02.gif) left top no-repeat; }
.detail .item dt.chemi03 { background: url(../img/dt-chemi03.gif) left top no-repeat; }
.detail .item dt.chemi04 { background: url(../img/dt-chemi04.gif) left top no-repeat; }
.detail .item dt.chemi05 { background: url(../img/dt-chemi05.gif) left top no-repeat; }
.detail .item dt.chemi06 { background: url(../img/dt-chemi06.gif) left top no-repeat; }
.detail .item dt.chemi07 { background: url(../img/dt-chemi07.gif) left top no-repeat; }
.detail .item dt.chemi08 { background: url(../img/dt-chemi08.gif) left top no-repeat; }
.detail .item dt.chemi09 { background: url(../img/dt-chemi09.gif) left top no-repeat; }
.detail .item dt.chemi10 { background: url(../img/dt-chemi10.gif) left top no-repeat; }
.detail .item dt.coat01 { background: url(../img/dt-coat01.gif) left top no-repeat; }
.detail .item dt.coat02 { background: url(../img/dt-coat02.gif) left top no-repeat; }
.detail .item dt.coat03 { background: url(../img/dt-coat03.gif) left top no-repeat; }
.detail .item dt.coat04 { background: url(../img/dt-coat04.gif) left top no-repeat; }
.detail .item dt.coat05 { background: url(../img/dt-coat05.gif) left top no-repeat; }
.detail .item dt.glass01 { background: url(../img/dt-glass01.gif) left top no-repeat; }
.detail .item dt.glass02 { background: url(../img/dt-glass02.gif) left top no-repeat; }
.detail .item dt.glass03 { background: url(../img/dt-glass03.gif) left top no-repeat; }
.detail .item dt.glass04 { background: url(../img/dt-glass04.gif) left top no-repeat; }
.detail .item dt.glass05 { background: url(../img/dt-glass05.gif) left top no-repeat; }
.detail .item dt.glass06 { background: url(../img/dt-glass06.gif) left top no-repeat; }

.detail .item dt:hover, .detail .item dt.active { background-position: left bottom; }

.detail .item dd .img {
	width: 200px;
	padding: 10px 0 20px 0;
	float: right;
}

.detail .item dd .text {
	width: 240px;
	padding: 10px 0 5px 0;
	line-height: 160%;
	float: left;
}

.detail .item dd p.text { padding-bottom: 35px; }

.detail .item dd .text li {
	padding-left: 1em;
	text-indent: -1em;
}

.detail .item dd .order {
	width: 240px;
	height: 30px;
	margin-top: -15px;
	padding-bottom: 20px;
	font-size: 12px;
	font-size: 1.2rem;
	float: left;
}

.detail .item dd .order .price {
	padding-right: 10px;
	font-weight: bold;
	line-height: 30px;
	float: left;
}

.detail .item dd .order .btn {
	width: 78px;
	height: 30px;
	float: left;
}

.detail .item dd .order .btn a {
	/*\*/
	overflow: hidden;
	/**/
	width: 78px;
	height: 30px;
	background: url(../img/btn-order.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
}


/*==========================================================================*
 *  [ glass ] 
 *==========================================================================*/

#glass h4 { background: url(../img/h4-glass.gif) 5px top no-repeat; }
#glass .summary { background: url(../img/bg-glass.jpg) left top no-repeat; }
#glass .summary dt { background: url(../img/dt-glass.gif) right 11px no-repeat; }
#glass .glass02 p.text { padding-bottom: 10px; }
#glass .glass02 ul.text { padding-bottom: 35px;}


/*==========================================================================*
 *  [ chemical ] 
 *==========================================================================*/

#chemical h4 { background: url(../img/h4-chemi.gif) 5px top no-repeat; }
#chemical .summary { background: url(../img/bg-chemi.jpg) left top no-repeat; }
#chemical .summary dt { background: url(../img/dt-chemi.gif) right 11px no-repeat; }


/*==========================================================================*
 *  [ coating ] 
 *==========================================================================*/

#coating h4 { background: url(../img/h4-coat.gif) 5px top no-repeat; }
#coating .summary { background: url(../img/bg-coat.jpg) left top no-repeat; }
#coating .summary dt { background: url(../img/dt-coat.gif) right 11px no-repeat; }


/*==========================================================================*
 *  [ club ] 
 *==========================================================================*/

#club {
	padding: 17px 20px;
	background: #ffffff;
}

#club a {
	/*\*/
	overflow: hidden;
	/**/
	width: 940px;
	height: 107px;
	background: url(../img/bnr-club.gif) left top no-repeat;
	text-indent: -9999px;
	display: block;
}


/*==========================================================================*
 *  [ micro clearfix ] 
 *==========================================================================*/

/* For modern browsers */
.cf:before,
.cf:after {
	content:"";
	display:table;
}

.cf:after {
	clear:both;
}

/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom:1;
}