/* **********************************************
 *
 * page_common.css
 *
 * 汎用ページ用CSS（トップ・商品ページ以外のページ用CSS）
 *
 * ■下層共通（タイトル/文字装飾/文節構造/アイテム配置）
 * ■単パーツ（テーブル/ulスタイル/dlスタイル/住所検索ボタン/OOCSS追加）
 * ■エリアパーツ（ログインエリア/完了メッセージ/ページナビエリア/メッセージエリア/ポイント表示/規約表示エリア/入力ボックス＆ボタンボックス/ボタンエリア）
 * ■各ページ特有
 *	-会社概要
 *	-カート
 *	-問い合わせ
 *	-新規会員登録
 *	-エラー表示ページ
 *	-よくある質問
 *	-ショッピングガイド
 *	-マイページ
 *	-新着情報
 *	-特定商取引に関する表記
 *	-ショッピングフロー
 *
 ********************************************* */



/* ==============================================
 * 下層共通
=============================================== */

.undercolumn {
	font-size: 13px;
	padding: 0 0 85px;
	/*background-color: #fff;*/
}

.undercolumn_body {
}


/* タイトル
----------------------------------------------- */
h2.title {
	/*
	font-size: 14px;
	color: #71362D;
	border-bottom: solid 2px #71362D;
	margin: 0 0 15px 0;
	*/
	font-size: 27px;
	font-weight: normal;
	color: #666;
	line-height: 27px;
	padding: 0 0 20px;/*10px 0 20px;*/
	margin: 0 0 20px;/*15px 0 20px;*/
	border-bottom: solid 1px #999;
	font-family:"FP-ヒラギノ角ゴ ProN W6";
}

/* h3 subtitle */
h3.subtitle {
	font-size: 14px;
	border-bottom: dotted 1px #ccc;
	margin: 15px 0;
	padding: 15px 0 0;
}

/* h4 subtitle */
h4.subtitle {
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 1em;
}

h4.subtitle:before {
	content: "■";
}

/* h5 */
h5.subtitle {
	font-size: 12px;
	font-weight: bold;
	margin: 1em 0 .2em;
}
h5.subtitle:before {
	/*content: "○";*/
}

/* 文字装飾
----------------------------------------------- */
/* ポイント */
.point {
	color: #c00;
	font-weight: normal;
}
.st_big {
	font-weight: bold;
	font-size: 120%;
	line-height: 2;
}


/* ==============================================
 * 文節構造
=============================================== */
.section {
	margin: 1em 0;
}

.section p {
	margin-bottom: 1em;
}

.indent {
	margin-left: 30px;/*20px;*/
	margin-right: 15px;
}

/* 汎用インデント */
.pl-1em {padding-left: 1em;}
.pl-2em {padding-left: 2em;}

/* 文節構造:ステップ説明用文節
------------------------------------------------*/
.step {
}

.step .img_wrap {
	margin-bottom: 1em;/*画像>文章⇒.sectionの下余白*/
}

.step .img_wrap.fig_l {/*.fig_l,.fig_rは「.img_wrap」用に使いたい*/
	float: left;
	margin-right: 15px;
}

.step .img_wrap.fig_r {/*.fig_l,.fig_rは「.img_wrap」用に使いたい*/
	float: right;
	margin-left: 15px;
}

.step .img_wrap img {
	border: 1px solid #ccc;
}

.step .text_wrap {
	margin-bottom: 1em;/*画像<文章⇒.sectionの下余白*/
}

/* アイテム配置（縦横に要素アイテムを並べるCSS）
------------------------------------------------*/
.item_wrap {
	margin-top: -15px;/*itemの上マージンを相殺*/
}

.item_wrap.wrap_2p {/*配列2ピース*/}
.item_wrap.wrap_3p {/*配列3ピース*/}
.item_wrap.wrap_4p {/*配列4ピース*/}
.item_wrap.wrap_5p {/*配列5ピース*/}

.item_wrap .inner {/*枠*/
	border: solid 1px #ccc;
	margin: 0;
}

.item_wrap .item {/*アイテム単体*/
	float: left;
	margin: 15px 0 0 15px;
}

.wrap_2p .item {width: 372px;/*(759-15)/2*/}
.wrap_3p .item {width: 243px;/*(759-15*2)/3*/}
.wrap_4p .item {width: 178px;/*(759-15*3)/4*/}
.wrap_5p .item {width: 139px;/*(759-15*4)/5*/}

.item.leftmost {
	margin-left: 0;
}

.item_wrap .lf {/*item高さ違いによる整列崩れ対策用LineFeed*/
	height: 0;
	clear: both;
}


/* ==============================================
 * 単パーツ
=============================================== */

/* テーブル
----------------------------------------------- */
.table_basic {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	margin: 10px 0;
	background-color: #fff;
}

.table_basic th,
.table_basic td {
	padding: 1.2em;/*12px 10px;*/
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	/*text-align: left;*/
}

.table_basic th {
	background-color: #f0f0f0;
}

/*cell細め（add 20140717）*/
.table_basic.thin th,
.table_basic.thin td {
	padding: 10px 15px;
}


/* カートテーブル（cart,shopping共有）
----------------------------------------------- */
.table_shopping {
	width: 100%;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	margin: 10px 0;
}

.table_shopping th,
.table_shopping td {
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.table_shopping thead.dark th {
	padding: 1.2em;/*15px 8px;*/
	background-color: #424242;
	text-align: center;
	color: #fff;
}

.table_shopping tbody th {
	padding: 1.2em;/*12px 6px;*/
	background-color: #efefef;
}

.table_shopping tbody td {
	padding: 1.2em;/*12px 6px;*/
	background-color: #fff;
}

.table_shopping tbody td strong {
	font-weight: normal;
}

.table_shopping tbody td a {
	/*color: #069;*/
}

.table_shopping tbody td a:hover {
	/*color: #09c;*/
}

.table_shopping tfoot th {
	padding: 1.2em;/*12px 12px;*/
	background-color: #efefef;
}

.table_shopping tfoot td {
	padding: 1.2em;/*12px 6px;*/
	background-color: #FFFFFF;
}

/* ulリスト表示
------------------------------------------------*/
ul.listyle,
ul.liststyle li {
	list-style-type: none;
}

ul.liststyle {
	margin: 15px 1em;
}

ul.liststyle li {
	background: url(../../img/page/guide/ico_arrow3.png) no-repeat left 6px;
	padding-left: 15px;
	margin: 0.5em 0;
}

/* dlリスト表示
------------------------------------------------*/
dl.liststyle {
	margin: 15px 0;
}

dl.liststyle dt {
	font-weight: bold;
	margin: 0.5em 0;
}

dl.liststyle dd {
	background: url(../../img/page/guide/ico_arrow4.png) no-repeat left 6px;
	padding-left: 15px;
	margin: 0.5em 0;
}

/* dlノーマルスタイル表示
------------------------------------------------*/
dl.normal {
	margin: 15px;
}

dl.normal dt {
	font-weight: bold;
	margin: 0.5em 0;
}

dl.normal dd {
	padding: 0;
	margin: 0.5em 0;
}

/* dl注意書き的なリスト表示
------------------------------------------------*/
dl.note {
	margin: 15px 0
}

dl.note dt {
	font-weight: bold;
}

dl.note dd {
	background: url(../../img/page/guide/ico_arrow4.png) no-repeat left 6px;
	padding-left: 15px;
	margin: 0.5em 0;
}

/* 注意書き（カナ）
----------------------------------------------- */
.kana_notes {
	margin: 8px 0 0 0;
	color: #999;
	font-size: 11px;
	line-height: 1.2;
}

/* 住所検索ボタン
----------------------------------------------- */
.zipimg {
	margin-top: 10px !important;
}

.zipimg a:hover {
	text-decoration: none;/*下線が少し見えるので*/
}

.zipimg img {
	vertical-align: middle;
}

/* OOCSS（追加）
----------------------------------------------- */
.mt-10 { margin-top: 10px; }
.mt-20 { margin-top: 20px; }
.mt-30 { margin-top: 30px; }
.mt-40 { margin-top: 40px; }
.mt-50 { margin-top: 50px; }



/* ==============================================
 * エリア（複数のページで共有されるパーツ複合）
=============================================== */

/* ログインエリア
   mypage/login.tpl, cart/index.tpl
----------------------------------------------- */
/*
.login_area {
}

.login_area .formlist {
	width: 500px;
	margin: 0 auto;
}

.login_area .formlist dt {
	display: table-cell;
	width: 150px;
	text-align: right;
	font-size: 13px;
	line-height: 20px;
}

.login_area .formlist dd {
	display: table-cell;
	/*IE7*@@@/
	/padding-left: 150px;
	/margin-top: -20px;
}

.login_area .formlist input[type="text"],
.login_area .formlist input[type="password"] {
	width: 300px;
}

.login_area .formlist .login_memory {
	padding: 0 0 5px;
}

.login_area .formlist .login_memory input[type="checkbox"] {
	vertical-align: middle;
}
*/

/*ログインエリア*/
.login_form {
	width: 460px;
	margin: 15px auto 0;
	font-size: 14px;
}
.login_form dl {
	/*margin: 15px 0;*/
}
.login_form dl dt {
	float: left;
	width: 115px;/*22%;*/
	line-height: 30px;/*dd高さと同値に*/
}
.login_form dl dd {
	float: right;
	width: 345px;/*78%;*/
}
.login_form dl dd .input_rim {
	border: solid 1px #ccc;
}
.login_form dl dd .input_rim input {
	width: 96%;
	padding: 0 2%;
	height: 28px;
	border: none;
	/*IE8以下*/
	line-height: 28px\9;
}
.login_form dl dd .login_memory {
	margin: 5px 0;
}



/* 完了メッセージエリア
   entry[regist], shopping, mypage, contact
----------------------------------------------- */
#complete_area {
}

#complete_area .shop_information {
	margin: 15px 0;
	border-top: solid 1px #999;
	padding: 15px 0;
}

#complete_area .shop_information .name {
	font-weight: bold;
	font-size: 140%;
	line-height: 2;
}


/* ページナビエリア
----------------------------------------------- */
.page_navi_area {
	margin: 1em 0;
}

/* ページナビエリア（タイプ2）
----------------------------------------------- */
.page_navi_area2 {
	margin: 30px 0;
	position: relative;
	overflow: hidden;/*clearfix的*/
}

.page_navi_area2 ul {
	position: relative;
	left: 50%;
	float: left;
}

.page_navi_area2 li {
	position: relative;
	left: -50%;
	float: left;
	margin:0 3px;
	font-size: 14px;
	line-height: 22px;
}

.page_navi_area2 li a {
	color: #333;
}

.page_navi_area2 li strong {
	display: block;
	width: 22px;
	text-align: center;
	background-color: #E3E3E6;
	color: #DF000B;
}

.page_navi_area2 li a:hover {
}


/* メッセージエリア
----------------------------------------------- */
.message_area {
	margin: 30px 0;
	text-align: center;
	padding: 15px 0;
	border: solid 1px #ddd;
	/*border-width: 1px 0;*/
	background-color: #fff;
}

.message_area.caution {/*エラー・警告用*/
	color: #c00;
	border: solid 1px #c00;
}

/* ポイント表示（shopping/mypageで使用）
----------------------------------------------- */
.point_announce {
	margin: 15px 0;
	padding: 15px;
	background-color: #f0f0f0;
}

/* ボックス（枠囲み装飾用） 
----------------------------------------------- */
.box {
	margin: 15px 0;
	padding: 10px;
	border: 1px solid #ccc;
	background-color: #fff;
}

/* 規約表示エリア
------------------------------------------------*/
.kiyaku_area {
	margin: 15px 0;
	border: solid 1px #ccc;
	padding: 0 1em;
	height: 300px;/*スクロール表示高さ*/
	overflow: auto;
}

.kiyaku_area h3 {
	font-size: 14px;
}

#undercolumn_guide .kiyaku_area {
	height: auto;/*全表示*/
	border: none;
	padding: 0;
	margin: 0;
}

#undercolumn_guide .kiyaku_area .section {
	margin: 0 0 35px;
}
#undercolumn_guide .kiyaku_area .section h3 {
	margin-bottom: 8px;
}

/* 入力ボックス＆ボタンボックス
----------------------------------------------- */
.inputbox {/*入力欄付きボックス*/
	margin: 15px 0;
	padding: 20px;
	background-color: #E4E4E4;
}

.btn_box {/*背景色付ボタンボックス（★整理の上廃止の方向へ→.btn_area_deco）*/
	margin: 15px 0;
	padding: 15px;
	background-color: #E4E4E4;
}

.btn_box2 {/*背景なしボタンボックス（★整理の上廃止の方向へ）*/
	margin: 15px 0;
	padding: 15px;
}

.inputbox .btn_area {/*入力ボックス内のbtn_area*/
	margin-top: 20px;
}

/* ボタンエリア（横並び対応）（★整理の上廃止の方向へ）
----------------------------------------------- */
.btn_area {
	/*width: 100%;*/
	position: relative;
	overflow: hidden;
}

.btn_area ul {
	position: relative;
	left: 50%;
	float: left;
}

.btn_area li {
	position: relative;
	left: -50%;
	float: left;
	margin:0 5px;
}

.btn_area li a,
.btn_area li input {
	display: block;
}

/* ボタンエリア（手続きボタン）
※旧[btn_area]は整理の上廃止の方向へ
----------------------------------------------- */
.process_btn_area {
	position: relative;
	overflow: hidden;
	/*margin: 20px 0;*/
}

.process_btn_area ul {
	position: relative;
	left: 50%;
	float: left;
}

.process_btn_area li {
	position: relative;
	left: -50%;
	float: left;
	margin:0 5px;
}

.process_btn_area li a,
.process_btn_area li input {
	display: block;
}

/* ボタンエリア装飾 */
.btn_area_deco {
	background-color: #e4e4e4;
	padding: 15px;
}

/* ボタンエリア（utilボタン）
----------------------------------------------- */
.util_btn_area {
	margin: 15px 0;
}

.util_btn_area ul {
	border: solid 1px #dadada;
	border-radius: 4px;
	background-color: #fff;
	display: inline-block;
	/*IE7*/
	*display: inline;
	*zoom: 1;
}

.util_btn_area li {
	float: left;
	border-left: solid 1px #dadada;
}

.util_btn_area li:first-child {
	border-left: none;
}

.util_btn_area li a {
	display: block;
	height: 21px;
	padding: 3px;
}


/* フロー画像エリア
----------------------------------------------- */
.flowpic_area {
	margin: 15px 0 30px;
	text-align: center;
}


/* ページバックボタン
----------------------------------------------- */
.pageback {
	margin: 30px 0;
}
.pageback a {
	display: block;
	width: 230px;
	height: 30px;
	margin: 0 auto;
	text-align: center;
	line-height: 30px;
	background-color: #dbdbdb;
	border-radius: 3px;
	color: #666;
}
.pageback a:hover {
	background-color: #ccc;
	text-decoration: none;
}




/* ##### 各ページ特有 ##### */

/* オーバーライド(contact,entry,shopping) */
#undercolumn_contact .section,
#undercolumn_entry .section,
#undercolumn_shopping .section {
	margin: 30px 0;
	border-top: solid 1px #999;
	padding: 15px 0 5px;
}
#undercolumn_contact .section p,
#undercolumn_entry .section p,
#undercolumn_shopping .section p {
	margin: 0;
}

#undercolumn_contact h2,
#undercolumn_entry h2,
#undercolumn_shopping h2 {
	border: none;
	font-size: 16px;
	margin: 0 0 15px;
}

#undercolumn_shopping .section textarea.filled {
	background-color: #ffcccc;
}


/* ==============================================
 * 会社概要 | abouts
=============================================== */
#undercolumn_aboutus {
}

#maps {
	border: solid 1px #ccc;
	height: 380px;
}


/* ==============================================
 * カート | cart
=============================================== */
#undercolumn_cart {
}

/* メッセージ */
#undercolumn_cart .message_area {
	padding: 10px;
	border: solid 1px #c00;
	color: #c00;
}

/* カート手続き */
#undercolumn_cart .cart_process {
	margin: 60px 0 15px;
	width: 100%;
}

#undercolumn_cart .cart_process .process {
	float: left;
	width: 50%;
}

#undercolumn_cart .cart_process .process .inner.left {
	padding-right: 30px;
}
#undercolumn_cart .cart_process .process .inner.right {
	padding-left: 30px;
	background: url(../../img/page/shopping/bdr_dashed.png) 0 0 repeat-y;
}

#undercolumn_cart .process h3 {
	margin: 0 0 15px;
}

#undercolumn_cart .login_form dl {/* 記憶チェックボックスが無いのでdl余白調整 */
	margin: 15px 0;
}

#undercolumn_cart .process .process_btn_area {
	margin: 20px 0;
}

#undercolumn_cart .process .notes {
	margin: 10px 0;
}


/* ==============================================
 * 問い合わせ | contact
=============================================== */
#undercolumn_contact {
}

/* 商品問い合わせ | contactproduct.tpl
----------------------------------------------- */
#undercolumn_contact .product_area {
	background-color: #fff;
	border: solid 1px #ccc;
}

#undercolumn_contact .product_image {
	float: left;
	width: 290px;/*約980px*30%*/
	border: solid 2px #fff;
}

#undercolumn_contact .product_contents {
	float: right;
	width: 654px;/*980-2-(290+4)-30*/
	padding: 15px;
}

#undercolumn_contact .product_contents h3 {
	border-bottom: dotted 1px #ccc;
	margin-bottom: 1em;
}


/* ==============================================
 * 新規会員登録 | entry,regist
=============================================== */
#undercolumn_entry {
}

#undercolumn_entry .kiyaku_area .section {
	border: none;
	margin: 10px 0;
	padding: 0;
}

#undercolumn_entry .btn_area_deco {
	margin-top: 30px;
	padding: 10px 0 20px;
}


/* ==============================================
 * エラー表示ページ | error.tpl
=============================================== */
#undercolumn_error {
	padding: 100px;
}


/* ==============================================
 * よくある質問 | faq
=============================================== */
#undercolumn_faq {
	font-size: 14px;
}

/* FAQ h2タイトル
----------------------------------------------- */
#undercolumn_faq h2 {
	background-color: #f4f4f5;
	font-weight: normal;
	padding: 10px;
	line-height: 16px;
	margin: 0 0 15px;
	font-family:"FP-ヒラギノ角ゴ ProN W6";
}

#undercolumn_faq h2 .en {
	color: #E00019;
	font-size: 16px;
}

#undercolumn_faq h2 .ja {
	color: #333;
	font-size: 14px;
}

/* FAQ h3タイトル
----------------------------------------------- */
#undercolumn_faq h3 {
	background: url(../../img/page/faq/bdr_subtitle.png) repeat-x bottom left;
	padding: 10px 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1;
	margin: 15px 0;
	font-family:"FP-ヒラギノ角ゴ ProN W6";
}

#undercolumn_faq h3 a {
	color: #333;
}

/* FAQリード
----------------------------------------------- */
.faq_lead {
	margin: 15px 0;
}

/* FAQキーワード検索
----------------------------------------------- */
.faq_search {
	margin: 30px 0;
}

.faq_search .input_area {
	background-color: #f4f4f5;
	padding: 24px;
}

.faq_search .input_box {
	width: 100%;
	height: 28px;
	border: solid 1px #d8d8d8;
	background-color: #fff;
	position: relative;
}

.faq_search input[type=text] {
	margin: 0;
	width: 77%;
	border: none;
	height: 16px;
	padding: 6px;
}

.faq_search button {
	width: 21%;
	height: 30px;/*input枠の上に被せる*/
	position: absolute;
	right: -1px;
	top: -1px;
	border: none;
	padding: 0;
	background-color: #666;
	cursor: pointer;
	text-align: center;
	color: #fff;
	letter-spacing: 0.2em;
}

/* FAQ カテゴリー
----------------------------------------------- */
.faq_category {
	margin: 30px 0;
}

.faq_category li {
	/*float: left;*/
	margin: 8;
	/*padding: 0 10px;*/
	/*border-left: dotted 1px #999;*/
	font-size: 14px;
	line-height: 14px;
}

.faq_category li:first-child {
	padding-left: 0;
	border-left: none;
}

/* FAQ 一覧
----------------------------------------------- */
.faq_list .section {
	margin: 30px 0;
}

.faq_list li {
	padding: 15px 0;
	padding-left: 30px;
	background: url(../../img/page/faq/ico_question.png) no-repeat left 15px;
	border-bottom: dotted 1px #ccc;
}

.faq_list li a {
	color: #333;
}

/* FAQ 詳細
----------------------------------------------- */
.faq_detail {
}

.faq_detail dl {
	padding-bottom: 10px;
	border-bottom: dotted 1px #ccc;
}

.faq_detail .faq_question {
	padding: 15px 0;
	padding-left: 30px;
	background: url(../../img/page/faq/ico_question.png) no-repeat left 15px;
}

.faq_detail .faq_answer {
	padding: 15px 0;
	padding-left: 30px;
	background: url(../../img/page/faq/ico_answer.png) no-repeat left 15px;
}


/* ==============================================
 * ショッピングガイド | guide
=============================================== */
#undercolumn_guide {
}

#undercolumn_guide h3 {
	border: none;
	font-weight: normal;
	font-size: 16px;
	line-height: 16px;
	background: #f4f4f5;
	padding: 10px;
	/*web font*/
	font-family: "ヒラギノ角ゴ ProN W6";
}

/* h4タイトル（マイページの使い方 番号付タイトル） */
#undercolumn_guide h4.number1,
#undercolumn_guide h4.number2,
#undercolumn_guide h4.number3,
#undercolumn_guide h4.number4,
#undercolumn_guide h4.number5 {
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 0;
	padding-left: 20px;
	background-position: left center;
	background-repeat: no-repeat;
}
#undercolumn_guide h4.number1 {background-image: url(../../img/page/guide/pic_number1.png); margin-top:0;}
#undercolumn_guide h4.number2 {background-image: url(../../img/page/guide/pic_number2.png);}
#undercolumn_guide h4.number3 {background-image: url(../../img/page/guide/pic_number3.png);}
#undercolumn_guide h4.number4 {background-image: url(../../img/page/guide/pic_number4.png); margin-top:0;}
#undercolumn_guide h4.number5 {background-image: url(../../img/page/guide/pic_number5.png);}

/*override*/
#undercolumn_guide .section {
	margin: 0 0 45px;
}

#undercolumn_guide h4.subtitle {
	margin: 30px 0 0;
}
#undercolumn_guide h4.subtitle + .step {
	margin-top: 15px;
}

#undercolumn_guide .indent {
	margin: 0;/*インデント無効*/
}

#undercolumn_guide p {
	line-height: 1.8;/*可読性を考慮して調整*/
}

/* ショッピングガイド用配列item上書き
 * ※他コンテンツと違い左に大きく余白をとるレイアウトの場合、表示全幅が他と異なるため再指定して上書きする
 * レイアウトデザインが決定し表示幅が決定したら調整する必要あり！
 */
#undercolumn_guide .item_wrap {
	width: 760px;
}
#undercolumn_guide .wrap_2p .item {width: 372px;/*(760-15x1)/2*/}
#undercolumn_guide .wrap_3p .item {width: 243px;/*(760-15x2)/3*/}
#undercolumn_guide .wrap_4p .item {width: 178px;/*(760-15x3)/4*/}
#undercolumn_guide .wrap_5p .item {width: 140px;/*(760-15x4)/5*/}

/* ガイドindex
----------------------------------------------- */
#undercolumn_guide.guide_index .item_wrap {width: 766px;}/*index用*/
#undercolumn_guide.guide_index .wrap_2p .item {width: 373px;/*((766-15)/2)-2*/}/*index用*/

.guide_index .item {
	background-color: #fff;
}
.guide_index .item h3 {
	margin: 0;
	padding: 10px 15px;
	border-bottom: solid 1px #ccc;
	background: #ccc;
	color: #000;
}

.guide_index .item ul {
	border-top: none;
	padding: 5px;
}

.guide_index .item ul li {
	background: url(../../img/page/guide/ico_arrow.png) no-repeat left center;
	padding-left: 24px;
	line-height: 18px;
	margin: 10px;
}

/* ガイドナビ
------------------------------------------------*/
.guide_navi {
	margin: 0 0 30px 0;
}

.guide_navi ul {
}

.guide_navi ul li {
	float: left;
	border-left: dotted 1px #ccc;
	margin-top: 2px;/*複数行にまたがる場合の余白*/
}

.guide_navi ul li a {
	display: block;
	padding: 2px 5px;
	margin: 0 5px;
	font-size: 13px;
	color: #000;
}

.guide_navi ul li a:hover {
	background-color: #eee;
	text-decoration: none;
}

.guide_navi ul li a.selected {
	background-color: #333;
	color: #fff;
}

/* のし・ラッピングについて
------------------------------------------------*/
/* のし */
.guide_noshi .item img {
	display: block;
	margin: 0 auto;
	border: solid 1px #ccc;
}

.guide_noshi .item h4 {
	text-align: center;
	margin: 1em 0 0;
}

.guide_noshi .item p {
	text-align: center;
	margin: 0;
}

/* ラッピング */
.guide_wrapping .img_wrap img {
	width: 350px;
}

/* メッセージカードについて */

.guide_messagecard .item img {
	width: 100%;
}

/* サイトマップ
------------------------------------------------*/
.sitemap {
}

.sitemap h3 {
	font-size: 14px;
}

.sitemap a {
	color: #333;
}

.sitemap ul {
	margin: 5px 0;
}

.sitemap li {
	padding: 5px 0;
}

/* HOME & 親 */
.sitemap .sm_home li,
.sitemap .sm_parent li {
	border-bottom: 1px dotted #ccc;
}

/* 子 */
.sitemap .sm_child {
	padding-left: 1em;
}

.sitemap .sm_child li {
	border: none;
	float: left;
	background: url(../../img/page/guide/ico_arrow2.gif) no-repeat left center;
	padding: 5px 18px;
}

/* 孫 */
.sitemap ul.sm_grandchild {
}

.sitemap ul.sm_grandchild li {
	border: none;
	float: left;
	padding: 5px 18px;
}

.sitemap ul.sm_child li.has_grandchild {/*孫の親を調整*/
	background: none;
	clear: both;
}


/* ==============================================
 * マイページ | mypage
=============================================== */
#undercolumn_mypage {
}

/* ログインページ
----------------------------------------------- */
#undercolumn_mypage .login_process {
	margin: 60px 0 15px;
	width: 100%;
}

#undercolumn_mypage .login_process .process {
	float: left;
	width: 50%;
}

#undercolumn_mypage .login_process .process .inner.left {
	padding-right: 30px;
}
#undercolumn_mypage .login_process .process .inner.right {
	padding-left: 30px;
	background: url(../../img/page/shopping/bdr_dashed.png) 0 0 repeat-y;
}

#undercolumn_mypage .process h3 {
	margin: 0 0 15px;
}

#undercolumn_mypage .process .process_btn_area {
	margin: 20px 0;
}

#undercolumn_mypage .process .notes {
	margin: 10px 0;
}

/* マイページ共通
----------------------------------------------- */
#undercolumn_mypage h2 {
	font-size: 27px;
	font-weight: normal;
	color: #666;
	line-height: 27px;
	padding: 10px 0 20px;
	margin: 15px 0 20px;
	border-bottom: solid 1px #999;
}

#undercolumn_mypage h3 {
	font-size: 16px;
	margin: 30px 0 5px;
}

#undercolumn_mypage .table_basic {
	margin: 20px 0;
	font-size: 14px;
}

#undercolumn_mypage table .big_cell {
	padding-top: 29px;
	padding-bottom: 29px;
}

#undercolumn_mypage h3 + .table_basic,
#undercolumn_mypage h3 + .box {
	/*h3タイトル直下のtable等の余白調整*/
	margin-top: 0;
}

/* ショッピングページ番号ナビ */
#undercolumn_mypage .page_navi_area {
	text-align: right;
	margin: 0;
	/*margin-top: -1em;*/
}
#undercolumn_mypage .page_navi_area + table {
	margin-top: 0;
}

a.deco {
	text-decoration: underline;
}


/* ナビゲーション
----------------------------------------------- */
#mynavi_area {
}

#mynavi_area .point_announce {/*shoppingとは別デザイン*/
	background-color: #fff;
	border: solid 1px #dadada;
	margin: 20px 0;
	font-size: 12px;
}

.point_expired {
	color: #c00;
}
.customer_rank {
	color: #03c;
}

/* マイページナビボタン */
.mynavi_list {
	width: 100%;
	margin: 15px 0 20px;
	border-left: 1px solid #dbdbdb;
	font-size: 14px;
}

.mynavi_list li {
	float: left;
	width: 20%;
}

.mynavi_list li a {
	display: block;
	padding: 9px 5px;
	text-align: center;
	border: solid 1px #dbdbdb;
	border-left: none;
	background-color: #fff;
	/*CSS3*/
	transition: background-color 0.3s;
}

.mynavi_list li a:hover {
	background-color: #e0e0e0;
	text-decoration: none;
}

.mynavi_list li a.selected {
	background-color: #333;
	border-top-color: #333;
	border-bottom-color: #333;
	color: #fff;
}

/* 購入履歴詳細
----------------------------------------------- */
.purchase_info {
	position: relative;
	padding: 10px 240px 10px 14px;
	margin: 0 0 15px;
	border: 1px solid #ccc;
	background-color: #fff;
	font-size: 14px;
}

.purchase_info .btn {
	position: absolute;
	right: 15px;
	top: 50%;
	display: block;
	margin-top: -15px;
}

/* お届け先追加・変更
----------------------------------------------- */
#undercolumn_mypage .btn_add_address {
	position: relative;
}
#undercolumn_mypage .btn_add_address a {
	display: block;
	position: absolute;
	right: 0;
	top: -40px;
}

/* 退会手続き
----------------------------------------------- */
.message_area.refusal {
}
.message_area.refusal p {
	color: #c03;
}
.message_area.refusal .process_btn_area {
	margin: 15px 0 0;
}


/* ==============================================
 * 新着情報 | news
=============================================== */

/* 新着情報（一覧）
----------------------------------------------- */
#undercolumn_news {
}

.newslist {
}

.newslist dl {
	position: relative;
	padding: 15px 0 15px 100px;
	border-bottom: dotted 1px #ccc;
}

.newslist dl:first-child {
}

.newslist dl .news_date {
	position: absolute;
	left: 4px;
	top: 16px;
	color: #D80019;
	font-size: 12px;
}
.newslist dl .news_title {
	font-size: 14px;
}
.newslist dl .news_title a {
	color: #333;
}

.newslist .news_thumb {
	margin: 10px;
}

.newslist .news_thumb img {
	width: 80px;
	height: 80px;
}

/* 新着情報（詳細）
----------------------------------------------- */
.news_head h2 {
	background-color: #f4f4f5;
	padding: 10px 15px;
	font-weight: normal;
}

.news_head .news_date {
	color: #D80019;
	font-size: 12px;
}

.news_head .news_title {
	font-size: 23px;
	margin-top: 3px;
}

.news_body {
	margin: 20px 0;
	font-size: 14px;
}


/* ==============================================
 * 特定商取引に関する表記
=============================================== */
#undercolumn_order {
}


/* ==============================================
 * ショッピングフロー | shopping
=============================================== */
#undercolumn_shopping {
}

/* カートテーブル：ギフト注文表示 */
.gift_order {
	/*
	border-left: solid 1px #ccc;
	margin: 10px;
	padding-left: 10px;
	*/
	margin: 5px 0 0;
}

/* 支払方法指定のtable
----------------------------------------------- */
#undercolumn_shopping #payment img {
	margin: 5px 0 0;
}
td.joint_cell {
	width: 1em;/*入力エラー時の赤背景のバランスも加味して*/
	border-right: none;
}
td.joint_cell + td {
	padding-left: 0.5em;/*通常バランスとしては0が好ましいが入力エラー時のバランスも考慮しつつ*/
}
td.joint_cell2 {/*支払方法名称欄（画像・テキスト有り時）*/
	width: 100px;
	white-space: nowrap;
	border-right: none;
}


#undercolumn_shopping textarea[name=message].filled {
	background-color: #ffcccc;
}


/* ==============================================
 * シリーズ一覧 | /user_data/series/
=============================================== */
#undercolumn_series {
}

/* h2 */
#undercolumn_series h2 {
	border: none;
	line-height: 19px;
	color: #999;
	margin: 0 0 20px;
	padding: 0;
	font-weight: normal;
	font-size: 12px;
}
#undercolumn_series h2 .en {
	font-size: 19px;
}
#undercolumn_series h2 .ja {
	font-size: 12px;
}

/* table */
#undercolumn_series table {
	width: 100%;
	border: none;
	border-top: 1px solid #ccc;
	margin: 30px 0;
}
#undercolumn_series table th {
	border: none;
	border-top: 1px solid #000;
	background-color: #000;
	color: #fff;
	padding: 20px;
	vertical-align: top;
}
#undercolumn_series table td {
	border: none;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	width: 200px;
	padding: 16px;
	vertical-align: top;
}
#undercolumn_series table.mosttop {
	margin-top: 0;
}
#undercolumn_series table td.empty {
	border-color: #fff;
	border-top: solid 1px #fff;
}

/* シリーズヘッド
----------------------------------------------- */
#undercolumn_series .shead {
}
#undercolumn_series .shead.type2 {
	margin-top: 250px;/*説明テキストの上っ面を合わす。数値はざっくり*/
}

#undercolumn_series .shead_title {
}

#undercolumn_series .shead_name {
	font-size: 15px;
	padding: 8px 0;
}

#undercolumn_series .shead_text {
	font-size: 12px;
	padding-top: 5px;
}

#undercolumn_series .shead_method {
	padding-top: 15px;
}
#undercolumn_series .shead_method li {
	margin: 12px 0;
}
#undercolumn_series .shead_method img {
	vertical-align: middle;
	margin-right: 15px;
}

/* シリーズ
----------------------------------------------- */
#undercolumn_series .series_image {
	text-align: center;
}

#undercolumn_series h3 {
	text-align: center;
}

#undercolumn_series .series_name {
	text-align: center;
	font-size: 12px;
	padding: 4px 0;
}

#undercolumn_series .series_text {
	padding-top: 5px;
	font-size: 11px;
}



/* ==============================================
 * 画像ボタンのテキストボタン化 (2014/07/02追加)
=============================================== */
.tbtn {
	margin: 0;
	width: 219px;
	height: 45px;
	border: none;
	background-color: #000;
	color: #fff;
	cursor: pointer;
	border-radius: 4px;
	font-size: 15px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	letter-spacing: 0.08em;
}
.tbtn:hover {
	opacity: 0.8;
}
a.tbtn {
	display: block;
	text-align: center;
	line-height: 45px;
	color: #fff !important;
}
a.tbtn:hover {
	text-decoration: none;
}

.w100 {
	width: 100%;/*460px;*/
}
.tbtn_back {
	background-color: #666;
}
.tbtn_decide {
	background-color: #D80019;
}
/* 2015/05/14 ブランドカラーボタン */
.tbtn_bland {
	background-color: #C40D11;
}
.tbtn_bland:hover {
	opacity: 1 !important;
	background-color: #AB080B;
}

/* ==============================================
 * 買い物を続けるボタン (2015/10/13追加)
=============================================== */
/* ログイン時・未ログイン時共通定義 */
a.btn_goshopping {
	background-color: #fff;
	box-sizing: border-box;
	border: solid 1px #d1d1d1;
	color: #000 !important;
	margin-right: 20px;
	transition: 0.2s;
}
a.btn_goshopping:hover {
	background-color: #f7f8f9;
}
/* 未ログイン時 */
.goshopping {
	margin: 30px 0;
}
.goshopping a.btn_goshopping {
	margin: 0 auto;
}

/* ==============================================
 * キャンペーンバナー (2015/10/13調整)
=============================================== */
#undercolumn_cart .campaign_banner {
	margin-top: 30px;
}

/* ==============================================
 * 受注備考欄キャンペーンバナー (2015/11/18調整)
=============================================== */
#undercolumn_shopping .campaign_banner {
	margin-top: 30px;
}


/*h3*/
.h3_ico {
	height: 26px;
	line-height: 26px;
	padding: 0 0 0 34px;
	font-size: 16px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
}
.h3_ico1 {
	background: url(../../img/page/shopping/ico_for_member.png) 0 0 no-repeat;
}
.h3_ico2 {
	background: url(../../img/page/shopping/ico_for_newly.png) 0 0 no-repeat;
}



/* ==============================================
 * ギフト一覧 | /gift
=============================================== */
#undercolumn_gift .topimage {
	margin: 0;
	margin-bottom: 20px;
}

#undercolumn_gift h1 {
	color: #999;
	font-size: 19px;
	line-height: 1;
}
#undercolumn_gift h1 .en {
	margin: 0 14px 0 0;
	vertical-align: middle;
	/*
	font-family: "Century Gothic","Arial";
	*/
}
#undercolumn_gift h1 .ja {
	padding: 0 0 0 14px;
	border-left: 1px solid #999999;
	font-size: 13px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	font-weight:normal;
}

/* ギフト一覧table
----------------------------------------------- */
#undercolumn_gift .table_gift {
	width: 100%;
	margin: 10px 0 30px;
}
/* ギフトタイトル */
#undercolumn_gift .lineup_title {
	background: #000;
}
#undercolumn_gift .lineup_title h2 {
	float: left;
}
#undercolumn_gift .lineup_head_text {
	display: table-cell;
	vertical-align: middle;
	height: 100px;/*高さが違う箇所はHTML側に直書き*/
	color: #fff;
	font-size: 14px;
	font-family: "FOT-筑紫明朝 Pr6N M";
}
/* ギフト商品 */
#undercolumn_gift .table_gift td {
	width: 33%;
	border: solid 1px #ccc;
	border-top-width: 0;
	border-left-width: 0;
	vertical-align: top;
}
#undercolumn_gift .table_gift td.leftmost {
	border-left-width: 1px;
}
#undercolumn_gift .product_wrap {
	width: 280px;
	margin: 20px auto;
}
#undercolumn_gift .product_wrap .product_image {
	margin: 0 auto 15px;
}
#undercolumn_gift .product_wrap .product_name {
	text-align: center;
	font-weight: normal;
}
#undercolumn_gift .product_wrap .product_price {
	text-align: center;
}
#undercolumn_gift .product_wrap .product_text {
	margin: 1em 0 0;
}

/* ギフトフッターコンテンツ
----------------------------------------------- */
#undercolumn_gift .content_footer {
	margin: 20px 0;/*余白は一時的数値*/
	width: 100%;
	background-color: #f2f2f2;
}
#undercolumn_gift .content_footer .cell_wrap {/*大枠*/
	padding: 18px;
}
#undercolumn_gift .content_footer .cell_floor{/*階層枠*/
	background: url(../../img/page/gift/bdr_x.png) repeat-x 0 bottom;
	padding: 0;
	padding-bottom: 2px;/*罫線画像の接合*/
}
#undercolumn_gift .content_footer .cell {/*cell共通*/
	padding: 18px 0;
}
#undercolumn_gift .content_footer .cell_l {/*cell左*/
	width: 448px;
	float: left;
	padding-right: 18px;
	background: url(../../img/page/gift/bdr_y.png) repeat-y right 0;
}
#undercolumn_gift .content_footer .cell_r {/*cell右*/
	width: 460px;
	float: right;
}
#undercolumn_gift .content_footer .cell_floor_top {
}
#undercolumn_gift .content_footer .cell_floor_top .cell {
	padding-top: 0;
	background-image: none;
}
#undercolumn_gift .content_footer .cell_floor_last {
	background-image: none;
}
#undercolumn_gift .content_footer .cell_floor_last .cell {
	padding-bottom: 0;
}
/* h3タイトル */
#undercolumn_gift .content_footer h2 {
	color: #666;
	line-height: 1;
	margin: 0 0 15px;
}
#undercolumn_gift .content_footer h2 .en {
	margin-right: 1em;
	vertical-align: top;
}
#undercolumn_gift .content_footer h2 .ja {
	font-size: 14px;
	line-height: 23px;
	font-family: "FP-ヒラギノ角ゴ ProN W6";
	font-weight:normal;
	vertical-align: 6px;
}
/* 直営店タイトル */
#undercolumn_gift .content_footer h2.store_title {
	font-size: 13px;
	font-weight: normal;
	margin: 1em 0 0.5em 0;
}
/* pic画像 */
#undercolumn_gift .content_footer .pic {
	margin: 15px 0;
	display: block;
}
#undercolumn_gift .content_footer .pic_l {
	margin: 0 18px 0 0;
	float: left;
}
/* テキスト */
#undercolumn_gift .content_footer p {
	font-size: 14px;
}
#undercolumn_gift .content_footer p.mini {
	font-size: 11px;
}
#undercolumn_gift .content_footer ul li {
	list-style-type: disc;
	margin-left: 1em;
}

/* ギフトヘッド（block: gift_head.tpl）*/
#gift_freearea {
	width: 100%;
	overflow: hidden;
	margin: -33px 0 0 0;
	background-color: #000000;
}
#gift_freearea .gift_series_content {
	width: 1263px;
	margin: 0 auto;
}
#gift_freearea .gift_series_content .image {
	width: 100%;
	height: 470px;
}
#gift_freearea .gift_series_content .image img {
}
#gift_freearea .gift_series_content .content {
	padding: 26px 0;
}
#gift_freearea .gift_series_content .content .text p {
	color: #ccc;
	font-size: 15px;
	line-height: 1.8;
	font-family: "FOT-筑紫明朝 Pr6N M";
	text-align: center;
}