@charset "utf-8";
@import url(../../css/rs.css);



/* @group sec */
#prdDetail h1.lineupImg,
#prdDetail div.lineupImg{
	background-image: url(../image/tt_lineup.png);
	height: 56px;
	padding: 0;
	text-indent: -9999px;
	margin-bottom: 12px;
}

#prdDetail #textRim .prdbutnArea01,
#prdDetail #textRim .prdbutnArea02,
#prdDetail #textRim .prdbutnArea03{
	background:#FBF0F0;
	padding:10px 0 10px 5px;
	margin: 0 0 5px;
	width: 553px;
	float: left;
}
#prdDetail #textRim .prdbutnArea02{
	background-color: #fefced;
}
#prdDetail #textRim .prdbutnArea03{
	background-color: #eee;
	margin-bottom: 0;
}
#prdDetail #textRim h2{
	background: none;
	margin: 0 0 7px;
	padding: 0;
}
#prdDetail #textRim .btft,
#prdDetail #textRim .btft2{
	float: left;
	width: 272px;
	margin-right: 2px;
	margin-bottom: 5px;
	background: url(../image/prdl_bg_01_b.png) 0 bottom;
}
#prdDetail #textRim .prdbutnArea02 .btft{
	background: url(../image/prdl_bg_02_b.png) 0 bottom;
}
#prdDetail #textRim .prdbutnArea03 .btft2{
	background: url(../image/prdl_bg_03_b.png) 0 bottom;
}
#prdDetail #textRim .btft2{
	margin-bottom: 3px;
}
#prdDetail #textRim .bt001,
#prdDetail #textRim .bt0012{
	width:252px;
	padding:15px 10px 3px 10px;
	background:url(../image/prdl_bg_01_t.png) no-repeat top left;
}
#prdDetail #textRim .prdbutnArea02 .bt001{
	background:url(../image/prdl_bg_02_t.png) no-repeat top left;
}
#prdDetail #textRim .prdbutnArea03 .bt0012{
	background:url(../image/prdl_bg_03_t.png) no-repeat top left;
}
#prdDetail #textRim .bt0012{
	padding:13px 10px 3px 10px;
}
#prdDetail #textRim .bt001 .left,
#prdDetail #textRim .bt0012 .left{
	float: left;
	margin-right: 10px;
}
#prdDetail #textRim .bt001 .right img{
	margin-bottom: 5px;
}
#prdDetail #textRim .bt001 .right{
	padding: 0 0 2px;
}



/* @end */

/* @group details */

.rLineupDetails {
	position: relative;
	left: -2px;
	width: 564px; 
	background: url(../image/bg_tt_img_m.png) repeat-y;
	margin-bottom: 10px;
}
.rLineupDetails .inBg{
	background: url(../image/bg_tt_img_b.png) no-repeat 0 bottom;
	padding-bottom: 15px;
}
.rLineupDetails .ttImg{
	height: 243px;
	position: relative;
}
.rLineupDetails #duct.ttImg{
	background: url(../duct/image/tt_img.jpg) no-repeat;
}
.rLineupDetails #flashing.ttImg{
	background: url(../flashing/image/tt_img.jpg) no-repeat;
}
.rLineupDetails #smart.ttImg{
	background: url(../smart/image/tt_img.jpg) no-repeat;
}
.rLineupDetails #vhb.ttImg{
	background: url(../vhb/image/tt_img.jpg) no-repeat; 
	height: 340px;
}
.rLineupDetails #general.ttImg{
	background: url(../general/image/tt_img.jpg) no-repeat; 
}
.rLineupDetails #support.ttImg{
	background: url(../support/image/tt_img.jpg) no-repeat; 
}
.rLineupDetails #aluminum.ttImg{
	background: url(../aluminum/image/tt_img.jpg) no-repeat; 
}
.rLineupDetails #glass.ttImg{
	background: url(../glass/image/tt_img.jpg) no-repeat; 
}
.rLineupDetails #ptfe.ttImg{
	background: url(../ptfe/image/tt_img.jpg) no-repeat; 
}
.rLineupDetails #film.ttImg{
	background: url(../film/image/tt_img.jpg) no-repeat; 
	height: 270px;
}
.rLineupDetails #stripe.ttImg{
	background: url(../stripe/image/tt_img.jpg) no-repeat; 
	height: 270px;
}
#ttTex{
	position: absolute;
	top: 145px;
	left: 15px;
	width: 300px;
}
#ttTex2{
	position: absolute;
}
#duct #ttTex{ left: 80px;: 250px;}
#flashing #ttTex{ left: 80px;width: 250px;}
#smart #ttTex{ left: 80px;width: 250px;}
#vhb #ttTex{ left: 135px;width: 220px; top: 170px;}
#support #ttTex{ left: 85px;width: 250px; }
#aluminum #ttTex{ left: 85px;width: 250px; }
#glass #ttTex{ left: 85px;width: 250px; }
#ptfe #ttTex{ left: 85px;width: 250px; }
#film #ttTex{ left: 140px;width: 210px;  top: 155px;}
#film #ttTex2{ left: 20px;width: 540px;  top: 225px;}
#stripe #ttTex{ left: 105px;width: 250px;  top: 145px;}
#stripe #ttTex2{ left: 20px;width: 540px;  top: 220px;}



#prdDetail .rLineupDetails .ttImg h1{
	font-size: 100%;
	background: none;
	padding-bottom: 0;
	margin-bottom: 5px;
	padding: 0;
	line-height: 1.2;
	color: #B33640;
}
.rLineupDetails .ttImg h1 img{
	vertical-align: bottom;
	margin-right: 5px;
}
.rLineupDetails .ttImg p{
	clear: both;
	margin: 0;
	text-align: left;
}
.rLineupDetails .ttImg p strong{
	color: #F60;
	font-size: 120%;
}
.rLineupDetails ul.linkBtnDemoKit{
	list-style: none;
	margin: 0;
	text-align: center;
	position: absolute;
	top: 290px;
	width: 560px;
}
.rLineupDetails ul.linkBtnDemoKit li{
	display: inline;
	margin: 0 5px;
}

/**/
.rLineupDetails h2{
	clear: both;
	margin-bottom: 10px;
}

/**/
#youto,
#shiyou{
	padding: 10px 15px;
	width: 530px;
}
/*youto*/
#youto .photoRim{
	white-space: nowrap;
	float: right;
	margin-left: 15px;
}
#youto #use{
	margin: auto;
}
#youto #use td{
	padding: 5px;
	text-align: center;
}
#youto #use td img{
	margin-bottom: 5px;
	border: solid 1px #999;
}
/*shiyou*/
#shiyou{
	clear: both;
}
#shiyou table{
	border-collapse: collapse;
}
#shiyou table th,
#shiyou table td{
	text-align: left;
	vertical-align: top; 
	border: solid 1px #ccc;
	padding: 5px;
}
#shiyou table th{
	background: #F5E9E9;
	white-space: nowrap;
	width: 5em;
}
.linkDetailPage{
	margin-top: 10px;
	text-align: right;
}
.linkDetailPage img{
	vertical-align: middle;
	margin-left: 2px;
}
/***/
.vhb-sectionWrap{
	background: url(../vhb/image/dotline.jpg) repeat-x 0 bottom;
	padding-bottom: 10px;
	margin-bottom: 20px;
}
.vhb-sectionWrap .vhb-photo{
	width: 118px;
	float: left;
	margin-right: 10px;
}
.vhb-sectionWrap .vhb-tx{
	width: 400px;
	float: right;
	margin-bottom: 10px;
}
.vhb-sectionWrap .vhb-tx .orange{
	color: #F60;
	font-size: 110%;
}


/* @end */