@charset "utf-8";

/* HEADER : LOGO and Navi and Lead */

#construct #headersub2{
	display:block;
	background-color:#fff;
	padding:24px 28px 0 40px;
	border-top:1px solid #333;
}
#construct #headersub2 ol{
	float:right;
	list-style-type:none;
	display:table;
	width:220px;
}
#construct #headersub2 ul{
	list-style-type:none;
	display:table;
}
#itemnavi{
	width:60px;
}
#cromnavi{
	width:160px;
}
#construct #headersub2 li{
	margin-top:0;
	float:left;
	border:0px solid #00f;
}
#headersub2 ul li a{
	float:left;
	height:0;
	overflow:hidden;
	background-position:0 0;
	background-repeat:no-repeat;
}
#headersub2 ul#cromnavi li a{
	width:160px;
	padding-top:20px;
}
#headersub2 ul#cromnavi li a.current{ background-position:0 -20px; }

#headersub2 li a:hover{ background-position:0 -20px; }
#headersub2 li#cromnavi00 a{ background-image:url( ../images/cromwell/crombtn00.gif ) ; }
#headersub2 li#cromnavi01 a{ background-image:url( ../images/cromwell/crombtn01.gif ) ; }
#headersub2 li#cromnavi02 a{ background-image:url( ../images/cromwell/crombtn02.gif ) ; }
#headersub2 li#cromnavi03 a{ background-image:url( ../images/cromwell/crombtn03.gif ) ; }
#headersub2 li#cromnavi10 a{ background-image:url( ../images/cromwell/crombtn10.gif ) ; }
#headersub2 li#cromnavi11 a{ background-image:url( ../images/cromwell/crombtn12.gif ) ; }
#headersub2 li#cromnavi12 a{ background-image:url( ../images/cromwell/crombtn11.gif ) ; }
#headersub2 li#cromnavi20 a{ background-image:url( ../images/cromwell/crombtn2.gif ) ; }

#headersub2 ul#itemnavi li a{
	width:60px;
	border:0px solid #f00;
}

#headersub2 li#itemnavi0 a:hover{ background-position:0 -80px; }
#headersub2 li#itemnavi1 a:hover{ background-position:0 -60px; }
#headersub2 li#itemnavi0 a{ background-image:url( ../images/cromwell/itemnavi0.gif ) ; padding-top:80px; }
#headersub2 li#itemnavi1 a{ background-image:url( ../images/cromwell/itemnavi1.gif ) ; padding-top:60px; }
#headersub2 li#itemnavi2{ height:20px; }

.itemnaviw{
	width:220px;
}
.itemnaviw li{
	height:35px;
}
#headersub2 ul.itemnaviw li a{
	width:220px;
	padding-top:35px;
}
#itemnavi00 a{ background-image:url( ../images/cromwell/itemnavi00.gif ) ; }
#itemnavi01 a{ background-image:url( ../images/cromwell/itemnavi01.gif ) ; }
#itemnavi02 a{ background-image:url( ../images/cromwell/itemnavi02.gif ) ; }
#headersub2 .itemnaviw li a:hover{ background-position:0 -35px; }


#construct #hdlead{
	display:block;
	float:left;
	width:652px;
	color:#333;
	padding-right:20px;
	font-size:0.8em;
	line-height:150%;
	letter-spacing:0.2px;
	text-align:justify;
	border:0px solid #fcc;
}
#construct #hdlead img{
	float:left;
	padding-right:16px;
	width:200px;
}
#construct #hdlead span{
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.5px;
}



/* CONTENTS */
#construct #contents{
	padding:24px 12px 32px 56px;
	display:block;
	width:892px;
	border-top:1px solid #000;
	letter-spacing:0.1px;
	background-color:#fff ;
}
/* Item BLOCK */
.itemblk{
	border:0px solid #fcf;
	margin-top:1px;
	display:block;
	width:848px;
}
.itemblk div#itemtitle{
	border:0px solid #ffcccc;
	display:block;
	width:876px;
	margin-bottom:8px;
}



/* ITEM : ----------------- */
/* ITEM : LEFT */
.itemblk div.itemleft{
	display:block;
	float:left;
	width:400px;
}
.itemblk div.itemleft dl.subimage{
	width:400px;
	margin-top:24px;
}


/* LEFT : main visual */
.itemblk div.itemleft dl.images{
	width:400px;
	float:left;
}
/* LEFT : HELMET */
.itemblk div.itemleft dl.images dt#helimg{
	margin-top:4px;
	width:400px;
/*	height:432px;*/
}
.helimgcaption{
	font-size:12px;
	line-height:120%;
	width:400px;
	color:#666;
}
.itemblk div.itemleft dl.images dd.side{
	display:block;
	height:220px;
	border:0px solid #fcc;
}
.itemblk div.itemleft dl.images dd.side div{
	float:left;
	width:196px;
	font-size:0.8em;
	margin-left:8px;
	border:0px solid #cfc;
	text-align:right;
}
.itemblk div.itemleft dl.images dd.side div#thum10{
	width:196px;
	margin-left:0px;
}
.itemblk div.itemleft dl.images dd.side2{
	display:table;
}
.itemblk div.itemleft dl.images dd.side2 ul{
	list-style-type:none;
}
.itemblk div.itemleft dl.images dd.side2 li{
	border:0px solid #f00;
	float:left;
	margin-top:8px;
	line-height:0;
}
.itemblk div.itemleft dl.images dd.side2 li.limg{
	clear:both;
}
.itemblk div.itemleft dl.images dd.side2 li.rimg{
	padding-left:8px;
}
.itemblk div.itemleft dl.images dd.side2 p{
	min-height:12px;
	line-height:120%;
	padding:2px 0 0 0;
	text-align:left;
	font-size:12px;
	letter-spacing:0.05em;
	display:block;
	clear:left;
/*	float:left;*/
	width:398px;
	font-family:Verdana, Arial, sans-serif;
}
/* Campinoe */
#campione ul{ width:400px; margin-top:6px; padding:0; float:left; }
#campione li{ width:196px; height:196px; margin:0 6px 0 0; padding:0; }
#campione li img{ border:1px solid #d8d8d8; margin:0; float:left; }

/* Air Force */
#airforce{ margin-top:32px; width:405px;}
#airforce ul{ width:135px; margin-top:8px; padding:0; float:left; }
#airforce li{ width:62px; height:62px; margin:5px 5px 0 0; padding:0; float:left;}
#airforce li img{ border:1px solid #d8d8d8; margin:0; float:left; }
#airforce li.thumtitle{ height:80px; }
#airforce li.mainthum{ width:130px; height:130px; }
#airforce li.smallthum{ margin-right:6px; }
/*
#airforce{ margin-top:32px; }
#airforce ul{ width:405px; margin-top:8px; padding:0; float:left; }
#airforce li{ width:130px; height:130px; margin:5px 5px 0 0; padding:0; }
#airforce li img{ border:1px solid #d8d8d8; margin:0; float:left; }
*/

/* Minibol */
#minibol{ margin-top:32px; }
#minibol ul{ width:400px; margin-top:8px; padding:0; float:left; }
#minibol li{ width:130px; height:130px; margin:0 5px 0 0; padding:0; }
#minibol li img{ border:1px solid #d8d8d8; margin:0; float:left; }
#minibol p{ width:130px; }
#minibol .side2sub{
	border-top:1px solid #ccc;
	padding-top:8px;
	margin-top:32px;
}
#minibol .side2sub li{
	width:97px;
	height:97px;
	margin:0 4px 0 0;
}
#minibol p{
	text-align:right;
}
#minibol .side2sub p{
	width:97px;
	font-size:10px;
}
/* LEFT : GLOVES */
.itemblk div.itemleft dl.images dt#glvimg{
	height:280px;
}
/* LEFT : colors */
.itemblk div.itemleft dl.images dd.colors{
	margin-top:24px;
	display:block;
	height:152px;
	border:0px solid #fcc;
}
.itemblk div.itemleft dl.images dd.colors div{
	text-align:right;
	float:left;
	width:122px;
	font-size:0.8em;
	margin-left:17px;
	border:0px solid #cfc;
}
.itemblk div.itemleft dl.images dd.colors img{
	border:1px solid #ccc;
}
.itemblk div.itemleft dl.images dd.colors div#thum00{
	width:120px;
	margin-left:0px;
}
/* LEFT : variation */
.itemblk div.itemleft dl.images dd.thumblk{
}
.itemblk div.itemleft dl.images dd.thumblk div{
	float:left;
	width:94px;
	font-size:0.8em;
	border:0px solid #cfc;
	text-align:right;
	margin-top:8px;
	margin-left:8px;
}
.itemblk div.itemleft dl.images dd.thumblk div img{
	border:1px solid #ccc;
}
.itemblk div.itemleft dl.images dd.thumblk div#thum10,
.itemblk div.itemleft dl.images dd.thumblk div#thum20{
	width:94px;
	margin-left:0px;
}

/* ITEM : RIGHT */

.itemblk div.itemright{
	display:block;
	float:right;
	width:400px;
	border:0px solid #fcc;
}

.itemblk div.itemright dl{
	width:400px;
	border:0px solid #cfc;
}

.itemblk div.itemright dl.lead dt,
.itemblk div.itemright dl.lead dd.txt{
	border:0px solid #090;
	width:400px;
	font-size:0.8em;
	line-height:160%;
	text-align : justify ;
}
.itemblk div.itemright dl.lead dt img,
.itemblk div.itemright dl.lead dd.txt img{
	float:left;
	padding:4px 8px 0 0;
}
.itemblk div.itemright dl.lead dt.catchcopy{
	font-weight:bold;
	font-size:1.0em;
	line-height:140%;
	margin-bottom:8px;
	color:#c00; /* #411600; */
	border-top:1px solid #c00; /* #411600; */ /*2px dotted #411600;*/
	border-left:6px solid #c00; /* #411600; */
	padding:4px 0 4px 16px;
}
.itemblk div.itemright dl.lead span{
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.5px;
}

/* RIGHT : HELMET */
.itemblk div.itemright dl.thumblk dd.thum{
	width:400px;
	height:408px;
	border:0px solid #090;
}
.itemblk div.itemright dl.thumblk dd.thum img{
	margin-top:12px;
}
.itemblk div.itemright dl.thumblk dd.thum div{
	float:left;
	width:180px;
	margin-left:40px;
	font-size:0.8em;
	text-align:right;
}
.itemblk div.itemright dl.thumblk dd.thum div#th00,
.itemblk div.itemright dl.thumblk dd.thum div#th02{
	margin-left:0px;
}

.itemblk div.itemright dl.thumblk dd.thum div#th00 img,
.itemblk div.itemright dl.thumblk dd.thum div#th01 img{
	margin-top:0px;
}

.itemblk div.itemright dl.thumblk span{
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.5px;
}


.itemblk div.itemright dd table{
	width:400px;
	white-space:nowrap;
	font-size:0.8em;
	margin-top:24px;
}

/* SPEC --------------------- */
.itemblk table.bgwh td,
.itemblk table.bgbk td{
	vertical-align:top;
	padding:7px;
	line-height:140%;
}
.itemblk table.bgwh td span,
.itemblk table.bgbk td span{
	font-family:Verdana, Arial, sans-serif;
	letter-spacing:0.5px;
}

.itemblk table.bgwh td{
	background-color:#ffffff;
	color:#000;
}
.itemblk table.bgwh td.specidx{
	background-color:#e0e0e0;
	white-space:nowrap;
	text-align:center;
}
.itemblk table.bgwh td#idxe{
	white-space:normal;
}
.itemblk table.bgwh td.specex{
	padding-top:0;
	color:#c00;
	white-space:normal;
}
.itemblk table.bgwh td.specex a,
.itemblk table.bgwh td.specex a:link{
	text-decoration:underline;
}
.itemblk table.bgwh td.specex a:hover{
	text-decoration:none;
}

.itemblk table.bgbk td{
	background-color:#333333;
	color:#ffffff;
}
.itemblk table.bgbk td.specidx{
	background-color:#151515;
	text-align:center;
	color:#ffffff;
}
/* -------------------------- */
#contents div.itemblk #glovespec{ margin:16px 0; width:400px; border:1px solid #ccc;}
#contents div.itemblk #glovespec ol{ float:left; list-style-type:upper-alpha; list-style-position: inside; width:174px; padding:8px; border:1px solid #e0e0e0; margin:8px; margin-left:0; }
#contents div.itemblk #glovespec li{ font-size:0.8em; text-align:justify;margin-bottom:8px; font-weight:bolder; line-height:120%; }
#contents div.itemblk #glovespec li span{ font-weight:normal; }
#contents div.itemblk #glovespec img#figure{ margin:16px auto; width:180px; padding:0 9px; float:left; }

#contents div.itemblk #sizespec{ clear:both; margin:0 auto; margin-bottom:2px; border-collapse : collapse; font-size:0.8em; width:380px; }
#contents div.itemblk #sizespec td{ border:1px solid #d8d8d8; text-align:right; font-family:'verdana', 'arial', 'helvetica', sans-serif; text-align:right; }
#contents div.itemblk #sizespec td.specidx{ background-color:#f8f8f8; text-align:center; padding-right:7px; font-family:'ヒラギノ角ゴ Pro W3','Osaka','ＭＳ ゴシック',monospace; }
#contents div.itemblk #sizespec tr.begin td{ background-color:#f0f0f0; text-align:center; padding-right:7px; }
#contents div.itemblk #sizespec td.floatfigure{ padding-right:0.5em; }
#contents div.itemblk #speccaptn{ font-size:x-small; font-color:#333; padding:2px 0 4px 0; text-align:right;width:380px; margin:0 auto;}

/* -------------------------- */
#contents div.naviitem{
	clear:both;
	font-size:12px;
	padding-top:24px;
	color:#333333;
	border:0px solid #411600;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}
#contents div.naviitem span{
	color:#411600;
}
#contents div.naviitem a{
	color:#411600;
	text-decoration:none;
}
#contents div.naviitem a:hover{
	text-decoration: underline;
}

/* To CART BUTTON ----------- */
#tocart{
	margin-top:24px;
	text-align:center;
}

.tocart{
	float:right;
	width:336px; /* 148px; */
	padding:24px 60px 0 0;
	margin-top:24px;
	list-style-type:none;
	font-size:80%;
	border-top:1px solid #ccc;
}
div.tocart,
ul.tocart li{
	width:336px;
	margin:0;
	padding:2px 0;
	height:24px;
	float:right;
	display:block;
}
div.tocart a,
ul.tocart li a{
	float:right;
	width:148px;
	height:0;
	padding:24px 0 0 0;
	overflow-y:hidden;
	background:url( ../images/onlineshop/tocart0.gif ) no-repeat 0 0;
}

div.tocart a:hover,
ul.tocart li a:hover{
	background-position:0 -24px;
}

.tocart span{
	padding-top:8px;
	padding-right:8px;
	font-size:12px;
	line-height:100%;
	width:180px;
	float:left;
	text-align:right;
	height:16px;
}


/* -------------------------- */
#contents div.pgtop{
	clear:both;
	width:848px;
	border:0px solid #000099;
	color:#333;
	text-align:right;
	font-size:0.8em;
	padding-top:24px;
}
#contents div.pgtop a{
	color:#333;
	text-decoration:none;
}
#contents div.pgtop a:hover{
	text-decoration: underline;
}


/* -------------------------- */
.bgwh td em{
	font-size:80%;
	background:#c00;
	padding:3px 5px;
	color:#fff;
	font-weight:bold;
	font-style:normal;
	letter-spacing:0.1em;
}