@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: 1em;
	text-indent: -1em;
}

.reader {
	position:absolute;
	top:0;
	left:-5000px;
	display: inline;
	}
	
.relative {
	position:relative;
}


.pb5 {
	padding-bottom:5px !important;
}
.pb10 {
	padding-bottom:10px !important;
}
.pb20 {
	padding-bottom:20px !important;
}
.pl160 {
	padding-left:160px !important;
}
.mb25 {
	margin-bottom:25px !important;
}
.mb30 {
	margin-bottom:30px !important;
}
.mb40 {
	margin-bottom:40px !important;
}
.mb45 {
	margin-bottom:45px !important;
}

/* リンク設定
------------------------------------------------- */
a:link { color:#00A0E9; text-decoration:none; }
a:visited {	color:#00A0E9;	text-decoration:none; }
a:hover {	color:#eb5300;	text-decoration:underline; }
a:active {	color:#00A0E9;	text-decoration:none; }

/* global CSS
------------------------------------------------- */
html {
	width: 100%;
 height: 100%;
	}

body {
	width:100%;
 height:100%;
	background: url(../commom_img/body_bg.jpg) center top repeat-x;
	font-family:"ＭＳ Ｐゴシック", MS PGothic, sans-serif,Osaka, "ヒラギノ角ゴ Pro W3",'メイリオ', Meiryo;
	color: #707070;
	font-size: 75%;
	}

div#wrapper {
	width: 100%;
	position:relative;
 min-height: 100%;
	}

* html body div#wrapper {
	height:100%;
	} /* IE6 */

/* header CSS
------------------------------------------------- */
div#wrapper div#header {
	position: relative;
	width: 980px;
	height: 190px;
	margin: 0 auto;
	padding-top: 20px;
	}

div#wrapper div#header {
	position: relative;
	width: 980px;
	height: 190px;
	margin: 0 auto;
	padding-top: 20px;
	}

div#header h1 a {
	display: block;
	width: 230px;
	height: 47px;
	background: url(../commom_img/logo.gif) left top no-repeat;	
	overflow: hidden;
	}

div#header ul#head-btn {
	width: 246px;
	position: absolute;
	top: 25px;
	left: 750px;
	}

div#header ul#head-btn li {
	float: left;
	margin-right: 16px;
	display: inline;
	}

div#header div#g-nav {
	position: absolute;
	top: 42px;
	left: 277px;
	z-index:5000;
}

div#header div#g-nav p {
	display: none;
	}

div#header div#g-nav div {
	float: left;
	}

div#header div#g-nav div#g-nav01_on {
	width: 170px;
	height: 160px;
	background: url(../commom_img/g-nav01_on-trans.png) left top no-repeat;
	}

div#header div#g-nav div#g-nav02_on {
	width: 170px;
	height: 160px;
	background: url(../commom_img/g-nav02_on-trans.png) left top no-repeat;
	}

div#header div#g-nav div#g-nav03_on {
	width: 170px;
	height: 160px;
	background: url(../commom_img/g-nav03_on-trans.png) left top no-repeat;
	}


/* containar CSS
------------------------------------------------- */
div#wrapper div#containar {
	position: relative;
	width: 980px;
	margin: 0 auto;
	padding: 0 0 220px 0;
	}

/* utility CSS */
div#containar div#utility {
	/*height: 11px;*/
	height:1em;
	position: absolute;
	top: -10px;
	left: 0px;
	line-height: 1;
	margin: 0 0 0 11px;
	padding: 0 0 0 16px;
	z-index: 999;
	background: url(../commom_img/home_icon.gif) left 50% no-repeat;
	}

* html body div#containar div#utility {
	line-height: 1.1;
	background: url(../commom_img/home_icon.gif) left 1px no-repeat;
	} /* IE6 */

div#utility ul li {
	float: left;
	margin-right: 8px;
	}

div#utility ul li a {
	padding: 0 16px 0 0;
	margin-right: -1px;
	display: block;
	background: url(../commom_img/arrow.gif) right center no-repeat;
	}

/* l-nav CSS */
div#wrapper div#containar div#l-nav {
	width: 200px;
	clear: both;
	float: left;
	padding-top: 14px;
	}

div#l-nav ul li {
	width: 200px;
	height: 50px;
	margin-bottom: 3px;
	text-indent: -9999px;
	}

div#l-nav ul li a {
	display: block;
	width: 200px;
	height: 50px;
	text-indent: -9999px;
	overflow: hidden;
	}

/* 施設ご案内ローカルナビ */
div#l-nav ul#guidance li#l-nav01 {	background: url(../commom_img/guide_l-nav01.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav02 {	background: url(../commom_img/guide_l-nav02.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav03 {	background: url(../commom_img/guide_l-nav03.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav04 {	background: url(../commom_img/guide_l-nav04.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav05 {	background: url(../commom_img/guide_l-nav05.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav06 {	background: url(../commom_img/guide_l-nav06.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav07 {	background: url(../commom_img/guide_l-nav07.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav08 { height: 68px;	background: url(../commom_img/l-nav_pdf.gif) left top no-repeat;	}

div#l-nav ul#guidance li#l-nav01 a {	background: url(../commom_img/guide_l-nav01.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav02 a {	background: url(../commom_img/guide_l-nav02.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav03 a {	background: url(../commom_img/guide_l-nav03.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav04 a {	background: url(../commom_img/guide_l-nav04.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav05 a {	background: url(../commom_img/guide_l-nav05.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav06 a {	background: url(../commom_img/guide_l-nav06.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav07 a {	background: url(../commom_img/guide_l-nav07.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav08 a { height: 68px;	background: url(../commom_img/l-nav_pdf.gif) left top no-repeat;	}

div#l-nav ul#guidance li#l-nav01 a:hover {	background: url(../commom_img/guide_l-nav01_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav02 a:hover {	background: url(../commom_img/guide_l-nav02_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav03 a:hover {	background: url(../commom_img/guide_l-nav03_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav04 a:hover {	background: url(../commom_img/guide_l-nav04_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav05 a:hover {	background: url(../commom_img/guide_l-nav05_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav06 a:hover {	background: url(../commom_img/guide_l-nav06_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav07 a:hover {	background: url(../commom_img/guide_l-nav07_ov.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav08 a:hover { height: 68px;	background: url(../commom_img/l-nav_pdf_ov.gif) left top no-repeat;	}

div#l-nav ul#guidance li#l-nav01_on {	background: url(../commom_img/guide_l-nav01_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav02_on { background: url(../commom_img/guide_l-nav02_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav03_on {	background: url(../commom_img/guide_l-nav03_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav04_on {	background: url(../commom_img/guide_l-nav04_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav05_on {	background: url(../commom_img/guide_l-nav05_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav06_on {	background: url(../commom_img/guide_l-nav06_on.gif) left top no-repeat;	}
div#l-nav ul#guidance li#l-nav07_on {	background: url(../commom_img/guide_l-nav07_on.gif) left top no-repeat;	}

/* 交通アクセスローカルナビ */
div#l-nav ul#access li#l-nav01 {	background: url(../commom_img/access_l-nav01.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav02 {	background: url(../commom_img/access_l-nav02.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav03 {	background: url(../commom_img/access_l-nav03.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav04 {	background: url(../commom_img/access_l-nav04.gif) left top no-repeat;	}

div#l-nav ul#access li#l-nav01 a {	background: url(../commom_img/access_l-nav01.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav02 a {	background: url(../commom_img/access_l-nav02.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav03 a {	background: url(../commom_img/access_l-nav03.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav04 a {	background: url(../commom_img/access_l-nav04.gif) left top no-repeat;	}

div#l-nav ul#access li#l-nav01 a:hover {	background: url(../commom_img/access_l-nav01_ov.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav02 a:hover {	background: url(../commom_img/access_l-nav02_ov.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav03 a:hover {	background: url(../commom_img/access_l-nav03_ov.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav04 a:hover {	background: url(../commom_img/access_l-nav04_ov.gif) left top no-repeat;	}

div#l-nav ul#access li#l-nav01_on {	background: url(../commom_img/access_l-nav01_on.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav02_on { background: url(../commom_img/access_l-nav02_on.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav03_on {	background: url(../commom_img/access_l-nav03_on.gif) left top no-repeat;	}
div#l-nav ul#access li#l-nav04_on {	background: url(../commom_img/access_l-nav04_on.gif) left top no-repeat;	}

/* 団体見学についてローカルナビ */
div#l-nav ul#visit li#l-nav01_on {	background: url(../commom_img/visit_l-nav01_on.gif) left top no-repeat;	}

/* イベントローカルナビ */
div#l-nav ul#event li#l-nav01_on {	background: url(../commom_img/event_l-nav01_on.gif) left top no-repeat;	}


/* contents CSS
------------------------------------------------- */
div#wrapper div#contents {
	width: 750px;
	float: right;
	padding-top: 100px;
	padding-bottom:50px;
	}

div#contents h2 {
	position: absolute;
	height: 131px;
	width: 750px;
	top: -48px;	
}
	
	
	/* ul.print
------------------------------------------------- */	
ul.print {
	display:block;
	float:left;
	text-indent:-20000px;
	width:190px;
	height:34px;
}
ul.print a {
	display:block;
	width:190px;
	height:34px;
	background:url(../../common/commom_img/btn_print.jpg) left top no-repeat;
}
ul.print a:hover {
	background-position:left bottom;
}
	

/* footer CSS
------------------------------------------------- */
div#wrapper div#footer {
	position: absolute;
	bottom: 0;
	width: 100%;
	height: 220px;
	background: url(../commom_img/footer_bg.gif) left top repeat-x;
	}

div#footer div#footer-inner {
	position: relative;
	width: 980px;
	margin: 0 auto;
	}

div#footer-inner p#pagetop {
	width: 83px;
	height: 83px;
	background: url(../commom_img/page_top.jpg) left top repeat-x;
	text-indent: -9999px;
	}

div#footer-inner p#pagetop a {
	display: block;
	width: 83px;
	height: 83px;
	background: url(../commom_img/page_top.jpg) left top repeat-x;
	text-indent: -9999px;
	overflow: hidden;
	}

div#footer-inner p#pagetop {
	position: absolute;
	top: 0px;
	left: 897px;
	}

div#footer-inner p#pagetop a:hover {
	width: 83px;
	height: 83px;
	background: url(../commom_img/page_top_ov.jpg) left top repeat-x;
	text-indent: -9999px;
	}

div#footer-inner ul {
	width: 980px;
	position: absolute;
	top: 95px;
	left: 0px;
	}

div#footer-inner ul li {
	width: 180px;
	height: 56px;
	float: left;
	display: inline;
	text-indent: -9999px;
	}

div#footer-inner ul li#f-nav01,
div#footer-inner ul li#f-nav02,
div#footer-inner ul li#f-nav03,
div#footer-inner ul li#f-nav04 {
	margin-right: 20px;
	}

div#footer-inner ul li a {
	display: block;
	width: 180px;
	height: 56px;
	text-indent: -9999px;
	overflow: hidden;
	}

div#footer-inner ul li#f-nav01 {	background: url(../commom_img/f-nav01.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav02 {	background: url(../commom_img/f-nav02.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav03 {	background: url(../commom_img/f-nav03.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav04 {	background: url(../commom_img/f-nav04.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav05 {	background: url(../commom_img/f-nav05.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav01 a {	background: url(../commom_img/f-nav01.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav02 a {	background: url(../commom_img/f-nav02.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav03 a {	background: url(../commom_img/f-nav03.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav04 a {	background: url(../commom_img/f-nav04.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav05 a {	background: url(../commom_img/f-nav05.jpg) left top no-repeat;	}

div#footer-inner ul li#f-nav01 a:hover {	background: url(../commom_img/f-nav01_ov.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav02 a:hover {	background: url(../commom_img/f-nav02_ov.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav03 a:hover {	background: url(../commom_img/f-nav03_ov.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav04 a:hover {	background: url(../commom_img/f-nav04_ov.jpg) left top no-repeat;	}
div#footer-inner ul li#f-nav05 a:hover {	background: url(../commom_img/f-nav05_ov.jpg) left top no-repeat;	}


div#footer-inner p,
div#footer-inner address {
	position: absolute;
	text-indent: -9999px;
	}

div#footer-inner p#f-logo {
	top: 177px;
	left: 0px;
	background: url(../commom_img/f-logo.gif) left top no-repeat;
	}

div#footer-inner p#f-logo a {
	display: block;
	width: 404px;
	height: 31px;
	overflow: hidden;
	}

div#footer-inner p#inquiry {
	width: 147px;
	height: 13px;
	top: 173px;
	left: 833px;
	height: 13px;
	text-indent: 0px;
	}
	
div#footer-inner address {
	width: 90px;
	height: 11px;
	top: 197px;
	left: 890px;
	height: 13px;
	background: url(../commom_img/copyright.gif) left top no-repeat;
	}

