@charset "utf-8";


body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, p,
fieldset, input, textarea, p, blockquote, th, td{margin: 0; padding: 0;}
img{border:none;outline: none;-ms-interpolation-mode:bicubic;}
img a{border:none;outline: none;}
a:focus{outline:none;}
a {overflow:hidden; text-decoration:none;}
ul li{ list-style:none; margin:0; padding:0;}

html{
	width:100%;
	height:100%;
	min-width:1000px;
}


.clearfix {
	float:none;
	clear:both;
}

body{
	width:100%;
	height:100%;
	min-height:100%;
	margin:0px;
	padding:0px;
	text-align:center;
	color:#FFF;
	font-size:12px;
	line-height:1.5em;
	font-family:Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#000;
	-webkit-text-size-adjust:100%;
}


#wrapper{
	position: relative;
	width:100%;
}


.mainimage{
	position:relative;
	height:450px;
	overflow:hidden;
	background:url(../images/main_image.jpg) no-repeat center center;
	background-size:cover;
	text-align:center;
}
.mainimage h1{
	width:940px;
	margin:0 auto;
	text-align:right;
	margin-top:110px;
}



.mainimage02{
	position:relative;
	height:350px;
	overflow:hidden;
	background:url(../images/main_image02.jpg) no-repeat center center;
	background-size:cover;
}


@media screen and (min-width:1400px){
	.mainimage{height:550px}
	.mainimage h1{ margin-top:160px;}
	.mainimage02{height:650px}
}
@media screen and (min-width:1800px){
	.mainimage{height:650px}
	.mainimage h1{ margin-top:210px;}
	.mainimage02{height:750px}
}
@media screen and (min-width:2000px){
	.mainimage{height:750px}
	.mainimage h1{ margin-top:260px;}
	.mainimage02{height:850px}
}









#navi{
	width:100%;
	background:#F0F0F0;
}

#navi ul{
	width:940px;
	margin:0 auto;
}
#navi ul li{
	width:313px;
	float:left;
	text-align:center;
	padding:7px 0;
}



.contents{
	width:100%;
	border-bottom:1px solid #333;
	padding:40px 0;

}

.jacket .conIn{
	background:url(../images/jacket_bk.jpg) left 0 no-repeat;
}
.shirt .conIn{
	background:url(../images/shirt_bk.jpg) right 0 no-repeat;
}




.conIn{
	width:940px;
	margin:0 auto;
}

.info_right{
	width:445px;
	margin-left:495px;
	text-align:left;
}
.info_left{
	width:445px;
	text-align:left;
}


h2{ font-size:0.9em; line-height:1.5em; font-weight:normal; height:70px;}
h3{ font-size:1.7em; line-height:1.5em; font-weight:normal; padding-bottom:6px;}
h4{ font-size:1em; line-height:1em; font-weight:bold; padding:0px 0 7px 0; margin-top:18px; text-indent:12px; background:url(../images/arrow.gif) 0 0 no-repeat;}

.detail{ font-size:0.9em; line-height:1.5em;}

.photoinfo{ width:445px; margin-top:10px;}
.photoinfo div{ float:left; width:250px;}
.photoinfo h4{ margin-top:0px; text-indent:12px; background:url(../images/arrowbk.gif) 0 0 no-repeat;}


.item_area{
	width:445px;
}

.item_area .leftitem{
	width:202px;
	float:left;
	text-align:center;	
}

.item_area .rightitem{
	width:202px;
	float:right;
	text-align:center;
}

.item_area a{
	width:200px;
	display:block;
	border:1px solid #000;
	color:#FFF;
	line-height:1.5;
	padding-top:10px;
	font-size:0.9em;
	margin-top:6px;
}

.item_area h3{
	font-weight:normal;
	margin:10px 0 0 0;
	padding:0;
	font-size:1.0em !important;
}

.item_area .buy{
	width:100%;
	background:#595959;
	text-align:center;
	padding:2px 0;
	margin-top:5px;
}



.bottom_link{
	width:940px;
	padding:40px 0 0 0;
}










.cate_name{
	width:100%;
	background:#333;
	text-align:center;
	padding:25px 0;
}




.bt_all{
	height:auto;
	position:relative;
}

.bt_all a{
	display:block;
}

.bt_all .more{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:50%;
	margin-top:-36px;
}




.over a:hover img {
	filter:alpha(opacity=60); 
	-moz-opacity:0.60;
	-khtml-opacity: 0.6;
	opacity:0.60
}


.clearfix {
	float:none;
	clear:both;
}