@charset "UTF-8";
/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#333; }
a:hover, a:active {
	color:#F90;
	text-decoration:none;
}

/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/
#header {
	width:100%;
	height: 140px;
}
#headerInner {
	background:#fff;
	position:relative;
	width:980px;
	height:120px;
	margin:0 auto 0px;
	padding-top:0px;
}
#logo_title{
	width:146px;
	height:50px;
	padding-top:35px;
	vertical-align:middle;
}

/* ------------------------------------------------------------------
	2-2. contents styles
-------------------------------------------------------------------*/
#contents {
	position:relative;
	margin:0 auto;
	min-height: 800px;
	padding-top: 20px;
	padding-bottom: 20px;
}
#main {
	position:relative;
	margin:0 auto;
	width:880px;
	text-align:left;
	padding: 0px 50px;
	min-height: 800px;
}
	#p_title {
		position:relative;
		width:880px;
		height:40px;
		margin:0 auto;
		background: #e4ca9a;
		border-radius: 5px;
		margin-top: 20px;
	}
	#p_title h2 {
		padding:8px 0px 0px 16px;
		color:#333 ;
		font-weight:bold; 
		text-decoration:none;
		font-size:138.5%;
		text-align: left;
	}
	#p_here {
		width:880px;
		height:38px;
		padding:16px 0;
	}
	#main h3{
		color:#333;
		font-size: 120%;
		margin: 40px 0 10px;
		border-left:solid 8px #e4ca9a;
		padding-left: 5px;
		font-weight: bold;
	}

/* ------------------------------------------------------------------
	2-3. f_navi styles
-------------------------------------------------------------------*/
#f_navi {
	clear:both;
	padding-top:0px;
}
#f_navbg {
	clear:both;
	width:100%;
	height:30px;
	margin:0px auto 0px;
	background:#d0c0a2 ;
}
#f_navi {
	width:1024px;
	height:30px;
	margin:0px auto 0px;
	background:#d0c0a2 ;
}
#f_navi ul {
	list-style:none
	margin:0px;
	padding:0px;
	padding-left:20px;
	padding-top:8px;
}
#f_navi li.fn01 {
	float:left;
	margin:0px;
	padding:0px;
	font-size:92.3%;
	text-decoration:none;
	background: #d0c0a2 url(../images/list_marker02.gif) left center no-repeat;
}
#f_navi a {
	margin:0px 70px 0px 0px;
	padding:0px 0px 0px 10px;
	color:#fff ;
	font-weight:bold; 
	text-decoration:none;
	background: #d0c0a2 url(../images/list_marker01.gif) left center no-repeat;
	display:block;
}
#f_navi a:hover {
	color:#ff7800 ;
	background-image: none;
	background-color: transparent;
	font-weight:bold; 
	text-decoration:none;
}

/* ------------------------------------------------------------------
	2-4. Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	padding-top:0px;
}
#footerInner {
	width:1024px;
	margin:0px auto 0px;
	background:#fff ;
}
.footerText {
	float:right;
	margin:20px 20px 20px 0px;
	font-size:92.3%;
	text-align:right;
	line-height:1.5;
}

/* ------------------------------------------------------------------
	3-1. form styles
-------------------------------------------------------------------*/
html {
	overflow-y:scroll;
	background:#FFF;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote,
form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead {
	margin: 0;
	padding: 0;
	font-size:13px;
}
#main table {
	border-collapse:collapse;
	border-spacing:0;
	width:100%;
	margin-bottom: 10px;
	margin-top: 5px;
}
#main table .auto{
	width:auto;
}
#main th{
	border:1px solid #ccc;
	padding:7px;
	background-color:#eee;
	font-weight:normal;
	font-size: 90%;
	text-align: left;
}
#main td{
	border:1px solid #ccc;
	padding:7px;
	font-size: 90%;
	line-height: 1.5;
	text-align: left;
}
.shipping th{
	text-align: left !important;
	width: 160px;
}

/* ------------------------------------------------------------------
	3-2. form_bt styles
-------------------------------------------------------------------*/
#bt_shopping {
	width:385px;
	margin:0 auto 0px;
	padding-top:0px;
}
#bt_shopping02 {
	overflow: hidden;
	width: 700px;
	margin: 40px auto;
}
#bt_shopping03 {
	width:230px;
	margin:0 auto 0px;
	padding-bottom:30px;
}
#bt_shopping04 {
	width:355px;
	margin:0 auto 0px;
	padding-top:0px;
}
#bt_shopping05 {
	width:880px;
	margin:10px auto;
	padding-top:0px;
}
.thanks_sq {
	width:510px;
	height:222px;
	background-color: #fff;
	border: solid 10px #f1ece3;
	margin:40px auto;
	text-align:center;
}
.thanks_sq p {
	vertical-align: middle;
	padding-top:40px;
}
.thanks_sq p span{
	margin:20px auto ;
	display: block;
}
/* ------------------------------------------------------------------
	4-1. product styles
-------------------------------------------------------------------*/
.product_head {
	width:980px;
	height:200px;
	background-color: #fff;
}
#product {

	width:880px;
	padding-top:48px;
}
#product_left {
	position:relative;
	float:left;
	width:320px;
	padding-top:0px;
	padding-right:20px;
}
#product_right {
	position:relative;
	float:right;
	width:540px;
	padding-top:0px;
}
#product_left .product_photo {
	width:320px;
	padding-top:0px;
}
#product_left .product_p_cap {
	width:320px;
	padding-top:16px;
}
#product_left .product_bt_reference {
	width:185px;
	padding-top:10px;
}
#product_right .product_title {
	width:540px;
	font-size:182%;
	font-weight:bold; 
	line-height:1.5;
	color:#000;
	padding-top:0px;
}
hr{
    border:none;
    border-top:solid 1px #aba18f;
    height:1px;
    color:#FFFFFF;
    margin: 0 6 0 6;
}
#product_right .product_subtx {
	width:540px;
	font-size:116%;
	line-height:1.5;
	color:#000;
	padding-top:0px;
}
#product_right .product_tx {
	width:540px;
	font-size:108%;
	line-height:1.4;
	color:#000;
	padding-top:20px;
}
#product_right .product_note {
	width:540px;
	font-size:108%;
	line-height:1.4;
	color:#000;
	padding-top:20px;
}
#product_table {
	clear:both;
	width:980px;
	padding-top:48px;
}

/* ------------------------------------------------------------------
	4-2. recommend styles
-------------------------------------------------------------------*/
#reccomend {
	position:relative;
	clear:both;
	width:980px;
	padding-top:40px;
	padding-bottom:100px;
}
#recom01 {
	position:relative;
	width:600px;
	padding-top:20px;
	padding-bottom:100px;
}
.recom01_photo {
	float:left;
	width:120px;
	padding-top:0px;
	padding-right:10px;
}
.recom01_cap {
	float:left;
	padding-bottom:0px;
}

/* ------------------------------------------------------------------
	4-3. cart styles
-------------------------------------------------------------------*/

#product_cart {
	position:relative;
	width:368px;
	height:150px;
	background-color: #f4f1ed;
	border: solid 1px #cccccc;
	margin:20px auto 0px;
	padding-top:0px;
	text-align:center;
	vertical-align: middle;
}
#cart_txt {
	position:relative;
	width:368px;
	padding-top:0px;
	text-align:center;
	vertical-align: middle;
}
.cart_txt_left {
	float:left;
	padding-top:20px;
	padding-left:20px;
}
.cart_txt_right {
	float:right;
	padding-top:8px;
	padding-right:20px;
}
#cart_acc {
	clear:both;
	position:relative;
	width:368px;
	padding-top:0px;
	text-align:center;
	vertical-align: middle;

}

.cart_acc_left {
	float:left;
	padding-top:20px;
	padding-left:20px;

}

.cart_acc_right {
	float:right;
	padding-top:8px;
	padding-right:20px;
	padding-bottom:4px;

}


#cart_bt {
	clear:both;
	position:relative;
	width:368px;
	padding-top:0px;
	text-align:center;
	vertical-align: middle;

}

.cart_bt_left {
	float:left;
	padding-top:10px;
	padding-left:20px;
}

.cart_bt_right {
	float:left;
	padding-top:10px;
	padding-left:20px;
}

#aspnetForm div.block{
	margin-top:15px;
}
#aspnetForm div.block td{
	text-align:left;
}

#card_caution_txt{
	margin:60px auto;
	text-align:left;
}
#card_caution_txt ul li{
	list-style:disc inside;
	line-height: 1.5;
}

#btn_add_reg{
	margin:30px 0px;
	text-align:center;
}
#btn_add_reg div{
	display:inline;
}




/* 追記 */
.member_reg_t{
	width: 880px;
}
.member_reg_t th{
	width:120px;
}
#main input{font-size: 15px;}

/* 同意して購入ボタン */
input.hover:hover {
	display: inline;
}

	.disabled_button {
		cursor: default;
		filter: alpha(opacity=40);
		opacity: 0.4;
		zoom: 1;
	}
	.agreement{
		width: 400px;
		margin: 20px auto;
		text-align: center;
	}
	.agreement span{
		display: block;
		margin: 5px auto;
	}

.order_notice h4{
	font-size: 120%;
	font-weight: bold;
}
.order_notice ul{
	margin-bottom: 30px;
}
.order_notice ul li{
	list-style-type: disc;
	line-height: 1.4;
}
.bt_l{float: left; margin-top: 3px;}
.bt_r{float: right;}

/* fqq */

.table_faq{
	width: 800px!important;
}
.table_faq th{
	width: 150px;
}
.bx_faq01{
	text-align: center;
	margin-top: 10px;
	margin-bottom: 10px;
}
.total{font-weight: bold;
}