@charset "utf-8";

/* タグの初期化
------------------------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0px;
	padding:0px;
	}

table {
	border-collapse:collapse;
	border-spacing:0;
	}

fieldset,img {
	border:0;
	}

address,caption,cite,code,dfn,em,var {
	font-style:normal;
	font-weight:normal;
	}

ol,ul {
	list-style:none;
	}

caption,th {
	text-align:left;
	}

h1,h2,h3,h4,h5,h6 {
	font-size:100%;
	font-weight:normal;
	}

q:before,q:after {
	content:'';
	}

abbr,acronym {
	border:0;
	}

label {
	cursor: pointer;
	}

img {
	vertical-align: top;
	}

/* 共通クラス
------------------------------------------------- */
/* clearfixハック */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac ¥*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

.indent {
	padding-left: 0.8em;
	text-indent: -0.8em;
}

.reader {
	position:absolute;
	top:0;
	left:-5000px;
	display: inline;
	}


/* リンク設定
------------------------------------------------- */
a:link { color:#1B6425; text-decoration:none; }
a:visited {	color:#1B6425;	text-decoration:none; }
a:hover {	color:#1B6425;	text-decoration:underline; }
a:active {	color:#1B6425;	text-decoration:none; }


/* トップページswf確認用css
------------------------------------------------- */
div#Test-area {
	width: 915px;
	margin: 0 auto;
	}

div#Test_flash-area {
	margin-bottom: 12px;
	}

/* global CSS
------------------------------------------------- */
html {
	width: 100%;
	height: 100%;
	}

body {
	width:100%;
	height:100%;
	font-family:"ＭＳ Ｐゴシック", MS PGothic, sans-serif,Osaka, "ヒラギノ角ゴ Pro W3",'メイリオ', Meiryo;
	font-size: 75%;
	}

div#wrapper {
	width: 100%;
	position:relative;
	margin: 0 auto;
	min-height: 100%;
	}

* html body div#wrapper {
	height:100%;
	} /* IE6 */

div#wrapper div#containar {
	width: 930px;
	margin: 0 auto;
	}

/* header CSS
------------------------------------------------- */
div#wrapper div#header {
	position: relative;
	height: 132px;
	background: url(../commom_img/head_bg.jpg) left top no-repeat;
	}

div#header h1 a {
	display: block;
	position: absolute;
	top: 13px;
	left: 21px;
	width: 355px;
	height: 58px;
	background: url(../commom_img/logo.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

div#header div#utility {
	position: absolute;
	top: 112px;
	left: 20px;
	height: 20px;
	background: url(../commom_img/home_bg.gif) left top no-repeat;
	line-height: 1.7;
	}

div#header div#utility p {
	float: left;
	padding: 0 0 0 30px;
	}

div#header div#utility p a {
	color: #FFF;
	}

div#header div#utility ul {
	float: left;
	padding: 0 0 0 22px;
	}

div#header div#utility ul.brown li {
	color: #6A2C10;
	}

div#header div#utility ul.blue li {
	color: #106882;
	}

div#header div#utility ul li {
	float: left;
	padding-left: 14px;
	margin-right: 0px;
	background: url(../commom_img/arrow.gif) 0 6px no-repeat;
	}

div#header div#utility ul li.bg_brown,
div#header div#utility ul li.bg_blue,
div#header div#utility ul li.bg_dark,
div#header div#utility ul li.bg_green,
div#header div#utility ul li.bg_m-green,
div#header div#utility ul li.d_brown,
div#header div#utility ul li.d_blue {
	padding-left: 13px;
	}

div#header div#utility ul li.bg_brown a {
	display: block;
	padding: 0 12px 4px 12px;
	background: url(../commom_img/utility_bg_brown.gif) left top no-repeat;
	color: #FFF;
	}

/* 2006年度 */
div#header div#utility ul li.bg_dark span {
	padding-left: 3px;
	}

div#header div#utility ul li.bg_dark a {
	width: 126px;
	display: block;
	padding: 0 0 4px 12px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_dark.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.bg_dark a:hover {
	background: url(../commom_img/utility_bg_dark_ov.gif) left top no-repeat;
	}

/* 2007年度 */
div#header div#utility ul li.bg_green span {
	padding-left: 3px;
	}

div#header div#utility ul li.bg_green a {
	width: 126px;
	display: block;
	padding: 0 0 4px 12px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_green.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.bg_green a:hover {
	background: url(../commom_img/utility_bg_green_ov.gif) left top no-repeat;
	}

/* 2008年度 */
div#header div#utility ul li.bg_m-green span {
	padding-left: 3px;
	}

div#header div#utility ul li.bg_m-green a {
	width: 126px;
	display: block;
	padding: 0 0 4px 12px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_m-green.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.bg_m-green a:hover {
	background: url(../commom_img/utility_bg_m-green_ov.gif) left top no-repeat;
	}

/* 2009年度 */
div#header div#utility ul li.bg_blue span {
	padding-left: 3px;
	}

div#header div#utility ul li.bg_blue a {
	width: 126px;
	display: block;
	padding: 0 0 4px 12px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_blue.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.d_blue a:hover {
	background: url(../commom_img/utility_bg_blue_ov.gif) left top no-repeat;
	}

/* 2010年度 */
div#header div#utility ul li.d_blue span {
	padding-left: 3px;
	}

div#header div#utility ul li.d_blue a {
	width: 136px;
	display: block;
	padding: 0 0 4px 16px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_2011.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.d_blue a:hover {
	background: url(../commom_img/utility_bg_d-blue_ov.gif) left top no-repeat;
	}
	
/* 2011年度 */
div#header div#utility ul li.bg_2011 span {
	padding-left: 3px;
	}

div#header div#utility ul li.bg_2011 a {
	width: 136px;
	display: block;
	padding: 0 0 4px 16px;
	margin-right: -5px;
	background: url(../commom_img/utility_bg_2011.gif) left top no-repeat;
	color: #FFF;
}
div#header div#utility ul li.bg_2011 a:hover {
	background: url(../commom_img/utility_bg_2011_ov.gif) left top no-repeat;
}

/* ケータイサイト */
div#header div#utility ul li.d_brown a {
	width: 215px;
	display: block;
	padding: 0 0 4px 24px;
	margin-right: -18px;
	background: url(../commom_img/utility_bg_d_brown.gif) left top no-repeat;
	color: #FFF;
	}

div#header div#utility ul li.d_brown a:hover {
	background: url(../commom_img/utility_bg_d_brown_ov.gif) left top no-repeat;
	}


/* contents CSS
------------------------------------------------- */
div#wrapper div#contents {
	padding: 0 0 220px 20px;
	}

/* head-nav start */
div#contents div#head-nav {
	height: 105px;
	background: url(../commom_img/head-nav_line.jpg) left bottom repeat-x;
	}

div#head-nav ul {
	padding: 25px 0 0 31px;
	}

div#head-nav ul li {
	float: left;
	}

div#head-nav ul li a {
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	}

div#head-nav ul li a:hover {
	filter:alpha(opacity=70);
	opacity:0.7;
	}

div#head-nav ul li#nav01 a {
	width: 349px;
	height: 59px;
	margin-right: 14px;
	background: url(../commom_img/head-nav01.jpg) left top no-repeat;
	}

div#head-nav ul li#nav01_on {
	margin-right: 14px;
	}

div#head-nav ul li#nav02 a {
	width: 184px;
	height: 50px;
	margin-right: 12px;
	background: url(../commom_img/head-nav02.jpg) left top no-repeat;
	}

div#head-nav ul li#nav02_on {
	margin-right: 12px;
	}

div#head-nav ul li#nav03 a {
	width: 268px;
	height: 61px;
	background: url(../commom_img/head-nav03.jpg) left top no-repeat;
	}

/* head-nav end */

div#contents div.page-head {
	padding: 33px 0 0 0;
	}

div.page-head-left {
	position: relative;
	width: 448px;
	float: left;
	}

div#contents div.ttl {
	background: url(../commom_img/ttl_bar.jpg) left bottom no-repeat;
	}

div#contents div#main {
	padding: 30px 0 0 16px;
	line-height: 1.6;
	}

div#contents div#flash-page_main {
	padding: 5px 0 0 0;
	}

div.ttl h2 {
	text-indent: -9999px;
	height: 50px;
	margin-left: 13px;
	}

div#contents div.page-head p.animal {
	position: absolute;
	top: -18px;
	left: 254px;
	text-indent: -9999px;
	}

div#contents div.copy-area {
	background: url(../commom_img/wood_bg.gif) left top no-repeat;
	float: left;
	margin: -15px 0 0 -200px;
	padding: 21px 0 25px 41px;
	}

/* footer CSS
------------------------------------------------- */
div#wrapper div#footer {
	position:absolute;
	bottom: 0;
	width: 100%;
	height: 220px;
	background: url(../commom_img/foot_bg.jpg) center bottom no-repeat;
	}

div#footer div#foot-inner {
	position: relative;
	width: 930px;
	height: 220px;
	margin: 0 auto;
	background: url(../commom_img/foot_center_bg.jpg) left bottom no-repeat;
	}

div#foot-inner p a {
	position: absolute;
	top: 42px;
	left: 800px;
	width: 100px;
	height: 42px;
	background: url(../commom_img/pagetop_btn.gif) left top no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}

div#foot-inner p a:hover {
	background: url(../commom_img/pagetop_btn_ov.gif) left top no-repeat;
	}

div#foot-inner ul.btn {
	position: absolute;
	top: 76px;
	left: 20px;
	}

div#foot-inner ul.btn li {
	float: left;
	margin-right: 12px;
	display: inline;
	}

div#footer ul.copyright {
	position: absolute;
	top: 129px;
	left: 188px;
	}

div#footer ul.copyright li {
	float: left;
	display: inline;
	}

div#footer ul.copyright li address {
	padding: 23px 0 0 27px;
	}