@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
-------------------------------------------------------------------------------*/

.fltL{ float: left; }
.fltR{ float: right; }
.alnC{ text-align:center; }
.alnR{ text-align: right; }
.bold{ font-weight: bold; }
.caption{
	font-size: 12px;
	line-height: 1.6;
}

.mt60{ margin-top: 60px;}
.mt45{ margin-top: 45px; }
.mt35{margin-top: 35px; }
.mt30{margin-top: 30px; }
.mt25{margin-top: 25px; }
.mt20{margin-top: 20px;}
.mt15{margin-top: 15px; }

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

.op:hover{
	opacity: 0.6;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

/* 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);
}


/* main */

#main{
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	height: 956px;
	padding: 22px 0;
	background-color: #fff;
}

#main > div{
	min-width: 1000px;
	margin: 0 22px;
	height: 956px;
	background-color:#EFF2F4;
}

#main > div > div{
	position: relative;
	width: 1000px;
	height: 912px;
	margin: 0 auto;
}

.logo{
	position: absolute;
	top: 22px;
	left: 436px;
}

#mainNav{
	position: absolute;
	top: 493px;
	left: 101px;
}

#mainNav a, #mainNav img,
.nav a, .nav img{ display: block; }

#mainNav li{ margin-top: 10px; }

#mainNav li:first-child{ margin: 0 0 20px -6px; }

.nav{
	width: 100%;
	min-width: 1044px;
	height: 50px;
	background-color: #4d4d4d;
}

.nav ul{
	width: 1000px;
	margin: 0 auto;
}

.nav li{
	float: left;
	background: url(../images/nav_bg.gif) no-repeat right top;
}
.nav li:last-child{ background: none; }

.fixedNav{
	position: fixed;
	top: 0;
	z-index: 100;
}


/* content */

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

.content{
	position: relative;
	margin:0 20px 22px 20px;
	padding: 80px 0 98px 30px;
	border-bottom: 1px solid #040000;
}

.content h2{
	position: absolute;
	top: 80px;
	left: 0px;
	z-index: 50;
}

.prodMain{
	float: left;
	width: 500px;
}

.slide{
	position: relative;
	width: 500px;
	padding-bottom: 35px;
	background: url(../images/product_bg.gif) repeat-x center bottom;
}
.slide a, .slide img{ display: block; }

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

.slideThumb{ padding-top: 755px; }

.slideThumb li{
	position: relative;
	float: left;
	margin-right: 4px;
}
.slideThumb li:last-child{ margin-right: 0; }

.slideThumbOver{
	display: block;
	position: absolute;
	top: 0;
	left: 0;
}

.slide p{ margin-top: 15px; }

.product{
	padding: 20px 0 40px 0;
	background: url(../images/product_bg.gif) repeat-x center bottom;
}

.coatSize{
	font-weight: bold;
	font-size: 18px;
	text-align: center;
	line-height: 1.4;
}

.cart{
	color: #ff931e;
	font-weight: bold;
	font-size: 14px;
	text-align: right;
}
.cart a, .cart img{ display: block; }

.product dl dt{
	margin-top: 20px;
	font-weight: bold;
	color: #cd0000;
}
.product dl dt:first-child{ margin-top: 0; }

.product dl.fltL, .product dl.fltR{ width: 250px; }

.spec dd{ margin: -1.86em 0 20px 5.5em; }

.inline{ outline: none; }

.prodCopy{
	float: right;
	width: 380px;
	line-height: 2.23;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}

#toteExtra{
	position: relative;
	margin-bottom: 100px;
}
#toteExtraNav{
	position: absolute;
	bottom: 0;
}

#movie{
	width: 640px;
	height: 480px;
	padding: 20px;
	margin: 35px auto 90px auto;
	background-color: #000;
}

#footer{
	width: 100%;
	min-width: 1000px;
	margin: 0 auto;
	height: 1030px;
	padding: 22px 0;
	background-color: #fff;
}

#footer > div{
	min-width: 1000px;
	margin: 0 22px;
	height: 1030px;
	background-color:#EFF2F4;
}

#footer > div > div{
	position: relative;
	width: 1000px;
	height: 1030px;
	margin: 0 auto;
}

#modelImg{
	position: absolute;
	top: 160px;
	left: 370px;
}

#staff{
	position: absolute;
	top: 284px;
	right: 98px;
}

#model{
	position: absolute;
	bottom: 60px;
	left: 100px;
	font-size: 11px;
}

#footerNav{
	position: absolute;
	top: 150px;
	left: 100px;
	width: 174px;
}

#archive li{ float: left; }

#footerUtil{ margin-top: 56px; }

#footerUtil li{ margin-bottom: 10px; }

#footerNav ul a, #footerNav ul img{ display: block; }

#backtop{
	position: absolute;
	bottom: 188px;
	right: 95px;
}

#copyright{
	position: absolute;
	bottom: 60px;
	right: 96px;
}

/* attention
-------------------------------------------------------------------------------*/
#attention{
	float: right;
	width: 525px;
	line-height: 2.23;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;

}
#attention h2{
	position: static;
	top: 0;
	left: 0;
}
#attention p{ margin: 20px 0 50px 0; }
#attention p:last-child{ margin-bottom: 0; }

#attentionFooter{
	padding: 20px 50px 0 50px;
}

#attentionFooter ul{
	float: left;
	margin-right: 175px;
}