@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%;
}

.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: #c5a76c;
}
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: #c5a76c; }

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
    background-color: #f2f2f2;
}
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: #3C76B6; }
#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 {
}

/* ページ送り
----------------------------------------------- */
.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; }
	#products_detail .left_block { float: left; width: 420px; }

	#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: #c5a76c; }
			#products_detail .sale_price strong { font-size: 140%; }

/** ND&I Arimoto 追加 **/
		#products_detail .member_price { font-size: 120%; color: #ff0000; }
			#products_detail .member_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; }
/*追記 2014/3*/
#products_detail .cart_area .cartin_btn { padding-top: 15px; }
	#products_detail #main_photo { position: relative; width: 100%; height: 370px; overflow: hidden; }
		/*#products_detail #main_photo div { position: absolute; top: 0; left: 0; display: none; width: 100%; height: 100%; }*/
			#products_detail #main_photo div table { margin: 0; width: 100%; height: 100%; border: none!important; border-collapse: collapse; border-spacing: 0; vertical-align: middle; }
				#products_detail #main_photo div table td { margin: 0; padding: 0; border: none!important; 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; }
		#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: middle; }
				#products_detail #thumb_photo li table td { padding: 0; border: none; width: 100%; height: 100%; text-align: center; vertical-align: middle; }

/*まとめ買いカート*/
table#classTable{
	width:340px;
}

table#classTable th{
	padding:3px 0;
	text-align:center;
	letter-spacing:0.2em;
	background:#222;
	color:#FFF;
}

table#classTable td.nametd{
	width:58%;
	min-width:210px;
	padding:10px 3px 5px 10px;
}

table#classTable td.unittd{
width:27%;
text-align:center;
padding:10px 6px;
}
table#classTable input[type=text]{
width:3em!important;
}
table#classTable td.checktd{
	width:15%;
	text-align:center;
	padding:10px 4px;
}

.nametd select{
	width:190px;
	padding:3px 2px;
}

p.classaddBtn{
	padding-bottom:10px;
}

p.classabuyBtn input[type="button"],p.classabuyBtn input[type="button"] :link ,p.classabuyBtn input[type="button"]:visited{
color:#FFF;
background:#999;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
border:none;
font-size:16px;
}
p.classabuyBtn input[type="button"]:hover {
background:#666;
}
/* お客様の声
----------------------------------------------- */
#customervoice_area {
    clear: both;
}

	#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: #c5a76c; }
			#whobought_area ul li .comment { margin-top: 5px; }

/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
div#undercolumn_cart .point_announce {
    padding: 20px;
    margin-bottom: 20px;
    background: #f2f2f2;
    font-size: 120%;
    text-align: center;
}
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;
}


/* お届け先の指定
----------------------------------------------- */
#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;
}