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

#title h1 {
	background:url(img/title.gif) no-repeat left top;
	text-indent:-9999px;
	height:47px;
}

a.btnBack {
	display:block;
	width:92px;
	height:20px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(img/bt_brandindex.gif) no-repeat left 0;
	float:right;
	margin-top:20px;
}

/* for Lineup */
.brand {
	width:222px;
	height:174px;
	border:1px solid #E5E5E5;
	margin:0px 0px 16px 16px;
	float:left;
	position:relative;
	z-index:9;
}

.first{
	margin-left:0px;
}

.brand a{
	background:#FFFFFF url(img/bt_more.gif) no-repeat right bottom;
	width:222px;
	height:174px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#333333;
}

.brand a:hover{
	background:#E5E5E5 url(img/bt_more.gif) no-repeat right bottom;
}


.brand img{
	margin:11px;
}

.brand  p{
	width:200px;
	display:block;
	font-size:83%;
	bottom:24px;
	left:12px;
	line-height:1.2;
	position:absolute;
	z-index:1;
}


#main{
	width:768px;
	float:right;
}

/* for Large thumbnail */

.lineL1{
	width:256px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;
	float:left;
}

.lineL2{
	width:512px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;
	float:left;
}

.lineL3{
	width:768px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;	
	float:left;
}

.thumbL {
	width:238px;
	margin-top:8px;
	margin-left:16px;
	position:relative;
	float:left;
	_display:inline;
	border:1px solid #E5E5E5;
}

.nolink{
	min-height:184px;
	_height:184px;
}

.nolink img{
	padding:11px;
}

.thumbL a{
	background:#FFFFFF url(img/bt_detail.gif) no-repeat right bottom;
	width:216px;
	min-height:184px;
	_height:184px;
	display:block;
	padding:11px;
}

.thumbL a:hover{
	background:#E5E5E5 url(img/bt_detail.gif) no-repeat right bottom;
}

.thumbL img{
	width:216px;
	display:block;
}


.thumbL dl{
	width:216px;
	display:block;
	position:absolute;
	left:11px;
	bottom:7px;
}

.thumbL dt{
	line-height:1.2;
	font-weight:bold;
}

.thumbL dd{
	line-height:1.2;
}


/* for Small thumbnail */
.lineS1{
	width:192px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;	
	float:left;
}

.lineS2{
	width:384px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;	
	float:left;
}

.lineS3{
	width:576px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;	
	float:left;
}

.lineS4{
	width:768px;
	display:block;
	overflow:hidden;
	margin-top:16px;
	margin-bottom:8px;	
	float:left;
}

.thumbS {
	width:174px;
	margin-top:8px;
	margin-left:16px;
	position:relative;
	float:left;
	_display:inline;
	border:1px solid #E5E5E5;
}

.thumbS a{
	background:#FFFFFF url(img/bt_detail.gif) no-repeat right bottom;
	width:152px;
	min-height:184px;
	_height:184px;
	display:block;
	padding:11px;
}

.thumbS a:hover{
	background:#E5E5E5 url(img/bt_detail.gif) no-repeat right bottom;
}


.thumbS dl{
	width:152px;
	display:block;
	position:absolute;
	left:11px;
	bottom:7px;
}

.thumbS dt{
	line-height:1.2;
	font-weight:bold;
}

.thumbS dd{
	line-height:1.2;
}

.thumbText{
	margin-left:16px;
	display:block;
}

.top32{
	margin-top:32px;
}

/* for thumbnail */

.cateTitle{
	width:100%;
	text-align:center;
	font-size:108%;
	font-weight:bold;
	padding:2px 8px;
	margin-left:16px;
	display:block;
	text-indent:-24px;
}

.subTitle{
	font-size:73%;
}


/* for detail */
.block{
	clear:both;
	width:752px;
	margin-left:16px;
	display:block;
	margin-top:16px;
}

.block:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.block p{
	margin-top:12px;
}

.Left img{
	margin-right:16px;
	margin-top:8px;
	margin-bottom:8px;
	float:left;
	display:inline;	
}

.Left img.setRight{
	margin-right:0px;
	overflow:hidden;
}

.Left img.setVer {
	margin-bottom:40px;
}

.Right{
	width:240px;
	margin-left:16px;
	float:right;
}


.cateHeader{
	width:736px;
	text-align:left;
	font-size:108%;
	font-weight:bold;
	padding:2px 8px;
	margin-left:16px;
	margin-top:16px;
}

/* for Technology */
.itemImage{
	float:right;
	margin-top:64px;	
}

.itemText{
	float:left;
	margin-top:16px;
	margin-right:16px;
	width:240px;
}
.itemText img{
	display:block;
	margin-bottom:12px;
}

.leatTitle{
	font-weight:bold;
	color:#FF0000;
}

.subblock{
	clear:both;
	padding-top:8px;
}

.subblock p{
	background-color:#F2F2F2;
	font-size:85%;
	padding:12px;
}

/* end Technology */


.itemPict{
	float:left;
	margin:16px 0px;	
}

.itemDetailL{
	float:right;
	margin-left:16px;
	width:240px;
}

.itemDetailS{
	float:right;
	margin-left:16px;
	width:368px;
}


.itemData {
	width:100%;
	overflow:hidden;
	margin-top:24px;
	border-bottom:1px solid #E5E5E5;
}

.itemData img{
	float:right;
	margin-top:8px;
}

.itemData h2{
	font-size:116%;
	font-weight:bold;
}

.itemData dl{
	clear:both;
	display:block;
	padding:3px 0px;
	border-top:1px solid #E5E5E5;
}

.itemData dt{
	float:left;
	width:80px;
	display:block;
}

.itemData dd{
	float:left;
	display:block;
	overflow:hidden;
}

.itemDetailL .itemData dd{
	width:160px;
}

.itemDetailS .itemData dd{
	width:288px;
}

.smalltxt {
	font-size:85%;
}

.boldtxt {
	font-weight:bold;
}

.kugiri{
	clear:both;
	width:752px;
	height:1px;
	border-bottom:1px solid #E5E5E5;
	margin:32px 0px 8px 0px;
	margin-left:16px;
}


table{
	width:752px;
	border-bottom:1px solid #E5E5E5;
	margin-top:8px;
}

table caption {
	margin-top:16px;
}


table th {
	background-color:#E5E5E5;
	font-size:85%;
	font-weight:bold;
	padding:4px;
	line-height:1;
	text-align:center;
}

table td {
	padding:4px;
	vertical-align:top;
	text-align:center;
	border-bottom:1px solid #E5E5E5;
}


/* for Cervelo */
#cervelo #side .sidetitle {
	color:#CC0000;	
}

#cervelo .cateTitle{
	background-color:#CC0000;
	color:#FFFFFF;
}

#cervelo .cateHeader{
	background-color:#CC0000;
	color:#FFFFFF;
}

#cervelo h2{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(img/tl_feature.gif) no-repeat left top;
	text-indent:-9999px;
}

#cervelo h3{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(img/tl_giometry.gif) no-repeat left top;
	text-indent:-9999px;
}

#cervelo h4{
	color:#CC0000;
	font-weight:bold;
	font-size:108%;
	margin-bottom:-8px;
}

#cervelo .itemDetailS h2{
	cc
	font-weight:bold;
	background:none;
	text-indent:0px;
	height:auto;
	margin-top:0px;
}

/* for lapierre */
#lapierre #side .sidetitle {
	color:#000000;	
}

#lapierre .cateTitle{
	background-color:#000000;
	color:#FFFFFF;
}

#lapierre .cateHeader{
	background-color:#000000;
	color:#FFFFFF;
}

#lapierre h3{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(img/tl_giometry.gif) no-repeat left top;
	text-indent:-9999px;
}


/* for MASI */
#masi #side .sidetitle {
	color:#990000;	
}

#masi .cateTitle{
	background-color:#990000;
	color:#FFFFFF;
}

#masi .cateHeader{
	background-color:#990000;
	color:#FFFFFF;
}

#masi h2{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(img/tl_feature.gif) no-repeat left top;
	text-indent:-9999px;
}

#masi h3{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(img/tl_giometry.gif) no-repeat left top;
	text-indent:-9999px;
}

/* for EASTON */
#easton #side .sidetitle {
	color:#000000;	
}

#easton .cateTitle{
	background-color:#000000;
	color:#FFFFFF;
}

#easton .cateHeader{
	background-color:#000000;
	color:#FFFFFF;
}

/* for KORE */
#kore #side .sidetitle {
	color:#000000;	
}

#kore .cateTitle{
	background-color:#000000;
	color:#FFFFFF;
}

#kore .cateHeader{
	background-color:#000000;
	color:#FFFFFF;
}


/* for TOKEN */
#token #side .sidetitle {
	color:#FF0000;	
}

#token .cateTitle{
	background-color:#000000;
	color:#FF0000;
}

#token .cateHeader{
	background-color:#000000;
	color:#FF0000;
}

#token h3{
	font-size:93%;
	margin-bottom:8px;
}

/* for bolle */

#bolle .cateTitle{
	background-color:#E1002B;
	color:#FFFFFF;
}

#bolle h2{
	color:#E1002B;
	font-weight:bold;
	font-size:108%;
}

#bolle h3{
	clear:both;
	margin-top:40px;
	display:block;
	height:13px;
	background:#FFFFFF url(bolle/img/tl_special_set.gif) no-repeat left top;
	text-indent:-9999px;
}

/* for BEASTGEAR */

#beastgear .cateTitle{
	background-color:#E1002B;
	color:#FFFFFF;
}

#beastgear h2{
	color:#E1002B;
	font-weight:bold;
	font-size:108%;
}

#beastgear .itemData h2{
	font-size:116%;
	font-weight:bold;
	color:#333333;
}

/* for 243RACING */
#racing243 #side .sidetitle {
	color:#666666;	
}

#racing243 .cateTitle{
	background-color:#666666;
	color:#FFFFFF;
}

#racing243 .cateHeader{
	background-color:#666666;
	color:#FFFFFF;
}


/* for DAKINE*/
#dakine #side .sidetitle {
	color:#336600;	
}

#dakine .cateTitle{
	background-color:#336600;
	color:#FFFFFF;
}

#dakine .cateHeader{
	background-color:#336600;
	color:#FFFFFF;
}


/* for deity*/
#deity #side .sidetitle {
	color:#000000;	
}

#deity .cateTitle{
	background-color:#CCCCCC;
	color:#000000;
}

#deity .cateHeader{
	background-color:#CCCCCC;
	color:#000000;
}