/* CSS Document */

@charset "utf-8";

.cart_step{
	font-size:16px;
	font-family: 'FontAwesome', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', '游ゴシック', 'Yu Gothic', 'MS UI Gothic', Meiryo, メイリオ, sans-serif;
}

/* ---------------------------------------------------------------- */
/* html5 */
/* ---------------------------------------------------------------- */

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}

/* ---------------------------------------------------------------- */
/* 全体の設定 */
/* ---------------------------------------------------------------- */

html, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-family: inherit;
	vertical-align: baseline;
}

/* ---------------------------------------------------------------- */
/* common */
/* ---------------------------------------------------------------- */

*{
	margin:0px;
	padding:0px;
}
body{
	color:#151515;
	text-align:center;
	background-color:#F2F0F0;
}

p{ line-height:20px;
	    font-size: 90%;
}


h1 {
	color:#555;
	font-size:85%;
	text-align:left;
}
h2{
	text-align:left;
	font-size:110%;
	font-weight:bold;
	color: #647520;	
	margin-top:10px;
	margin-bottom:20px;
	padding:1px 3px;
	border-bottom: dotted 3px #ccc;
}
h3{
	color:#493011 ;
	margin-top:30px;
	margin-bottom:30px;
	border-left:7px solid #222222;
	padding-left:15px;
    font-size: 150%;
}

ul li{
	list-style:none;
}

img{
	border:0;
	vertical-align:bottom;
	vertical-align：text-bottom;
}
p{
	margin-bottom:15px;
}

a{color:#900;}
a:visited{}
a:hover{text-decoration:underline;}
a:hover img{opacity: 0.7;}

/* CLEARFIX */ 
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1; }

/* ul は全てclearfix */ 

ul:before, ul:after { content: ""; display: table; }
ul:after { clear: both; }
ul { zoom: 1; }

/* ---------------------------------------------------------------- */
/* container */
/* ---------------------------------------------------------------- */

#container {
	margin-left: auto;
	margin-right: auto;
	width: 100%;

	background:#FFF;
	background-color:white;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

.lt-ie9 #container {

}

/* ---------------------------------------------------------------- */
/* header */
/* ---------------------------------------------------------------- */

#header{
	margin:0 ;
	background:#FFF;
	text-align:center;
	margin-bottom:30px;
}
#header img{
	width:100%;
}

#sp_header, #sp_footer{
	display:none;
}
#sp_step_flow{
	display:none;
}

header li{

}

/* ---------------------------------------------------------------- */
/* contents */
/* ---------------------------------------------------------------- */

#contents{
	width:100%;
	margin:0 auto;
	text-align:left;
	background:#fff;
}
#contents:after {content:".";display:block;visibility:hidden;height:0.1px;font-size:0.1em;line-height:0;clear: both;}
#contents{zoom:1;}

/* ---------------------------------------------------------------- */
/* main */
/* ---------------------------------------------------------------- */

#cart_main{
	box-sizing:border-box;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
	width:90%;
	max-width:996px;
	padding-bottom:30px;
	margin-bottom:10px;
}

/* ---------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------- */

#footer{
	width:100%
	margin:0;
	background:#FFF;
	text-align:left;
	position:relative;
}

footer{
	font-size:90%;
}

/* ---------------------------------------------------------------- */
/* other */
/* ---------------------------------------------------------------- */

.sp_only{
	display:none;
}

#step_flow{
	text-align:left;
}
#profile_box{
	text-align:center;
}
#step_flow img{
	width:100%;
	max-width:365px;
}
#profile_box img{
	width:100%;
	max-width:780px;
}

#profile_pc_div{
	text-align:center;
	background-color:#333;
}
#profile_pc_div .inner{
	width:100%;
	max-width:960px;
	margin-left:auto;
	margin-right:auto;
}


/* ---------------------------------------------------------------- */
/* 一般 */
/* ---------------------------------------------------------------- */

b{
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.kome{
    background: #b71d1d;
    color: #fff;
    font-size: 90%;
    padding: 3px 5px 0px;
    float: right;
}
.red{
	color:#990000;
}
.small{
	font-size:85%;
	color:#555;
}
.center{
	text-align:center;
}
.w100{
	width:100%;
}
.w95{
	width:95%;
}
.w90{
	width:90%;
}
.w80{
	width:80%;
}
.w75{
	width:75%;
}
.w70{
	width:70%;
}
.w60{
	width:60%;
}
.w50{
	width:50%;
}
.w40{
	width:40%;
}
.w30{
	width:30%;
}
.w25{
	width:25%;
}
.w20{
	width:20%;
}
.fsize100{
	font-size:100%;
}
.fsize110{
	font-size:110%;
}
.fsize120{
	font-size:120%;
}
.fsize90{
	font-size:90%;
}
.fsize80{
	font-size:80%;
}

.yellow_box{
	border-top:1px solid #ccc;
	background-color:#FFFFCC;
}

.mbottom50{
	margin-bottom:50px;
}
.mbottom40{
	margin-bottom:40px;
}
.mbottom30{
	margin-bottom:30px;
}
.mbottom20{
	margin-bottom:20px;
}
.mbottom15{
	margin-bottom:15px;
}
.mbottom10{
	margin-bottom:10px;
}


/* ---------------------------------------------------------------- */
/* fbox */
/* ---------------------------------------------------------------- */

.fbox{
	clear:both;
}
.fbox ul{
	list-style:none;
	clear:both;
}
.fbox .fA{
	width:15%;
	float:left;
	text-align:center;
}
.fbox .colB .fA img{
	width:50px;
	float: left;
}
.fbox .fB{
	width:40%;
	float:left;
	text-align:left;
}
.fbox .fC{
	width:10%;
	float:left;
	text-align:right;
}
.fbox .fD{
	width:10%;
	float:left;
	text-align:right;
}
.fbox .fE, .fbox .fA3R{
	width:15%;
	float:left;
	text-align:right;
}
.fbox .fF, .fbox .fG{
	width:10%;
	float:right;
	text-align:center;
}
.fbox .fA4, .fbox .fA3L{
	width:75%;
	float:left;
	text-align:right;
	font-weight: bold;
}
.fbox .fA2{
	width:55%;
	float:left;
	text-align:left;
}
.fbox .fB2{
	width:20%;
	float:left;
	text-align:right;
}
.fbox .fA5{
	width:90%;
	float:left;
	text-align:center;
}
.fbox .fA5 p{
	text-align:right;
}

.fbox .colA{
	background-color:#382B27 ;
	color:white;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
	line-height:170%;
}
.fbox .colB{
	padding-top:7px;
	padding-bottom:7px;
	padding-left:3px;
	line-height:170%;
	border-bottom:1px solid #F2EBE2;
	margin-bottom: 5px;
}
.fbox .colC{
	padding-top:7px;
	padding-bottom:7px;
	font-size: 85%;
	background: #f2f2f2;
}
.fbox .colD{
	background-color:#D6C9C5 ;
	border-top:1px solid #ccc;
	font-weight:bold ;
	padding-top:7px;
	padding-bottom:7px;
}
.fbox .delete{
	cursor:pointer ;
	font-size:80%;
	border:1px solid #ccc;
	color:#777;
	padding-left:3px;
	padding-right:3px;
}

.fbox .souryou_fA4{
	color:#bf0002; 
	font-size:90%;
}
.fbox .souryou_fE{
	color:#000; 
	font-weight:bold; 
	font-size:110%;
}

/* ---------------------------------------------------------------- */
/* fbox2 */
/* ---------------------------------------------------------------- */

.fbox2{
	border:1px solid #A09070;
	clear:both;
	margin-bottom:20px;
}

.fbox2 ul{
	list-style:none;
	clear:both;
	overflow:auto;
}

.fbox2 .colA{
	background-color:#eee ;
}

.fbox2 .fA{
    color: #333;
    padding: -4px 0 8px;
    width: 25%;
    float: left;
    font-weight: bold;
    background: #ded7af;
    margin: 4px;
}
.fbox2 .fB{
	padding-top:3px;
	padding-bottom:7px;
	padding-left:3px;
	float:left;
	width:74%;
}
.fbox2 .fB strong{
	font-weight: bold;
	font-size: 110%;
}

.fbox2 .colA .fA{
    text-align: left;
    padding: 9px 7px 8px;
}

.fbox2 .colA .mbox{
margin: 10px 0;
    font-size: 90%;
    line-height: 160%;
    }
.fbox2 .colA .mbox p{
padding-left: 150px;

    }

.fbox2 .colA .fB{

}
.fbox2 .colB .fA{
	padding-top:10px;
	text-align:center;
}
.fbox2 .colB .fA div{
	margin-top:10px;
}
.fbox2 .colB .mbox{
margin: 10px;
    font-size: 90%;
    line-height: 160%;
    border-bottom: dotted 1px #333;
    }

.fbox2 input{
color: #333;
	vertical-align: bottom; 
	padding: 7px 0px 7px;
	margin-bottom: 5px;
}
.fbox2 select{
	color: #333;
	vertical-align: bottom;
	padding: 10px 0px 10px;
	margin-bottom: 5px;
}
.fbox2 textarea{
	color: #333;
	vertical-align: bottom;
	padding: 10px;
	margin-bottom: 5px;
}

.fbox2 .fA100{
	width:100%;
	text-align:center;
	padding-bottom:5px;
}

.fbox2 .fA4{
	width:75%;
	float:left;
	text-align:right;
}

/* ---------------------------------------------------------------- */
/* fbox3 */
/* ---------------------------------------------------------------- */

.fbox3{
	clear:both;
	margin-bottom:20px;
	line-height:140%;
}

.fbox3 ul{
    list-style: none;
    clear: both;
    overflow: auto;
    background-color: #eee;
    padding: 5px 8px;
    margin: 0;
}

.fbox3 .fA{
    background: #ded7af;
    padding: 10px 1%;
    width: 22%;
    float: left;
    color: #555;
    text-align: left;
    margin: 4px 0 0;
    color: #181818;
}
.fbox3 .fA span{
	margin-right:13px;
	font-weight: bold;
	
}

.fbox3 .fB{
	padding-top:13px;
	padding-bottom:7px;
	float:left;
	width:75%;
	color:#333;
	font-weight:bold;
}
.fbox3 .fB span{
	margin-left:13px;
}

.fbox3 .mbox{
	font-size:90%;
	line-height:160%;
	margin:10px 30px;
	font-weight:normal;
}

.fbox3 .banchi_attention{
	font-size:85%;
	color:#990000;
	font-weight:normal;
}


/* ---------------------------------------------------------------- */
/* kagoswitch */
/* ---------------------------------------------------------------- */
.kagoswitch{
	clear:both;
	width:100%;
	box-sizing:border-box;
}

.kagoswitch ul, .kagoswitch li{
	box-sizing:border-box;
}

.ks_l{
	float:left; 
	width:50%;
	text-align:center;
	padding-right:5px;
	box-sizing:border-box;
}	
.ks_r{
	float:right; 
	width:50%;
	text-align:center;
	padding-left:5px;
	box-sizing:border-box;
}

.ks_l img, .ks_r img{
	width:350px;
	height:auto;
}

#AmazonPayButton{
	width:100% !important;
}
#AmazonPayButton img{
	width:100%;
	cursor:pointer;
}

#kagoswitch2021{
	text-align:center;
	margin-bottom:50px;
	margin-top:20px;
}
#kagoswitch2021 ul, .kagoswitch2021 li{
	list-style:none;
	box-sizing:border-box;
}
#kagoswitch2021 ul{

}
#kagoswitch2021 li{
	width:50%;
	float:left;
}
#kagoswitch2021 .ks_left{
	text-align:right;
	padding-right:30px;
}
#kagoswitch2021 li:nth-child(even){
	text-align:left;
	padding-left:30px;
}
#kagoswitch2021 li .ks_inner{
	max-width:350px;
	display:inline-block;
}
#kagoswitch2021 li .ks_inner img, #kagoswitch2021 li .ks_inner .btn_to_step2{
	width:100%;
}
#kagoswitch2021 li .ks_inner p{
	text-align:left;
}

.button_div input[type="button"]{
  width:300px;
  display: inline-block;
  text-decoration: none;
  padding: 14px 18px;
  margin-bottom: 0;
  color: #333333;
  text-align: center;
  text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);
  vertical-align: middle;
  cursor: pointer;
  background-color: #f5f5f5;
  background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6));
  background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: -o-linear-gradient(top, #ffffff, #e6e6e6);
  background-image: linear-gradient(to bottom, #ffffff, #e6e6e6);
  background-repeat: repeat-x;
  border: 1px solid #cccccc;
  border-color: #e6e6e6 #e6e6e6 #bfbfbf;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  border-bottom-color: #b3b3b3;
  -webkit-border-radius: 8px;
  -moz-border-radius: 8px;
  border-radius: 8px;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
  -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
  
  -webkit-appearance: none;
}

input[type="button"]:hover{
  opacity: 0.8;
}

/* ---------------------------------------------------------------- */
/* その他のID class */
/* ---------------------------------------------------------------- */

#pay_icon_list{
	width:100%;
	text-align:right;
}

#cart_name{
	font-weight:bold;
	text-align:left;
	margin-bottom:15px;
	font-size:120%;
}
#cart_exp{
	clear:both; 
	width:640px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;

}
#cart_flow{
	margin-bottom:10px;
	text-align:center;
}
#cart_exp2{
	font-weight:bold;
	text-align:left;
	font-size:90%;
	margin-bottom:15px;
}
#mizuhiki_img{
	text-align:center;
}
#mizuhiki_img img{
	width:100%;
	max-width:750px;
}


.bgRED{
	background-color:red;
	color:black;
}
.nodeep{
	color:#ccc;
}
.deep{
	color:#FF4900;
}
.nodisp{
	display:none;
}
.check{
	color:#ccc;
}
.check input{
	border-style:none;
	background-color:#FFFFFF;
}

.noITEMS{
	color:red;
	font-weight:bold;
	font-size:120%;
	text-align:center;
	padding:20px;
}

.extra_check{
	margin:10px; 
}

.attention{
	clear:both;
	width:100%; 
	height:15px; 
	margin-top:30px; 
	margin-bottom:30px; 
	margin-left:auto;
	margin-right:auto;
	text-align:left;
	color:#990000;
}

.subtitle{
	background-color:#493011;
	color:white;
	font-weight:bold ;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;
	text-align:left;
	clear:both;
}
.subtitle2{
	background-color:#382B27;
	color:white;
	font-weight:bold ;
	padding-top:7px;
	padding-bottom:7px;
	padding-left:7px;
	text-align:left;
	clear:both;
}

.mark{
	color:red;
}


p.black{
	color:#000000;
	font-weight:bold;
}

p.red{
	color:#800000;
	font-weight:bold;
}

p.white{
	color:#ffffff;
	font-weight:bold;
}
.otodoke{
	text-align:right;
	color:#C42E00 ;
	font-weight:bold;
	padding-right:15px;
}

.apartname{
	padding-top:24px;
	font-size:90%;
}

.hosoku{
	font-size:85%;
	color:#777;
	margin-bottom:10px;
}

.cookie_box{
	text-align:center; 
	margin-top:15px; 
	margin-bottom:15px; 
	font-size:90%;
}

.commentli .mbox{
	margin:10px;
}

/* ---------------------------------------------------------------- */
/* stepごと */
/* ---------------------------------------------------------------- */



.step1 #noITM{
	border:1px solid #ccc;
	font-size:140%;
	padding-top:20px;
	padding-bottom:20px;
	text-align:center;
	margin-bottom:40px;
}

.step1 #pdf_box{
	 color:#555; 
	 height:62px;
	 margin-top:30px;
}

.step1 #kg_page{
	text-decoration: underline;
	cursor:pointer;
}
.step1 #exp_box{
	margin-top:40px;
	font-size:85%;
}
.step1 #exp_box p{
	color:gray;
}
.step1 #extra_box .mini{
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100 */
background: #ffffff; /* Old browsers */
background: -moz-linear-gradient(top, #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    border: 1px solid #999;
    font-size: 80%;
    padding: 3px 5px;
    color: #333;
    cursor: pointer;
    border-radius: 2px;
    margin-bottom: 0px;
}
.step1 #extra_box .exp{
    font-weight: bold;
    background: #f4e5d3;
    padding: 6px;
    text-align: center;
}
.step1 #extra_box .border-box{
	box-sizing:border-box;
    width: 25%;
    float: left;
	padding: 10px;
	text-align:center;
	min-height:320px;
	border-bottom:2px solid #F4E5D3;
	border-left:2px solid #F4E5D3;
}
.step1 #extra_box .border-box:last-child{
	border-right:2px solid #F4E5D3;
}

.step1 #extra_box .border-box table{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}

.step1 #extra_box .border-box td{

}

.step1 #extra_box .img-box{
	width:120px;
	float:none;
}
.step1 #extra_box .float-box{
	padding:5px 0;
	width:120px; 
	float:none;
	line-height:130%;
}
.step1 #extra_box .float-box input[type="submit"]{
	margin-left:20px;
}
.step1 #extra_box .expname{
	width: 100%;
    font-size: 95%;
    font-weight: bold;
    text-align:center;
}
.step1 #extra_box .expcontent{
	text-align:left;
	padding-left:30px;
}
.step1 #extra_box .expvalue{
	width:110px; 
	text-align:right;
	color:#9A0100;
}
.step1 #extra_box .mini_btn_td{
	width:110px; 
	text-align:center;
	color:#9A0100;
}

.step1 .kagoswitch{
	margin-top: 30px;
}

.step1 .muryocomment{
	color:#FF6600; 
	font-weight:bold;
	padding-left:40px;
}

.step1 #kaigai_box{
	border:4px solid #ccc; 
	padding:5px 10px;
	font-size:80%;
	color:#555;
	margin-top:30px;
	margin-bottom:30px;
	line-height:160%;
}
.step1 #kaigai_box p{
	margin-top:2px;
}
.step1 #kg_page{
	text-decoration: underline;
	cursor:pointer;
}


.step2 input[type="text"]{
	font-size:110%;
	padding:5px;
}
.step2 textarea{
	padding:5px;
	margin-left:5%;
	margin-top:5px;
	margin-bottom:5px;
    padding: 9px;
}

.step2 textarea{
	margin:5px auto;
}
.step2 select{
	font-size:110%;
	padding:5px;
}
.step2 #pay_exp{
	text-align:center;
	font-size:110%;
	padding:5px;
}
.step2 .payimg{
	text-align:center;
	margin-top:5px;
}

.step2 .bgon{
	background-color:#E8FFD1;
}
.step2 .bgoff{
    background-color:#eee;
}
.step2 .err{
	background-color:#FFCCCC;
}

.step2 .error input{
	background-color:#FFCCCC;
}
.step2 .iferror{
	display:none;
}
.step2 .noerr{
	background-color:#ccc;
}
.step2 .iferror{
	display:none;
}
.step2 .error .iferror{
	display:block;
	color:red;
	font-weight:bold;
	text-align:center;
	padding:5px;
}

.step2 .switch_box{
	float:right; text-align:center; 
	width:350px; 
	position:relative; 
}
.step2 .switch_box div{
	display:inline;
}

.step2 .input_nosi, .step2 .input_day{
	width:130px;
}

.step2 #message{
	width:550px;
	height:60px;
}
.step2 #message_box{
	text-align:center;
	margin-top:7px; 
	margin-bottom:10px;
}

.step2 .back_btn{
	cursor:pointer;
}
.step2 #payblock ul{
	border-bottom:1px solid #ccc;
}

.step2 #package_br{
	margin-bottom:16px;
}

.step2 #otodoke_br{
	margin-bottom:16px;
}
.step2 #zipbtn, .step2 #zipbtn2{
	padding:5px 10px;
}

#func_list{
	margin-top:40px;
}
#fun_list ul, #fun_list li{
	list-style:circle;
}

.pay_select_ul{
	cursor:pointer;
	padding:4px 10px;
	width:100%;
	border-bottom:1px solid #ccc;
}
.pay_select_ul label{
	width:100%;
	min-height:40px;
	cursor:pointer;
}
.pay_select_ul:last-child{
	border-bottom:0px;
}
.pay_select_ul li{
	padding:8px;
	cursor:pointer;
}
.title_li{
	float:left;
	width:25%;
}
.exp_li{
	float:right;
	width:75%;
}
#message{
	width:95%;
	margin-left:auto;
	margin-right:auto;
}


.leftimg{
	float: left;
	width:136px;
	margin-right: 15px;
}

/******************************************/

.step3 .haiso span{
	padding-right:25px;
}

.step3 .fbox2 .fA{
	background-color:#fff;
}

.step3 .mini_btn input[type="submit"]{
	width:166px;
	float:left;
}

.step4 #thx_text{
	font-size:110%;
	text-align:center;
	margin-top:20px;
	font-weight:bold;
}

.step4 .credit_box{
	margin:20px;
	text-align:center;
	width:640px;
	margin-left:auto;
	margin-right:auto;
}
.step4 .credit_box .button_box{
	margin:20px;
}
.step4 .credit_box .button{
	height:50px;
}
.step4 .credit_box .text{
	font-weight:bold; 
	color:red; 
	font-size:110%;
	width:610px;
	margin-left:auto;
	margin-right:auto;
}
.step4 .credit_box .text2{
	text-align:center; 
	color:black; 
	font-weight:bold; 
	margin-bottom:30px;
}

.step4 .already_sended{
	margin-top:20px;
	margin-bottom:20px;
	text-align:center;
	color:teal;
	font-weight:bold;
	font-size:130%;
}
.step4 .last_text{
	margin-top:20px; 
	margin-bottom:20px; 
	font-weight:bold;
}
.step4 .last_comment{
	background-color:#FCE8A7 ;
	padding:20px;
	width:500px;
	text-align:left;
	margin:20px auto;
}

.step4 .submit_box{
	text-align:center;
	margin-top:20px;
	margin-bottom:40px;
}
.step4 .submit_box input{
	padding:10px;
	font-size:140%;
}
.step4 #thximg{
	text-align:center;
}

.step4 .colA{
background-color: #f2f2f2;
    text-align: center;
    padding: 10px;
    font-size: 20px;
    background-repeat: no-repeat;
}

.step4 .colB{
	font-size: 85%;
	padding: 10px;
	font-size: 20px;
}

.step4 .colB ul{
	margin: 20px 0;
}
.step4 .colB ul li{
    background-image: url(../img/pc_cart04-icon2.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    padding-left: 40px;
    margin: 3px 0px;
}

.step4 .colC{
	padding: 10px;
	float: left;
	margin-right: 1%;
	width: 48%;
}


.step4 .colD{
	padding: 10px;
	margin-left: 1%;
	width: 48%;
	float: right;
}

.step4 .colC .subtitle{
	text-align: center;
}
.step4 .colD .subtitle{
	text-align: center;
}


/* ---------------------------------------------------------------- */
/* amazon関係 */
/* ---------------------------------------------------------------- */

.fbox_amazon{
	border:1px solid #A09070;
	clear:both;
	margin-bottom:20px;
	line-height:140%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.fbox_amazon ul{
	list-style:none;
	clear:both;
	overflow:auto;
	height:285px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.fbox_amazon li{
	float:left;
	width:38%;
	padding:10px;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    -o-box-sizing: border-box;
}

.fbox_amazon .pay_info_li{
	width:24%;
    box-sizing: border-box;
}

.fbox_amazon #pay_info_div{
    box-sizing: border-box;
	padding:13px;
	border:1px solid #ccc;
}

.fbox_amazon #pay_info_div h3{
	font-size:90%;
}
.fbox_amazon #pay_info_div table{
	width:100%;
	font-size:90%;
	border-collapse:collapse;
}
.fbox_amazon #pay_info_div th{
	text-align:left;
	padding-left:2px;
	padding-right:2px;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.fbox_amazon #pay_info_div td{
	text-align:right;
	padding-left:2px;
	padding-right:2px;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
.fbox_amazon #pay_info_div .sum th{
	background-color:#D6C9C5 ;
	font-weight:bold;
}
.fbox_amazon #pay_info_div .sum td{
	background-color:#D6C9C5 ;
	font-weight:bold;
}



.step1 #kaigai_box{
	position:absolute;
	right:0px;
	top:80px;
	width:500px;
}

/*---------------------------------
	クーポン用
-----------------------------------*/

#h3_box{
	position:relative;
	margin-bottom:53px;
}
#coupon_box{
	position:absolute;
	width:310px;
	font-size:80%;
	top: -60px;
	right:0px;
	margin-right:0px;
	text-align:center;
	background-color:#F2F2F2;
	padding:7px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#coupon_box input[type="image"]{
	vertical-align:top;
}
#coupon_box input{
	color:#333;
}
#couponInput{
	width:202px;
}
#coupon_box .error{
	color:red;
	font-weight:bold;
}