@charset "UTF-8";

div#mf_wrapper {
	width: 800px;
	text-align: left;
	margin: 0px auto 0px auto;
	font-family: sans-serif;
}
div#mf_header h1 {
	font-size: 24px;
	border-bottom: solid 1px #999999;
	margin: 0px;
	padding: 0px;
}
div#mf_header h2 {
	font-size: 16px;
	color: #999999;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
}
form#fmail {
	padding: 5px;
}

form fieldset {
	border-width: 0;
}
h2#form_tt{
	font-size:24px;
	padding:20px;
	margin:0px 0 20px 0;
	text-align:center;
	border-bottom:double 1px #000000;
	
}

.top_txt{
	margin:0 0 0 0;
	padding:0 0 0 0;
	
}

/*-------------------------------------------------*/
/* パーツの装飾                                    */
/*-------------------------------------------------*/

h4.sub_tt{
	margin:20px 0 0 0;
	font-size:14px;
	/*font-weight:bold;*/
	padding:5px 0 5px 10px;
	color:#FFF;
	background:#000099;
	
}





/*-------------------------------------------------*/
/* 送信完了画面                                    */
/*-------------------------------------------------*/
div.fmail_thankspage {
	padding: 15px;
	line-height: 1.5em;
	font-size: 12px;
}


/*-------------------------------------------------*/
/* ボタンの設定                                    */
/*-------------------------------------------------*/
.bt_area{
	width:400px;
	margin:0 auto;
	text-align:center;
	padding:50px 0 50px;
}
input.order {
	font-size:14px;
	color: #ffffff;
	padding:15px 0 15px 0;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	background: #6aa5cf;
	cursor: pointer;
	width:250px;
	height:50px;
	margin:0 auto;
	border: none;5
}
 input.order:hover,input.order2:hover {
	background: #6aa5cf;
	-pie-background: linear-gradient(#3d6bcb, #3d6bcb);
}
 input.order:active,input.order2:active{
	box-shadow: inset 1px 1px 4px 0px #0b3163;
}


/* 確認画面の送信ボタンの装飾 */
form#fmail p {
	width: 100%;
	text-align: center;
}

/* 確認画面へ進むボタンの装飾 */
#btn_submit {
	width:250px;
	height:40px;
	border-width:0;
	border-style:none;
	background:url(../images/btn_submit.png);
	text-indent:-9999px;
}
#btn_submit:hover {
	opacity:0.8;
}
#btn_back {
	width:180px;
	height:40px;
	border-width:0;
	border-style:none;
	background:url(../images/btn_back.png);
	text-indent:-9999px;
	margin:0 20px;
}
#btn_back:hover {
	opacity:0.8;
}
#btn_send {
	width:180px;
	height:40px;
	border-width:0;
	border-style:none;
	background:url(../images/btn_send.png);
	text-indent:-9999px;
	margin:0 20px;
}
#btn_send:hover {
	opacity:0.9;
}



/* 確認画面へ進むボタンの装飾 */
.submit_confirm_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/submit_button.jpg);
}
.submit_confirm_button:hover {
	background-position: right bottom;
}


/* 送信ボタン */
.submit_send_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/send_button.jpg);
}
.submit_send_button:hover {
	background-position: right bottom;
}

/* 戻るボタン */
.submit_cancel_button {
	width:160px;
	height:35px;
	border-width:0;
	border-style:none;
	background:url(../images/back_button.jpg);
}
.submit_cancel_button:hover {
	background-position: right bottom;
}

/* 送信完了画面 */
.site_top a{
	display:block;
	width:160px;
	height:35px;
	margin: 1em auto;
	border-width:0;
	border-style:none;
	background:url(../images/top_button.jpg);
	text-align:center;
	text-indent:-9999px;
}
.site_top a:hover{
	background-position: right bottom;
}


/*-------------------------------------------------*/
/* テーブル設定                                    */
/*-------------------------------------------------*/
table {
	width: 100%;
	border: none;
	margin: 0 0 1em;
	border-top: solid 1px #8E6708;
}

tr {
	border-top: solid 1px #8E6708;
	border-right: solid 1px #8E6708;
}

th {
	font-weight:bold;
	/*background: #f4f4f4;*/
	background: aliceblue;
	text-align: left;
	vertical-align: middle;
	padding: 18px 15px;
	white-space: nowrap;
	color: # 666;
	width:200px;
	border-bottom:#CCC 1px solid;
}

td {
	background: #fff;
	padding: 18px 15px;
}
td.padding0 {
	background: #fff;
	padding: 0;
}

table tr:first-child {
	border-top: none;
}


#mailform {
	padding: 1em;
	width: 800px;
	border-collapse: collapse;
	border: solid 1px #666666;
}
#mailform tr th, table.mailform tr td {
	padding: 7px 5px 7px 5px;
	border-collapse: collapse;
	border-right: dotted 1px #999999;
	text-align: left;
	font-weight: normal;
	font-size: 12px;
}
#mailform tr th {
	width: 200px;
	background: #fff;
}

#mailform td {
	width: 300px;
	background: #fff;
}

#mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 10px;
	color: #999999;
}
#mailform tr td textarea {
	width: 90%;
	height: 120px;
}



/*-------------------------------------------------*/
/* 項目内に関わる設定                              */
/*-------------------------------------------------*/
.fmail_year {	width: 60px;	text-align: right;}
.fmail_month {	width: 40px;	text-align: right;}
.fmail_day {	width: 40px;	text-align: right;}


/*-------------------------------------------------*/
/* 項目内に関わる設定                              */
/*-------------------------------------------------*/
/* 必須項目アイコン */
.fmail_must {
	display: block;
	float: right;
	width: 30px;
	height: 16px;
	background: url(../img/mfp_must.gif);
	text-indent: -9999px;
	color: red;
}

/* 注意 */
.fmail_caution {	color: red;}

/* インフォメーション */
.fmail_info {	color: #009900;}

/* 強調 */
.fmail_strong {	font-weight: bold;}

.cart_notice01{
	border: #8E6708 1px solid;
	font-size:12px;
	padding:10px;
	margin:20px 0 0 0;
	background:#ECE5C8;
}
.cart_notice02{
	/*border: #F00 2px solid;*/
	font-size:12px;
	padding:10px;
	margin:10px 0 0 0;
}
.cart_notice02_2{
	font-size:12px;
	padding:0px;
	margin:10px 0 0 0;
}
/*名刺枚数*/
.cart_notice03{
	border: #8E6708 1px solid;
	font-size:12px;
	padding:0;
	margin:20px 0 0 0;
	background:#ECE5C8;
}
.cart_notice03 p.tt {
	background:#8E6708;
	color:#FFFFFF;
	margin:0;
	padding:3px 10px;
}
.cart_notice03 p.cont {
	margin:5px 10px;
}
/*確認画面用*/
.cart_notice03_conf{
	border: #8E6708 1px solid;
	font-size:12px;
	padding:0;
	margin:0 0 0 0;
	background:#ECE5C8;
}
.cart_notice03_conf p.tt {
	background:#8E6708;
	color:#FFFFFF;
	margin:0;
	padding:3px 10px;
}
.cart_notice03_conf p.cont {
	margin:5px 10px;
}
/*予約希望日*/
.cart_notice04{
	border: #8E6708 1px solid;
	font-size:12px;
	padding:0;
	margin:0 0 0 0;
	background:#ECE5C8;
}
.cart_notice04 p.tt {
	background:#8E6708;
	color:#FFFFFF;
	margin:0;
	padding:3px 10px;
}
.cart_notice04 p.cont {
	margin:5px 10px;
}
.cart_notice05 {
	padding:20px 10px;
	border-bottom: solid 1px #8E6708;
}
.cart_notice05:last-child {
	border-bottom: none;
}

/*コメントはみ出し防止*/
.naiyou_box{
	width:430px;
	margin:0;
	padding:0;
	height:auto;
	
}



.link{ text-decoration:underline; color:#FF0000;}
.link:hover{ text-decoration:none; color:#FF0000;}
.op{ opacity:1;}
.op:hover{ opacity:0.9;}

/*-------------------------------------------------*/
/* ラベル設定                                      */
/*-------------------------------------------------*/
label.fmail_label {
	display: block;
	float: left;
	margin-right: 10px;
	padding:5px;
	width: auto;
	height: auto;
}

label.radio_label{
	margin:0 10px 0 0px;
}
label.check_label{
	margin:0 10px 0 0px;
}




/* hover */
label.fmail_label:hover {
	background-color: #FFCE3C;
}

label {
	cursor: pointer;
}

/*-------------------------------------------------*/
/* フォーム枠設定                                      */
/*-------------------------------------------------*/
.h10 { height:10px!important; }

.w20 { width:20px!important; }
.w25 { width:25px!important; }
.w30 { width:30px!important; }
.w40 { width:40px!important; }
.w50 { width:50px!important; }
.w60 { width:60px!important; }
.w70 { width:70px!important; }
.w80 { width:80px!important; }
.w90 { width:90px!important; }
.w100 { width:100px!important; }
.w110 { width:110px!important; }
.w120 { width:120px!important; }
.w130 { width:130px!important; }
.w140 { width:140px!important; }
.w150 { width:150px!important; }
.w160 { width:160px!important; }
.w170 { width:170px!important; }
.w180 { width:180px!important; }
.w190 { width:190px!important; }
.w200 { width:200px!important; }
.w210 { width:210px!important; }
.w220 { width:220px!important; }
.w230 { width:230px!important; }
.w240 { width:240px!important; }
.w250 { width:250px!important; }
.w260 { width:260px!important; }
.w270 { width:270px!important; }
.w280 { width:280px!important; }
.w290 { width:290px!important; }
.w300 { width:300px!important; }
.w310 { width:310px!important; }
.w320 { width:320px!important; }
.w330 { width:330px!important; }
.w340 { width:340px!important; }
.w350 { width:350px!important; }
.w400 { width:400px!important; }
.w410 { width:410px!important; }
.w444 { width:444px!important; }
.w450 { width:450px!important; }
.w480 { width:480px!important; }
.w490 { width:490px!important; }
.w500 { width:500px!important; }
.w600 { width:600px!important; }
.w610 { width:610px!important; }
.w630 { width:630px!important; }
.w650 { width:650px!important; }
.w660 { width:660px!important; }
.w700 { width:700px!important; }
.w720 { width:720px!important; }

.marginAuto { margin-left:auto!important; margin-right:auto!important; }
.margin0 { margin:0!important; }
.margint0 { margin-top:0!important; }
.margint8 { margin-top:8px!important; }
.margint10 { margin-top:10px!important; }
.margint15 { margin-top:15px!important; }
.margint20 { margin-top:20px!important; }
.margint30 { margin-top:30px!important; }
.margint40 { margin-top:40px!important; }
.margint50 { margin-top:50px!important; }
.margint60 { margin-top:60px!important; }
.margint110 { margin-top:110px!important; }
.margint120 { margin-top:120px!important; }
.margint140 { margin-top:140px!important; }
.margintb10 { margin-top:10px!important; margin-bottom:10px!important; }

.marginl05{ margin-left:5px; }
.marginl20 { margin-left:20px; }
.marginl25 { margin-left:25px; }
.marginl50 { margin-left:50px; }
.marginr10 { margin-right:10px!important; }
.marginr15 { margin-right:15px!important; }
.marginr20 { margin-right:20px!important; }
.marginr30 { margin-right:30px!important; }
.marginb16 { margin-bottom:16px!important; }
.marginb25 { margin-bottom:25px; }
.marginb35 { margin-bottom:35px; }
.marginb47 { margin-bottom:47px; }

.marginlr17 { margin-left:17px; margin-right:17px; }

.padding0 { padding:0!important; }	
.paddingt0 { padding-top:0!important; }
.paddingb0 {padding-bottom:0!important; }

.paddinglr26 { padding:0 26px!important; }

.padding30 { padding:30px; }

.paddingtb10 { padding-top:10px!important; padding-bottom:10px!important;}
.paddingtb20 { padding-top:20px!important; padding-bottom:20px!important;}
.paddingtb30 { padding-top:30px!important; padding-bottom:30px!important;}
.paddingtb40 { padding-top:40px!important; padding-bottom:40px!important;}
.paddingtb80 { padding-top:80px!important; padding-bottom:40px!important;}
.paddingtb100 { padding-top:80px!important; padding-bottom:100px!important;}

.paddingt10 { padding-top:10px!important; }
.paddingt15 { padding-top:15px!important; }
.paddingt20 { padding-top:20px!important; }
.paddingt25 { padding-top:25px!important; }
.paddingt30 { padding-top:30px!important; }
.paddingt35 { padding-top:35px!important; }
.paddingt40 { padding-top:40px!important; }
.paddingt50 { padding-top:50px!important; }
.paddingt60 { padding-top:60px!important; }

.paddingl10 { padding:0 0 0 10px; }

.paddingl120 { padding-left:120px!important;}
.paddingl140 { padding-left:142px!important;}

.paddingb5 { padding-bottom:5px!important; }
.paddingb10 { padding-bottom:10px!important; }
.paddingb15 { padding-bottom:15px!important; }
.paddingb18 { padding-bottom:18px!important; }
.paddingb20 { padding-bottom:20px!important; }
.paddingb30 { padding-bottom:30px!important; }
.paddingb40 { padding-bottom:40px!important; }
.paddingb50 { padding-bottom:50px!important; }


.padding30 { padding:30px; }


/*-------------------------------------------------*/
/* マニュアルに関わる設定（本番運用では不要）      */
/*-------------------------------------------------*/
.manual {
	padding: 5px;
	border-style: solid;
	border-width: 1px;
	border-color: #999999;
	font-size: 0.9em;
}


.w450 {
width: 450px!important;
}