@charset "utf-8";
/* page setting
--------------------------------------------------------- */
@import "_cnskin/312c/css/style.css";

#L01 #area-header.noskin,#L02 #area-header.noskin,#L03 #area-header.noskin,#L07 #area-header.noskin,#L08 #area-header.noskin	{ width:825px;}
#L01 #area-header,#L02 #area-header,#L03 #area-header,#L07 #area-header,#L08 #area-header	{ width:841px;}
#L01 #area-billboard.noskin,#L02 #area-billboard.noskin,#L03 #area-billboard.noskin,#L07 #area-billboard.noskin,#L08 #area-billboard.noskin	{ width:825px;}
#L01 #area-billboard,#L02 #area-billboard,#L03 #area-billboard,#L07 #area-billboard,#L08 #area-billboard	{ width:841px;}
#L01 #area-contents.noskin,#L02 #area-contents.noskin,#L03 #area-contents.noskin,#L07 #area-contents.noskin,#L08 #area-contents.noskin	{ width:825px;}
#L01 #area-contents,#L02 #area-contents,#L03 #area-contents,#L07 #area-contents,#L08 #area-contents	{ width:841px;}
#L02 #area-main,#L03 #area-main,#L07 #area-main,#L08 #area-main	{ width:70%;}
#L02 #area-side-a,#L03 #area-side-a,#L07 #area-side-a,#L08 #area-side-a	{ width:29%;}
#L01 #area-footer.noskin,#L02 #area-footer.noskin,#L03 #area-footer.noskin,#L07 #area-footer.noskin,#L08 #area-footer.noskin	{ width:825px;}
#L01 #area-footer,#L02 #area-footer,#L03 #area-footer,#L07 #area-footer,#L08 #area-footer	{ width:841px;}

#L04	{ width:auto; margin:0 auto;}
#L04 #area-contents	{ width:auto;}
#L04 #main-group	{ width:100%; margin-left:-240px;}
#L04 #area-main	{ margin-left:250px;}
#L04 #area-side-a	{ width:240px;}

#L05	{ width:auto; margin:0 auto;}
#L05 #area-contents	{ width:auto;}
#L05 #main-group	{ width:100%; margin-left:-240px;}
#L05 #main-group .core	{ width:100%; margin-right:-240px;}
#L05 #area-main	{ margin-left:250px; margin-right:250px;}
#L05 #area-side-a	{ width:240px;}
#L05 #area-side-b	{ width:240px;}

#L06	{ width:auto; margin:0 auto;}
#L06 #area-contents	{ width:auto;}
#L06 #main-group	{ width:100%; margin-right:-240px;}
#L06 #area-main { margin-right:250px;}
#L06 #area-side-a	{ width:240px;}

body { background: #ECECEC; }
.wind-bg { background: url(_src/sc47/001_headerbg_blu.jpg) no-repeat center top; }
.thunder-bg { background: url(_src/sc48/001_middlebg_blu.jpg) repeat-y center top; }

/*メールフォーム
================================================*/
.mailform {
	margin-bottom: 15px;
}
form#mailformpro {
	padding: 0;
}
div.mfp_ok {
	display: none !important;
}
div.mfp_err {
	padding: 0;
	background-image: none;
}
.problem {
	background-color: #fff3f3;
}
.must {
	background-color: #e01031;
	border-radius: 4px;
	border: 0px;
	text-shadow: none;
	box-shadow: none;
	background-image: none;
	float: right;
}
form#mailformpro dl {
	width: 100%;
	display: table;
	table-layout: fixed;
	border-top: 1px solid #ddd;
	margin-bottom:10px;
}
form#mailformpro dl dt, form#mailformpro dl dd {
	border-top: 0px;
	text-align: left;
}
form#mailformpro dl dt {
	width: 30%;
    box-sizing: border-box;
}
form#mailformpro dl dd {
	padding: 10px 10px 20px 31%;
    font-weight: lighter;
    border-bottom: 1px solid #ddd;
}
form#mailformpro label.mfp_not_checked {
	border: 0px;
}
form#mailformpro label.mfp_checked, form#mailformpro label.mfp_not_checked {
	border: 0px;
	background-color: transparent;
	box-shadow: none;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
	box-shadow: 0 1px 2px rgba(0,0,0,0.2) inset;
	height: 23px;
    border: 1px solid #ccc;
    padding: 1px 2px;
	border-radius: 0px;
	margin:0 0 5px;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
	background: #e01031;;
	border: 0px;
	border-radius: 8px;
	color: #fff;
	text-shadow: none;
	font-size: 16px;
	padding: 15px 0;
    width: 250px;
}
.mfp_element_submit,#mfp_button_send{
	margin-right:1em;
}
.mfp_element_reset, button.mfp_next, button.mfp_prev ,#mfp_button_cancel{
	background: #ccc;
    color: #333;
}
.mfp_element_submit:hover, .mfp_element_reset:hover, .mfp_element_button:hover, button.mfp_next:hover, button.mfp_prev:hover, #mfp_button_cancel:hover {
	background: #282828;
	color: #fff;
	box-shadow: 0px 0px 10px 0 #999999;
}
div#mfp_phase_confirm h4 {
	padding: 0;
	text-align: left;
	margin-bottom: 20px;
	font-size: 18px;
	font-weight: bold;
	color:#282828;
}
.mfp_colored {
	background-color: #fff;
}
table#mfp_confirm_table tr.mfp_colored {
	background-color: #fff;
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	padding: 10px 0;
	border-top: 0px;
}
table#mfp_confirm_table tr th{
	width:30%;
	padding: 10px 0;
}
table#mfp_confirm_table tr td {
	font-weight: lighter;
	width:70%;
}
table#mfp_confirm_table {
	border-top: 1px solid #ddd;
	margin-bottom:10px;
}
form#mailformpro label {
	white-space: normal;
}
#mfp_confirm_table tr {
	border-bottom: 1px solid #ddd;
}
form#mailformpro input:focus,form#mailformpro textarea:focus,form#mailformpro select:focus{
	outline:0;
	border: solid 1px #282828;
}
input:-internal-autofill-selected{
	backgrund:#f3f3f3;
}
@media screen and (max-width :767px) {
form#mailformpro dl dt, form#mailformpro dl dd {
	border-top: 0px;
	font-size: 14px;
}
.must {
	margin: 0 0 0 5px;
	float: none;
	display: inline-block;
	padding: 1px 5px;
}
form#mailformpro dl dt {
	padding: 10px 5px 5px 5px;
}
form#mailformpro dl dd {
	padding: 0 5px 10px 5px;
}
div#mfp_phase_confirm h4 {
	font-size: 18px;
	margin-bottom: 15px;
}
div#mfp_phase_confirm h4:after {
	padding: 0 0 5px;
	margin-bottom: 15px;
	font-size: 16px;
}
table#mfp_confirm_table{
	margin-bottom:30px;	
}
table#mfp_confirm_table tr th, table#mfp_confirm_table tr td {
	font-size: 14px;
	padding: 10px 0 0;
	width: 100%;
	display: block;
}
table#mfp_confirm_table tr td {
	padding: 10px 0;
}
form#mailformpro dl dt {
	width: 100%;
	box-sizing: border-box;
}
.mfp_element_select-one {
	width: auto;
}
.mfp_element_text, .mfp_element_number, .mfp_element_select-one, .mfp_element_email, .mfp_element_tel, .mfp_element_textarea, .mfp_element_date, .mfp_element_password {
	font-size:14px;
}
.mfp_element_submit, .mfp_element_reset, .mfp_element_button, button.mfp_next, button.mfp_prev {
	font-size: 16px !important;
	padding:12px 25px;
	width:auto;
}
}