@charset "utf-8";
/* ::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::
 *
 *	file name : base.css
 *
 * :::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */


/* ==================================================================
 *  Base
 * ================================================================== */
body { background-color: #fff; font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック'; color: #000; min-width: 900px; }
/* ==================================================================
 *  div#header
 * ================================================================== */
/* ------------------------------------------------------------------ *
   グローバルナビ
*/
div#header #gnav { background: url(../images/gnav_img_000.png) repeat-x left top; height: 62px; }
div#header #gnav .inner { width: 900px; margin: 0 auto; }
div#header #gnav #logo { width: 152px; overflow: hidden; height: 62px; float: left;  *margin-right:-3px;
}
div#header #gnav ul li { overflow: hidden; height: 62px; float: left; }
div#header #gnav ul li a { overflow: hidden; display: block; width: 149px; height: 62px; text-align: left; text-indent: -999em; }
div#header #gnav ul li.gnav01 a { background: url(../images/gnav_img_002_off.png) no-repeat left top; }
div#header #gnav ul li.gnav02 a { background: url(../images/gnav_img_003_off.png) no-repeat left top; }
div#header #gnav ul li.gnav03 a { background: url(../images/gnav_img_004_off.png) no-repeat left top; }
div#header #gnav ul li.gnav04 a { background: url(../images/gnav_img_005_off.png) no-repeat left top; }
div#header #gnav ul li.gnav05 a { width: 150px; background: url(../images/gnav_img_006_off.png) no-repeat left top; }
div#header #gnav ul li.gnav01 a:hover { background: url(../images/gnav_img_002_ov.png) no-repeat left top; }
div#header #gnav ul li.gnav02 a:hover { background: url(../images/gnav_img_003_ov.png) no-repeat left top; }
div#header #gnav ul li.gnav03 a:hover { background: url(../images/gnav_img_004_ov.png) no-repeat left top; }
div#header #gnav ul li.gnav04 a:hover { background: url(../images/gnav_img_005_ov.png) no-repeat left top; }
div#header #gnav ul li.gnav05 a:hover { background: url(../images/gnav_img_006_ov.png) no-repeat left top; }
div#header #gnav ul li.gnav01 a.active { background: url(../images/gnav_img_002_ac.png) no-repeat left top; }
div#header #gnav ul li.gnav02 a.active { background: url(../images/gnav_img_003_ac.png) no-repeat left top; }
div#header #gnav ul li.gnav03 a.active { background: url(../images/gnav_img_004_ac.png) no-repeat left top; }
div#header #gnav ul li.gnav04 a.active { background: url(../images/gnav_img_005_ac.png) no-repeat left top; }
div#header #gnav ul li.gnav05 a.active { background: url(../images/gnav_img_006_ac.png) no-repeat left top; }
/* ------------------------------------------------------------------ *
   ページタイトル(h1)
*/
div#header #h1Block { height: 208px; background: url(../images/main_img_004.png) bottom center repeat-x; }
div#header #h1Block .inner { margin: 0 auto; width: 900px; height: 208px; }
div#header #h1Block h1 { width: 900px; margin: 0 auto; padding-top: 77px; }
div#header #h1Block h1 img { padding-left: 44px; }
/* ==================================================================
 *  div#content
 * ================================================================== */
div#content { width: 100%; background-color: #eeeeeb; }
/* ------------------------------------------------------------------ *
   div#pankuzu
*/
div#pankuzu { width: 100%; background-color: #cacac7; }
div#pankuzu a { color: #ffffff; text-decoration: none; }
div#pankuzu ul { width: 900px; margin: 0 auto; height: 31px; }
div#pankuzu ul li { height: 31px; overflow: hidden; float: left; }
div#pankuzu ul li span { padding-top: 8px; display: block; }
div#pankuzu ul li.home { color: #ffffff; padding-left: 32px; padding-right: 10px; background: url(../images/main_img_001.gif) no-repeat 14px center #2c8211; }
div#pankuzu ul li.first { padding-left: 22px; background: url(../images/main_img_002.gif) no-repeat left center; }
div#pankuzu ul li.first a { color:#000000; text-decoration:underline; }
div#pankuzu ul li.first a:hover { text-decoration:none; }
div#pankuzu ul li.last span:before { content:'｜'; }
/* ------------------------------------------------------------------ *
   div#main
*/
div#main { width: 858px; margin: 0 auto; padding-top: 49px; }
div#main h2 { padding-bottom: 7px; border-bottom: 1px solid #000000; margin-bottom: 38px; }
div#main .notation { color: #2c8211; }
div#main .pagetop { text-align: right; padding-top: 50px; }
div#main .pagetop a { margin: 0 0 0 auto; overflow: hidden; display: block; text-align: left; text-indent: -999em; width: 30px; height: 24px; background: url(../images/main_img_003.gif) no-repeat left top; }
/* ==================================================================
 *  div#footer
 * ================================================================== */
div#footer { width: 100%; height: 82px; }
div#footer .inner { width: 858px; height: 62px; margin: 20px auto; position: relative; }
div#footer .inner .entry { position: absolute; left: 0px; top: 0px; }
div#footer .inner .entry a { overflow: hidden; display: block; text-align: left; text-indent: -999em; width: 199px; height: 40px; background: url(../images/footer_img_001.gif) no-repeat left top; }
div#footer .inner ul { position: absolute; left: 0px; bottom: 0px; }
div#footer .inner ul li { padding-right: 14px; float: left; }
div#footer .inner ul li a { overflow: hidden; display: block; text-align: left; text-indent: -999em; height: 11px; }
div#footer .inner ul li.fnav01 a { width: 73px; background: url(../images/footer_img_002.gif) no-repeat left top; }
div#footer .inner ul li.fnav02 a { width: 112px; background: url(../images/footer_img_003.gif) no-repeat left top; }
div#footer .inner .copyright { position: absolute; right: 0px; bottom: 0px; display: block; }