/*-------------------------------------------------------------------------
 * mail　メール送信スタイル　mail10.css
 *
 *-------------------------------------------------------------------------*/
/*-------------------------------------------------------
 	51-17.　お問い合わせ画面　 
-------------------------------------------------------- */	
.mailform {
	width: 650px;
	padding: 10px;
	border: solid 2px #EEEEEE;*/
	-webkit-box-shadow: 0px 0px 5px #999999;
	box-shadow: 0px 0px 5px #999999;
}
.mailform tr:nth-child(odd) {
	background-color:azure;
}
.mailform th {
	width: 160px;
	padding: 7px 0px 7px 0px;
	border-bottom: solid 1px #CCCCCC;
	font-weight: normal;
	font-size: 12px;
	text-align: right;
}
.mailform th span {
	font-size: 10px;
	color: #999999;
	display: block;
}
.mailform td {
	padding: 7px 10px 7px 10px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 12px;
}
.mailform td ul li,
.mailform td ul,
.mailform td ol,
.mailform td ol li {
	list-style: none;
	margin: 0px;
	padding: 0px;
}
.mailform td ul li {
	float: left;
	padding: 0px 10px 0px 0px;
}
.mailform td p,
.mailform td div,
.mailform td span {
	clear: both;
}
.mailform td select{
	width: 220px;
	font-size: 14px;
	cursor: pointer; /*　カーソルﾏｰｸ指定　*/
}
.mailform td select.w150{
	width: 150px;
	font-size: 14px;
	cursor: pointer; /*　カーソルﾏｰｸ指定　*/
}
.mailform td select.sel{
	width: 60px;
	font-size: 12px;
	cursor: pointer; /*　カーソルﾏｰｸ指定　*/
}
.mailform td select.price{
	width: 50px;
	font-size: 12px;
	cursor: pointer; /*　カーソルﾏｰｸ指定　*/
}
.mailform td select.day{
	width: 40px;
	font-size: 12px;
	cursor: pointer; /*　カーソルﾏｰｸ指定　*/
}
.mailform td input.gkei{
	width: 100px;
	font-size: 12px;
	text-align: right;
	color: #000080;			/* 紺色　　　　*/
	font-weight: bold;		/* 太字　　　　*/
}
img.must {
	width: 30px;
	height: 16px;
	float: left;
	margin: 0px 0px 0px 5px;
}
.mailsel dt{
	width: 110px;
	float:left;
}
.mailsel input{
	text-align:right;
}

/*-------------------------------------------------------
 	51-17.　お問い合わせ画面　 
-------------------------------------------------------- */	
.mail_phase {
	margin: 15px;
	height: 40px;
}
.mail_phase li {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	padding: 5px 5px;
	margin: 5px;
	float: left;
	font-weight: bolder;
	list-style:none;
}
.mail_phase li.Disabled {
	-webkit-box-shadow: 1px 1px 4px #999999;
	-moz-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
	background-color: #CCCCCC;
	border: solid 1px #999999;
}
.mail_phase li.Current {
	-webkit-box-shadow: 1px 1px 4px #999999;
	-moz-box-shadow: 1px 1px 4px #999999;
	box-shadow: 1px 1px 4px #999999;
	color: #FFFFFF;
	text-shadow: 1px 1px 1px #000000;
	background-image: url("../../../../images/mail_h3.png");
	border: solid 1px #FFFFFF;
	background-color: #FFEEEE;
}
/*-------------------------------------------------------
 	51-20.　スマホのお問い合わせ画面　 
-------------------------------------------------------- */	
#info_mobile{
	width:500px;
}	



/*-------------------------------------------------------
 	51-20.　スマホのお問い合わせ画面　 
-------------------------------------------------------- */	
.mobileform{
	padding: 0px 0px 50px 0px;
	-webkit-box-shadow: 0px 0px 5px #999999;
}
.mobileform dt {
	float: left;
	clear: both;
	padding: 5px 20px 0px 20px;
	font-size: 28px;
	text-align: left;
}
.mobileform dt img {
	float: right;
}
.mobileform dt span {
	display: none;
	font-size: 10px;
	color: #999999;
}
.mobileform dd {
	padding: 60px 20px 15px 20px;
	border-bottom: solid 1px #CCCCCC;
	font-size: 24px;
	text-align: left;
}
.mobileform dd:nth-child(odd){
	background-color:azure;
}

.mobileform dd.Azure{
	background-color:azure;
}
.mobileform dd input,
.mobileform dd textarea{
	font-size: 24px;
}
.mobileform dd li {
	list-style: none;
	font-size: 24px;
}
#mobheader {
	background-image: url("../../../../../mailForm/images/mfp_mobile_header.png");
	background-repeat: repeat-x;
	height: 100px;
}
#mobheader h1 {
	font-size: 48px;
	padding: 10px 0px;
	color: #FFF;
	text-align:center;
	text-shadow: 2px 2px 3px #333;
}

/*-------------------------------------------------------
 	help  モーダルウィンドウのヘルプ画面 
-------------------------------------------------------- */	
#mail-glayLayer{
	display: none;
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
	background: #C0C0C0;
	filter: alpha(opacity=75);
	opacity: 0.75;
}
*html div#mail-glayLayer{		/*for IE6 hack*/
	position:absolute;
	height:800px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='../builder/helps/ani_black.png',sizingMethod='scale');
	filter:alpha(opacity=60);
	opacity: 0.60;
}
#mail-overLayer{
	display:none;
	width:660px;
	background:white;
	padding:10px;
	position: fixed;
	top:50%;
	left:50%;
}
#mail-overLayer.menu{width:980px;}
#mail-overLayer img.close{
	position:absolute;
	top:-23px;
	right:-0px;
	cursor:pointer;
}
*html #mail-overLayer{			/*for IE6 hack*/
	position: absolute;
}

/*-------------------------------------------------------
 	21-5 help  ﾎﾞｯｸｽ　タイプ left image 
-------------------------------------------------------- */	
.info_mailGuide{
	border: 1px solid #bdd1e6;
	width: 650px;
	background-color:#F5F5F2;
	height:600px;
	overflow: auto;							/* スクロールバE付き　*/
}
.info_mailGuide img{
	width: 610px;
}
.info_mailGuide p{
	width: 600px;
	padding: 20px 0 20px 30px;
}
/*-------------------------------------------------------
 	送信完了　通知編集
-------------------------------------------------------- */	
#thanks {
	padding: 80px 0px 60px 80px;
/*	text-align: center;*/
}
#thanks p {
	font-size: 16px;
}
#thanks p strong {
	font-size: 18px;
	color: #CC0000;
}
/*-------------------------------------------------------
 	送信完了　通知編集
-------------------------------------------------------- */	
#member {
	padding: 20px 0px 20px 30px;
	font-size: 16px;
}
#member p {
	font-size: 16px;
}

#member p strong {
	font-size: 18px;
	color: #CC0000;
}