/*------------------------------ common setting ------------------------------*/
/*---------------------------------------
　common tag
---------------------------------------*/
h2{
	margin:0 auto 10px auto;
	padding:0;
	font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
	font-size:200%;
	line-height:200%;
	text-align:left;
	color:#E8B93A;
}
h3{
	margin:0 auto 10px auto;
	padding:0;
	font-size:120%;
	line-height:180%;
	text-align:left;
	color:#000;
}

/* リンク指定 */
a{ color:#000; }

/* 要素 */
p{
	margin:0 0 30px 0;
	padding:0;
}
ul, ol{
	margin-bottom:30px;
}

table{
	margin:0 0 30px 0;
	padding:0;
	text-align:left;
	table-layout:fixed;
    border-collapse:collapse;
    border-spacing:0;
	border:#8DE4DB solid 1px;
}
th, td{
	padding:15px;
	text-align:left;
	border:#8DE4DB solid 1px;
}
th{
	font-weight:bold;
}

/*---------------------------------------
　common class
---------------------------------------*/
/* clearfix */
.cf{
	width:100%;
	display:block;
	margin:0;
	padding:0;
	height:0;
	font-size:0;
	line-height:0;
	clear:both;
}
.cf:before,
.cf:after{
	content: " "; 
	display:table;
}
.cf:after { clear:both; }
.cf { zoom:1; }

/* Font */
.small { font-size: 90%; line-height: 160%; }
.large { font-size: 120%; }
.red { color: #f00; }

/* .position */
.center{
	margin:0 auto 30px auto;
	text-align:center;
	clear:both;
}
.left{
	float:left;
	padding:0 20px 20px 0;
}
.right{
	float:right;
	padding:0 0 20px 20px;
}

/*---------------------------------------
　rayout
---------------------------------------*/
body{
	margin:0 auto;
	padding:83px 0 10px 0;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	font-size:100%;
	line-height:100%;
	color:#000;
	background:#8de4db;
}
.container{
	width:1000px;
	margin:0 auto 20px auto;
	padding:0;
	text-align:left;
}
.container:after{
	content: " "; 
	display:table;
	clear:both;
}

/* .main */
.main{
	width:950px;
	margin:0 auto;
	padding:25px;
	text-align:left;
	font-size:85%;
	line-height:180%;
	background:#fff;
}
.main:after{
	content: " "; 
	display:table;
	clear:both;
}
.main#index{
	width:1000px;
	padding:0;
	background:none;
}

/*---------------------------------------
　#header, #footer
---------------------------------------*/
#header{
	width:1000px;
	height:90px;
	margin:0 auto;
	padding:0;
	font-size:0;
	clear:both;
}
#header:after{
	content: " "; 
	display:table;
	clear:both;
}
#headlogo{
	float:left;
	width:355px;
	margin:40px 0 0 0;
	padding:0;
	text-align:left;
}
h1{
	float:left;
	width:285px;
	margin:0 auto;
	padding:0;
	font-size:0;
	line-height:0;
	text-align:left;
}
#headcart{
	float:right;
	width:180px;
	margin:0;
	padding:52px 0 0 0;
}

#footer{
	width:950px;
	margin:0 auto;
	padding:25px 25px 0 25px;
	font-size:85%;
	line-height:180%;
	background:#fff;
}
#footer:after{
	content: " "; 
	display:table;
	clear:both;
}
#footer p.infoadd{
	float:left;
	margin:0;
	padding:0 50px 0 0;
}
#footer #footlogo{
	float:left;
	margin:2em 0 0 0;
	padding:0;
}
#footer .inforule{
	width:100%;
	margin:25px 0 0 0;
	padding:5px 0 0 0;
	text-align:right;
	clear:both;
	border-top:#000 solid 1px;
}
#footer .inforule p{
	margin:0 0 10px 0;
}
#copyright{
	margin:0 auto;
	padding:0;
	font-size:80%;
	text-align:center;
}
#footer a, #copyright a{ text-decoration:none; }
#footer a:hover, #copyright a:hover{ text-decoration:underline; }

/*---------------------------------------
　#foot_info
---------------------------------------*/
#foot_info{
	width:100%;
	margin:20px auto 0 0;
	padding:10px 0;
	background:#f2f2f2;
}
#foot_info:after{
	content: " "; 
	display:table;
	clear:both;
}
#foot_info .title{
	margin:0;
	padding:0;
}
#foot_info .subtitle{
	margin:0 0 20px 0;
	padding:0;
}
#foot_info .infobox{
	float:left;
	width:425px;
	margin:0 auto;
	padding:0 25px;
}
#foot_info p{
	margin:0 0 20px 5px;
	padding:0;
}


/*------------------------------ Page setting ------------------------------*/
/*---------------------------------------
　#index
---------------------------------------*/
#topimage{
	width:1000px;
	height:662px;
	margin:0 auto 10px auto;
	padding:0;
	text-align:center;
	background:url(img/topimage_bg.jpg) bottom center no-repeat;
}

/*-- .cat, .catleft, .catright --*/
#index .cat{
	width:1000px;
	margin:0 auto 10px auto;
	padding:0;
	background:#fff;
}
#index .cat:after{
	content: " "; 
	display:table;
	clear:both;
}
#index .cat .image,
#index .cat .text{
	width:500px;
	margin:0;
	padding:0;
}
#index .cat .text{
	text-align:center;
}
#index .cat h2{
	margin:148px auto 95px auto;
	padding:0;
	text-align:center;
}
#index .cat p{
	width:300px;
	margin:0 auto 70px auto;
	padding:0;
}
#index .cat .photo{
	margin:0 auto 60px auto;
	padding:0;
}
#index .cat .price{
	margin:0 auto 10px auto;
}
#index .catleft .image,
#index .catright .text{
	float:left;
}
#index .catright .image,
#index .catleft .text{
	float:right;
}

/*-- .ttext --*/
#index .ttext{
	width:950px;
	margin:0 auto;
	padding:25px 25px 1px 25px;
	background:#fff;
}
#index .ttext:after,
#index .ttext .intro:after{
	content: " "; 
	display:table;
	clear:both;
}
#index .intro h2,
#index .intro p{
	float:left;
	width:670px;
}
#index .intro h2{
	margin-bottom:25px;
}
#index table{
	width:750px;
	margin:0 0 20px 0;
	padding:0;
	border:0;
}
#index th,
#index td{
	vertical-align:middle;
	border:0;
}
#index th{
	padding:0 20px 5px 0;
	font-weight:normal;
}
#index td{
	padding:0 20px 30px 20px;
}
#index p.end{
	margin-bottom:0;
}

/*---------------------------------------
　#order-rule
---------------------------------------*/
#order-rule table{
	width:100%;
}
#order-rule th{
	width:20%;
}

/*---------------------------------------
　#goods
---------------------------------------*/
/* .photo */
#goods .photo{
	width:50%;
	float:left;
}
#goods .bxslider{
	width:453px;
	margin:0 0 3px 0;
	padding:0;
	list-style-type:none;
}
#goods .bxslider img{
	width:449px;
}
#goods #bx-pager{
	margin:0;
	padding:0;
}
#goods #bx-pager li{
	float:left;
	width:110px;
	margin:0;
	padding:3px 3px 0 0;
	list-style-type:none;
}

/* .dtl */
#goods .dtl{
	width:50%;
	float:right;
}
#goods h2{
	margin:0 0 20px 0;
	padding:0;
	border-bottom:#000 solid 1px;
}
#goods h2 span{
	padding-left:20px;
	font-size:50%;
	font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
}
#goods .price{
	margin:0 0 20px 0;
	padding:0 0 20px 0;
	border-bottom:#000 solid 1px;
}
#goods ul{
	margin:0 0 20px 30px;
	padding:0 0 20px 0;
}

#goods .cart{
	margin:0 0 20px 0;
	padding:0;
}
#goods .cart form input[name="es_item_qty"]{
	height:20px;
}
#goods .cart form input[type="submit"]{
	margin:10px 0 0 10px;
	padding:0;
	width:300px;
	height:40px;
	text-indent:-9999px;
    cursor: pointer;
	background:url(img/btn_cart.gif) 0 0 no-repeat;
	border:0;
}