@charset "utf-8";

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

/* ==============================================
▼下層
=============================================== */
/* ==============================================
▼H2 タイトル
=============================================== */
/* 会員登録
----------------------------------------------- */
/*会員登録ログイン*/
h2.h2_login_card{
/*	width: 950px;*/
    height: 56px;
    margin-bottom: 10px;
    padding: 2px 5px;
    background: url('../img/title/h2_login_card.gif') no-repeat left ;
    font-size: 1.1em;
    text-indent: -9999px;
}
/*会員登録入力*/
h2.h2_entry_index{
    width: 950px;
    height: 56px;
    margin-bottom: 10px;
    padding: 2px 5px;
    background: url('../img/title/h2_entry_index.gif') no-repeat left ;
    font-size: 1.1em;
    text-indent: -9999px;
}
/*会員登録確認*/
h2.h2_entry_confirm{
    width: 950px;
    height: 56px;
    margin-bottom: 10px;
    padding: 2px 5px;
    background: url('../img/title/h2_entry_confirm.gif') no-repeat left ;
    font-size: 1.1em;
    text-indent: -9999px;
}
/*会員登録完了*/
h2.h2_entry_complete{
    width: 950px;
    height: 56px;
    margin-bottom: 10px;
    padding: 2px 5px;
    background: url('../img/title/h2_entry_complete.gif') no-repeat left ;
    font-size: 1.1em;
    text-indent: -9999px;
}

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

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

/* お問い合わせ
----------------------------------------------- */
div#undercolumn_contact {
    margin: 0 auto;
    width: 100%;
}

.zipimg img {
    vertical-align: middle;
}

.comp_message {
    padding-bottom: 30px;
    margin-bottom: 30px;
    border-bottom: solid 1px #E9DDD0;
}

/* ==============================================
▼マイページ
=============================================== */

/* 共通設定
----------------------------------------------- */
div#mypagecolumn {
    width: 724px;
    float: right;
}

div#mynavi_area {
    width: 100%;
    padding-bottom: 15px;
	float: left;
}

/* タブメニュー(購入履歴・お気に入り一覧・会員内容登録・お届け先一覧) */
#mynavi_area div {
    color: #000;
    width: 175px;
    margin-right: 8px;
    /*
    border: solid 1px #CECECE;
    */
    float: left;
    text-align: center;
}
#mynavi_area div.selected {
    /*
    border: solid 2px #EE7A00;
    */
}

#mynavi_area div a {
    /*
    font-size: 120%;
    padding: 8px 0px 8px 24px;
    display: block;
    width: 100%;
    height: 100%;
    color: #000;
    */
}

#mynavi_area div a:AFTER {
    /*
	content: ">";
	float: right;
	margin-right: 30px;
	*/
}

#mynavi_area div a:HOVER {
    /*
	text-decoration: none;
	*/
}
#mynavi_area div.selected a {
    /*
    color: #F07A00;
    font-weight: bold;
*/
}

div#mycontents_area {
    width: 100%;
	float: left;
}
div#mynavi_area .mynavi_list {
    margin-bottom: 20px;
    width: 100%;
}
div#mynavi_area .mynavi_list li {
    margin: 0 15px 5px 0;
    padding-left: 15px;
    float: left;
    background: url('../img/icon/ico_arrow_01.gif') no-repeat left ;
    font-size: 120%;
}

div#mynavi_area div.point_announce {
    margin-bottom: 30px;
    padding: 10px;
    border: solid 1px #ffcc62;
    background-color: #fffaf0;
}
div#mynavi_area div.point_announce p {
    padding-left: 20px;
    background: url('../img/icon/ico_point.gif') no-repeat left ;
}

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

/* フロー図 */
.flow_area{
	margin: 20px auto;
    padding: 30px;
    text-align: center;
}


/* マイページ - ＴＯＰ（購入一覧）
----------------------------------------------- */
.mypage_history {
}

/* タブメニュー(一般購入・定期購入・店舗購入) */
.mypage_history_tab {
    border-bottom: solid 4px #EE7A00;
    display: flex;
    padding: 0 114px;
    margin-bottom: 20px;
    margin-top: 10px;
}


.mypage_history_tab div {
    color: #000;
    width: 160px;
    margin-right: 6px;
    float: left;
    text-align: center;
    background-color:#CECECE;
    -moz-border-radius: 5px 5px 0 0;
    -webkit-border-radius: 5px 5px 0 0;
    -o-border-radius: 5px 5px 0 0;
    -ms-border-radius: 5px 5px 0 0;
}
.mypage_history_tab div.selected {
    background-color:#EE7A00;
}

.mypage_history_tab div a {
    font-size: 120%;
    padding: 3px 0px 4px 0px;
    display: block;
    width: 100%;
    height: 100%;
    color: #fff;
    font-weight: bold;
}
.mypage_history_tab div a:HOVER {
    text-decoration: none;
}
.mypage_history_tab div.selected a {
}



.mypage_history p {
	margin-bottom: 15px;
}

/* ページ */
.mypage_history div.pagenumber_area {
	margin-top: 35px;
	border: none;
}

.mypage_history div.pagenumber_area strong {
    background-color: #F07A00;
    border:solid 1px #CECECE;
    padding:1px 8px;
    font-weight: normal;
    color: #fff;
    margin-right:7px;
}

.mypage_history div.pagenumber_area a {
    border:solid 1px #CECECE;
    padding:1px 8px;
    margin-right:7px;
}



/* 購入履歴商品一覧 */
.mypage_history_status {
    border: solid 2px #000;
    display: inline-block;
    padding: 0 2px 0 2px;
}

.mypage_history table th {
    font-weight: normal;
    /*background-color: #fff;*/
}

.mypage_history table td {
    font-weight: normal;
    padding: 8px;
    font-size: 95%;
    background-color: #fff;
}

td.mypage_history_photo {
	border-right: none;
}

/* 商品写真 */
td.mypage_history_photo img.picture {
    width: 150px;
    height: 150px;
}

td.mypage_history_photo+td {
    padding-left: 0px;
}


/* マイページ - 購入履歴一覧詳細（一般購入）
----------------------------------------------- */
.mypage_history_detail_normal {
    padding-bottom: 50px;
}

#mycontents_area.mypage_history_detail_normal h3 {
	padding: 6px 20px 6px 20px;
	margin-bottom: 20px;
    clear: both;
}

#mycontents_area.mypage_history_detail_normal h4 {
    border: none;
    margin: 0;
}

#mycontents_area.mypage_history_detail_normal > div.clearfix > p > span {
	width: 110px;
	display: inline-flex;
}

.mypage_history_detail_normal table {
    margin-top: 20px;
}

/* メール配信履歴一覧 */
#mycontents_area > table:nth-child(20) {
    margin-bottom: 30px;
}

.mypage_history_detail_normal table th {
    padding: 9px 10px;
    font-weight: normal;
}

.mypage_history_detail_normal table td {
    background-color: #fff;
}


/* テーブル */

table.mypage_history_detail_normal_summary {
    margin-bottom:30px;
}

/* 商品 */
table.mypage_history_detail_normal_summary tr td:nth-child(1) {
	padding-right: 0;
	border-right: none;
}

/* 商品写真 */
.mypage_history_detail_normal img.picture {
    width: 150px;
    height: 150px;
}

.mypage_history_detail_normal > table:nth-child(4) > tbody > th {
    padding-right: 10px;
}

/* お届け先明細n */
.mypage_history_detail_normal_address {
	margin-top: 30px;
	clear: both;
}

/* マイページ - 購入履歴一覧（定期購入）
----------------------------------------------- */
.mypage_history_routine {
     /* padding-top: 15px; */
}

#mycontents_area.mypage_history_routine > h3 {
    padding: 6px 20px 6px 20px;
}

.mypage_history_routine p {
    margin-bottom: 15px;
}

/* ページ */
.mypage_history_routine div.pagenumber_area {
    margin-top: 35px;
    border: none;
}

.mypage_history_routine div.pagenumber_area strong {
    background-color: #F07A00;
    border:solid 1px #CECECE;
    padding:1px 8px;
    font-weight: normal;
    color: #fff;
    margin-right:7px;
}

.mypage_history_routine div.pagenumber_area a {
    border:solid 1px #CECECE;
    padding:1px 8px;
    margin-right:7px;
}

/* 購入履歴商品一覧 */
.mypage_history_routine_status {
    border: solid 2px #000;
    display: inline-block;
    padding: 0 2px 0 2px;
}

.mypage_history_routine table {
    /* margin-top: 20px; */
}

.mypage_history_routine table th {
    font-weight: normal;
}

.mypage_history_routine table td {
    font-weight: normal;
    padding: 8px;
    font-size: 95%;
    background-color: #fff;
}


td.mypage_history_routine {
    border-right: none;
}

/* 商品写真 */
td.mypage_history_routine img.picture {
    width: 150px;
    height: 150px;
}

td.mypage_history_routine+td {
    padding-left: 0px;
}




/* マイページ - 購入履歴一覧詳細（定期購入）
----------------------------------------------- */


/* マイページ - お気に入り一覧
----------------------------------------------- */
.mypage_favarite {
    clear: both;
}


#mycontents_area.mypage_favarite h3 {
    background-color: transparent;
    padding:0;
    font-weight: bold;
}

/* 削除ボタン */
div.mypage_favarite_delete {
    clear: both;
    float: right;
    margin-top: 5px;
    margin-right: 0px;
}

div.mypage_favarite_delete a {
    text-decoration: underline;
}

/* マイページ - 会員登録内容（入力ページ）
----------------------------------------------- */
.mypage_favarite_change {
    /*margin-top: 28px;*/
}

/* マイページ - 会員登録内容（確認ページ）
----------------------------------------------- */


/* マイページ - 会員登録内容（完了ページ）
----------------------------------------------- */


/* マイページ - お届け先一覧
----------------------------------------------- */

#mycontents_area.mypage_address th {
    font-weight: normal;
    text-align: center;
}

#mycontents_area.mypage_address td {
    background-color: #fff;
}



/* マイページ - お届け先の追加・変更
----------------------------------------------- */


/* マイページ - 退会（ＴＯＰ）
----------------------------------------------- */
div#mypagecolumn_refusal{
	width: 104.5%;
    margin-left: -25px;
	margin-bottom: 30px;
}

div#mypagecolumn_refusal h3{
    height: 28px;
    margin-bottom: 18px;
    padding: 6px 18px 3px;
    color: #fff;
    background-color: #EF8300;
    font-size: 150%;
    font-weight: bold;
}

div#mypagecolumn_refusal .message_area {
    margin: 30px auto;
    padding: 30px;
    border: none !important;
    text-align: center;
}

div#mypagecolumn_refusal .message_area{
	margin: 5px auto !important;
}

div#mypagecolumn_refusal .btn_area {
    margin: 10px auto 0px auto !important;
    width: 100%;
    text-align: center;
}


/* マイページ - 退会（確認）
----------------------------------------------- */
div#mypagecolumn_refusal #mycontents_area{
	border: 1px solid #E9DDD0;
	margin-bottom: 50px;
}

/* マイページ - 退会（完了）
----------------------------------------------- */



/* 購入履歴一覧/詳細
----------------------------------------------- */
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: 160px;
    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%;
}

#undercolumn_entry .title {
    margin: 0px -20px 35px -20px;
}

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

div#entry_main {
    width: 780px;
    margin: 20px auto;
}

div#entry_img {
    width: 640px;
    margin: 30px auto;
}

div#entry_complete_mainimg {
    width: 760px;
    margin: 12px auto 30px auto;
}



/* ==============================================
▼ログイン
=============================================== */
div#undercolumn_login {
    margin: 0 auto;
    width: 100%;
}

div#undercolumn_login .login_area {
    margin: 30px 86px 40px 86px;
    padding: 0px 0px 20px 0px;
}

div#undercolumn_login .login_border {
    border: 1px solid #e9ddd1;
}

div#undercolumn_login .login_area .inputbox {
    margin: 2px auto 15px auto;
    padding: 15px 0 10px 0;
    width: inherit;
}

div#undercolumn_login .login_area .inputbox table td{
    background-color: transparent !important;
}

div#undercolumn_login .login_area .inputbox .btn_area {
    margin-top: 0;
}

div#undercolumn_login .inputtext {
    display:inline;
}

div#card_img{
    margin: 30px 0;

}

/* 入力フィールド */

input.input_field {
	outline-color: #ed8502;
	border: solid 2px #ed8502;
}

select.select_field {
    outline-color: #ed8502;
    border: solid 2px #ed8502;
}

textarea.input_field {
    outline-color: #ed8502;
    border: solid 2px #ed8502;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.login_area h3 {
	margin-bottom: 30px;
}

.login_area p {
	padding: 0px 0px 0px 30px;
	font-size: 90%;
}

.login_area dt {
    padding-left: 40px;
}

img.stretch_image {
	width:760px;
	height:360px;
	display: block;
	margin: 0 auto;
	padding-bottom: 30px;
}


/* メールアドレスの記憶 */
.login_memory {
	margin-top: 7px;
}


/* リンク */
.login_area a:link, .login_area a:visited {
    color: #63320D;
    text-decoration: underline;
}

/* ==============================================
▼エラー
=============================================== */
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;
}


/* ==============================================
▼商品一覧
=============================================== */
/* ページ送り
----------------------------------------------- */
.pagenumber_area {
/*    padding-bottom: 10px; */
/*    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;*/
/*    border-bottom: 1px solid #E9DDCF; */
}

.pagenumber_area_bottom {
    padding-bottom: 10px;
    border-bottom: 1px solid #E9DDCF;
}

.pagenumber_area select{
    width: 62px;
    }

.pagecond_area {
    margin-bottom: 20px;
    padding: 10px;
}
.pagecond_area {
    border: 1px solid #ccc;
}
.pagenumber_area .navi {
    width: 100%;
    text-align: left;
}
.pagenumber_area .navi li {
    display: inline;
}
.pagenumber_area .change {
    float: right;
    text-align: right;
    white-space: nowrap;
}

.pagenumber_area .change a:link, a:visited {
    color: #63320D;
    text-decoration: underline;
    margin-left: -5px;
}

.pagenumber_area .change strong {
    background-color: #63320D;
    text-decoration: none;
    color: #fff;
    padding: 0 4px;
}


/* レイアウト
----------------------------------------------- */
div.list_area {
    padding: 20px 0 20px 0;
    width: 100%;
    border-bottom: 1px solid #E9DDCF;
/*    overflow: auto;*/
}

div.listphoto {
    float: left;
}

div.listphoto img.picture {
    width: 150px;
    height: 150px;
}

/* メインカラム用 1カラム時*/
#main_column.colnum1 div.listrightbloc {
    float: right;
    width: 74%;
}

/* メインカラム用 2カラム時*/
#main_column.colnum2 div.listrightbloc {
    float: right;
    width: 560px;
}

/* メインカラム用 3カラム時*/
#main_column.colnum3 div.listrightbloc {
    float: right;
    width: 74%;
}


/* 商品情報 各種設定
----------------------------------------------- */
/* 商品ステータス */
div.listrightbloc ul.status_icon {
    margin-bottom: 2px;
    width: auto;
    float:left;
}
div.listrightbloc ul.status_icon li {
    margin-right: 5px;
    float: left;
}

/* 商品名 */
div.listrightbloc h3 {
    font-weight: bold;
    font-size: 140%;
    width: 100%;
    position: relative;
    float: left;
}

div.listrightbloc h3 a {
    color:#1E1B1B;
}


/* コメント */
div.listrightbloc .listcomment {
    margin: 0 0 10px 0;
    text-align: left;
    width: 100%;
    float: left;
}

/* 商品詳細を見る */
div.listphoto .detail_btn {
    margin: 5px 0 0 5px;
}

/* 価格 */
div.listrightbloc .pricebox {
    margin: 0 0 25px 0;
    float: left;
    width: 100%;
}

div.listrightbloc .pricebox .price{
    color:#f00;
    }

/* 買い物カゴ */
div.listrightbloc .cart_area {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 15px 0px 15px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7F7F7;
}

/* 規格 */
div.listrightbloc .classlist {
    margin-bottom: 10px;
    padding-bottom: 10px;
/*    background: url("../img/background/line_dot_02.gif") repeat-x bottom ;*/
}
div.listrightbloc dl {
    width: 100%;
        float: left;
}
div.listrightbloc dt {
    display: inline-block;
    vertical-align: top;
}
div.listrightbloc dd {
    padding-bottom: 10px;
    display: inline-block;
}
div.listrightbloc dd p.attention {
    margin-top: 5px;
}

/* カゴに入れる */
div.listrightbloc .cartin {
    margin: 0;
    float :right;
    width: 100%;
}
div.listrightbloc .cartin .quantity {
    padding: 3px 10px 0 0;
    float :left;
    /*todo*/
    /*margin-right: 240px;*/

}
div.listrightbloc .cartin .quantity .box {
    width: 62px;
    margin-left: 8px;
}
div.listrightbloc .cartin_btn {
    width: 200px;
    float :right;
    padding-right: 15px;
}


/* ==============================================
▼商品詳細
=============================================== */
/* レイアウト

    tplファイルのマークアップが同じ項目
        * 1カラム時
        * 2カラム時
        * 3カラム時

----------------------------------------------- */
#detailarea,
.sub_area {
    margin-bottom: 20px;
    width: 100%;
}

/* レイアウト
----------------------------------------------- */
/* 1カラム用 */
#main_column.colnum1 div#detailphotobloc {
    width: 37%;
    float: left;
}
#main_column.colnum1 #detailrightbloc {
    width: 63%;
    float: right;
}
#main_column.colnum1 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 69%;
}
#main_column.colnum1 div.subphotoimg {
    float: right;
    width: 25%;
    text-align: right;
}
#main_column.colnum1 p.subtext {
    margin-bottom: 20px;
}
div.photo img.picture {
    width: 380px;
    height: 380px;
}

/* 2カラム用 */
#main_column.colnum2 div#detailphotobloc {
    float: left;
    /* FADIE 修正 */
    /* width: 50%; */
    width: 380px;
}
#main_column.colnum2 #detailrightbloc {
    float: right;
    /* FADIE 修正 */
    /* width: 50%; */
    width: 330px;
}
#main_column.colnum2 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 73%;
}
#main_column.colnum2 p.subtext {
    margin-bottom: 20px;
}
#main_column.colnum2 div.subphotoimg img{
    max-width: 100%;
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/* 3カラム用 */
#main_column.colnum3 div#detailphotobloc {
    float: left;
    width: 49%;
}
#main_column.colnum3 #detailrightbloc {
    float: right;
    width: 50%;
}
#main_column.colnum3 div.subtext {
    margin-bottom: 20px;
    float: left;
    width: 63%;
}
#main_column.colnum3 p.subtext {
    margin-bottom: 20px;
}
#main_column.colnum3 div.subphotoimg {
    float: right;
    width: 35%;
    text-align: right;
}

/* 商品情報 各種設定
----------------------------------------------- */
#detailrightbloc h2 {
    padding: 0 0 5px 0;
    color: #000;
    font-weight: bold;
    font-size: 160%;
    line-height: 24px;
}
#detailrightbloc .point,
#detailrightbloc .relative_cat {
    margin: 0 0 10px 0;
    padding: 0 0 10px 0;
    border-bottom: solid 1px #e9ddd0;
}
#detailrightbloc .main_comment {
    margin-bottom: 20px;
}

/* 商品コード */
#detailrightbloc .product_code dt,
#detailrightbloc .product_code dd {
    display: inline;
}

/* 商品ステータス */
#detailrightbloc ul.status_icon {
    margin-bottom: 10px;
    width: 100%;
    border-bottom: solid 1px #e9ddd0;
}
#detailrightbloc ul.status_icon li {
    margin-right: 5px;
    margin-bottom: 3px;
    float: left;
}

/* 価格 */
#detailrightbloc .price {
    text-align: right;
}
#detailrightbloc .price dt,
#detailrightbloc .price dd {
    display: inline;
}

/* 本体価格 */
#detailrightbloc .base_price {
    font-size: 120%;
    font-weight: bold;
    color: red;
}

/* ポイント */
#detailrightbloc .point {
    text-align: right;
}
#detailrightbloc .point dt,
#detailrightbloc .point dd {
    display: inline;
}

/* 規格 */
#detailrightbloc div.classlist {
    padding-top: 10px;
    width: 100%;
    /*background: url("../img/background/line_dot_02.gif") repeat-x bottom ;*/
}
#detailrightbloc ul {
    margin-bottom: 10px;
    width: 100%;
}
#detailrightbloc ul li {
    vertical-align: top;
    float: left;
}

/* メーカー */
#detailrightbloc .maker dt,
#detailrightbloc .maker dd {
    display: inline;
}

/* メーカーURL */
#detailrightbloc .comment1 dt,
#detailrightbloc .comment1 dd {
    display: inline;
}

/* 関連カテゴリ */
#detailrightbloc .relative_cat dd {
    margin-left: 1em;
}

/* 買い物カゴ */
#detailrightbloc .cart_area {
    width: 100%;
    float: left;
    margin-top: 10px;
    padding: 15px 15px 15px 15px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
    background-color: #F7F7F7;
    text-align: right;
}



#detailrightbloc dt,
#detailrightbloc dd {
    display: inline;
}

#detailrightbloc .cartin {
    text-align: right;
    padding-top: 10px;
}
#detailrightbloc .cartin_btn {
    text-align: right;
}
#detailrightbloc .favorite_btn {
    text-align: right;
    margin-top: 10px;
}


/* お客様の声
----------------------------------------------- */

div#customervoice_area {
    border: solid 1px #e9ddd1;
}


div#customervoice_area h2 {
    margin-bottom: 10px;
    padding: 6px 0 8px 20px;
    background-color: #e9ddd1;
    font-weight: normal;
    font-size: 120%;
    /* background: url('../img/background/bg_tit_sub_01.jpg') repeat-x left bottom; */
}

div#customervoice_area .review_bloc {
    margin-bottom: 10px;
    padding: 10px 20px 10px 20px;
    /*
    background-color: #f6f6f6;
    */
}

div#customervoice_area .review_bloc p {
    padding-top: 3px;
    margin-right: 10px;
    float: left;
}

div#customervoice_area .review_bloc .review_btn {
    float: right;
}


div#customervoice_area ul {
    margin: 0px 20px 20px 20px;
    background-color: #F7F7F7;
}

div#customervoice_area ul li {
    padding-bottom: 35px;
    background: url("../img/background/line_dot_01.gif") repeat-x bottom ;
    margin: 0px 20px 0px 20px;
}

div#customervoice_area ul li:last-child {
	background: none;
}

div#customervoice_area .voicetitle {
    margin-bottom: 5px;
    padding-top: 20px;
    color: #333;
    font-weight: bold;
}

div#customervoice_area .voicedate {
    margin-bottom: 10px;
    float: right;
}


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

div#whobought_area h2 {
    margin-bottom: 15px;
    padding: 7px 0 7px 20px;
    background-color: #e9ddd1;
    font-weight: normal;
    font-size: 120%;
}


/* ***********************************************
▼カートの中
/*********************************************** */
/* 現在のカゴの中
----------------------------------------------- */
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;
}

#undercolumn_cart .total_area {
	margin-top: 20px;
}
/* 小計 */
#undercolumn_cart .subtotal {
    float: right;
    width:25%;
}

#undercolumn_cart .subtotal div {
    border-top:1px solid #fff;
    border-bottom:1px solid #e6ded1;
    padding: 0px 7px 2px 7px;
    margin-top: 7px
}

/* 合計 */
#undercolumn_cart .total {
    border:2px solid #e6ded1;
    width: 23%;
    margin: 0px 0px 40px 0px;
    padding: 10px 7px 10px 7px;
}

#undercolumn_cart .total_price {
    color: #F00;
    font-size: 140%;
    font-weight: bold;
}


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

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

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


/* お支払い方法・お届け時間等の指定
----------------------------------------------- */

#undercolumn_shopping .title {
	margin: 0px -20px 35px -20px;
}

div#undercolumn_shopping .main_area {
	padding: 0 85px;
}

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 {
    border: 1px solid #ccc;
    margin-top: 5px;
}


div#undercolumn_shopping .point_area .point_announce p {
    padding :10px 10px;
    background-color: #fffaf4;
    border-bottom: solid 1px #eaddcd;
}

div#undercolumn_shopping .point_area .point_announce ul {
    padding :10px 10px;
}

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

/* ポイントを使用する・しない */
div.point_area div ul li span {
    margin-left: 5px;
}

/* 支払い方法 */
.payment_table {
	border: 0;
}

.payment_table * {
    border: 0;
	padding: 2px;
}

.payment_price {
    color: #F00;
    font-size: 120%;
    font-weight: bold;
}


/* お届け日時の指定 */
div.delivdate {
	border-top: solid 1px #eaddcd;
	border-bottom: solid 1px #eaddcd;
	border-left: solid 1px #eaddcd;
	border-right: solid 1px #eaddcd;

	margin-bottom: -1px;
}

div.delivdate p {
    background-color: #fffaf4;
	padding :10px 10px;
	border-bottom: solid 1px #eaddcd;
}

div.delivdate div {
	padding:15px 10px;
}

/* ポイント */


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

#address_area .information {
    float: left;
}

#undercolumn_shopping .information {
}

#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;
}
#undercolumn_shopping .add_multiple {
	padding: 30px 80px;
    border: solid 1px #e9ddcf;
    text-align: center;
}

#undercolumn_shopping .add_multiple p {
    margin-bottom: 25px;
}

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

/* 戻るボタン分マイナス */
.btn_area .send {
	margin-left: -120px;
}

/* タイトル部分のアイコン */
.add_icon_customer{
	background: url('../img/title/title_order_customer.png') no-repeat 18px 7px;
	text-indent: -9999px;
}

.add_icon_customer_config{
	background: url('../img/title/title_order_customer_config.png') no-repeat 18px 5px;
	text-indent: -9999px;
}

.add_icon_customer_multiple{
	background: url('../img/title/title_order_customer_multiple') no-repeat 18px 7px;
	text-indent: -9999px;
}

.add_icon_order_pay {
	background: url('../img/title/title_oreder_pay.png') no-repeat 18px 7px;
	text-indent: -9999px;
}

.add_icon_order_confirm{
	background: url('../img/title/title_oreder_confirmation.png') no-repeat 18px 7px;
	text-indent: -9999px;
}

.add_icon_order_complete{
	background: url('../img/title/title_order_comp.png') no-repeat 18px 7px;
	text-indent: -9999px;
}

/* 複数のお届け先の設定 */
.LC_Page_Shopping_Multiple .body {
    width: 760px;
    margin: auto;
}


/* 注文内容の確認
----------------------------------------------- */
#undercolumn_shopping th {
	font-weight: normal;
}

.confirm > #form1 > div >div {
	margin-left: 30px;
}

.confirm > #form1 > div {
	margin-bottom: 30px;
}

.confirm_point_area {
	border: solid 1px #EF8300;

}
.confirm_point_area td {
	border-right: solid 1px #EF8300;
}

tbody.confirm_point_area tr:nth-child(4) > th,
tbody.confirm_point_area tr:nth-child(4) > td {
	border-bottom: solid 1px #EF8300;
}

.confirm_detail_table{
	width: 94%;
}


/* 注文完了
----------------------------------------------- */
div#complete_area img{
    margin-top: 20px;
}


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



/*-------------------------------------------------
FADIE用 ラジオボタン
----------------------------------------*/
/*
td.radio_area li {
    font-size: 16px;
    margin-bottom: 5px;
    vertical-align: middle;
}

td.radio_area input[type="radio"]{
    font-size: 100%;
    width: 1em;
    margin: 0;
    padding: 0;
    opacity: 0;
}

td.radio_area input[type="radio"]+label:before{
    display: inline-block;
    content: "";
    vertical-align: top;
    background-color: white;
    color: #F08300;
    border-style: solid;
    border-width: 0.1875em;
    width: 0.625em;
    height: 0.625em;
    margin-left: -1em;
    margin-top: 0.18em;
    margin-right: 0.5em;
}

td.radio_area input[type="radio"]+label:before{
    border-radius: 0.5em;
}

td.radio_area input[type="radio"]:checked+label:before{
    border-style: double;
    border-width: 0.5em;
    width: 0;
    height: 0;
}*/
/*-------------------------------------------------
FADIE用 チェックボックス
----------------------------------------*/
/*
td.checkbox_area  {
    font-size: 18px;
        margin-bottom: 5px;
        color: #F08300;
        /* text-decoration: underline; */
        /*
        vertical-align: middle;
        padding: 10px 10px 10px 10px;
        margin-top: 50px;
}
td.checkbox_area input[type="checkbox"]{
        font-size: 100%;
        width: 10px;
        color: #F08300;
        margin: 0;
        padding: 0;
        opacity: 0;
}
td.checkbox_area input[type="checkbox"]+label:before{
        display: inline-block;
        content: "";
        vertical-align: top;
        background-color: white;
        color: #F08300;
        border-style: solid;
        border-width: 0.1875em;
        width: 0.625em;
        height: 0.625em;
        margin-left: -1em;
        margin-top: 0.25em;
        margin-right: 0.5em;
}

td.checkbox_area input[type="checkbox"]:checked+label:before{
    border-style: double;
    border-width: 0.5em;
    width: 0;
    height: 0;
}*/
/*-------------------------------------------------
FADIE用 必須イメージ
----------------------------------------*/
.required {
    /*width: 50%;*/
    height: 22px;
    vertical-align: middle;
    float:right;
}

.required_2 {
    /*width: 50%;*/
    height: 35px;
    vertical-align: middle;
    float:right;
    margin-right:-21px;
}

/*-------------------------------------------------
FADIE用 ツールチップ
----------------------------------------*/
.icon_help {
    /*width: 50%;*/
    height: 22px;
    vertical-align: middle;
    float:right;
    /*position:relative;*/
}
a:hover {
/*    background:#ffffff;*/
    text-decoration:none;
}
a.tooltip span {
    display:none;
    /* text-align:center; */
    padding:7px 7px;
    margin-left:-440px;	 /* 表示位置指定 横 */
    margin-top:-40px;	 /* 表示位置指定 縦 */
    width:420px;	 /* 吹き出しの幅 */
    border-radius: 0.5em;
    text-align: left;
}
a.tooltip:hover span{
    display:inline;
    position:absolute;
    border:1px solid #555555;	/* 吹き出しの枠線色を削除 */
    background:#eeeeee;			/* 吹き出しの背景色の変更 */
    color:#000000;				/* 吹き出しの文字色の変更 */
}
ul.qstyle a {
    text-decoration: underline;
}