/*--------------------------------------------------------------------
/- file   : motegi.css
/- admin  : MEGA-D Inc. Kajiwara Akiko
/- update : 20081205
/- desc   : css for modern browser
/--------------------------------------------------------------------*/

@media screen, print { /* MacIE除外用 */

/************** Content styles ***************/

#motegi div#content div#main div.paragraph {
	margin: 0px 0px 30px;
}

/************** merit styles ***************/

#motegi div#content div#main div.merit {
	background: url(/images/selection/motegi/merit01.jpg) repeat-y;
}

#motegi div#content div#main div.meritbox {
	padding-right: 330px;
}

#motegi div#content div#main div.merit h3 {
	margin: 0px 0px 15px 10px;
	padding-top: 30px;
}

#motegi div#content div#main div.merit h4 {
	margin: 0px 0px 15px 10px;
}

#motegi div#content div#main div.merit p {
	margin: 0px 0px 15px 10px;
}

#motegi div#content div#main div.meritbox2 {
	margin-left: 10px;
	padding: 0px 10px 0px 350px;
	height: 250px;
	background: url(/images/selection/motegi/merit02.jpg) repeat-y;
}



/************** information styles ***************/

#motegi div#content div#main div.information {
	padding: 10px 15px;
	border: 1px solid #FADEF7;
	background-color: #FCEDFA;
	background: url(/images/selection/motegi/information.jpg) no-repeat;
}
#motegi iv#content div#main div.information dl {
	margin: 0px 0px 0px;
}
#motegi div#content div#main div.information dl dt {
	margin: 0px 0px 5px;
	color: #924992;
	font-weight:bold;
}
#motegi div#content div#main div.information dl dd ul {
	margin: 0px 0px 10px 18px;
}
#motegi div#content div#main div.information dl dd ul li {
	margin: 0px 0px 5px;
	list-style-type: disc;
	padding-right: 180px;
}


/************** report styles ***************/


#motegi div#content div#main div.report dl {
	margin: 0px 0px 0px;
}
#motegi div#content div#main div.report dl dt {
	margin: 0px 0px 0px;
	height: 44px;
	overflow: hidden;
}
#motegi div#content div#main div.report dl dd {
	margin: 0px 0px 0px;
	padding: 15px 15px 5px 15px;
	height: 370px;
	background: url(/images/selection/motegi/report.jpg) no-repeat left bottom;
}
#motegi div#content div#main div.report dl dd p strong {
	margin: 10px 0px 10px;
	color: #924992;
}
#motegi div#content div#main div.report dl dd p.question {
	margin: 0px 0px 10px;
	color: #924992;
	font-weight:bold;
}

#motegi div#content div#main div.report dl dd p{
	margin: 0px 0px 10px;
	padding-right: 220px;
}

/************** otherInfo styles ***************/

#motegi div#content div#main div.otherInfo dl dt {
	margin: 0px 0px 15px;
}
#motegi div#content div#main div.otherInfo dl dd {
	margin: 0px;
}
#motegi div#content div#main div.otherInfo dl dd p {
	width: 689px;
	margin: 0px 10px 10px 10px;
}
#motegi div#content div#main div.otherInfo dl dd p.ttl {
	margin: 0px 10px 10px 10px;
}



} /* MacIE除外用 */


/*********** Print Only styles ***********/

@media print { /* 印刷用 */
}

@media screen { /* IE5対策 印刷用 */
}

/* 20190404 追加
   ========================================================================== */
@media only screen and (max-width: 767px) {
	#motegi img {
		max-width: 100%;
		height: auto;
		vertical-align: middle;
	}

	#motegi div#content div#main div.meritbox,
	#motegi div#content div#main div.meritbox2,
	#motegi div#content div#main div.report dl dt,
	#motegi div#content div#main div.report dl dd,
	#motegi div#content div#main div.report dl dd p,
	#motegi div#content div#main div.otherInfo dl dd p {
		width: auto;
		height: auto;
		margin: 0;
		padding: 0;
		background: none;
	}
	
	#motegi div#content div#main div.report dl dd {
		padding: 10px;
		background-color: #fcf8ee;
		border: 1px solid #440D44;
		border-radius: 0 0 5px 5px
	}
	
	#motegi div#content div#main div.report dl dd p,
	#motegi div#content div#main div.otherInfo dl dd p {
		margin-bottom: 10px;
	}
}