@charset "utf-8";

/*** COMMON ***/

.w202 { width: 21.0416667%;}
.w212 { width: 22.0833333%;}
.w227 { width: 23.645833%;}
.w247 { width: 25.7291667%;}
.w251 { width: 26.1458333%;}
.w300 { width: 31.25%;}
.w358 { width: 37.2916667%;}
.w692 { width: 72.0833333%;}
.w727 { width: 75.7291667%;}
.w758 { width: 78.9583333%;}
@media only screen and (max-width: 640px) {
	.w247 { width: 100%; text-align:center;}
	.w692 { width: 100%; text-align:center;}
}
@media only screen and (max-width: 768px) {
	.w202 { width: 100%;}
	.w758 { width: 100%; text-align:center;}
}


.mh33 { min-height: 33px;}
.mh54 { min-height: 54px;}
.mh75 { min-height: 75px;}
.mh96 { min-height: 96px;}
.mh117 { min-height: 117px;}
.mh180 { min-height: 180px;}
@media only screen and (max-width: 768px) {
	.mh33 { min-height: 40px;}
	.mh54 { min-height: 40px;}
	.mh75 { min-height: 40px;}
	.mh96 { min-height: 40px;}
	.mh117 { min-height: 40px;}
	.mh180 { min-height: 40px;}
}

.inline { display: inline !important;}

.clearboth {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
	border: none;
}

span.blue {
	color: #0d2851 !important;
	border-bottom: solid 1px #0d2851;
	text-align: left;
}
span.border {
	padding: 10px;
	border: solid 1px #0d2851;
}
span.bold {
	padding: 0 0 5px;
	font-size: 16px;
	font-weight: bold;
}
span.redArea {
	position: relative;
	width: auto;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	background: #bb1111 !important;
}
span.blueArea {
	position: relative;
	width: auto;
	padding: 5px 10px;
	color: #ffffff;
	font-size: 14px;
	background: #0d2851 !important;
}


/* layout */
.mainView {
	background: url(../imgs/bg.png) no-repeat;
	background-position: 10% 0;
}
.cttl {
	width: 960px;
	margin: 0 auto;
	padding: 40px 0 50px;
}
@media only screen and (max-width: 768px) {
	.cttl {
		width: 95%;
	}	
}
/*** MAIN ***/

/***** 01 ***********
********************/
@media only screen and (max-width: 768px) {
	ul.img3Area {}
	ul.img3Area li {
		width: 100%;
		float: none;
	}
}

.sec1 {
	padding: 0 0 70px;
}
.sec1 ul {}
.sec1 ul li {
	width: 74.0625%;
	text-align: center;
	background: #f8f8f8;
	float: left;
}
.sec1 ul li:first-child {
	width: 25.9375%;
	text-align: left;
}
.sec1 ul li h3 {
	padding: 30px 0 15px;
}
@media only screen and (max-width: 768px) {
	.sec1 ul li {
		width: 100%;
		margin: 0 0 30px;
		text-align: center;
		float: none;
	}
	.sec1 ul li:first-child {
		width: 100%;
		margin: 0;
		text-align: none;
	}
	.sec1 ul li:first-child p {
		width: 50%;
		padding: 0 0 30px;
		float: left;
	}
	.sec1 ul li:first-child p img {
		width: 100%;
	}
}


.qa {}
.qa dl {
	width: 90%;
	margin: 0 auto;
	padding: 0 0 50px;
}
.qa dl.end {
	width: 62.5925926%;
	margin: 0 0 0 4.5%;
	float: left;
}
@media only screen and (max-width: 768px) {
	.qa dl.end {
	width:90%;
	margin: 0 auto;
	float: none;
}
}

.qa dl dt {
	width: 4.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}
@-moz-document url-prefix() {
	.qa dl dt {
		padding: 10px 0.72916667%;
	}
}
.qa dl.end dt {
	width: 7.16666667%;
	padding: 5px 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: solid 1px #d6999f;
	text-align: center;
	float: left;
}
.qa dl dt.q2 {
	position: relative;
	width: 4.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}
.qa dl.end dt.q2 {
	position: relative;
	width: 7.16666667%;
	padding: 0 0.72916667%;
	border-right: solid 1px #d6999f;
	border-bottom: none;
	float: left;
}
.qa dl dt.q2 img {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	margin: auto;
}
.qa dl dd {
	width: 90%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}
.qa dl.end dd {
	width: 87%;
	padding: 11px 0 11px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: solid 1px #d6999f;
	float: left;
}
.qa dl dd.a2 {
	width: 90%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}
.qa dl.end dd.a2 {
	width: 87%;
	padding: 6px 0 6px 1.25%;
	border-left: solid 1px #dcaeb2;
	border-bottom: none;
	float: left;
}
@media only screen and (max-width: 768px) {
	.qa dl dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl.end dt.q2 {
		width: 100%;
		padding: 0;
		border-right: none;
		float: none;
		text-align: left;
	}
	.qa dl dt.q2 img {
		right: auto;
	}
	.qa dl.end dt.q2 img {
		right: auto;
	}
	.qa dl dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl.end dd {
		width: 100%;
		padding: 0;
		border-left: none;
	}
	.qa dl dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	.qa dl.end dd.a2 {
		width: 100%;
		padding: 0;
		border-left: none;
		float: none;
	}
	
	.ph {
		width: 100%;
		text-align: center;
	}
}

@media only screen and (max-width: 960px) {
}
@media only screen and (max-width: 480px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
}