/* ===== Contents Area ===== */

#contents {
	clear: both;
	width: 800px;
	margin-bottom: 20px;
}



/* ===== Flash Area ===== */

#flashArea {
	width: 800px;
	height: 380px;
}



/* ===== Main Area ===== */

#mainArea {
	width: 800px;
	text-align: left;
}

#mainArea #mainTiryouArea {
	float: left;
	width: 397px;
	height: 202px;
	margin-top: 20px;
	margin-right: 6px;
	margin-bottom: 20px;
	display: inline;

	background: url(../image/index/back_tiryou.jpg) center top no-repeat;
}

#mainArea #mainRyokukaArea {
	float: left;
	width: 397px;
	height: 202px;
	margin-top: 20px;
	margin-bottom: 20px;
	display: inline;

	background: url(../image/index/back_ryokuka.jpg) center top no-repeat;
}

#mainArea #mainRyokukaArea ul,
#mainArea #mainTiryouArea ul {
	margin-top: 50px;
}
#mainArea #mainRyokukaArea ul.ul-inner,
#mainArea #mainTiryouArea ul.ul-inner {
	margin-top: 15px;
}
#mainArea #mainRyokukaArea ul li,
#mainArea #mainTiryouArea ul li {
	margin-left: 20px;
	padding-top: 2px;
	padding-left: 18px;
	background: url(../image/common/list_mark_grey.gif) 0 0 no-repeat;

	color: #444;
	font-size: 75%;
	line-height: 200%;
	font-weight: bold;
	display: inline;
}
#mainArea #mainRyokukaArea ul li a:link,
#mainArea #mainRyokukaArea ul li a:visited,
#mainArea #mainTiryouArea ul li a:link,
#mainArea #mainTiryouArea ul li a:visited {
	color: #444;
}
#mainArea #mainRyokukaArea ul li a:active,
#mainArea #mainRyokukaArea ul li a:hover,
#mainArea #mainTiryouArea ul li a:active,
#mainArea #mainTiryouArea ul li a:hover {
	color: #444;
	text-decoration: underline;
}


#mainArea #mainNewsArea {
	clear: both;
	float: left;
	width: 540px;
	margin-right: 20px;
	margin-bottom: 20px;
	display: inline;
}
#mainArea #mainNewsArea #mainNewsArea-space {
	width: 520px;
	margin-top: 20px;
	padding: 9px;
	border: #241916 solid 1px;
	color: #333;
	font-size: 75%;
	line-height: 180%;
	height: 120px;
	overflow: auto;
}

#mainArea #mainNewsArea #mainNewsArea-space2 {
	width: 520px;
	margin-top: 20px;
	padding: 9px;
	border: #241916 solid 1px;
	color: #333;
	font-size: 75%;
	line-height: 180%;
	height: 250px;
	overflow: auto;
}

#mainArea #mainMenuArea {
	float: left;
	width: 240px;
	margin-bottom: 20px;
	border-top: #241916 dashed 1px;

	text-align: left;
	display: inline;
}
#mainArea #mainMenuArea .menuListArea {
	width: 240px;
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: #241916 dashed 1px;
}
#mainArea #mainMenuArea .menuListArea .imageArea {
	float: left;
	width: 20px;
	margin-left: 10px;
	display: inline;
}
#mainArea #mainMenuArea .menuListArea .textArea {
	float: left;
	width: 210px;
	display: inline;
}
#mainArea #mainMenuArea .menuListArea .textArea p {
	color: #976464;
	font-size: 75%;
	line-height: 200%;
	font-weight: bold;
}
#mainArea #mainMenuArea .menuListArea .textArea p a:link,
#mainArea #mainMenuArea .menuListArea .textArea p a:visited {
	color: #976464;
}
#mainArea #mainMenuArea .menuListArea .textArea p a:active,
#mainArea #mainMenuArea .menuListArea .textArea p a:hover {
	color: #976464;
	text-decoration: underline;
}
/*#mainArea #mainMenuArea .menuListArea ul li {
	margin-left: 10px;
	padding-top: 2px;
	padding-left: 18px;

	background: url(../image/common/list_mark.gif) 0 0 no-repeat;

	color: #976464;
	font-size: 75%;
	line-height: 200%;
	font-weight: bold;
	display: inline;
}
#mainArea #mainMenuArea .menuListArea ul li.li-inner {
	background: none;
}
#mainArea #mainMenuArea .menuListArea ul li a:link,
#mainArea #mainMenuArea .menuListArea ul li a:visited {
	color: #976464;
}
#mainArea #mainMenuArea .menuListArea ul li a:active,
#mainArea #mainMenuArea .menuListArea ul li a:hover {
	color: #976464;
	text-decoration: underline;
}*/
#mainArea #mainMenuArea img.img-banner {
	margin-top: 20px;
}