@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:#333;
	font-size:75%;
	line-height:1.5em;
	font-family:Helvetica, Arial, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#FFF;
	-webkit-text-size-adjust:100%;
}

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

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

.mainimage h1{
	position:absolute;
	margin:0 auto;
	left:0;
	right:0;
	top:50%;
	margin-top:-78px;
	width:940px;
	text-align:right;
}


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

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



.contents{
	width:100%;
}



.conIn{
	width:940px;
	margin:0 auto;
	padding:40px 0;
	border-top:1px solid #CCC;
}

.info_txt{
	width:480px;
	text-align:left;
	float:left;
	line-height:1.7;
}


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






.item_area:after,
.conIn:after,
.colle_link:after,
.tights ul:after,
.tights_info:after,
.info_txt:after,
.glove_txt:after{
	  content: "";
	  display:table;
	  float:none;
	  clear: both;
}









.item_area{
	width:430px;
	float:right;
}

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

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


.tights ul{
	width:940px;
	margin:0 auto;
}

.tights ul li{
	float:left;
	width:202px;
	height:auto;
	overflow:hidden;
	margin-right:44px;
	margin-bottom:40px;
}



.item_area a,
.item_glove a,
.tights ul li a{
	width:200px;
	display:block;
	border:1px solid #FFF;
	color:#333;
	line-height:1.5;
	padding-top:10px;
	font-size:0.9em;
	margin-top:6px;
	text-align:center;
}

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

.item_area .buy,
.item_glove .buy,
.tights ul li .buy{
	width:100%;
	background:#808080;
	text-align:center;
	padding:2px 0;
	margin-top:5px;
}





.item_glove .item{
	width:202px;
	float:left;
	margin-right:20px;
}

.item_glove a{
	padding-top:0px !important;
}


.glove_txt{
	width:430px;
	text-align:left;
	float:left;
	line-height:1.7;
}




.tights_mens{
	width:940px;
	margin:0 auto;
	text-align:left;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(../images/dot.gif) 0 bottom repeat-x;
	margin-top:50px;
}

.tights_womens{
	width:202px;
	float:left;
	text-align:left;
	padding-bottom:5px;
	margin-bottom:10px;
	background:url(../images/dot.gif) 0 bottom repeat-x;
}
.tights_unisex{
	width:202px;
	float:left;
	text-align:left;
	margin-left:43px;
	padding-bottom:5px;
	margin-bottom:10px;
	margin-right:300px;
	background:url(../images/dot.gif) 0 bottom repeat-x;
}



.tights_tit{
	width:940px;
	margin:0 auto;
	text-align:left;
	margin-top:40px;
}

.tights_tit h2{
	height:auto;
}



.tights_info{
	width:940px;
	margin:0 auto;
	text-align:left;
	line-height:1.7;
	margin-top:20px;
}

.tights_info h2{
	height:auto;
	margin-bottom:20px;
	padding:30px 0 0 0;
}
.tights_info h3{
	font-size:1.8em;
}


.tights_pattern{
	width:500px;
	float:right;
}

.tights_compression{
	width:420px;
	float:left;
}

.tights_pad{
	width:500px;
	float:right;
}

.note{
	font-size:0.9em;
	line-height:1.4;
	margin-top:5px;
}




.colle_link{
	width:940px;
	margin:0 auto;
	padding:20px 0 50px 0;
}








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


.cate_name p{
	width:940px;
	margin:0 auto;
	text-align:left;
}





.more{
	width:100%;
	height:250px;
	margin-top:60px;
}
.more a{
	width:100%;
	display:block;
	height:250px;
	background:#CCC;
}

.more a p{
	margin-top:85px;
}




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


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