@charset "UTF-8";

*{
margin:0;padding:0;
}

body{
color:#333;
background-color:#7c9aab;
font-size:12px;
padding-bottom:10px;
text-align:center;
font-family:"ＭＳ Ｐゴシック",Osaka,sans-serif;
}

a img{
border:none;
}


/* --- clearfix --- */

.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


/* ==================== */


div#containerwrapper{
width:780px;background:#fff none;
margin:10px auto;
text-align:left;
}

h1{
font-size:18px;
margin:0 0 -20px;
padding:10px;
}

div#footer{
text-align:center;
padding:15px 0 15px;
}


/* ----- コンテンツ領域見出し ----- */

div#contentszone h2{
font-size:16px;font-weight:bold;
background:url(/top_images/heading2_bg.gif) repeat-x 0% 0% #e9e9e9;
border-top:solid 1px #e9e9e9;border-bottom:solid 1px #e9e9e9;
margin:20px 0px 10px 0px;
padding:5px 10px 3px 20px;
}


div#contentszone h3{
font-size:16px;font-weight:bold;
margin:35px 15px 15px 15px;
padding:0 0 3px 3px;
border-bottom:solid 5px #69c;
clear:both;
}

div#contentszone h4{
font-size:14px;font-weight:bold;
margin:0 15px 15px 15px;
padding:15px 0 3px 3px;
border-bottom:solid 4px #ccc;
}



/* ----- コンテンツ領域内基本設定【不用意に変更禁止】 ----- */

div#contentszone p{
margin:5px 20px;
line-height:1.35;
}

div#contentszone dl{
margin:5px 15px 5px 20px;line-height:1.35;
}

div#contentszone dt{
font-weight:bold;
color:#36f;
}

div#contentszone dd{
margin-left:15px;
margin-bottom:5px;
}

div#contentszone ul{
margin:0 15px 0 40px;
}

div#contentszone ol{
margin:5px 15px 5px 50px;
}

div#contentszone li{
line-height:1.5;
}

div#contentszone address{
margin:5px 20px;
font-style:normal;
text-align:right;
line-height:1.35;
}

div#contentszone table{
border:solid 1px #ccc;
border-collapse:collapse;border-spacing:0;
font-size:12px;
margin:10px 25px;
}

div#contentszone table thead{
background-color:#7e7e7e;
border:solid 1px #ccc;
}

div#contentszone td,
div#contentszone th{
border:solid 1px #ccc;
line-height:1.35;
padding:6px 22px;
}

div#contentszone table thead th{
color:#fff;
font-weight:bold;
padding:8px 22px;
}

div#contentszone table th{
font-weight:normal;
text-align:center;
border:solid 1px #ccc;
}

div#contentszone table tbody th{
background-color:#efefef;
}

dl table{
margin-left:0 !important;margin-right:0 !important; 
}

dl ul,dl ol{
margin-left:20px !important;margin-right:0 !important;
padding-left:0 !important;
}

dl li{
margin-left:0 !important;margin-right:0 !important;
padding-left:0 !important;
}

td ul{
margin:5px 15px 5px 20px !important;
}

td ol{
margin:5px 15px 5px 30px !important;
}

td dl{
margin:5px 15px 5px 5px !important;
}


/* ----- フロート汎用 ----- */

.floatleft{float:left;}
.floatright{float:right;}
.clearfloat{clear:both;}

img.floatleft{
float:left;
margin:0 10px 10px 0;
}

img.floatright{
float:right;
margin:0 0 10px 10px;
}


/* ----- 共通個別設定 ----- */

	/* --- テキスト --- */

div#salesterms_area a{
color:#333;
}

div#salesterms_area a:hover{
color:#ff0000;
text-decoration:none;
}

span.attention{
color:#e1211c;
font-weight:normal;
}

span.mini{
font-size:10px;
}

span.underline{
padding-bottom:3px;
background:url(images/underline_nami.gif) repeat-x left bottom;
}

p.disclaimer{
text-align:right;
}


	/* --- 警告マーク付きリスト --- */

div#contentszone ul.alert{
margin-left:20px;
padding:0;
}

div#contentszone ul.alert li{
list-style-type:none;
padding:0 0 10px 17px;
background:url(images/attention.gif) no-repeat 0 2px;
}


	/* --- 手数料表 --- */

table.handlingfee tbody td{
text-align:center;
font-weight:bold;color:#c00;
}

table.handlingfee span.mini{
font-weight:normal;color:#fff;
margin-left:3px;
}



/* --- 販売条件専用設定 --- */

div#salesterms_area table tbody th{
white-space:nowrap;	/* セル内改行禁止 */
}

div#salesterms_area li{
padding-bottom:10px;	/* リスト項目に余白とる */
}


div#salesterms_area table.seino tbody td{
white-space:nowrap;	/* セル内改行禁止 */
padding:6px 10px;
}


/* ----- 販売条件タイトル ----- */

div#contentszone p#top_explanation{
min-height:45px;height:auto !important;height:55px;
margin:0 15px;
padding:10px 0 10px 170px;
background:url(images/p_title.gif) no-repeat 0 10px;
line-height:1.6;
}


/* ----- ページ内アンカーメニュー ----- */

div#salesterms_menu{
margin:0 15px;
padding:10px 0 12px 0;
border-bottom:solid 1px #ccc;
}

div#salesterms_menu ul{
margin:0;padding:0;
}

div#salesterms_menu li{
list-style:none;
width:148px;height:27px;
margin:0 2px 0 0;
padding:0;
float:left;
background-color:#4e1d5e;
line-height:2.15;
text-align:center;
}

div#salesterms_menu li.menu05{
width:150px;
margin-right:0 !important;
}

div#salesterms_menu li a{
display:block;
width:148px;height:27px;
color:#fff;
text-decoration:none;
}

div#salesterms_menu li a:hover{
text-decoration:underline;
}


/* ----- ご購入の前に必ずお読み下さい ----- */



/* ----- お支払い方法について ----- */

div#paymentmethod{
margin:10px 0;
}

	/* --- 領収書 --- */
div.receipt{
margin:10px 25px 5px 25px;
padding-bottom:5px;
border:solid 1px #999;
/*background-color:#fddcdc;*/
}

div#contentszone div.receipt h5{
font-size:12px;
padding:12px 0 5px 27px;
background:url(images/caution_icon.gif) no-repeat 8px 10px;
}


/* ----- ヤマト運輸 送り状について ----- */

div#invoice{
margin:5px 30px;
}

	/* --- 振込先テーブル --- */

div#paymentmethod table.payment tbody th{
background-color:transparent;
}


/* ----- 送料について ----- */

div#sales_carriage p{	/* 送料無料 */
height:55px;
margin:0;
font-size:14px;
background:url(images/delivery_free.gif) no-repeat 10% 0%;
text-indent:-9999px;
}

p.r_shipping img{
margin:20px auto;
}

div#delivery_box{
margin:5px 5px;
}



/* ----- カートエラーページ ----- */


/* ----- ページ内アンカーメニュー ----- */

div#error_listmenu{
margin:0 15px;
padding:10px 0 12px 0;
border-bottom:solid 1px #ccc;
}

div#error_listmenu ul{
margin:0;padding:0;
}

div#error_listmenu li{
list-style:none;
width:185px;height:27px;
margin:0 2px 0 0;
padding:0;
float:left;
background-color:#4e1d5e;
line-height:2.15;
text-align:center;
}

div#error_listmenu li.menu04{
width:188px;
margin-right:0 !important;
}

div#error_listmenu li a{
display:block;
width:185px;height:27px;
color:#fff;
text-decoration:none;
}

div#error_listmenu li a:hover{
text-decoration:underline;
}


div.setting_procedure h5{
font-size:12px;
padding:12px 0 5px 27px;
}

ul.other_browser{
padding-top:10px !important;
}


div.noticemsg{
font-size:12px;
background-color:#f8eae6;
border:1px #f97568 solid;
margin:15px 15px 15px !important;
padding:10px !important;
}



/* ----- 配達時間帯の指定枠の変更 ----- */

#contents {
    font-family: "メイリオ",Meiryo,"ヒラギノ角ゴシック Pro","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
    text-align: justify;
    text-justify: distribute;
    color: #333;
    font-size: 14px;
}
#infoBox {
    padding: 20px 30px;  
}
#infoBox h2 {
    border-bottom: 2px solid #69c;;
    font-size: 24px;
    font-weight: bold;
    line-height: 1.3;
    margin: 10px 0 20px;
    padding: 20px 15px 5px 5px;
}
#infoBox h3 {
    border-left: 6px solid #c6c9d3;
    margin: 30px 0 20px;
    padding-left: 10px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.3;
}
#infoBox .receipt h4{
    padding: 7px 0 5px 21px;
    background:url(images/caution_icon.gif) no-repeat 0 50%;
}
#infoBox storong {
    font-size: 18px;
    font-weight: bold;
    color: #333;
}
#infoBox img {
    margin: 15px auto 15px;
}
#infoBox .cnt {
    text-align: center;
}
#infoBox ul{
    margin: 10px 15px 0 30px;
}
#infoBox li{
    line-height:1.8;
}
#infoBox .receipt{
    margin: 10px auto 10px;
    padding: 15px;
    border: 1px solid #c6c9d3;
}



/* ----- 送料改定の変更 ----- */

section.inner {
    margin-top: 20px;
    margin-bottom: 10px;
}

#infoBox h4{
    font-size: 18px;
    font-weight: bold;
    margin:5px 0 5px;
}

/*  Tables
--------------------------------------- */
.inner table{
    width: 100%; 
    border-collapse: collapse;
    border: 0 none;
}

.inner table th,
.inner table td{
    font-size: 1em;
    font-weight: normal; 
    text-align: left;
    vertical-align: top;
    border: 0 none;
}

.inner table.tbl-section {
    table-layout: fixed;
    border: 1px solid #c6c9d3;
}
.inner table th,
.inner table td {
    vertical-align: middle;
    word-wrap: break-word;
    border-bottom: 1px solid #c6c9d3;
    border-left: 1px solid #c6c9d3;
    padding: 12px 5px;
    font-size: 12px;
    text-align: center;
    line-height: 1.43;
}
.inner table th {
    background-color: #f5f6f8;
}
.inner table td {
    background-color: white;
}
.inner table tbody td {
    font-weight: bold;
    font-size: 14px;
}

p.posleft{
    text-align:right;
    margin:5px 0 0;
}





/*
#contents #closeBtn{
    position:absolute;
    top:30px;
    right:180px;
}
#contents #closeBtn a{
    padding-top:6px;
    border-radius:10px;
    box-sizing:border-box;
    display:block;
    width:110px;
    height:37px;
    color:#009a8b;
    border:1px solid #c6c9d3;
    background-color:#fff;
    box-shadow:0 2px 0 0 #c6c9d3;
    vertical-align:middle;
    text-align:center;
    font-size:14px;
    transition:all 0.2s ease 0s;
}
#contents #closeBtn a:hover,
#contents #closeBtn a:focus{
    border:1px solid transparent;
    box-shadow:none;
    color:#fff;
    background-color:#10af9e;
}
#contents #closeBtn a:hover span:before,
#contents #closeBtn a:focus span:before{
    color:#fff;
}
#contents #closeBtn span{
    position:relative;
    display:inline-block;
}
#contents #closeBtn span:before{
    margin-right:8px;
    color:#20a898;
    vertical-align:middle;
    font-size:10px;
    font-family:'iconfont'!important;
    speak:none;
    font-style:normal;
    font-weight:normal;
    font-variant:normal;
    text-transform:none;
    line-height:1;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    content: "\e915";
}
*/