@charset "utf-8";


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

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

#pathnaviArea {
	background:url(../img/bg_pathnavi.png) repeat-x;
	line-height:30px;
	color:#333;
	font-size:0.75em;
	}

#pathnaviArea .navi {
	margin:0 auto;
	width:900px; height:30px;
	text-align:left;
	}

#pathnaviArea .navi li {
	float:left;
	padding-right:12px;
	background:url(../img/icon_path.gif) no-repeat right center;
	}

#pathnaviArea .navi li.last {
	background:none;
	padding:0;
	}

#pathnaviArea a:link {color:#666; text-decoration:none;}
#pathnaviArea a:visited {color:#666; text-decoration:none;}
#pathnaviArea a:hover {color:#e56b21; text-decoration:none;}



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

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

#wrapper {
	width:100%;
	/*background:url(../img/bg_wrap.gif) repeat-x;*/
	}

#headerArea {
	height:120px;
	background:url(../img/bg_wrap.gif) repeat-x;
	/*background:url(../img/bg_headerarea.jpg) no-repeat top center;*/
	}

#naviArea {
	height:53px;
	background:url(../img/bg_naviarea.gif) repeat-x;
	}

#mainArea {
	margin-top:1px;
	}

#footerArea {
	height:171px;
	}



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

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

#headerArea .header {
	margin:0 auto;
	width:930px; height:120px;
	}

#headerArea .header h1 {
	margin-top:10px;
	float:left;
	width:365px; height:110px;
	background:url(../img/logo.png) no-repeat;
	}

#headerArea .header h1 span {display:none;}

#headerArea .header .about {
	margin-top:40px;
	padding-right:5px;
	float:right;
	width:503px; height:55px;
	background:url(../img/header_about.jpg) no-repeat left;
	}

#headerArea .header .about dl {display:none;}



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

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

#naviArea .heartmenu {
	margin:0 auto;
	width:880px;
	}

#naviArea .heartmenu li {
	float:left;
	width:110px; height:40px;
}

#naviArea .heartmenu li a {
	display:block;
	width:110px; height:40px;
	text-indent:-10000em;
	overflow:hidden;
	}

#naviArea .heartmenu li.hm01 {background:url(../img/hm01_off.gif) no-repeat;}
#naviArea .heartmenu li.hm02 {background:url(../img/hm02_off.gif) no-repeat;}
#naviArea .heartmenu li.hm03 {background:url(../img/hm03_off.gif) no-repeat;}
#naviArea .heartmenu li.hm04 {background:url(../img/hm04_off.gif) no-repeat;}
#naviArea .heartmenu li.hm05 {background:url(../img/hm05_off.gif) no-repeat;}
#naviArea .heartmenu li.hm06 {background:url(../img/hm06_off.gif) no-repeat;}
#naviArea .heartmenu li.hm07 {background:url(../img/hm07_off.gif) no-repeat;}
#naviArea .heartmenu li.hm08 {background:url(../img/hm08_off.gif) no-repeat;}

#naviArea .heartmenu li.hm01 a:hover {background:url(../img/hm01_on.gif) no-repeat;}
#naviArea .heartmenu li.hm02 a:hover {background:url(../img/hm02_on.gif) no-repeat;}
#naviArea .heartmenu li.hm03 a:hover {background:url(../img/hm03_on.gif) no-repeat;}
#naviArea .heartmenu li.hm04 a:hover {background:url(../img/hm04_on.gif) no-repeat;}
#naviArea .heartmenu li.hm05 a:hover {background:url(../img/hm05_on.gif) no-repeat;}
#naviArea .heartmenu li.hm06 a:hover {background:url(../img/hm06_on.gif) no-repeat;}
#naviArea .heartmenu li.hm07 a:hover {background:url(../img/hm07_on.gif) no-repeat;}
#naviArea .heartmenu li.hm08 a:hover {background:url(../img/hm08_on.gif) no-repeat;}



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

	 5. Main
 
 * ---------------------------------------------------------------------------------------------------------- */

#mainArea #container {
	margin:0 auto;
	padding:0 0 50px;
	width:940px;
	}



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

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

#footerArea .backtop {
	margin:0 auto;
	width:940px; height:30px;
	}

#footerArea .backtop a {
	float:right;
	margin-right:12px;
	display:block;
	width:125px; height:22px;
	background:url(../img/pagetop.gif) no-repeat;
	text-indent:-10000em;
	overflow:hidden;
	}

#footerArea .fnaviArea {
	background:url(../img/bg_fnaviarea.gif) repeat-x;
	height:47px;
	}

#footerArea .fnaviArea .hmenu {
	margin:0 auto;
	padding-top:15px;
	width:900px;
	text-align:center;
	}


#footerArea .fnaviArea .hmenu li {
	float:left;
	padding-right:16px;
	font-size:0.9em;
	background:url(../img/bg_fnaviline.gif) no-repeat right center;
	}

#footerArea .fnaviArea .hmenu .last {
	background:none;
	padding:0;
	}

#footerArea .fnaviArea .hmenu a,
#footerArea .fnaviArea .hmenu a:link {color:#fff; text-decoration:none;}
#footerArea .fnaviArea .hmenu a:visited {color:#fff;}
#footerArea .fnaviArea .hmenu a:hover {color:#e56b21;}

#footerArea .footer {
	padding-top:26px;
	height:68px;
	text-align:left;
	background:#333 url(../img/bg_footer.gif) repeat-x;
	color:#666;
	}

#footerArea .footer .case {
	margin:0 auto;
	width:900px;
	}

#footerArea .footer .author {
	float:left;
	}

#footerArea .footer .author h2 {
	font-weight:bold;
	}

#footerArea .footer p {
	font-size:0.9em;
	}

#footerArea .footer .copy {
	float:right;
	font-size:0.9em;
	line-height:36px;
	}