@charset "utf-8";

/*
======== table of content. =================================

summary:トップページ用レイアウト定義

-CONTENT

-MAIN
  - MAIN RIGHT
  	

============================================================
*/


/*-------------------------------------
MAIN
---------------------------------------*/

/*pagetopnavi*/

div#main div.pagetopnavi {
	margin:0 0 0 60px;
	width:600px;
	}
	
div#main div.pagetopnavi p.attention{
	clear:both;
	width:100%;
	margin:10px 0 0 1em;
	text-indent:-1em;
	font-size:92%;
	color:#AF103C;
}


div#main div.pagetopnavi  ul.inpageitem li{
background:url(../original/images/ic_bottom.jpg) no-repeat left 3px;
padding:0 0 5px 15px;
float:left;
width:100px;
}

div#main div.pagetopnavi  ul.inpageitem li a{
	color:#000000;
	}
div#main div.pagetopnavi  ul.inpageitem li.parts{
	width:250px;
}
div#main div.pagetopnavi  ul.inpageitem li.jack{
	width:135px;
	padding-right:0;
	} 

div#main div.pagetopnavi  ul.inpageitem li.femi{
	width:220px;
	padding-right:0;
	} 
	
div#main div.pagetopnavi  ul.inpageitem li.helmet{
	width:110px;
}

div#main div.pagetopnavi  ul.inpageitem li.acc{
	width:175px;
	padding-right:0;
	} 

div#main div.pagetopnavi dl {
	clear:both;
	margin-top:10px;
	margin-bottom:5px;
	}

div#main div.pagetopnavi dl dt{
	width:90px;
	float:left;
	}

div#main div.pagetopnavi dl dt.collabo{
	width:130px;
	}

div#main div.pagetopnavi dl dd{
	padding-left:90px;
	padding-top:2px;
	}


/*comment*/
div#main p.comment{
	margin:20px 0 0 30px;
	width:600px;
	clear:both;
}


/* shipping */
div#main p.shipping{
	width:575px;
	margin:10px 0 10px 30px;
	padding:0 0 0 25px;
	background:url(../images/common/ic_sidenavi_shipping.gif) no-repeat 0 2px;
}


/*section*/
div#main div.section h3{
	margin:40px 0 10px 0;
	clear:both;
	}



/*itembox*/
div#main div.items{
	margin:0 0 0 10px;
	clear:both;
	}

/*itembox*/

div.section .itembox{
	background:#FFF0D2;
	border:1px solid #E9A47E;
	width:120px;
	margin:10px 0 0 6px;
	float:left;
	padding:0 0 10px 0;
	}

div.section .itembox h4{
	margin:9px 0 0 10px;
	}

div.section .itembox p{
	margin:5px 0 0 10px;
	}

div.section .itembox dl{
	margin:5px 10px 0 10px;
	clear:both;
	}

div.section .itembox dl dt{
	background:url(../item/images/ic_ttl.jpg) no-repeat left 3px;
	padding-left:12px;
	}

div.section .itembox dl dt a{
	color:#333;
	}
	
div.section .itembox dl dd{
	margin:5px 0 0 0;
	}
	

#top #container #wrapper #content #main .items .itembox .price {
	font-weight:bold;
	color: #333;
	display:block;
	margin:0 0 2px 0;
	background:url(../item/images/bg_price.gif) no-repeat left 2px;
	padding-left:43px;
	line-height:1.2;
	font-size:92%;
}


/* HELMET
-------------------------------------------------------------------------
*/

div.helmetitems {
	width:650px;
	margin:0 auto;
	padding:0 0 0 10px;
}

div.helmetitems h4{
	margin:0 0 20px 0;
}

div.iteminfo{
	width:320px;
	float:left;
	}

div.iteminfo div.itemmain{
	position:relative;
	}

div.iteminfo div.itemmain dl.catalog{
	position:absolute;
	top:77px;
	left:128px;
	}

div.iteminfo dl.catalog dd{
	padding:2px 0 0 0;
	font-size:84%;
	}

div.iteminfo dl.spec{
	width:300px;
	padding:0 0 0 11px;
	}

div.iteminfo dl.spec dt{
	background:url(../item/images/ic_helmet.jpg) no-repeat 0 12px;
	padding:7px 0 0 12px;
	font-weight:bold;
	}

div.iteminfo dl.spec dd{
	padding:0 0 0 12px;
	}

div.iteminfo dl.spec dd span{
	width:70%;
	display:block;
	padding:5px 0 0 10px;
	background:url(../item/images/ic_kome.gif) no-repeat 0 10px;
}

div#helmet dl.pdf{
	margin-top:20px;
	margin-left:10px;
	padding-top:15px;
	background:url(../item/images/bg_pdf.gif) no-repeat 0;
}





/* TOURING ITEM
-------------------------------------------------------------------------
*/

div#tour {
	clear:both;
	width:671px;
}

div#tour h3{
	clear:both;
	width:671px;
	margin:0;
	padding:0;
}


div#tour div.kplus{
	width:630px;
	margin:15px auto;
	background:url(../item/images/bg_tour.jpg) no-repeat left top;
	height:356px;
	position:relative;
}

div#tour div.kplus h4{
	margin:0 0 0 31px;
	padding:19px 0 0 0;
}

div#tour div.kplus dl.bag{
	width:360px;
	margin:20px 0 10px 31px;
	color:#FFFFFF;
}

div#tour div.kplus dl.bag dt{
	font-size:150%;
	font-weight:bold;
}

div#tour div.kplus dl.bag dd{
	padding-top:5px;
	font-size:125%;
}

div#tour div.kplus p{
	width:125px;
	padding:5px 0 15px 35px;
	background:url(../item/images/bg_btn_tourlink.jpg) no-repeat left top;
	margin:0 0 0 250px;
}

div#tour div.kplus dl.pdf{
	background:url(../item/images/bg_tourpdf.jpg) no-repeat left top;
}

div#tour div.kplus dl.pdf dt a:hover{
	background:#FFF;
}

div#tour div.kplus dl.pdf dd{
	color:#FFF;
}

div#tour div.kplus dl.pdf dd a{
	color:#FFF;
}

/* pdf */

dl.pdf{
	clear:both;
	width:570px;
	padding:9px 15px 0 15px;
	height:50px;
	margin:0 auto;
}

dl.pdf dt{
	width:135px;
	float:left;
}

dl.pdf dt a:hover{
	display:block;
	width:124px;
	height:32px;
}

dl.pdf dt a:hover img{
    opacity:0.7;
    filter: alpha(opacity=70);
}

dl.pdf dd{
	width:355px;
	float:left;
	padding-top:8px;
}

/* soldout */

/* PARTS
-------------------------------------------------------------------------
*/
div#parts div.iteminfo{
	width:368px;
	float:right;
	margin:0 30px 0 0;
	display:inline;
}
div#parts div.iteminfo h3{
	margin:0 0 15px 0;
}
div#parts div.iteminfo dl dt{
	font-weight:bold;
	margin:10px 0 0 0;
}
div#parts div.iteminfo dl dd{
	margin:0 0 0 1em;
}
div#parts div.photoarea{
	width:244px;
	float:left;
	display:inline;
	background:url(../item/images/parts/bg_photo.jpg) no-repeat 0 0;
}
div#parts div.photoarea p.photo{
	text-align:center;
	padding:30px 0 5px 0;
}
div#parts div.photoarea p.btn{
	margin:0;
	padding:0;
}
div#parts div.iteminfo-wrapper{
	width:100%;
	overflow:hidden;
	margin:30px 0 0 0;
}
div#parts div.case-wrapper{
	width:100%;
	clear:both;
	margin:30px 0 0 0;
	background:url(../item/images/parts/bg_product_horncover_loop.jpg) repeat-y 0 0;
}
div#parts div.case{
	background:url(../item/images/parts/bg_product_horncover_bottom.jpg) no-repeat 0 100%;
	padding:0 0 30px 0;
}
div#parts div.case ul{
	width:660px;
	overflow:hidden;
	margin:15px 0 0 5px;
}
div#parts div.case ul li{
	width:206px;
	float:left;
	display:inline;
	margin:0 0 0 12px;
}
div#parts div.case ul li span{
	display:block;
	width:190px;
	padding:8px;
	height:140px;
	margin:0 0 10px 0;
	background:url(../item/images/parts/bg_parts_horncoverexam.jpg) no-repeat 0 0;
}
div#parts div.case ul li strong{
	margin:0 0 0 5px;
}