@charset "utf-8";
/* CSS Document */

/*
ヘッダー、グローバルナビはcommon.cssに記載
コンテンツエリア、メインコンテンツエリア、サブコンテンツ等の構造枠はcntsCommon.cssに記載
*/


/*見出し
----------------------------------------------- */
div#mCnts div#topView h2.tdTopView {
	width: 720px;
	margin: 0 0 46px 0;
}

div#tdMainCntr {
	width: 720px;
	background: url(../img/noteBk.jpg) no-repeat right 50%;
	overflow: hidden;
	margin: 0 0 20px 0;
	padding:40px 0 0 0;
	position:relative;
}
div#tdMainCntr h3 {
	width: 720px;
	color:#652022;
	margin: 0 0 22px 0;
}

div#tdMainCntr #jujitu {
	position: absolute;
	top:25px;
	left:380px;
	z-index:10;
}

div#tdMainCntr p {
	width: 510px;
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 22px 0;
}

ul#tdMerit {
	width: 720px;
	overflow: hidden;
	margin:0 0 10px 0;
	padding: 0;
}

ul#tdMerit li {
	width: 228px;
	display: inline-block;
	vertical-align: top;
	margin: 0 18px 8px 0;
	padding: 0;
	background: url(../img/meritBk.png) no-repeat 0 bottom;
}

ul#tdMerit li.noMg {
	margin: 0 0 8px 0;
}

p.tdMeritChap {
	width: 228px;
}

p.tdMeritCap {
	width: 198px;
	margin: 0 auto;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.4;
	color: #006699;
	margin: 0 0 8px 15px;
}

p.tdMeritNote {
	width: 198px;
	margin: 0 auto;
	font-size: 93%;
	line-height: 1.6;
	margin: 0 0 15px 15px;
}

p.meritAtention {
	width: 720px;
	font-size: 93%;
	line-height: 1.8;
	margin: 0 0 50px 0;
}


div#tdExterior {
	width: 720px;
	margin: 0 0 50px 0;
	overflow: hidden;
}
div#tdExterior h4 {
	width: 720px;
	background:#844D4E;
	color:white;
	margin: 0 0 15px 0;
	padding:9px 0 7px 12px;
	font-weight:normal;
	font-size:130%;
	letter-spacing:0.1em;
}

p.extr01 {
	width: 350px;
	margin: 0 20px 15px 0;
	float: left;
}

p.extr02 {
	width: 350px;
	margin: 0 0 15px 0;
	float: left;
}

p.extr03 {
	width: 720px;
	margin: 0 0 20px 0;
	float: left;
}


dl.tdAdd {
	clear: left;
	width: 600px;
	margin: 0;
	padding: 0;
	font-size: 93%;
	line-height: 1.8;
}

dl.tdAdd dt {
	width: 600px;
	margin: 0 0 7px 0;
}

dl.tdAdd dd {
	width: 520px;
	margin: 0 0 7px 20px;
}

dl.tdAdd dd.attn {
	width: 508px;
	margin: 0 0 7px 20px;
	padding: 0 0 0 12px;
	text-indent: -12px;
}

p.map {
	padding:6px 0 0 0;
	font-weight:bold;
}

@media only screen and (max-width: 767px) {
	div#mCnts div#topView h2.tdTopView,
	div#tdMainCntr,
	div#tdMainCntr h3,
	div#tdMainCntr p,
	ul#tdMerit,
	p.meritAtention,
	div#tdExterior,
	div#tdExterior h4 {
		width: 100%;
	}
	div#mCnts div#topView h2.tdTopView {
		margin: 0 0 20px 0;
	}
	div#tdMainCntr {
		background: none;
		padding: 0;
	}
	ul#tdMerit {
		text-align: center;
	}
	ul#tdMerit li {
		margin: 0 auto 10px auto;
	}
	p.extr01,
	p.extr02 {
		float: none;
		width: 100%;
		text-align: center;
		margin: 0 0 15px 0;
	}
}