@charset "utf-8";

body {
	border-top:5px solid #436EAD;
	font-family:"ＭＳ Ｐ明朝","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","HG明朝E","honokamin","メイリオ",Meiryo,serif;
}

br.pcOnly {
	display:inline;
}
	@media(max-width:679px) {
		br.pcOnly {
			display:none;
		}
	}

#gHeader {
	padding-top:25px;
	text-align:center;
}

#gHeader > header > a > img {
	width:280px;
	margin-bottom:30px;
}
	@media(max-width:679px) {
		#gHeader > header > a > img {
			width:220px;
			margin-bottom:25px;
		}
	}

#gHeader > h1 {
	text-align:center;
}
#gHeader > h1 > img {
	width:138px;
	margin-bottom:30px;
}
	@media(max-width:679px) {
		#gHeader > h1 > img {
			width:90px;
			margin-bottom:10px;
		}
	}

#wrap {
	width:640px;
	margin:0 auto 70px auto;
}
	@media(max-width:679px) {
		#wrap {
			width:auto;
			margin:0 15px;
		}
	}

#wrap > nav > ul > li {
	margin-bottom:30px;
}
p.site_text{
	text-align:center;
	margin-bottom:15px;
	line-height:1.3;
}
	@media(max-width:679px) {
		p.site_text{
			font-size:16px;
		}
	}

#wrap > nav > ul > li {
	background-color:#F6F6F6;
	box-shadow:0 0 6px rgba(0,0,0,0.4);
	display:table;
	min-height:120px;
}
	@media(max-width:679px) {
		#wrap > nav > ul > li {
			display:block;
			position:relative;
			min-height:auto;
		}
	}

#wrap > nav > ul > li > header {
	display:table-cell;
	vertical-align:middle;
	width:200px;
}
	@media(max-width:679px) {
		#wrap > nav > ul > li > header {
			display:block;
			width:auto;
			margin-bottom:5px;
		}
	}

ul.yadoken header {
	background:url(../images/bg1.gif) right center no-repeat;
}
	@media(max-width:679px) {
		ul.yadoken header {
			background:none;
		}
	}

ul.site header {
	background:url(../images/bg2.gif) right center no-repeat;
}
	@media(max-width:679px) {
		ul.site header {
			background:none;
		}
	}

#wrap > nav > ul > li > header > h2 {
	color:#FFF;
	font-size:30px;
	text-align:center;
	padding:0 60px 0 10px;
}
	@media(max-width:679px) {
		#wrap > nav > ul > li > header > h2 {
			padding-right:0;
			line-height:40px;
		}

		ul.yadoken header {
			background-color:#A1212E;
		}

		ul.site header {
			background-color:#436EAD;
		}
	}
	@media(max-width:479px) {
		#wrap > nav > ul > li > header > h2 {
			font-size:24px;
			line-height:36px;
		}
	}

#wrap > nav > ul > li > div {
	width:440px;
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}
	@media(max-width:679px) {
		#wrap > nav > ul > li > div {
			width:auto;
			display:block;
		}
	}

#wrap > nav > ul > li > div > a {
	background-color:#B2A247;
	color:#FFF;
	padding:8px 30px;
	font-size:18px;
	letter-spacing:3px;
}
	@media(max-width:679px) {
		#wrap > nav > ul > li > div > a {
			display:inline-block;
			margin:10px 0 15px 0;
		}
	}
	@media(max-width:479px) {
		#wrap > nav > ul > li > div > a {
			font-size:14px;
		}
	}

#wrap > nav > ul > li > div > a:hover {
	background-color:#727171;
}
#wrap > nav > ul > li > div > div {
	margin:0 15px 0 20px;
	padding:10px 0;
}
#wrap > nav > ul > li > div > div:nth-child(2) {
	border-top:1px dashed #999;
}
#wrap > nav > ul > li > div > div > h3 {
	width:5em;
	display:inline-block;
}
#wrap > nav > ul > li > div > div > ul {
	display:inline-block;
}
#wrap > nav > ul > li > div > div > ul > li {
	display:inline-block;
	padding:2px 0;
}
#wrap > nav > ul > li > div > div > ul > li > a {
	display:block;
	background-color:#B2A247;
	color:#FFF;
	padding:8px 10px;
	font-size:18px;
	letter-spacing:2px;
}
	@media(max-width:479px) {
		#wrap > nav > ul > li > div > div > ul > li > a {
			font-size:14px;
		}
	}

#wrap > nav > ul > li > div > div > ul > li > a:hover {
	background-color:#727171;
}

div.tel {
	width:420px;
	margin:0 auto 75px auto;
	padding:20px 0;
	text-align:center;
	background-color:#4673B9;
	color:#FFF;
}
	@media(max-width:767px) {
		div.tel {
			width:auto;
			margin:0 0 50px 0;
		}
	}

div.tel span {
	font-size:17px;
}
div.tel strong {
	display:block;
	padding-top:8px;
	font-size:32px;
}

#cancel {
	font-size:90%;
}
#cancel > h2 {
	font-size:110%;
	letter-spacing:0.5em;
	color:#4673B9;
	line-height:1.6;
	border-bottom:1px solid #4673B9;
	margin-bottom:1em;
}
#cancel > p {
	margin-bottom:0.5em;
	line-height:1.3;
}

#cancel > table {
	width:100%;
	max-width:400px;
	border-collapse:collapse;
	margin-bottom:1em;
}
#cancel > table th, #cancel > table td {
	line-height:1.3;
	border:1px solid #666;
	padding:10px;
}
#cancel > table th {
	width:50%;
	background-color:#F6F6F6;
}
#cancel > h3 {
	line-height:1.3;
	margin-bottom:0.5em;
}