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

html {
	overflow-y: scroll;
}
a {
	color: #41200b;
	text-decoration: none;
}
a:hover {
	color: #924918;
	text-decoration: underline;
}
body {
	background: #fff8f0;
}
#container {
	background: #fff;
	width: 760px;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.5;
}
header {
	background: #ffe7cd url(../images/112_gingetsu_images/header_bg.jpg) no-repeat;
	padding: 4px 15px 4px 40px;
	min-height: 92px;
}
header ul {
	text-align: right;
	margin-top: -2em;
}
header ul li {
	display: inline;
	margin-left: 10px; /* ←隣接するボックスとの間隔として10px指定 */
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 20px; /* ←背景画像を表示するエリアとして20px指定 */
}
header ul .sitemap {
	background: url(../images/112_gingetsu_images/sitemap_icon.gif) no-repeat left center; /* ←list-style系よりbackgroundを使用した方がデザインの自由度が高い。*/
}
header ul .contact {
	background: url(../images/112_gingetsu_images/contact_icon.gif) no-repeat left center;
}
nav {
	border-top: 4px solid #543e1c;
}
nav ul li {
	float: left;
	width: 152px;
}
nav ul li a {
	display: block; /* ←これがないと幅・高さが効かない。*/
	height: 36px;
	width: 152px;
}
nav ul li a:hover img {
	visibility: hidden; /* ←マウスオーバーでimgが消える。*/
}
nav ul .nav1 {
	background: url(../images/112_gingetsu_images/navi1_on.gif) no-repeat;
}
nav ul .nav2 {
	background: url(../images/112_gingetsu_images/navi2_on.gif) no-repeat;
}
nav ul .nav3 {
	background: url(../images/112_gingetsu_images/navi3_on.gif) no-repeat;
}
nav ul .nav4 {
	background: url(../images/112_gingetsu_images/navi4_on.gif) no-repeat;
}
nav ul .nav5 {
	background: url(../images/112_gingetsu_images/navi5_on.gif) no-repeat;
}
#main {
	clear: both;
	font-size: 120%;
	padding-top: 10px;
}

#contents {
	float: left;
	width: 500px;
	margin-left: 20px;
}
#contents h2 {
	margin-bottom: 10px;
}
#main #contents h2 {
	font-size: 150%; /* 18px */
	padding-left: 8px;
	border-bottom: 1px solid #543e1c;
	border-left: 5px solid #543e1c;
	letter-spacing: 0.2em;
}
#main #contents p {
	margin: 10px;
}


#banners {
	float: right;
	width: 200px;
	margin-right: 20px;
}
#banners li {
	margin-bottom: 10px;
}
footer {
	clear: both;
	background: #ffe7ce url(../images/112_gingetsu_images/footer_bg.jpg) repeat-x;
	border-top: 3px solid #543e1c;
	text-align: center;
	padding: 15px 10px;
	letter-spacing: 0.1em; /* ←文字間隔 */
}
footer ul {
	margin-bottom: 10px;
}
footer ul li {
	display: inline;
}
/* liとliが続く場合に、文字の前にcontent内容を追加 */
footer ul li+li::before {
	content: " | ";
}