@charset "shift_jis";
/* CSS Document */

*{
	margin:0;
	padding:0;
}
body{
	background:#FFF;
	color:#000;
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	letter-spacing: 1px;
	font-size:12px;
}
a{
	text-decoration:none;
}
img{
	border:0;
}
li{
	list-style:none;
}
.mg10{
	margin-bottom:10px;
}
.mg20{
	margin-bottom:20px;
}
.mg30{
	margin-bottom:30px;
}
.mg50{
	margin-bottom:50px;
}
.line{
	border-bottom:1px solid #000;
}

#wrapper{
}

#contents{
	width:950px;
	margin:0 auto;
	text-align:center;
}
#contents h1{
	margin:36px auto 10px auto;
	padding-bottom:30px;
	border-bottom:1px solid #000;
}

#tabs{
	width:950px;
	margin:0 auto;
}
/* 最初はパネルは非表示 */
#tabs .panel {display:none;}
#tabs ul{
	padding-left:357px;
}
#tabs ul li{
	float:left;
	display:inline;
}
#tabs li.tab_mens{
	margin-right:50px;
}
#tabs li.tab_mens a{
	background:url(../img/mens.gif) no-repeat left top;
	width:70px;
	height:16px;
	display:block;
}
#tabs li.tab_womens a{
	background:url(../img/womens.gif) no-repeat left top;
	width:113px;
	height:16px;
	display:block;
}
#tabs li.tab_mens a:hover,
#tabs li.tab_womens a:hover{
	background-position:0 -16px;
}
#tabs li.active a{
	background-position:0 -16px;
}
#tabs #panel1,
#tabs #panel2{
}
.btnCart a,
.btnCart2 a,
.btnCart3 a{
	background:url(../img/btn_buy.gif) no-repeat left top;
	width:86px;
	height:25px;
	display:block;
}
.btnCart a:hover,
.btnCart2 a:hover,
.btnCart3 a:hover{
	background-position:0 -25px;
}
#tabs #panel1 .mainArea,
#tabs #panel2 .mainArea{
	text-align:left;
}
#tabs #panel1 .mainArea .img,
#tabs #panel2 .mainArea .img{
	float:left;
	margin-right:30px;
}
#tabs #panel1 .mainArea .infoArea,
#tabs #panel2 .mainArea .infoArea{
	float:left;
}
#tabs #panel1 .listArea ul,
#tabs #panel2 .listArea ul{
	width:950px;
	padding:0 !important;
}
#tabs #panel1 .listArea ul li,
#tabs #panel2 .listArea ul li{
	float:left;
	display:inline;
	margin-right:10px;
	position:relative;
}
#tabs #panel1 .listArea ul li.mg0,
#tabs #panel2 .listArea ul li.mg0{
	margin-right:0px;
}
#tabs #panel1 .listArea ul li .img2,
#tabs #panel2 .listArea ul li .img2{
	margin-bottom:17px;
}
#tabs #panel1 .listArea ul li .btnCart2,
#tabs #panel2 .listArea ul li .btnCart2{
	position:absolute;
	top:295px;
	left:0;
}
#tabs #panel1 .listArea ul li .img3{
	float:left;
	margin-right:10px;
}
#tabs #panel1 .listArea ul li .info3{
	float:left;
}
#tabs #panel1 .listArea ul li .btnCart3{
	position:absolute;
	top:110px;
	left:240px;
}
.bd{
	border-bottom:1px solid #000;
}








p.footer{
	font-size:10px !important;
	text-align:center;
	margin-top:30px;
	color:#666;
	font-weight:normal;
}


/*============================ clearfix =============================*/

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1px;}
.clearfix {display: block;}
/* End hide from IE-mac */

.lineclear {
	background-image:none;
}

.clearfix { min-height: 1px; }