body {
	background-position: left 403px;
}
#mainimage {
	width:100%;
	height: 400px;
	text-align:center;
}
#mainImg p {width: 1200px; height: 400px; margin: 0 auto; padding: 0;}
#mainmenu {
	top: 282px;
}
/* =============== contentsArea =============== */
#contentsArea {
	/*padding-top: 420px;*/
	padding-top: 400px;
	margin: 0 auto;
}
#leftbox {
	float: left;
	width: 510px;
}
#rightbox {
	float: right;
	width: 400px;
}

h1,h3,h4,
#newsbox p,
#blog p,
#queen_btn,
#shosai,
#about li,
#maparea p#title,
#maparea ul {
	font-size: 0;
	text-indent: -9999px;
}

#newsbox,
#queen,
#about {
	position: relative;
	top: 0;
	width: 510px;
	margin-bottom: 20px;
	padding-bottom: 14px;
	background-color: #FFF;
	border: solid 1px #E6E6E6;
}
#newsbox h3,
#queen h3,
#kanren h3 {
	width: 510px;
	height: 32px;
}
#info h3,
#about h3 {
	width: 400px;
	height: 32px;
}

/* === news === */
#newsbox h3 {background: url("../images/index/news_title.gif") no-repeat;}
#newsbox p {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 72px;
	height: 20px;
	background-position: 0 0;
}
#newsbox p a {
	display: block;
	width: 100%;
	height: 100%;
}
#newsbox p, #newsbox p a {background-image: url("../images/index/btn1.gif");}
#newsbox p a:hover {background-position: 0 -20px;}
#newsbox dl {
	position: relative;
	top: 10px;
	width: 480px;
	margin: 0 auto;
}
#newsbox dt {
	position: absolute;
	width: 60px;
	height: 16px;
	left: 0;
	padding-top: .6em;
	padding-bottom: .6em;
	margin-top: 7px;
	font-size: 0;
	text-indent: -9999px;
}
#newsbox dd {
	padding-top: .6em;
	padding-bottom: .6em;
	padding-left: 70px;
	border-bottom: dotted 1px #B3B3B3;
}
#newsbox dd a {
	color: #0071BC;
	text-decoration: underline;
}
#newsbox dd a:hover {
	color: #FF0000;
}
.date {
	margin-right: 14px;
	color: #999;
}
#newsbox dd.last {
	border-style: none;
}
#newsbox dt.event {background: url("../images/index/icon_event.gif") no-repeat;}
#newsbox dt.news {background: url("../images/index/icon_news.gif") no-repeat;}

/* === queen === */
#queen h3 {background: url("../images/index/queen_title.gif") no-repeat;}
#queen p {
	font-size: 13px;
	line-height: 1.5em;
	color: #808080;
	padding: 12px;
	text-justify: auto;
}
#queen p#queen_btn {
	position: absolute;
	top: 6px;
	right: 5px;
	width: 72px;
	height: 20px;
	background-position: 0 0;
	padding: 0;
}
#queen p#queen_btn a {
	display: block;
	width: 100%;
	height: 100%;
}
#queen p#queen_btn, #queen p#queen_btn a {background-image: url("../images/index/btn2.gif");}
#queen p#queen_btn a:hover {background-position: 0 -20px;}
#thum {
	float: left;
	margin-left: 12px;
	/*IE6*/_margin-left: 8px;
}
#blog {
	position: relative;
	left: 0;
	top: 0;
	width: 300px;
	margin-left: 196px;
}
#blog h4 {
	width: 300px;
	height: 26px;
	background: url("../images/index/blog_title.gif") no-repeat;
}
#blog p {
	position: absolute;
	top: 3px;
	right: 6px;
	width: 72px;
	height: 20px;
	padding: 0;
	background-position: 0 0;
}
#blog p a {
	display: block;
	width: 100%;
	height: 100%;
}
#blog p, #blog p a {background-image: url("../images/index/btn1.gif");}
#blog p a:hover {background-position: 0 -20px;}
#blog dl {
	position: relative;
	left: 0;
	top: 6px;
	width: 300px;
}
#blog dt {
	position: absolute;
	left: 0;
	padding-top: .8em;
	padding-bottom: .8em;
	margin-left: 6px;
	color: #999;
	font-weight: normal;
}
#blog dd {
	padding-top: .8em;
	padding-bottom: .8em;
	padding-left: 90px;
	border-bottom: dotted 1px #B3B3B3;
}
#blog dd a {
	color: #0071BC;
	text-decoration: underline;
}
#blog dd a:hover {
	color: #FF0000;
}
#blog dd.last {
	border-style: none;
}
#blog_comingsoon {
	margin-top: 10px;
}
/* === kanren === */
#kanren {
	padding: 0;
}
#kanren h3 {background: url("../images/index/kanren_title.gif") no-repeat;}
#kanren img {
	padding: 10px 6px 14px;
}

/* === info === */
#info {
	position: relative;
	width: 400px;
	height: 370px;
	padding-bottom: 14px;
}
#info h3 {
	border-top: solid 1px #E6E6E6;
	border-left: solid 1px #E6E6E6;
	border-right: solid 1px #E6E6E6;
	background: url("../images/index/info_title.gif") no-repeat;
}
#read {
	margin-top: 10px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
#info img {
	margin-top: 6px;
}
#shosai {
	position: absolute;
	top: 6px;
	right: 6px;
	width: 72px;
	height: 20px;
	padding: 0;
	background-image: url("../images/index/btn2.gif");
	background-position: 0 20px;
}
#shosai a {
	display: block;
	width: 100%;
	height: 100%;
}
#maparea {
	position: absolute;
	left: 9px;
	top: 74px;
	width: 172px;
}
#maparea p#title {
	height: 22px;
	background: url("../images/index/area_title.gif") no-repeat;
}
#maparea ul {
	margin-top: 10px;
}
#maparea li {
	height: 23px;
}
#maparea li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: -172px 0;
}
#map1,#map2,#map3,#map4,#map5,#map6 {
	display: none;
}
#map p {
	position: absolute;
}
#map1 {left: 225px; top: -4px;}
#map2 {left: 212px; top: 172px;}
#map3 {left: 166px; top: 144px;}
#map4 {left: 148px; top: 198px;}
#map5 {left: 95px; top: 201px;}
#map6 {left: 68px; top: 210px;}
#area1, #area1 a {background: url("../images/index/area1.gif") no-repeat;}
#area2, #area2 a {background: url("../images/index/area2.gif") no-repeat;}
#area3, #area3 a {background: url("../images/index/area3.gif") no-repeat;}
#area4, #area4 a {background: url("../images/index/area4.gif") no-repeat;}
#area5, #area5 a {background: url("../images/index/area5.gif") no-repeat;}
#area6, #area6 a {background: url("../images/index/area6.gif") no-repeat;}

#area1 a:hover {background-position: 0 0;}
#area2 a:hover {background-position: 0 0;}
#area3 a:hover {background-position: 0 0;}
#area4 a:hover {background-position: 0 0;}
#area5 a:hover {background-position: 0 0;}
#area6 a:hover {background-position: 0 0;}
/* === about === */
#about {
	width: 400px;
	margin-top: 20px;
	padding-bottom: 0;
}
#about h3 {background: url("../images/index/about_title.gif") no-repeat;}
#about p {
	float: left;
	padding: 12px;
}
#about ul {
	position: relative;
	left: 0;
	top: 0;
	width: 220px;
	margin-top: 12px;
	margin-left: 170px;
}
#about li {
	width: 220px;
	height: 32px;
	margin-bottom: 5px;
}
#about li a {
	display: block;
	width: 100%;
	height: 100%;
	background-position: -220px 0;
}
#about1, #about1 a {background: url("../images/index/about_btn1.gif") no-repeat;}
#about2, #about2 a {background: url("../images/index/about_btn2.gif") no-repeat;}
#about3, #about3 a {background: url("../images/index/about_btn3.gif") no-repeat;}
#about4, #about4 a {background: url("../images/index/about_btn4.gif") no-repeat;}

#about1 a:hover {background-position: 0 0;}
#about2 a:hover {background-position: 0 0;}
#about3 a:hover {background-position: 0 0;}
#about4 a:hover {background-position: 0 0;}


/* === banner === */
#banner {
	width: 950px;
	margin: 0 auto 20px;
	margin-top: 10px\9;
	/margin-top: 0;
}

/* === topics === */
#topics {
	width: 400px;
	height: 50px;
	margin-bottom: 10px;
}

#donation_menu {width: 400px; height: 32px; margin: 0 0 30px;}
#donation_menu a {display: block; width: 100%; height: 100%; background: url("../images/index/donation_menu.png") no-repeat left top;}
#donation_menu a:hover {background: url("../images/index/donation_menu_on.png") no-repeat left top;}