@charset "utf-8";


/* ---------------------------------------------------------------------------------------------------------- *

	 1. Path Navi
 
 * ---------------------------------------------------------------------------------------------------------- */

#path-navi-area {
	float:left;
	padding-left:7px;
	text-align:center;
	}

#path-navi-area .path-navi li {
	width:140px;
	}

#path-navi-area .path-navi li a:link,a:visited {
	color: #fff;
	text-decoration:none;
	}
	
#path-navi-area .path-navi li {
	/* padding-bottom:18px; */
	/* background: url(../../img/path-navi-bg.gif) no-repeat 50% 100%; */
	}

#path-navi-area .path-navi li.last {
	/* padding:12px 0 0 26px; */
	color:#FFF;
	text-align:left;
	/*font-weight:bold;
	font-size:14px;
	background:none;
	//background: url(../../img/path-navi.gif) no-repeat;	
	width:140px;
	height:40px; */
	}



/* ---------------------------------------------------------------------------------------------------------- *

	 2. Frame
 
 * ---------------------------------------------------------------------------------------------------------- */

#wrapper {
	width:100%;
	}

#container {
	margin:0 auto;
	width:914px;
	}

#header-area {
	padding-top:10px;
	}

#navigation-area {
	padding-bottom:5px;
	background:url(../img/bg_navigation-area.png) no-repeat 0 100%;
	}

#contents-area {
	padding:15px 27px 0;
	background:url(../img/bg_contents-area.png) repeat-y;
	}

#footer-area {
	padding:25px 0 60px;
	background:url(../img/bg_footer-area.png) no-repeat 0 0;
	}



/* ---------------------------------------------------------------------------------------------------------- *

	 3. Header
 
 * ---------------------------------------------------------------------------------------------------------- */

#header-area h1 {
	margin:0 auto;
	}

#header-area h1.logo {
	width: 510px;
	height: 126px;
	background: url(../img/logo.png) no-repeat;
	}

#header-area h1.logo a {
	display:block;
	width:573px;
	height:135px;
	text-indent:-9999px;
	overflow:hidden;
	}



/* ---------------------------------------------------------------------------------------------------------- *

	 4. Navigation
 
 * ---------------------------------------------------------------------------------------------------------- */

#navigation-area ul.hh-menu {
	margin:0 auto;
	width:885px;
	}

#navigation-area ul.hh-menu li {
	float:left;
	width:177px;
	height:115px;
	}

#navigation-area ul.hh-menu li a {
	display:block;
	width:177px;
	height:115px;
	text-indent:-9999px;
	overflow:hidden;
	}

#navigation-area ul.hh-menu li span {display:none;}

#navigation-area ul.hh-menu li.schedule {}

#navigation-area ul.hh-menu li.menu {}

#navigation-area ul.hh-menu li.life {}

#navigation-area ul.hh-menu li.about {}

#navigation-area ul.hh-menu li.gallery {}

#navigation-area ul.hh-menu li.schedule a {background:url(../img/navi-schedule.png) no-repeat 0 0;}
#navigation-area ul.hh-menu li.schedule a:hover {background:url(../img/navi-schedule.png) no-repeat 100% 0;}

#navigation-area ul.hh-menu li.menu a {background:url(../img/navi-menu.png) no-repeat 0 0;}
#navigation-area ul.hh-menu li.menu a:hover {background:url(../img/navi-menu.png) no-repeat 100% 0;}

#navigation-area ul.hh-menu li.life a {background:url(../img/navi-life.png) no-repeat 0 0;}
#navigation-area ul.hh-menu li.life a:hover {background:url(../img/navi-life.png) no-repeat 100% 0;}

#navigation-area ul.hh-menu li.about a {background:url(../img/navi-guide.png) no-repeat 0 0;}
#navigation-area ul.hh-menu li.about a:hover {background:url(../img/navi-guide.png) no-repeat 100% 0;}

#navigation-area ul.hh-menu li.gallery a {background:url(../img/navi-gallery.png) no-repeat 0 0;}
#navigation-area ul.hh-menu li.gallery a:hover {background:url(../img/navi-gallery.png) no-repeat 100% 0;}




/* ---------------------------------------------------------------------------------------------------------- *

	 5. Container
 
 * ---------------------------------------------------------------------------------------------------------- */

#contents-area #section-top {
	}

#contents-area #section-hr {
	/*position:relative;*/
	margin-top:12px;
	/*height:15px;*/
	/*background:url(../img/section-hr.gif) no-repeat;*/
	}
/*
#contents-area #section-hr img {
	position:absolute;
	top:-38px;
	left:255px;
	}
*/
#contents-area #section-bottom {
	margin-top:2px;
	text-align:left;
	}

#contents-area #section-bottom #contents-list {
	float: left;
	width: 240px;
	}

#contents-area #section-bottom #contents-list li {
	width: 78px;
	height: 78px;
	float: left;
	}

#contents-area #section-bottom #contents-list li a {
	}

#contents-area #section-bottom #contents-list .list-nevi-01 {background:url(../img/btn_subcontents-01.gif) no-repeat;}
#contents-area #section-bottom #contents-list .list-nevi-01 a:hover {background:url(../img/btn_subcontents-01.gif) no-repeat 100% 0;}

#contents-area #section-bottom #contents-list .list-nevi-02 {background:url(../img/btn_subcontents-02.gif) no-repeat;}
#contents-area #section-bottom #contents-list .list-nevi-02 a:hover {background:url(../img/btn_subcontents-02.gif) no-repeat 100% 0;}

#contents-area #section-bottom #contents-list .list-nevi-03 {background:url(../img/btn_subcontents-blog.gif) no-repeat 0 100%;}

#contents-area #section-bottom #about-us {
	margin-top: 13px;
	float: right;
	width: 610px;
	}

#contents-area #section-bottom #about-us .intro {
	float: left;
	width: 280px;
	font-size: 1.2em;
	line-height: 1.4em;
	position: relative;
	padding: 5px;
	}

#contents-area #section-bottom #about-us .intro address {
	margin-top: 8px;
	bottom: 0;
	}

#contents-area #section-bottom #about-us .accessmap {
	float:right;
	}




/* ---------------------------------------------------------------------------------------------------------- *

	 6. Footer
 
 * ---------------------------------------------------------------------------------------------------------- */

#footer-area {
	color:#fff;
	font-size:0.9em;
	}

#footer-area a,
#footer-area a:link {color:#fff; text-decoration:underline;}
#footer-area a:visited {color:#fff;}
#footer-area a:hover {color:#fff; text-decoration:none;}

#footer-area .pagetop {
	float:right;
	}

#footer-area .pagetop a {
	display:block;
	width:35px;
	height:34px;
	background:url(../img/btn_pagetop.png) no-repeat;
	text-indent:-9999px;
	overflow:hidden;
	}

#footer-area .pagetop a:hover {
	background:url(../img/btn_pagetop.png) no-repeat 100% 0;
	}

#footer-area .copy {
	padding-top: 5px;
	padding-left: 7px;
	text-align: center;
	}

#footer-area .copy span.cnt {
	font-size:0.9em;
	color:#e8f212;
	}