@charset "utf-8";

*{ line-height:140%; letter-spacing:0.1em; margin:0; padding:0; border:0;}

body{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo","Osaka","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	background:#000;
}
h1,h2,h3,h4,h5{ font-size:100%; font-weight:normal; }

a{ text-decoration:none; }
a:hover{ text-decoration:underline; }

table{ border-collapse : collapse ; }

/*---- HEADER // ----*/
h1{
	width:200px;
	height:100px;
	float:left;
}
h2{
	color:#fff;
}
em{
	font-style:normal;
	font-family:"Verdana","Arial","Helvetica",sans-serif;
}

#header{
	height:151px;
	border-bottom:1px solid #666;
	background:#000 url(../images/common/header_bg.png) repeat-x ;
	padding-top:19px;
}

#header div{
	margin:0 auto;
	width:940px;
	height:150px;
	border:0px solid #181818;
	border-width:1px 1px 0 1px;
}
#hdvisual{
	display:block;
	float:right;
	width:740px;
	height:100px;
}
#header address{
	float:left;
	clear:right;
	width:240px;
	height:50px;
	font-size:12px;
	color:#fff;
}

/* ----- NAVI // ----- */
#header ul { margin: 0pt; padding: 0pt; float: left; width: 700px; list-style: none outside none; position: relative; font-size: 12px; background:none repeat-x scroll 0% 0% transparent; }
#header ul li { float: left; margin: 0pt; padding: 0pt; height:50px; }
#header ul li a { display: block; color: rgb(240, 240, 240); text-decoration: none; }
#header ul li:hover { background:none repeat-x scroll 0% 0% rgb(19, 118, 201); }
#header ul li span { float: left; padding:10px 15px; position: absolute; left: 0pt; top: 50px; display: none; width: 670px; background: none repeat scroll 0% 0% rgb(102, 102, 119); color: rgb(153, 153, 153); -moz-border-radius-bottomright: 5px; -moz-border-radius-bottomleft: 5px; font-size: 12px; font-family:"Verdana","Arial","Helvetica",sans-serif; text-align:center;}
#header ul li:hover span { display: block; }
#header ul li span a { display: inline; color:#fff; }
#header ul li span a:hover { text-decoration: underline; color:#112; }
/* ----- // NAVI ----- */

/*---- // HEADER ----*/

#wrap{
	background:#000 url(../images/common/cw10bg.png) repeat-x ;

}
#content{
	margin:0 auto;
	width:940px;
	border:1px solid #333;
	border-width:0 1px;
	padding:20px 0 0 0;
	background:#000;

/*background:#300; */
}
#content h2{
	margin:10px auto;
	width:820px;
	border:1px solid #333;
}
#content a{
	color:#ccc;
}
#content a:hover{
	color:#eef;
}

#footer{
	border-top:1px solid #333;
	background:#000;
}
#credit{
	width:960px;
	margin:0 auto;
	padding:20px 0;
	color:#fff;
	font-size:12px;
	text-align:center;
	background:#080808;
}


/* new clearfix */
.clearfix:after{
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
}
* html .clearfix { zoom: 1; } /* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */


/* ----- NEWS // ----- */
#news{
	font-size:80%;
	color:#fff;
	width:820px;
	margin:20px auto 10px auto;
}
#news dl{
	float:left;
	width:820px;
	padding:10px 0;
	border-bottom:2px dotted #333;
}

#news dt,
#news dd{
	float:left;
	display:block;
}
#news dt{
	color:#f0f0ff;
	font-weight:bold;
	width:200px;
}
#news dd.honmon{
	text-align:left;
	width:500px;
	padding-left:10px;
	padding-right:10px;
	color:#ccc;
}
#news dd.honmon a{
	color:#eef;
}
#news dd.dated{
	font-size:90%;
	text-align:let;
	width:100px;
}
/* ----- // NEWS ----- */


/* ----- HISTORY // ----- */
#history{
	color:#ccc;
	font-size:80%;
	margin:20px auto;
	width:820px;
}
#history p{
	text-indent:1em;
	padding-left:-1em;
	line-height:150%;
	text-align:justify;
}
#history div{
	width:390px;
	margin-bottom:20px;
}
#history #honmon{
	float:right;
}
#history ul{
	list-style-type:none;
	width:410px;
	float:left;
	margin-bottom:10px;
}
#history li{
	width:210px;
	float:left;
	margin-bottom:10px;
}
#history .himgr{
	width:200px;
	float:right;
}
#history li img{
	vertical-align:top;
}
/* ----- // HISTORY ----- */

/* ----- HELMETS and GLOVES // ----- */
.iteminfo{
	width:820px;
	font-size:80%;
	color:#fff;
	margin:20px auto 10px auto;
}

.iteminfo th,
.iteminfo td{
	vertical-align:top;
	padding:8px 0 5px 0;
	text-align:center;
}
.iteminfo th{
	font-weight:normal;
	background:#333 url(../images/item/listidx_bg.png) ;
}
.iteminfo th span{
	font-weight:normal;
	color:#ccc;
}
.iteminfo .iname span{
	font-size:80%;
}
.iteminfo td{
	background:#181818;
}
.iteminfo td span{
	color:#ccc;
}
.iteminfo td ul{
	text-align:left;
	padding-left:30px;
}
.iteminfo .itemimages{
	background:#000;
	padding:5px 0;
}
.iteminfo .iname{
	background:#101010 url(../images/item/iname_bg.png) no-repeat ;
	padding-bottom:10px;
}
.iteminfo .iname strong{
	font-size:105%;
	font-family:'Arial', sans-serif;
}
.iteminfo .prices span{
	color:#999;
	font-size:90%;
}

.itemlist th,
.itemlist td{
	border:1px solid #484848;
}
.itemlist .bline{
	border-top:1px dotted #333;
	border-bottom:1px dotted #333;
}
.itemlist .blinel{
	border-right:1px dotted #333;
}
.itemlist .bliner{
	border-top:transparent;
	border-left-style:dotted;
}
.itemlist .blankcell{
	background:transparent;
	border:0;
}

#lead{
	padding:10px 0px 10px 64px;
	width:756px;
}
#lead p{
	color:#ccc;
	text-indent:1em;
	text-align:justify;
	line-height:150%;
}

#helmets th{ min-width:60px; }
#helmets .iname{ width:189px; }
#gloves th{ min-width:60px; }
#gloves .iname{ width:252px; }

.prices em{
	background:#900;
	padding:2px 3px;
	font-size:80%;
	line-height:100%;
	font-weight:bold;
}

/* ----- // HELMETS and GLOVES ----- */

/* ----- DEALER // ----- */
#dealer{
	font-size:80%;
	margin:20px auto;
	width:820px;
}
#dealer td{
	border:1px solid #484848;
	padding:3px 5px;
	color:#ccc;
	vertical-align:top;
}
#dealer td em{
	background:#c00;
	padding:2px 3px;
	font-size:80%;
	line-height:100%;
}
#dealer .idx{
	padding:8px 3px;
	color:#fff;
	background:#181818;
	text-align:center;
	white-space:nowrap;
}
#dealer .area{
	text-align:center;
	color:#fff;
}
#dealer .spname{
	font-size:90%;
	color:#666;
}
#dealer #updated{
	background:#181818;
	color:#999;
	font-size:90%;
	text-align:right;
}
#dealer td span{
	font-family:"Arial","Helvetica",sans-serif;
}
/* ----- // DEALER ----- */

/* ----- ONLINESHOP // ----- */
#onlineshop{
	color:#ccc;
	font-size:80%;
	margin:20px auto;
	width:820px;
}
#onlineshop .shopinfo{
	float:left;
	width:390px;
	border:1px solid #333;
	padding:4px;
	margin-bottom:10px;
	clear:left;
}
#onlineshop dl,
#onlineshop dt,
#onlineshop dd{
	float:left;
}
#onlineshop dt,
#onlineshop dd{
	display:block;
}
#onlineshop dt{
	clear:left;
}
#onlineshop .shopinfo dl{
	width:380px;
	margin-top:5px;
	padding:4px;
	border:1px solid #333;
}
#onlineshop .shopinfo dt{
	padding-right:0.5em;
	width:70px;
	text-align:right;
	white-space:nowrap;
}
#onlineshop .shopinfo dd{
	width:300px;
}
#onlineshop #onlineshopinfo{
	width:390px;
	float:right;
}
#onlineshop #onlineshopinfo p{
	text-indent:1em;
	padding-left:-1em;
	text-align:justify;
}
#onlineshop #onlineshopinfo dt,
#onlineshop #onlineshopinfo dd{
	margin-bottom:5px;
}

#onlineshop #onlineshopinfo dt{
	width:40px;
	height:40px;
	border:1px solid #333;
}
#onlineshop #onlineshopinfo dd{
	vertical-align:middle;
	padding-left:10px;
	width:338px;
	min-height:42px;
}
#onlineshop #onlineshopinfo h3{
	color:#fff;
	font-size:100%;
	font-weight:bold;
	width:390px;
	float:left;
	border-bottom:1px solid #666;
	margin-top:10px;
	margin-bottom:5px;
}
/* ----- // ONLINESHOP ----- */

div#cee_title h2{
	color:#000;
}

#helmets .note{
	margin-top:5px;
	color:#c00;
	line-height:120%;
	text-align:left;
	padding:0 10px;
}
#helmets .note a{ color:#c00; text-decoration:underline; }
#helmets .note a:hover{ color:#f00; }