@charset "utf-8";

/************************************************
 各ページコンテンツ用
************************************************ */
/* ==============================================
▼TOP
=============================================== */
/* メインイメージ
----------------------------------------------- */
#main_image {
    margin-bottom: 10px;
    text-align: center;
}

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼ガイド
=============================================== */
/* ◎◎について
----------------------------------------------- */
div#undercolumn_aboutus {
}

/* 特定商取引法
----------------------------------------------- */
div#undercolumn_order {
}

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}
div#undercolumn_contact .top_coment {margin-bottom:10px; line-hight:120%;}
.zipimg img {
    vertical-align: middle;
}

/* ==============================================
▼MYページ
=============================================== */
/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 100%;
}

div#mynavi_area {
    width: 100%;
}

div#mycontents_area {
    width: 100%;
}
div#mycontents_area h3 {
	padding-left: 0;
	background: none;
	color: #f39;
}
div#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
div#mynavi_area .mynavi_list li {
    float: left;
    margin: 0 30px 5px 0;
}
div#mynavi_area .mynavi_list li a {
	padding-left: 20px;
	background: url(../img/icon/arrow2.gif) no-repeat left center;
}
div#mynavi_area .mynavi_list li a.selected { color: #f39; }

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
    background-color: #FFE6F2;
}
div#mynavi_area div.point_announce p {
    padding-left: 20px;
}

div#mycontents_area p.inforamtion {
    margin-bottom: 20px;
}

div#mypagecolumn h4 {
    margin: 10px auto;
    border-bottom: 1px solid #999;
    text-align: left;
    font-size: 120%;
}

/* 購入履歴一覧/詳細
----------------------------------------------- */
div#mycontents_area div.mycondition_area {
    margin: 0 auto 20px 0;
    padding: 10px;
    border: solid 1px #ccc;
    width: 97%;
    background: #f9f9f9;
}
div#mycontents_area div.mycondition_area p {
    float: left;
}
div#mycontents_area div.mycondition_area .btn {
    width: 250px;
    margin-top: 15px;
    float: right;
}
.add_address {
    margin-bottom: 20px;
}

/* 会員登録内容変更/退会
----------------------------------------------- */
div#mycontents_area .message_area {
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#mycontents_area .message_area p {
    margin-bottom: 20px;
}

/* ==============================================
▼会員登録
=============================================== */
div#undercolumn_entry {
    width: 100%;
}

div#undercolumn_entry .kiyaku_text {
    margin: 20px auto;
    padding: 10px;
    border: solid 1px #ccc;
    width: 94%;
    background: #fff;
}


/* ==============================================
▼ログイン
=============================================== */
#undercolumn_login {
	margin: 0 auto;
	width: 100%;
}
#undercolumn_login a { text-decoration: underline; color: #f39; }
#undercolumn_login a:hover { text-decoration: none; }

	#undercolumn_login .login_area {
		margin-top: 20px;
		padding: 30px 45px 10px;
		border: solid #ccc 1px;
	}

		#undercolumn_login .login_area .inputbox {
			margin: 20px 0;
			padding: 15px 20px;
			background: #F2F2F2;
		}

			#undercolumn_login .login_area .inputbox .formlist {
				padding: 5px 0;
			}

				#undercolumn_login .login_area .inputbox .formlist dt {
					float: left;
					padding: 7px 0 5px;
					width: 110px;
					font-weight: bold;
				}

				#undercolumn_login .login_area .inputbox .formlist dd {
					padding: 0 0 5px 110px;
				}

				#undercolumn_login .login_area .inputbox .formlist .login_memory {
					clear: none;
					padding-left: 0;
				}

		#undercolumn_login .login_area .forget_contact {
			margin: 20px 0;
		}

/* ==============================================
▼エラー
=============================================== */
div#undercolumn_error .message_area {
    width: 80%;
    margin: 30px auto;
    padding: 30px;
    border: 1px solid #ccc;
    text-align: center;
}

div#undercolumn_error .message_area .error {
    padding: 120px 0;
}

/* ==============================================
▼商品一覧
=============================================== */
#products_list h2.title {background:url(../img/background/products_list_h2_bg.jpg) no-repeat left ;
	color:#fff; padding:5px 0 5px 10px;;
}
#products_list ul, #products_list li{margin:0;padding:0;}
#products_list ul{padding-bottom:20px;}
div#products_list ul.item_list li {width:33%; background:url(../img/background/products_list_bg.jpg) no-repeat bottom left; padding-bottom:50px;}
div#products_list ul.item_list li .photo {}
/* ページ送り
----------------------------------------------- */
.page_nav {
	margin: 20px 0 40px;
}

	.page_nav .total,
	.page_nav .nav {
		margin-bottom: 5px;
		width: 50%;
	}
	.page_nav .total { float: left; }
	.page_nav .nav { float: right; text-align: right; }

	.page_nav .paging {
		clear: both;
		padding-top: 20px;
		border-top: dotted #000 1px;
		text-align: center;
	}

		.page_nav .paging strong,
		.page_nav .paging a { margin: 0 .2em; padding: .4em .6em; }
		.page_nav .paging strong { background: #000; font-weight: normal; color: #fff; }

/* ==============================================
▼商品詳細
=============================================== */
#products_detail {
	margin: 20px 0 40px;
}

	#products_detail .right_block { float: right; /*width: 340px;*/width:50%; }
	#products_detail .left_block { float: left; /*width: 420px;*/width:50%; }

	#products_detail .icon { margin-bottom: 5px; }
		#products_detail .icon img { padding-right: 20px; }
	#products_detail h2 { font-size: 120%; font-weight: bold; }
	#products_detail .price_point { margin-top: 10px; padding-top: 10px; border-top: dotted #B2B2B2 1px; }
		#products_detail .sale_price { font-size: 120%; color: #f39; }
			#products_detail .sale_price strong { font-size: 140%; }
	#products_detail .comment { margin-top: 10px; padding-top: 10px; border-top: dotted #B2B2B2 1px; }
	#products_detail .cart_area { margin-top: 10px; padding-top: 10px; border-top: dotted #B2B2B2 1px; }
		#products_detail .cart_area dl { margin-top: 10px; }
			#products_detail .cart_area dl dt {}
			#products_detail .cart_area dl dd {}
				#products_detail .cart_area dl dd select { width: 50%; }
				#products_detail .cart_area dl dd input { width: 76px; height: 20px; }
		#products_detail .cart_area .btn { margin-top: 10px; text-align: center; }
		#products_detail .cart_area .favorite_btn { margin-top: 10px; text-align: center; }

	#products_detail #main_photo { position: relative; /*width: 100%;*/width:320px; margin-left:20px; height:320px;/*height: 420px;*/ overflow: hidden; }
		#products_detail #main_photo div { position: absolute; top: 0; left: 20px; display: none; width: 100%; height: 100%; }
			#products_detail #main_photo div table { margin: 0; width: 100%; height: 100%; border: none; border-collapse: collapse; border-spacing: 0; vertical-align:top;/*vertical-align: middle;*/ }
				#products_detail #main_photo div table td { margin: 0; padding: 0; border: none; text-align: center; vertical-align: middle; }
					#products_detail #main_photo div table td a { display: block; }
	#products_detail #thumb_photo { /*margin: 15px 0 0 -8px;*/margin: 0 0 0 12px; }
		#products_detail #thumb_photo li { float: left; margin: 0 0 8px 8px; width: 75px; height: 75px; border: solid #bababa 1px; overflow: hidden; }
			#products_detail #thumb_photo li table { margin: 0; border: none; width: 100%; height: 100%; text-align: center; vertical-align:top;/* vertical-align: middle;*/  }
				#products_detail #thumb_photo li table td { padding: 0; border: none; width: 100%; height: 100%; text-align: center; vertical-align: middle; }
	

/* 追加 */
#info_waku { background:#FFE8F6; padding:10px;}
table.goods {}
table.goods .goods_Item{ background:#FFCCCC;}
table.goods .goods_th { background:#F0F0F0; text-align:center; font-weight:bold;}

#item_details p {margin-bottom:10px; line-height:180%;}

table.oyatsu { width:80%; margin:10px auto;}
table.oyatsu .oyatsu_th {background:#FFFFCC; width:15%;}
table.oyatsu {}


/* お客様の声
----------------------------------------------- */
#customervoice_area {
    clear: both;
	margin:20px 0;
}

	#customervoice_area h2 { border-bottom: dotted #B2B2B2 1px; font-size: 120%; font-weight: bold; }
	#customervoice_area .btn { margin-top: 5px; }
	#customervoice_area ul li { margin-bottom: 15px; padding-bottom: 15px; }
	#customervoice_area .voicetitle { margin-bottom: 5px; font-weight: bold; color: #333; }
	#customervoice_area .voicedate { margin-bottom: 10px; }

/* 関連商品（商品部分はbloc.cssのおすすめ商品と共通）
----------------------------------------------- */
#whobought_area {
    clear: both;
    margin-top: 50px;
}

	#whobought_area h2 { border-bottom: dotted #B2B2B2 1px; font-size: 120%; font-weight: bold; }
	#whobought_area ul { padding: 10px 0; }
		#whobought_area ul li { clear: none; float: left; width: 50%; }
			#whobought_area ul li .photo { float: left; width: 90px; }
			#whobought_area ul li .right_block { float: left; padding-left: 15px; width: 290px; }
			#whobought_area ul li h3 { margin-bottom: 5px; font-size: 100%; font-weight: bold; }
			#whobought_area ul li .price { color: #f39; }
			#whobought_area ul li .comment { margin-top: 5px; }

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    border: solid 1px #ffcc62;
    background: #fffaf0;
    font-size: 120%;
    text-align: center;
    line-height: 140%;
}
div#undercolumn_cart .totalmoney_area {
    margin-bottom: 20px;
}

div#undercolumn_cart p {
    margin: 10px 5px;
}

div#undercolumn ul#quantity_level li {
    padding: 3px;
    display: inline;
}

div#undercolumn .empty {
    text-align: left;
}

div.form_area {
    margin-bottom: 30px;
}


/* お客様情報入力
----------------------------------------------- */
div#undercolumn_customer {
}

.flow_area {
    margin: 0 0 20px 0;
}

div#undercolumn_customer th em {
    color: #000;
    font-weight: bold;
}


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */
div#undercolumn_shopping .pay_area {
    margin: 0 auto 30px;
    width: 100%;
}
div#undercolumn_shopping .pay_area02 {
    margin: 40px auto 30px auto;
}
div#undercolumn_shopping .pay_area02 .txtarea {
    margin: 5px 0 0 0;
    padding: 2px;
    border: 1px solid #ccc;
    width: 99%;
    height: 150px;
}
div#undercolumn_shopping .pay_area02 .select-msg {
    margin-bottom: 10px;
}

div#undercolumn_shopping .point_area {
    margin: 40px auto 0 auto;
}

div#undercolumn_shopping .point_area .point_announce {
    padding: 20px;
    border: 1px solid #ccc;
}

div#undercolumn_shopping .point_area p {
    margin-bottom: 20px;
}

div#undercolumn_shopping .point_area .point_announce li {
    margin-bottom: 5px;
}

/*追加_20150318 オプション
----------------------------------------------- */
div#undercolumn_shopping div.option textarea {width:500px;max-height:50px;}
div#undercolumn_shopping div.option #option_t { width:750px;}
div#undercolumn_shopping div.option #option_t th {width:200px;}
div#undercolumn_shopping div.option #option_t td {width:550px;}



/* お届け先の指定
----------------------------------------------- */
#address_area {
    margin-bottom: 10px;
    width: 100%;
}

#address_area .information {
    width: 65%;
    float: left;
}

#undercolumn_shopping .information {
    margin-bottom: 15px;
}

#address_area .add_multiple {
    padding: 15px 10px;
    border: 1px solid #ffcc62;
    float: right;
    width: 30%;
    color: #555;
    background: #fffaf0;
    text-align: center;
    font-weight: bold;
}

#address_area .add_multiple p {
    margin-bottom: 10px;
}

#address_area p.addbtn {
    font-weight: bold;
    font-size: 10px;
}


/* ==============================================
▼検索結果
=============================================== */
p.condition_area {
    margin: 0 auto;
    padding: 5px;
    border: solid 1px #333;
    width: 566px;
}

/* ==============================================
▼コンセプト
=============================================== */
#concept {line-hight:120%;}
#concept h3 {margin:20px 0 10px;}
#concept p {margin-bottom:10px;}



/* pre用 */
.user_data-text_format pre {
    white-space: pre-wrap;
    word-wrap: break-word;
    overflow: auto;
	border:1px solid #CCCCCC;
	padding:5px;
line-hight:100%;
}

/* ==============================================
▼SHOP LIST
=============================================== */
div#shopList h3 {background: #343434; padding:5px 10px; color:#fff; margin:25px 0 5px;}
div#shopList dt {margin-top:5px;}
div#shopList dt:before {content: url(../img/common/icon_after.png); }
div#shopList dt span{padding-left:10px; }

/* ==============================================
▼返品
=============================================== */
#henpin {margin-bottom:10px;overflow: hidden ;}
div.h-t {float:left; margin-left:10px;}
div.h-t a {color:#EC3A93;}
div.h-A,div#henA {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.97, #b4ddfe), color-stop(0.01, #0d4996));
background: -webkit-linear-gradient(top, #0d4996 1%, #b4ddfe 97%);
background: -moz-linear-gradient(top, #0d4996 1%, #b4ddfe 97%);
background: -o-linear-gradient(top, #0d4996 1%, #b4ddfe 97%);
background: -ms-linear-gradient(top, #0d4996 1%, #b4ddfe 97%);
background: linear-gradient(to bottom, #0d4996 1%, #b4ddfe 97%);
}
div.h-B,div#henB {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #266036), color-stop(1.00, #2eeb25));
background: -webkit-linear-gradient(#266036, #2eeb25);
background: -moz-linear-gradient(#266036, #2eeb25);
background: -o-linear-gradient(#266036, #2eeb25);
background: -ms-linear-gradient(#266036, #2eeb25);
background: linear-gradient(#266036, #2eeb25);
}
div.h-C,div#henC {
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #efe457), color-stop(1.00, #feae31));
background: -webkit-linear-gradient(#efe457, #feae31);
background: -moz-linear-gradient(#efe457, #feae31);
background: -o-linear-gradient(#efe457, #feae31);
background: -ms-linear-gradient(#efe457, #feae31);
background: linear-gradient(#efe457, #feae31);
}
div.h-A,div#henA,div.h-B,div#henB,div.h-C,div#henC{
color:#fff;
font-weight: bold;
border-radius: 5px;
text-align:center;
}
div.h-A,div.h-B,div.h-C {
width:60px;
float:left;
padding:3px;
}
div#henA,div#henB,div#henC {
width:100px;
padding:2px;
margin-top:10px;
margin-bottom:0;
}

/* SALE案内 */
.sale_coment_waku {
	border-top:1px dotted #666;
	border-left:1px dotted #666;
	border-right:3px solid #666;
	border-bottom:3px solid #666;
	padding:10px;
	margin-bottom:10px;
}
.sale_coment_waku p { padding: 10px 0;}
.off-30, .40o, .50off, .60off {
	color:#fff;
	font-size:18px;
	font-weight:bold;
	padding:2px;
	text-align:center;
	width: 80px;
}
.off-30 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:2px 5px;
	text-align:center;
	width: 100px;
	background-color:#FF6600;
	margin-bottom:10px;
}
.off-40 { 
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:2px 5px;
	text-align:center;
	width: 100px;
	background-color:#6666FF;
	margin-bottom:10px;
}
.off-50 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:2px 5px;
	text-align:center;
	width: 100px;
	background-color:#FF0000;
	margin-bottom:10px;
}
.off-60 {
	color:#fff;
	font-size:16px;
	font-weight:bold;
	padding:2px 5px;
	text-align:center;
	width: 100px;
	background-color:#FF33CC;
	margin-bottom:10px;
}

/* パスワード再設定ページ */
#reminder-flow h3 { border-bottom:2px solid #000; font-size:1.5em; padding-bottom:2px;}
#reminder-flow ul { margin: 10px 20px;}
#reminder-flow li span { display:block; font-size: 1.2em; border-bottom:1px dotted #CCCCCC; padding-bottom:2px; margin-bottom:5px;}
#reminder-flow li img { margin:1em 3em; border:1px solid #CCCCCC;}
#reminder-flow .link_btn {background-color:#FF3399; width:300px; text-align:center; font-size:1.2em; font-weight:bold;border-radius:5px; padding:5px 0; /*margin-bottom:10px;*/ margin:10px auto;color:#fff;}
#reminder-flow a .link_btn {color:#fff;}
#reminder-flow a:hover {text-decoration:none;}
#reminder-flow a:hover div.link_btn p:after {content:"▶"; }

/* ==============================================
▼この商品を買った人はこんな商品も買っています♪
=============================================== */
h2.Recommendify {border-bottom:1px dotted #ccc; padding-bottom:2px;margin-bottom:5px;}
#Recommendify {width:100%;}
#Recommendify li {width:185px; margin:0; padding:0;}
#Recommendify li p.price {color: #f39;text-align: center;}