@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; }
.caption{
	font-size: 12px;
	line-height: 1.6;
}

.mt45{ margin-top: 45px; }
.mt35{margin-top: 35px;}
.mt25{margin-top: 25px;}
.mt15{margin-top: 15px; }

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

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

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

body{
	padding:34px 0 ;
	font:14px/1.86 "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:.05em;
}
body, html{ background:#64C3F0 url(../images/bg.gif) repeat-y center; }

.wrapper{
	width:800px;
	margin:0 auto;
	background-color: #FFF;
	border-radius: 10px;
	box-shadow: 0 0 16px rgba(0,0,0,0.35);
}

#main{ padding: 30px 48px 55px 48px; }

#mainNotes{ padding-left: 17px; }

#lineup{
	padding: 135px 48px 68px 48px;
	background: #ffed61 url(../images/lineup_bg.gif) no-repeat top;
}

#topNav { margin-bottom: 63px; }
#topNav li{
	float: left;
	margin-left: 25px;
}
#topNav li:first-child{ margin-left: 0; }
#topNav a, #topNav img{ display: block; }

.product{
	margin-top: 16px;
	padding: 58px 26px 30px 26px;
	background: url(../images/lineup_product_bg.gif) no-repeat;
}

.product dl{
	float: right;
	width: 340px;
}
.product dt{ text-align: center; }
.product dd{
	margin-top: 50px;
	padding-left: 16px;
}

.inline{
	display: block;
	position: relative;
	width: 286px;
	outline: none;
}

.label{
	position: absolute;
	top:-24px;
	right:28px;
}

.cartblock{
	margin-top: 24px;
	padding-left: 30px;
	width: 220px;
}

.cartIcon{
	float:left;
	margin-right: 12px;
}
.cart{
	line-height: 28px;
	letter-spacing: -0.4em;
}
.cart li{
	display: inline-block;
	vertical-align: top;
}
.cart a:hover{
	opacity: 0.75;
	-ms-filter: "alpha(opacity=75)";
	filter: alpha(opacity=75);
}

#footerNav{ padding:40px 0 42px 48px; }

#footerNav li{
	float:left;
	margin-right: 100px;
}
#footerNav li:last-child{ margin-right: 0; }

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

#copyright{
	text-align:center;
	padding-bottom: 32px;
}

/* subpage
-------------------------------------------------------------------------------*/
.subpage{
	padding: 50px 0;
	background:#FFF url(../images/subpage_bg.gif) no-repeat top;
}

#subpageNav li{
	float: left;
	margin-right: 4px;
}
#subpageNav li:last-child{ margin-right: 0; }
#subpageNav a, #subpageNav img{ display: block; }

.subpage h1{
	margin: 16px 0 45px 0;
	text-align: right;
}

.subpageSec{
	width: 525px;
	margin: 0 auto;
}

.subpageSec p{ padding:44px 0 70px 26px; font-size: 16px; }

.detailImg{
	width: 732px;
	margin: 33px auto 60px auto;
}