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

#L01 #area-header.noskin,#L02 #area-header.noskin,#L03 #area-header.noskin,#L07 #area-header.noskin,#L08 #area-header.noskin	{ width:950px;}
#L01 #area-header,#L02 #area-header,#L03 #area-header,#L07 #area-header,#L08 #area-header	{ width:966px;}
#L01 #area-billboard.noskin,#L02 #area-billboard.noskin,#L03 #area-billboard.noskin,#L07 #area-billboard.noskin,#L08 #area-billboard.noskin	{ width:950px;}
#L01 #area-billboard,#L02 #area-billboard,#L03 #area-billboard,#L07 #area-billboard,#L08 #area-billboard	{ width:966px;}
#L01 #area-contents.noskin,#L02 #area-contents.noskin,#L03 #area-contents.noskin,#L07 #area-contents.noskin,#L08 #area-contents.noskin	{ width:950px;}
#L01 #area-contents,#L02 #area-contents,#L03 #area-contents,#L07 #area-contents,#L08 #area-contents	{ width:966px;}
#L02 #area-main,#L03 #area-main,#L07 #area-main,#L08 #area-main	{ width:710px;}
#L02 #area-side-a,#L03 #area-side-a,#L07 #area-side-a,#L08 #area-side-a	{ width:240px;}
#L01 #area-footer.noskin,#L02 #area-footer.noskin,#L03 #area-footer.noskin,#L07 #area-footer.noskin,#L08 #area-footer.noskin	{ width:950px;}
#L01 #area-footer,#L02 #area-footer,#L03 #area-footer,#L07 #area-footer,#L08 #area-footer	{ width:966px;}

#L04	{ width:950px; 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:950px; 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:950px; 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: #FFFFFF; }

#bk17 div.lhm { padding-left: 0px; padding-top: 20px; padding-right: 0px; padding-bottom: 20px }
#bk18 div.lhm { padding-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 25px }
#bk335 div.lhm { padding-left: 0px; padding-top: 0px; padding-right: 250px; padding-bottom: 0px }
#bk21 div.lhm { padding-left: 0px; padding-top: 0px; padding-right: 10px; padding-bottom: 0px }
#bk24 div.lhm { padding-left: 0px; padding-top: 30px; padding-right: 0px; padding-bottom: 20px }

/* form
====================================================== */
form{
	background: transparent;
	width:1000px;
	padding: 0;
	margin:0 auto;
	font-size:12px;
}
form p{padding:20px 0 0;}
label{color:#666;}
.text, textarea, .dropdown{
	border:1px solid #bbb;
	padding: 7px;
	background-color: #fff;
	font-size:12px;
	color:#666;
}
.submit,.submit_2{
	border:3px solid #ddd;
	width:250px;
	padding: 11px 15px;
	color: #666;
	cursor: pointer;
	background-color:#eee;
	font-size:16px;
}
input[type="radio"]{width:18px;height:18px;}
.hissu{color:#d00;}

#firstTest,#secondTest{display:none;}


/* 201806マルチデバイス対応 */
h3 {background-color:#bbb!important;margin-top:40px;}
textarea {508px;height:120px;margin-bottom:20px;}
.w500 {width:500px;}
.w350 {width:350px;}
.w200 {width:200px;}
.formTxtSmall {font-size:10px;color:#666;padding-left:1em;}

#formWrap {width:95%;margin:40px auto 0;}
.formTable {font-size:14px;}
p.mailChkTxt {font-size:16px;line-height:1.25;}
p.mailChkTxt2 {margin-top:.5em;line-height:1.25;}

@media screen and (max-width: 1023px)  {
	#L03 #area-billboard,#L03 #area-billboard.noskin,
	#L03 #area-contents,#L03 #area-contents.noskin,
	#L03 #area-footer,#L03 #area-footer.noskin,
	* html #L03 #area-billboard,* html #L03 #area-contents,* html #L03 #area-footer,
	* html #L03 #area-contents.noskin {width:95%; margin:0 auto;padding:0;}
}
@media screen and (max-width: 767px)  {
	#L03 #area-billboard,#L03 #area-billboard.noskin,
	#L03 #area-contents,#L03 #area-contents.noskin,
	#L03 #area-footer,#L03 #area-footer.noskin,
	* html #L03 #area-billboard,* html #L03 #area-contents,* html #L03 #area-footer,
	* html #L03 #area-contents.noskin {width:100%; margin:0 auto;padding:0;}
	h3 {
		width:100%;
		text-align:center;
		background-color:#bbb!important;
		font-size:16px;
	}
	.simple h3 { padding:6px 0;}
	h4 {line-height:1.25;}
	form{
		width:90%;
		margin:0 auto;
		font-size:16px;
	}
	.text, textarea, .dropdown{
		border:1px solid #bbb;
		font-size:16px;
	}
	textarea {width:calc(100% - 14px);margin-bottom:20px;}
	.submit {width:100%;}
	.submit_2 {width:100%;margin-bottom:10px;}
	.w500,.w350,.w200 {width:calc(100% - 14px);}
	.submit,.submit_2 {width:100%;}
	.formTxtSmall {display:block;line-height:1.2;padding:0 0 .5em 0;font-size:14px;}
	address {text-align:center;}

	.mailChkSubmit {width:90%;margin:0 auto;}
}
@media screen and (min-width: 580px){.rspBr {display:none;}}

/* 201806マルチデバイス対応ここまで */
