@charset "utf-8";

/* Reset

Copyright (c) 2010, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.8.2r1

-------------------------------------------------------------------------------*/

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}input,button,textarea,select{*font-size:100%}

/* basic
-------------------------------------------------------------------------------*/

ul li a, ul li img{ display: block; }

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.red{ color: red; }

.mt30{ margin-top: 30px; }

.clear{ clear: both; }
.clrfx:after{
	content:"";
	display:table;
	clear:both;
}
.clrfx{zoom:1;}

.inline{ outline: none; }


/* layout
-------------------------------------------------------------------------------*/

body{
	font:13px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
	background: url(../images/bg.gif);
	border-bottom: 27px solid #000;
	-webkit-text-size-adjust: 100%;
}

.wrapper{
	width: 1000px;
	margin: 0 auto;
	padding: 55px 40px;
	background-color: #fff;
}


.nav{
	position: fixed;
	top: 0;
	width: 100%;
	min-width: 1110px;
	height: 50px;
	background-color: #231815;
	z-index: 100;
}

.nav ul{
	width: 1037px;
	margin: 0 auto;
	padding: 7px 0;
}

.nav li{
	float: left;
	padding: 5px 24px;
	border-left: 1px solid #808080;
}
.nav li:first-child{ border-left: none; }

#footer{
	margin-top: 40px;
	padding-top: 35px;
	background: url(../images/bg_vline.gif) repeat-x center top;
}

#footer li{
	display: inline-block;
	margin-right: 26px;
}
#footer li.fltR{ margin-right: 0; }



/* home */

#homeHead{
	position: relative;
	width: 100%;
	min-width: 1110px;
	height: 707px;
	border-bottom: 8px solid #000;
	background-color: #fff;
}

#homeHead ul li{
	position: absolute;
	width: 100%;
	height: 707px;
}

#homeHead ul li:first-child{ background: url(../images/main_img1.jpg) no-repeat top center; }
#homeHead ul li:last-child{ background: url(../images/main_img2.jpg) no-repeat top center; }

#homeHead h1{
	position: absolute;
	width: 100%;
	top: 35px;
	left: 0;
	text-align: center;
}

#homeLead{
	width: 100%;
	min-width: 1110px;
	background-color: #fff;
}

#homeLead > div{
	position: relative;
	width: 1000px;
	height: 447px;
	margin: 0 auto;
	padding-top: 40px;
}

#homeLead li{
	float: left;
	border-right: 1px solid #000;
}
#homeLead li:first-child{ border-left: 1px solid #000; }

#homeLead > div > div{
	position: absolute;
	bottom: 32px;
	left: 0;
}

#homeLead > div > p{ margin-left: 312px; }

#homeNav{ position: static; }

.homeProduct{
	margin-left: -5px;
	background: url(../images/bg_dot.gif) repeat-x center bottom;
}

.homeProduct li{
	float: left;
	width: 330px;
	height: 400px;
	margin: 0 0 5px 5px;
}

#homeProduct1{
	margin-top: 25px;
	margin-bottom: 30px;
	padding-bottom: 30px;
}
#homeProduct1 li:first-child{ margin-left: 163px; }
#homeProduct1 li:nth-child(6){ margin-left: 163px; }

#homeProduct2{
	margin-top: 15px;
	margin-bottom: 14px;
	padding-bottom: 44px;
}
#homeProduct2 li:first-child{ margin-left: 163px; }
#homeProduct2 li:nth-child(3){ margin-left: 163px; }

#homeProduct3{
	margin-bottom: 42px;
	padding-bottom: 21px;
}
#homeProduct3 li:first-child{ margin-left: 163px; }
	
#homeInfo{ background: url(../images/bg_dot2.gif) no-repeat top right; }
#homeInfo li{
	float: left;
	height: 504px;
	padding: 6px 60px 0 60px;
	background: url(../images/bg_dot2.gif) no-repeat top left;
}
#homeInfo li:last-child{ padding: 6px 22px 0 22px; }

#homeInfo2{
	padding-top: 47px;
	background: url(../images/bg_vline.gif) repeat-x center top;
}
#homeInfo2 > div{ float: left; margin-left: 26px; }
#homeInfo2 > div:first-child{ margin-left: 0; }

#homeInfo2 h3{ margin-bottom: 11px; }

#archive{ width: 245px; }
#archive li{
	float: left;
	margin-bottom: 6px;
	border-left: 1px solid #000;
	border-right: 1px solid #000;
}
#archive li:nth-child(even){ border-left: none; }

#profile{
	width: 500px;
	padding: 20px;
	padding-bottom: 0;
	font-size: 12px;
}


/* content */
.product{ padding-top: 85px; }

.slide{
	position: relative;
	height: 675px;
	margin-bottom: 40px;
}

.slideMain li{
	position: absolute;
	top: 0;
	right: 0;
}

.slideThumb{
	position: absolute;
	bottom: 0;
	left: 0;
}

.slideThumb li{ float: left; }

.slide h1{
	position: absolute;
	top: 0;
	right: -34px;
	z-index: 1;
}
.slide h1.bottom{ top: auto; bottom: 0; }

.productLead{
	height: 440px;
	margin-bottom: 38px;
	text-align: right;
	background: url(../images/bg_dot.gif) repeat-x center bottom;
}

.cartWrap{ margin-top: 20px; }
.cartWrap li{
	display: inline-block;
	margin-top: 10px;
	margin-right: 24px;
	text-align: right;
	vertical-align: top;
}
.cartShoes li{ margin-right: 5px; }
.cartSox{ width: 380px; }
.cartSox li{ margin-right: 5px; }

.cart span{
	display: inline-block;
	height: 1.86em;
	font-weight: bold;
	color: red;
}

.productInfo{ font-size: 13px; }

.productInfo dl{
	display: inline-block;
	margin-top: 26px;
	vertical-align: top;
}

.productInfo dt{
	font-weight: bold;
	color: #29abe2;
}
.productInfo dd{ margin-bottom: 12px; }

.productInfo .pl2{ margin-right: 60px;}
.productInfo .pl2 dd{
	margin: -1.86em 0 12px 6em;
}

.modelList{
	margin-top: 36px;
	padding-top: 30px;
	background: url(../images/bg_dot.gif) repeat-x center top;
	font-size: 12px;
}
.modelList dl{
	display: inline-block;
	vertical-align: top;
}
.modelList dl:first-child{ margin-right: 80px; }
.modelList dd{ margin-top: 16px; }

#footerNav{
	margin-top: 50px;
	padding-top: 28px;
	background: url(../images/bg_vline.gif) repeat-x center top;
}
#footerNav ul{ margin-top: 18px; }
#footerNav li{
	float: left;
	margin-bottom: 10px;
}
#footerNav ul li:first-child{
	width: 150px;
	padding-top: 47px;
}
#footerNav ul li:nth-child(17){
	width: 128px;
	padding: 37px 23px 0 23px;
}


/* demerit */
.demerit{ padding-top: 152px; }

.demTitle ul{ margin-top: 50px; }
.demTitle li{ margin-top: 10px; }
.demTitle{
	float: left;
	padding-left: 114px;
}

.demContent{
	position: relative;
	margin:0 0 60px 410px;
	padding-left: 75px; 
	border-left: 1px solid #000; 
}

.demContent h2{
	position: absolute;
	top: 0;
	left: -16px;
}

.demContent h3{ margin-bottom: 22px; }
.demContent p{ margin-bottom: 60px; }