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



body{
	background:#fff;
	text-align:center;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	font-size:90%;
	border-top: solid 5px #187980;
	
}

a{	color: #187980;	}
a:hover{	color: #C00003;	}

#header,
#wrap,
#footer{
	margin: 0px auto;	
	text-align:left;
	width:1050px;
}

#header h1{
	float:left;
	width:245px;
}

#header div{
	float:right;
	width:230px;
	text-align:right;
}

#qanda{
	width:350px!important;
}

#logout p a{
	border: solid 1px #b4b4b4;
	text-align: center;
	padding: 12px 0px 8px 20px;
	display: block;
	width: auto;
	color: #000000;
	text-decoration: none;
	background: url(../imgs/icon_logout.gif) no-repeat 55px 8px;
}
#logout p a:hover{
	background: #f2f2f2 url(../imgs/icon_logout.gif) no-repeat 55px 8px;
}
.bg_gray,
.top_area{
	background:#f2f2f2;
	margin-top:10px;
}

.top_area .user{
	float: left;
	width: 500px;
	background: url(../imgs/icon_user.gif) no-repeat 20px 0.9em;
	padding: 15px 10px 15px 40px;
}

.top_area.cf ul{
	float: right;
	width: 490px;
	text-align:right;
}
.top_area.cf ul li{
	float: right;
	border-left: 1px solid #f2f2f2;
}
.top_area.cf ul li a{
	background-color: #187980;
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 15px 13px;
}

.n_order a{
	background:url(../imgs/icon_list.gif) no-repeat 10px center;
	padding-left:35px!important;
}
.n_cart a{
	background:url(../imgs/icon_cart.gif) no-repeat 10px center;
	padding-left:35px!important;
}

.n_cart a:hover,
.n_order a:hover{
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}



/*----------------------*/
/*		パンクズ	 		*/
/*----------------------*/

#breadcrumb{
	margin:15px 0;
	font-size:90%;
}
#breadcrumb ul li{
	float: left;
	padding: 0px 3px;
}

#breadcrumb ul{
	/*_width:100%;IE6*/
}


#breadcrumb ul li a{
	display:inline-block;
}

#breadcrumb ul li.home a{
	background: url(../imgs/icon_home.gif) no-repeat left center;
/*	_color: #111;IE6 必要か？*/
	/*_float: left;IE6 必要か？*/
	padding: 0 0 0 15px;
}

/*----------------------*/
/*	ログイン前 		*/
/*----------------------*/

ul.cat li{
	float:left;
	width:380px;
	height:100px;
	border:solid 1px #ccc;
	margin-bottom:10px;
}
ul.cat li a{
	width:360px;
	height:80px;
	display:block;
	padding:10px;
	font:200% "Impact","Arial Black", Gadget, sans-serif;
}

ul.cat li a span{
	font-size:13px!important;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}
ul.cat li.cap{ background:url(../../imgs/btnbg_cap.jpg) no-repeat left top;}
ul.cat li.tshirt{ background:url(../../imgs/btnbg_tshirt.jpg) no-repeat left top;}
ul.cat li.blouson{ background:url(../../imgs/btnbg_blouson.jpg) no-repeat left top;}
ul.cat li.goods{ background:url(../../imgs/btnbg_goods.jpg) no-repeat left top;}

ul.cat li a:hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
ul.side_box{
	margin-top: 20px;
	padding:10px 0;
	background-color: #fff;
}
ul.side_box li{
	width: 200px;
	background-color: #fff;
	margin: 10px auto;
}
ul.side_box li a{
	text-align:center;
	width:180px;
	padding:10px;
	border: 1px solid #ccc;
	display: block;
}
ul.side_box li a:hover{
	background:#333;
	color:#fff;
}

ul.side_cat{
	margin-top: 20px;
}

ul.side_cat li{
	border-bottom:dotted 1px #ccc;
	padding:10px;
}

/*----------------------*/
/*	ログイン後 		*/
/*----------------------*/
ol.num {
	margin: 5px auto 30px;
}

ol.num li{
padding: 10px 0;
text-indent:-3em;
padding-left:3em;
margin-left:10px;
border-bottom: dotted 1px #ccc;
}

/*----------------------*/
/*	新着情報	 		*/
/*----------------------*/

.news_area{
	border:solid 1px #187980;
	margin-bottom:30px;
	line-height:1.5em;
}
.news_area h3{
	background: #187980;
/*	padding: 10px 10px 10px 15px;*/
        padding: 5px 10px 5px 15px;
	color: #fff;
}

.news_area ul{
	margin:10px;
}

.news_area ul li{
	margin: 5px 0;
}



/*----------------------*/
/*		サイド	 		*/
/*----------------------*/
#contents{
	background:#fff url(../imgs/contents_bg.gif)repeat-y;
}
#side{
	float: left;
	width: 240px;
	line-height:1.5em;
	background:#f2f2f2;
}
#side h3{
	background: #343434;
	padding: 15px;
	color: #fff;
	text-align:center;
}
#side h3.icon_search{
	padding-left: 30px!important;
	background: #343434 url(../imgs/icon_search.gif) no-repeat 52px center;
	padding: 12px;
}

/*--------　検索　--------------*/

#side form{
	padding:0px 20px;
}

#side form ul li{
	margin: 10px 0;
}

/*#side form select {
	padding: 7px 10px;
	width: 100%;
	border: 1px solid #999;
	background: #fff url(../imgs/arrow_bd.gif) no-repeat right center;
	border-radius: 3px;         角R-CSS3草案   
	-webkit-border-radius: 3px;     Safari,Google Chrome用   
	-moz-border-radius: 3px;    Firefox用  
	appearance:none;
	position:relative;	
	behavior: url(shared/js/PIE.htc);
}*/


#side form option{
	-webkit-appearance:none;
	padding:5px;
}


#side form input{
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

/*input.ssf,
#side form input[type="text"]{
	border-radius: 3px;         角R-CSS3草案   
	-webkit-border-radius: 3px;     Safari,Google Chrome用   
	-moz-border-radius: 3px;    Firefox用  
	padding: 7px 10px;
	border: 1px solid #999;
	margin:5px 0;
	position:relative\9;	
	behavior: url(shared/js/PIE.htc);
}*/
#side form input[type="text"]{
	width: 178px;
}

/*#side form input[type="submit"]{
	border-radius: 3px;         角R-CSS3草案   
	-webkit-border-radius: 3px;     Safari,Google Chrome用   
	-moz-border-radius: 3px;    Firefox用  
	padding: 7px 10px;
	color:#fff;
	background:#187980;
	border: 1px solid #999;
	width: 100%;
behavior: url(shared/js/PIE.htc);
}*/

input[type="submit"]:hover{
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
opacity: 0.8;
}

#side form input[type="radio"],
#side form input[type="checkbox"] {
	/*チェックボックスを大きくする
    -moz-transform-origin: left center;
    -moz-transform: scale( 1.5 , 1.5 );
    -webkit-transform-origin: left center;
    -webkit-transform: scale( 1.5 , 1.5 );
				*/
}

.int_price{
	width: 148px!important;
}


/*--------　商品　--------------*/
.side_doods{
	text-align:center;
}
.btn_past_info a,
.btn_cart a,
.btn_dl a,
.btn_standard a,
.btn_syo_detail a{
	padding: 7px 10px 7px 20px;
	color: #fff;
	background: #187980;
	border: 1px solid #999;
	width: 170px;
	display: block;
	text-decoration: none;
	margin:5px auto;
}
.btn_past_info a:hover,
.btn_cart a:hover,
.btn_dl a:hover,
.btn_standard a:hover,
.btn_syo_detail a:hover{
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
opacity: 0.8;
}
.btn_standard a{
	background: #187980 url(../imgs/icon_standard.gif) no-repeat 20px center;
}

.btn_dl a{
	background: #187980 url(../imgs/icon_dl.gif) no-repeat 20px center;
}

.btn_cart a{
	background: #187980 url(../imgs/icon_cart.gif) no-repeat 30px center;
	text-align:center;
}

.btn_syo_detail a{
    background-color: #3377ff;
}

/*----------------------*/
/*		メイン 		*/
/*----------------------*/

#main{
	float: right;
	width: 775px;
	line-height:1.6em;
	margin-bottom:20px;
}

.ttl_h3{
	background: #343434;
	padding: 15px;
	color: #fff;
	margin-bottom:10px;
	line-height:1em;
}
.ttl_circle{
	margin-bottom: 10px;
	font-size: 1.3em;
	font-weight: bold;
	background: url(../imgs/ttl_circle.png) no-repeat 0em 0.1em;
	padding: 3px 0px 5px 25px;
	}

/*---ページネーション--------------*/
.page_index{	
background:#f2f2f2;
padding:5px 10px;
margin-top:10px;
}


/*---商品一覧--------------*/

.boxlist ul{
    margin-left:-11px;
    padding-top: 20px;
}

.boxlist ul li{
	width:135px;
	border: solid 3px #f2f2f2;
	padding:10px;
	background:#fff;
	text-align:center;
	float:left;
	/*margin-left:15px;*/
        margin-left:7px;
	margin-bottom:10px;
}
.boxlist ul li span.no{
	background:#f2f2f2;
	display:block;
	padding:5px;
	margin:5px;
	text-align:center;
}
.boxlist ul li p{
	text-align:left;
}
.boxlist ul li img{
	width:110px;
}
/*span.sale{
background: #D30003;
border-radius: 3px;         角R-CSS3草案   
-webkit-border-radius: 3px;     Safari,Google Chrome用   
-moz-border-radius: 3px;    Firefox用  
border:solid 3px #D30003;
width: auto;
padding:4px;
color:#fff;
font-weight:bold;
display:block;
margin-top:10px;
text-align:center;
position:relative\9;	
behavior: url(shared/js/PIE.htc);
}*/

/*---ニュース記事--------------*/

.e_data{
	text-align: center;
	background:#f2f2f2;
	border: solid 1px #ccc;
	width: 15em;
	float:right;
	padding:5px;
}
.e_body{
	padding:15px;
	line-height:1.6em;
}
.btn_green a,
.btn_back a{
	display: block;
	color: #fff!important;
	background: #187980;
	border: 1px solid #999;
	/*width: 7em;*/
        width: 170px;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 110%;
	/*padding:20px 50px;*/
        padding:10px 5px;
}

.btn_red a{
	display: block;
	color: #fff!important;
	border: 1px solid #999;
	/*width: 6em;*/
        width: 170px;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 110%;
	/*padding: 20px 50px;*/
        padding:10px 5px;
	background-color: #C70000;
}
.btn_red a:hover,
.btn_green a:hover,
.btn_back a:hover{
filter: alpha(opacity=80);
-ms-filter: alpha(opacity=80);
opacity: 0.8;
}

/*---マイページ--------------*/
.myp_list li a{
	display: block;
	border: 1px solid #999;
	width:29%;
	margin-bottom: 15px;
	text-decoration: none;
	text-align: center;
	font-size: 120%;
	padding:10px 15px;
	float:left;
	margin-right:17px;
}

.myp_list li a:hover{
	background: #ebf4f5 ;
	}


/*---注文状況・履歴確認一覧--------------*/
.olist_sttl{
	background: #343434 url(../imgs/icon_search.gif) no-repeat 10px center;
	padding: 5px;
	padding-left: 35px;
}
.olist_sttl h3{
	color:#fff;
	float:left;
	padding-top:4px;
	}
/*.olistbtn_submit{
	border-radius: 3px;         角R-CSS3草案   
	-webkit-border-radius: 3px;     Safari,Google Chrome用   
	-moz-border-radius: 3px;    Firefox用  
	padding: 7px 10px;
	color:#fff;
	background:#187980;
	border: 1px solid #999;
	width: 10em;
	float:right;
behavior: url(shared/js/PIE.htc);
}*/

table.olist_search{
	background:#f2f2f2;
	width:1052px;
	margin-left:-2px;
}

table.olist_search th,
table.olist_search td{
border-bottom: solid 1px #fff;
padding:7px;
vertical-align:middle;
background:#f2f2f2;
}
table.olist_search th{
	text-align: right;
	border-left: 2px solid #fff;
	}

/*---ボタン指定--------------*/

.btntub_lgray.none,
.btntub_dgreen.none,
.btntub_gray.none,
.btntub_lgray a,
.btntub_dgreen a,
.btntub_gray a{
	font-size: 13px;
	text-align:center;
	height:20px;
	width:auto;
	line-height:20px;
	margin:auto;
	border: 1px solid #cccccc;
	padding:2px;
	text-decoration: none;
	display:block;

	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
        /*behavior: url(shared/js/PIE.htc);*/
}
/*---noneの時用にaの親要素にも色を付ける--*/
.btntub_gray.none,
.btntub_gray a{
	background-color: #464646;
	color: #FFFFFF;
}
.btntub_lgray.none,
.btntub_lgray a{
background-color: #eee;
color: #333;
}
.btntub_dgreen.none,
.btntub_dgreen a{
background-color: #187980;
	color: #FFFFFF;
}

.btntub_lgray a{	color: #333;}


.btntub_lgray a:hover,
.btntub_dgreen a:hover,
.btntub_gray a:hover{
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
.btntub_lgray.none,
.btntub_dgreen.none,
.btntub_gray.none{
filter:alpha(opacity=30);
-moz-opacity: 0.3;
opacity: 0.3;
}
        
/*---カート一覧--------------*/

ul.cartbtn li{
	float:right;
	/*width:20%;*/
	margin-left:10px;
}
ul.cartbtn li.fl{
	float:left;
}
ul.cartbtn li div a{
	background-color: #464646;
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	/*IE 7 AND 8 DO NOT SUPPORT BORDER RADIUS*/
	text-align:center;
	color: #FFFFFF;
/*	width:auto;*/
        width:170px;
}

ul.cartbtn li div a{
	color: #FFFFFF;
	text-decoration: none;
	display:block;
	/*padding:10px;*/
        padding:7px 10px;
        line-height: normal;
}


ul.cartbtn li div.cbn_lgray a{
background-color: #eee;
	display:block;
}
ul.cartbtn li div.cbn_lgray a{
color: #333;
}
ul.cartbtn li div.cbn_dgreen a{
background-color: #187980;
	display:block;
}
ul.cartbtn li div a:hover{	
filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

.total_area{
	border: 1px solid #CCC;
	padding:10px 11px;
min-width:29%;
width: auto !important;
width: 29%;
float:right;
text-align:center;
margin:10px 0 15px;
background: #FEFFE5;
}

/*----------------------*/
/*		フッター 		*/
/*----------------------*/
#footer {
		border-top: solid 4px #187980;
		padding:20px 0;
		font-size:90%;
}
#footer p{
	text-align:left;
}
.fnav{
	float:left;
	width:550px;
}
.cprt{
	float:right;
	width:400px;
	text-align:right;
}
.cprt p{
	text-align:right!important;
}

/*----------------------*/
/*		カテゴリ 		*/
/*----------------------*/

.btn_category_r{
    background: #FF0000 url(../imgs/download.png) no-repeat  center;
}
.btn_category_b{
    background: #00B0F0 url(../imgs/download.png) no-repeat  center;    
}







/*----------------------*/
/*		teble関連 		*/
/*----------------------*/

/*---ねずみいろ-------------------*/

.tbl01 th,
.tbl01 td{
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding:5px 3px!important;
	text-align:center;
	vertical-align:middle;
}
.tbl01 th{
	background:#f2f2f2;
	font-weight:normal;
}
.tbl01 td img.b_color{
	border:solid 1px #ccc;
	display:inline;
	background:#fff;
	vertical-align:middle;
}
.tbl01,
.tbl01 th,
.tbl01 td{
empty-cells: hide;
}


/*---緑いろ-------------------*/

.tbl02 th,
.tbl02 td{
	border-right: 1px solid #b52d2d;
	border-bottom: 1px solid #b52d2d;
	padding:5px 3px!important;
	text-align:left;
	vertical-align:middle;
}
.tbl02 th{
	background:#fde4db;
	font-weight:normal;
}
.tbl02 td img.b_color{
	border:solid 1px #b52d2d;
	display:inline;
	background:#fff;
	vertical-align:middle;
}




table.p0510 th,
table.p0510 td{
	padding:5px 10px!important;
}

.bg_dgray{background:#464646!important;}
.bg_enji{background:#e9967a!important;}

/*----------------------*/
/*		幅関連 		*/
/*----------------------*/
.w100{ width:100%!important;}
.w90{ width:90%!important;}
.w80{ width:80%!important;}
.w70{ width:70%!important;}
.w60{ width:60%!important;}
.w55{ width:55%!important;}
.w50{ width:50%!important;}
.w40{ width:40%!important;}
.w30{ width:30%!important;}
.w25{ width:25%!important;}
.w20{ width:20%!important;}
.w15{ width:15%!important;}
.w12{ width:12%!important;}
.w10{ width:10%!important;}
.w09{ width:9%!important;}
.w08{ width:8%!important;}
.w07{ width:7%!important;}
.w06{ width:6%!important;}
.w05{ width:5%!important;}
.w04{ width:4%!important;}
.w03{ width:3%!important;}
.w02{ width:2%!important;}
.w01{ width:1%!important;}
.w48{ width:48%!important;}
.w15em{ width:15em!important;}
.w9em{ width:9em!important;}

.b_1g{ border: solid 1px #ccc;}

/*----------------------*/
/*		位置関連 		*/
/*----------------------*/
.mt00{margin-top:0px!important;}
.mt05{margin-top:5px!important;}
.mt10{margin-top:10px;}
.mb10{margin-bottom:10px;}
.mb05{margin-bottom:5px!important;}
.mb00{margin-bottom:0px!important;}
.mr00{margin-right:0px!important;}
.mr20{margin-right:20px!important;}
.ml10{margin-left:10px!important;}
.p20{ padding:20px;}
.p15{ padding:15px;}
.p10{ padding:10px;}
.va_b{vertical-align:bottom;}
.va_m{vertical-align: middle!important;}


/*----------------------*/
/*		文字関連 		*/
/*----------------------*/
.ta_l{ text-align:left!important;}
.ta_r{ text-align:right!important;}
.ta_c{ text-align:center!important;}



.bold {font-weight: bold !important;}
.c_kubota{color:#00a8a9;}
.c_red{color: #F31D1D;}
.c_white{color: #fff;}


.f80{ font-size:80%;}
.f90{ font-size:90%;}
.f130{ font-size:130%;}
.lh16{ line-height:1.6em!important;}
.lh20{ line-height:2em!important;}

hr.hrdot{
border:none;
border-top: dotted 1px #ccc;
height:1px;
}

/*----------------------*/
/*		clearfix 		*/
/*----------------------*/

/*clearfixの短縮版*/
.cf:before,
.cf:after{
  content:"";
  display: table;
}
.cf:after{
  clear:both;
}
/*IE6,7対策 （haslayout対策）*/
.cf{
  *zoom:1;
}
.fl{ float:left;}
.fr{ float:right;}

/*----------------------*/
/*		x 		*/
/*----------------------*/

a.alpha :hover{
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}
img.none{
	filter:alpha(opacity=30);
	-moz-opacity: 0.3;
	opacity: 0.3;
	background:#333;
}


/*----------------------*/
/*		border関連 		*/
/*----------------------*/
.bnone{ border:none!important;}
.b_1g{ border: solid 1px #ccc;}
.bt_2g{ border-top: solid 2px #ccc;}
.bt_1g{ border-top: solid 1px #ccc;}
.b_2g{ border: solid 2px #ccc;}
.b_2e{ border: solid 2px #b52d2d;}