/* CSS Document */

@charset "utf-8";

/* ---------------------------------------------------------------- */
/* 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-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/*---------------------------------
	COMMON
-----------------------------------*/

*{
	margin:0px;
	padding:0px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}
body{
	font-size:13pt;
	color:#151515;
	text-align:center;
	background-color:#666;
	background-image:url("/yamazaki-velvet.com/image/body/bg.jpg") ;
	background-repeat:repeat-x;
	font-size:10.5pt;
}

p{ line-height:20px;}


h1 {
	color:#555;
	font-size:75%;
	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:#222222 ;
	margin-top:30px;
	margin-bottom:30px;
	border-left:7px solid #222222;
	padding-left:15px;
}

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: 95%;
	max-width:1000px;
	background:#FFF;
	background-color:white;
	border-left:1px solid #aaa;
	border-right:1px solid #aaa;
}

/*---------------------------------
	HEADER
-----------------------------------*/
#header{
	margin: 0px;
	padding: 0px;
	position:relative;
}
#header h1{
	position:relative;
	top:3px;
	left:3px;
	font-size:65%;
	z-index:999;
}
#header #title_img{
	width:100%;
	position:absolute;
	top:0px;
	left:0px;
}
#black_belt{
	height:25px;
	margin-top:74px;
	background-color:#333;
	position:relative;
	border-top:2px solid #5B5A50;
	border-bottom:2px solid #5B5A50;
}
#black_belt .text{
	position:absolute;
	top:5px;
	left:20px;
	color:#5B5A50;
	font-size:80%;
}



#sp_header, #sp_footer{
	display:none;
}
#sp_step_flow{
	display:none;
}
#header_link_box{
	height:20px;
	position:relative;
}
#header_link_box span{
	font-size:95%;
	position:absolute;
	right:10px;
	top:4px;
}
#bg02{
	background:url('/yamazaki-velvet.com/image/header/bg02.jpg') repeat-x;
	height:30px;
	text-align:right;
}



/*---------------------------------
	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
-----------------------------------*/
#main{
	margin:30px 80px;
	text-align:left;
}

/* ---------------------------------------------------------------- */
/* footer */
/* ---------------------------------------------------------------- */
#footer{
	border-top:4px solid #5B5A50;
	width:100%;
	background-color:#111;
	color:white;
	clear:both;
	padding-top:7px;
	padding-bottom:7px;
}
#footer_link_box{
	clear:both;
	text-align:center;
	font-size:90%;
	padding-bottom:3px;
	padding-top:3px;
	border-top:3px dotted #ccc;
	margin-top:30px;
}
#footer_link_box a{
	text-decoration:none;
}

#footer a{
	color:white;
}

#footer p{
	margin:5px;
	text-align:center;
	width:100%;
}

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

.sp_only{
	display:none;
}

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



/* ------------------------------------------------------------------------- */
/* 一般的な書式 */
/* ------------------------------------------------------------------------- */

b{
	font-weight:bold;
}
.bold{
	font-weight:bold;
}
.kome{
	font-weight:bold;
	color:orange;
	font-size:90%;
}
.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;
}

/************************************
  上部の項目
*************************************/

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



/************************************
  .fbox
*************************************/

.fbox{
	border:1px solid #70554E;
	clear:both;
	
}
.fbox ul{
	list-style:none;
	clear:both;
}
.fbox .fA{
	width:15%;
	float:left;
	text-align:center;
}
.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;
}
.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-top:1px solid #F2EBE2;
}
.fbox .colC{
	background-color:#FFFFE1 ;
	padding-top:7px;
	padding-bottom:7px;
}
.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;
}

/************************************
  .fbox2
*************************************/

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

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

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

.fbox2 .fA{
	color:#333;
	padding-bottom:7px;
	padding-right:3px;
	border-top:1px solid #ccc;
	width:25%;
	float:left;
	font-weight:bold;

}
.fbox2 .fB{
	padding-top:3px;
	padding-bottom:7px;
	padding-left:3px;
	border-top:1px solid #ccc;
	float:left;
	width:74%;
}
.fbox2 .colA .fA{
	padding-top:13px;
	text-align:right;
}
.fbox2 .colA .fB{
	background-color:#fff;
}
.fbox2 .colB .fA{
	padding-top:10px;
	text-align:center;
}
.fbox2 .colB .fA div{
	margin-top:10px;
}
.fbox2 .colB .mbox{
	margin:7px;
	font-size:90%;
	line-height:160%;
}


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

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

/************************************
  .fbox3
*************************************/

.fbox3{
	border:1px solid #70554E;
	clear:both;
	margin-bottom:20px;
	line-height:140%;
}

.fbox3 ul{
	list-style:none;
	clear:both;
	overflow:auto;
	background-color:#eee ;
}

.fbox3 .fA{
	padding-top:13px;
	padding-bottom:7px;
	border-top:1px solid #ccc;
	width:25%;
	float:left;
	color:#555;
	font-size:90%;
	text-align:right;
}
.fbox3 .fA span{
	margin-right:13px;
}

.fbox3 .fB{
	padding-top:13px;
	padding-bottom:7px;
	border-top:1px solid #ccc;
	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;
	font-weight:normal;
}

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

/* ---------------------------------------------------------------- */
/* kagoswitch */
/* ---------------------------------------------------------------- */

.kagoswitch{
	clear:both;
	width:100%;
	height:50px;
	margin-left : auto;
	margin-right : auto;
	margin-top:30px;
	margin-bottom:30px;
}
.ks_l{
	width:200px;
	height:50px;
	float:left;
	padding-left:0px;
}	
.ks_r{
	width:200px;
	height:50px;
	float:right;
	padding-right:0px;
	clear: right;
	text-align:right;
}
.ks_m{
	width:300px;
	height:50px;
	float:right;
	padding-right:0px;
	text-align:right;
}
	
.btn_to_step2{
	background-image:url('../image/to_step2.gif') ;
	border:0px solid #ffffff;
	cursor:pointer;	
	width:180px;
	height:50px;
}


/************************************
  other
*************************************/

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

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

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

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

.subtitle{
	background-color:#382B27;
	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;
}
#mizuhiki_img{
	text-align:center;
}
#mizuhiki_img img{
	width:100%;
	max-width:750px;
}

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

.step1 input{
	color:#ccc;
}

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

.step1 .kagoswitch{
	margin-top:24px;
	margin-bottom:40px;
}

.step1 .muryocomment{
	color:#FF6600; 
	font-weight:bold;
	padding-left:40px;
}
.step1 #kaigai_box{
	border:4px solid #ccc; 
	padding:10px;
	font-size:80%;
	color:#555;
	margin-top:30px;
}
.step1 #kaigai_box p{
	margin-top:10px;
}
.step1 #kg_page{
	text-decoration: underline;
	cursor:pointer;
}
.step1 #exp_box{
	margin-top:40px;
	font-size:85%;
}
.step1 #exp_box p{
	color:gray;
}

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

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

/* form error */
.step2 .bgon{
	background-color:#E8FFD1;
}
.step2 .bgoff{
    background-color:#eee;
}
.step2 .err{
	background-color:#FFCCCC;
}
.step2 .error input{
	background-color:#FFCCCC;
}
.step2 .noerr{
	background-color:#ccc;
}
.step2 .iferror{
	display:none;
}
.step2 .error .iferror{
	display:block;
	color:red;
	font-weight:bold;
}

.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:120px;
}
.step2 #message_box{
	text-align:center;
	margin-top:7px; 
	margin-bottom:10px;
}

.step2 .back_btn{
	cursor:pointer;
}

#package_br, #otodoke_br{
	margin-bottom:16px;
}

.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:120%;
	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:120%;
	width:610px;
	margin-left:auto;
	margin-right:auto;
}
.step4 .credit_box .text2{
	font-size:100%; 
	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-alifn: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;
}
/************************************
  step1の　extra_box
*************************************/

#extra_box .mini{
	background-color:#ccc;
	border:1px solid #999;
	font-size:80%;
	padding:2px;
	color:#333;
	cursor:pointer;
}
#extra_box .exp{
	font-weight:bold;
	margin-bottom:5px;
}
#extra_box .border-box{
	clear:both;
	border:1px dotted #aaa;
}
#extra_box .img-box{
	width:120px;
	float:left;"
}
#extra_box .float-box{
	width:650px; 
	float:left;
}
#extra_box .expname{
	width:180px;
}
#extra_box .expcontent{
	width:80px; 
	text-align:right;
}
#extra_box .expvalue{
	width:80px; text-align:right;
	color:#9A0100;
}