/*
--------------------------------------------------
	reset
--------------------------------------------------
*/

#page-head {
	position: relative;
	width: 818px;
	height: 488px;
	margin: 0 1px 0 1px;
	background-image: none;
	}
#site-ID {
	top: 0px;
	left: 0px;
	}
#main-menu {
	top: 449px;
	}
#page-body {
	margin: 10px 10px 20px 10px; /* width: 800px; */
	padding: 0 0 0 0;
	border: 0;
	}

/*
--------------------------------------------------
	base layout
--------------------------------------------------
*/

#content {
	clear: both;
	width: 800px;
	}

#BASE-INFORMATION {
	float: left;
	width: 180px;
	}
#MAIN {
	float: left;
	width: 430px;
	}
#GUIDE-INFORMATION {
	float: right;
	width: 180px;
	}

/*
--------------------------------------------------
	base information
*/

#BASE-INFORMATION .item {
	padding: 14px 14px 14px 14px;
	border: solid 1px #CCCCCC;
	}
#BASE-INFORMATION .item h2 {
	margin: 0 0 10px 0;
	}

#NEWS {
	margin: 15px 0 0 0;
	}
#NEWS h2 {
	margin: 0 0 0 10px;
	}
#NEWS .item {
	margin: 6px 0 0 0;
	padding: 0;
	border-top: 0;
	}
#NEWS dl {
	display: block;
	padding: 10px 14px 10px 14px;
	border-top: solid 1px #CCCCCC;
	}
#NEWS dt {
	display: block;
	color: #999999;
	font-size: 10px;
	font-weight: bold;
	letter-spacing: 1px;
	}
#NEWS a {
	display: block;
	margin: 2px 0 0 0;
	text-decoration: none;
	}
#NEWS a:hover {
	text-decoration: underline;
	}

#MEMBER {
	margin: 15px 0 0 0;
	}

/*
--------------------------------------------------
	main
*/

#MAIN .main-image {
	margin: 0 0 0 10px;
	}
#MAIN .notification-image {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
	height: 150px;
	width: 420px;
}

* html #topbnr {margin-top:-4px;
}

#MAIN .main-image img {
	display: block;
	}
#main-body {
	width: 400px;
	margin: 20px 10px 0 20px;
	}

#LEFT {
	float: left;
	width: 230px;
	}
#RIGHT {
	float: right;
	width: 155px;
	margin: 7px 0 0 0;
	}

#MAIN h2 {
	margin: 0 0 8px 0;
	}

#BUNJO ul {
	margin: 8px 0 0 0;
	}
#BUNJO li {
	margin: 6px 0 0 0;
	padding: 6px 0 0 0;
	border-top: solid 1px #CCCCCC;
	}
#BUNJO img {
	vertical-align: bottom;
	}

#PLAN, #TATEURI, #CHUKAI {
	margin: 12px 0 0 0;
	}
#PLAN {
	padding: 0 0 52px 0;
	background: url("../image/home_plan_image.gif") right bottom no-repeat;
	}

/*
--------------------------------------------------
	guide information
*/

#PHOTO {
	padding: 0 0 10px 0;
	background: url("../image/home_photo_foot.gif") left bottom no-repeat;
	}
#PHOTO h2 {
	padding: 4px;
	border: solid 1px #CCCCCC;
	}

#GUIDE {
	margin: 5px 0 0 0;
	}
#GUIDE h2 {
	margin: 0 0 0 10px;
	}
#GUIDE .item-group {
	margin: 6px 0 0 0;
	border-left: solid 1px #CCCCCC;
	border-right: solid 1px #CCCCCC;
	border-bottom: solid 1px #CCCCCC;
	}
#GUIDE .item {
	padding: 12px 14px 12px 14px;
	border-top: solid 1px #CCCCCC;
	}
#GUIDE ul {
	padding: 5px 0 0 0;
	}
#GUIDE li {
	margin: 5px 0 0 0;
	}
#GUIDE ul img {
	vertical-align: bottom;
	}

#GUIDE #KANRI {
	padding-bottom: 42px;
	background: url("../image/home_kanri_image.gif") 20px 38px no-repeat;
	}

#BANNER-IN {
	margin: 15px 0 0 0;
	}
#BANNER-IN li {
	margin: 10px 0 0 0;
	}
#BANNER-IN img {
	vertical-align: bottom;
	}

#BANNER-EX {
	clear: both;
	margin: 0 1px;
	padding: 0 0 8px 8px;
	border-top: solid 1px #CCCCCC;
	background: #F0F1EF;
	}
#BANNER-EX ul {
	clear: both;
	}
#BANNER-EX li {
	float: left;
	width: 196px;
	margin: 8px 0 0 0;
	}
#BANNER-EX img {
	vertical-align: bottom;
	}

#BANNER-TEMP {
	padding: 0 0 10px 0;
	}
#BANNER-TEMP a {
	display: block;
	}