@charset "utf-8";

body {
	color: #333333;
  font-size: 13px;
  line-height: 1.5em;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
img a,
img a:hover {
	outline: none;
}


/* Layout */
	/* 2nd */
	#about,
	#highlight,
	#event,
	#map  {
		background: url(../images/main_img_2nd.jpg) no-repeat center top #000;
	}
	.header {
		height: 480px;
		width: 900px;
		margin: 0 auto;
		position: relative;
	}
	.header h1 {
		position: absolute;
		top: 18px;
		left: -5px;
		width: 413px;
		height: 367px;
	}
	.menu {
		height: 80px;
		background: url(../images/menu_bg.gif) repeat;
	}
	.menu ul {
		margin: 0 auto;
		width: 900px;
	}
	
	/* menu(2nd) */
	.menu ul {
		width: 900px;
	}
	.menu li {
		float: left;
	}
	.menu li a {
		display: block;
		width: 180px;
		height: 0;
		padding-top: 80px;
		overflow: hidden;
	}
	.menu li.home a {
		background: url(../images/globalMenu_2nd.gif) no-repeat;
	}
	.menu li.home a:hover {
		background-position: 0 -80px;
	}
	.menu li.about a {
		background: url(../images/globalMenu_2nd.gif) no-repeat -180px 0;
	}
	.menu li.about a:hover {
		background-position: -180px -80px;
	}
	.menu li.highlight a {
		background: url(../images/globalMenu_2nd.gif) no-repeat -360px 0;
	}
	.menu li.highlight a:hover {
		background-position: -360px -80px;
	}
	.menu li.event a {
		background: url(../images/globalMenu_2nd.gif) no-repeat -540px 0;
	}
	.menu li.event a:hover {
		background-position: -540px -80px;
	}
	.menu li.map a {
		background: url(../images/globalMenu_2nd.gif) no-repeat -720px 0;
	}
	.menu li.map a:hover {
		background-position: -720px -80px;
	}
	
	
	
	
	/* #home */
#home  {
	background: url(../images/main_img.jpg) no-repeat center top #000;
	position: relative;
}

#home .header {
	height: 720px;
	width: 900px;
	margin: 0 auto;
	position: relative;
}
#home .header h1 {
	position: absolute;
	top: 18px;
	left: -5px;
	width: 413px;
	height: 367px;
}
#home .menu {
	height: 80px;
	background: url(../images/menu_bg.gif) repeat;
}
#home .menu ul {
	margin: 0 auto;
	width: 900px;
}
#home p#EV a {
	position: absolute;
	display: block;
	overflow: hidden;
	outline: none;
	background: url(../images/btn_eng.png) no-repeat;
	width: 88px;
	height: 0;
	padding-top: 27px;
	top: 0;
	right: 0;
}
	
/* menu(home) */
	#home .menu ul {
		width: 900px;
	}
	#home .menu li {
		float: left;
	}
	#home .menu li a {
		display: block;
		width: 225px;
		height: 0;
		padding-top: 80px;
		overflow: hidden;
	}
	#home .menu li.about a {
		background: url(../images/globalMenu.gif) no-repeat;
	}
	#home .menu li.about a:hover {
		background-position: 0 -80px;
	}
	#home .menu li.highlight a {
		background: url(../images/globalMenu.gif) no-repeat -225px 0;
	}
	#home .menu li.highlight a:hover {
		background-position: -225px -80px;
	}
	#home .menu li.event a {
		background: url(../images/globalMenu.gif) no-repeat -450px 0;
	}
	#home .menu li.event a:hover {
		background-position: -450px -80px;
	}
	#home .menu li.map a {
		background: url(../images/globalMenu.gif) no-repeat -675px 0;
	}
	#home .menu li.map a:hover {
		background-position: -675px -80px;
	}
	
/* contents */
.contents {
	margin: 15px auto;
	width: 900px;
}
.contents_top {
	background: url(../images/inner_bg_top.gif) no-repeat top;
	padding-top: 25px;
}
.inner {
	margin: 10px 0 0;
	padding: 10px;
	background: #f8f5e8;
}
#contents_left {
    float: left;
}
#contents_right {
    float: right;
}
#contents_left,
#contents_right {
    width: 420px;
}
.contents_1col,
.contents_1col2 {
	margin-bottom: 20px;
	width: 830px;
}
.contents_1col2 {
	padding: 0 15px 0;
}
.contents_2col,
.contents_2col_trim {
    margin-bottom: 20px;
    width: 390px;
}
.contents_1col,
.contents_2col,
.contents_2col_trim {
	border: 1px solid #300e00;
	padding: 15px;
	background: #d7ccc5;
}
	/* encap */
	.encap {
		height: 95px;
		background: url(../images/inner_bg_top.gif) no-repeat 0 bottom;
		position: relative;
	}
	#home h2 {
		background-image: url(../images/ttl_home.jpg);
		width: 500px;
	}
	#about h2 {
		background-image: url(../images/ttl_about.jpg);
		width: 500px;
	}
	#highlight h2 {
		background-image: url(../images/ttl_highlight.jpg);
		width: 500px;
	}
	#event h2 {
		background-image: url(../images/ttl_event.jpg);
		width: 500px;
	}
	#map h2 {
		background-image: url(../images/ttl_floormap.jpg);
		width: 500px;
	}
	#home h2.about {
		background: url(../images/ttl_about.jpg) no-repeat;
		width: 380px;
	}
	h2 {
		background: no-repeat;
		height: 0;
		margin: 0 0 0 20px;
		padding-top: 70px;
		overflow: hidden;
	}
	.encap #form {
		position: absolute;
		bottom: 35px;
    right: 10px;
	}

/* contents_in */
.contents_in {
		background: url(../images/inner_bg.gif) repeat;
		width: 859px;
		padding: 0 20px 1px;
}
.contents_end {
	background: url(../images/inner_bg_bottom.gif) 0 bottom;
	height: 6px;
}
.indent h4 {
	text-indent: -0.5em;
	font-weight: 700;
	color: #630;
	font-size: 16px;
	margin-top: 0.5em;
}
.indent h4:first-child {
	margin-top: 0;
}
.indent p {
	text-indent: 1em;
}
.size14 {
	font-size: 14px;
	line-height: 1.5;
}
.introduction {
	margin: 0 0 10px 10px;
	padding: 10px;
	float: right;
	background-color: #fff;
	border: 1px solid #300e00;
	font-size: 10px;
}


/* footer */
#footer{
	width: 100%;
	clear: both;
	background: url(../images/footer_bg.gif) repeat;
	border-top: 1px solid #927567;
	margin-top: 40px;
}
#footer_in{
	width: 900px;
	height: 160px;
	margin: 0 auto;
	position: relative;
}
	.logo1{
		width: 206px;
		height: 43px;
		position: absolute;
		top: 57px;
		left: 1px;
		}
	.logo2{
		width: 163px;
		height: 34px;
		position: absolute;
		left: 176px;
		top: 37px;
		}
	.logo3{
		width: 117px;
		height: 47px;
		position: absolute;
		top: 95px;
		}
	.support{
		width: 630px;
		color: #FFF;
		font-size: 12px;
		text-align: left;
		position: absolute;
		left: 270px;
		top: 31px;
		}	
	.cr{
	width: 500px;
	color: #ece4d4;
	font-size: 10px;
	text-align: right;
	position: absolute;
	left: 232px;
	top: 81px;
		}
	.totop{
	width: 92px;
	height: 28px;
	position: absolute;
	left: 753px;
	top: -26px;
		}

/* TABLE */
.table01{
	color: #333333;
	font-size: 12px;
	border-collapse: collapse;
	width: 386px;
}
.table01 td,.table01 th{
	border: 1px solid #aeaeae;
	text-align: center;
	vertical-align: middle;
	padding: 5px 0;
}
.table01 th{
	font-weight: normal;
	background-color: #dad9d9;
}
.table01 td{
	background-color: #ffffff;
}

.table02{
	border-collapse: collapse;
	width: 100%;
}
.table02 td,.table02 th{
	border: 1px solid #948967;
	text-align: center;
	vertical-align: middle;
	padding: 5px;
	font-size: 12px;
}
.table02 th{
	font-weight: normal;
	background-color: #dece9e;
}
.table02 td{
	background-color: #f6f5f2;
}
.table02 td.left{
	text-align: left;
}
	
.table03{
	border-collapse: collapse;
	width: 100%;
	margin: 10px 0 0;
}
.table03 th,.table03 td{
	border-top: 1px dotted #333333;
	border-bottom: 1px dotted #333333;
	background-color: #fff;
	padding: 8px 0px;
	text-align: left;
	vertical-align: middle;
}
.table03 th{
	width: 19%;
	padding-left: 10px;
}
.table03 td{
	padding-right: 10px;
}
.table03 td .boxY{
	background-color: #fbefc0;
	padding: 10px;
	margin: 10px 0;
}

/* padding margin */
.maT5B10{
	margin-top: 5px;
	margin-bottom: 10px;
}
.maT20{
	margin-top:20px;
}
.maT15{
	margin-top: 15px;
}
.maT10{
	margin-top: 10px;
}
.maT5{
	margin-top: 5px;
}
.maB30{
	margin-bottom: 30px;
}
.maB20{
	margin-bottom: 20px;
}
.maB15{
	margin-bottom: 15px;
}
.maB10{
	margin-bottom: 10px;
}
.maB5{
	margin-bottom: 5px;
}
.maB0{
	margin-bottom: 0px;
}
.maR5{
	margin-right: 5px;
}
.pa_btm10{
	padding-bottom: 10px;
}

/* テキスト装飾 */
.strike{
	text-decoration: line-through;	
}
.small10{
	font-size: 10px;
	line-height: 13px;
}
.small12{
	font-size: 12px;
}

.big14{
	font-size: 14px;
}
.note{
	color: #C36;
}
.align_right{
	text-align:right;
}
.align_center{
	text-align:center;
}
.sat{
	color: #0090ff;
}
.sun{
	color: #ef3ec3;
}
.close {
	color: #ff3600;
}
.ended {
	color: #999;
}
	
/*その他 */
.clear{
	clear: both;
}
.fL{
	float: left;
}
.fR {
	float: right;
}



/* highlight_tab */
#tab li {
  float: left;
  padding-left: 20px;
  list-style: none;
  cursor: pointer;
}
#tab li span.tab_high {
  display: inline-block;
  padding: 70px 0 0;
	width: 230px;
  height: 0;
  background: url(../images/ttlmini_highlights.jpg) no-repeat 0 15px;
	overflow: hidden;
}
#tab li:hover span.tab_high {
  display: inline-block;
  padding: 70px 0 0;
	width: 230px;
  height: 0;
  background: url(../images/ttlmini_highlights.jpg) no-repeat bottom;
	overflow: hidden;
}

#tab li span.tab_specimen {
  display: inline-block;
  padding: 70px 0 0;
	width: 230px;
  height: 0;
  background: url(../images/ttlmini_specimens.jpg) no-repeat 0 15px;
	overflow: hidden;
}
#tab li span.tab_specimen:hover {
  display: inline-block;
  padding: 70px 0 0;
	width: 230px;
  height: 0;
  background: url(../images/ttlmini_specimens.jpg) no-repeat bottom ;
	overflow: hidden;
}

#tab li.select span.tab_high {
  background: url(../images/ttl_highlight.jpg) no-repeat;
	width: 380px;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
}
#tab li.select span.tab_specimen {
  background: url(../images/ttl_specimens.jpg) no-repeat;
	width: 380px;
	height: 0;
	padding-top: 70px;
	overflow: hidden;
}
.disnon { /* "highligthts" tab_hidden */
  display: none;
}

/* highlite02 */

#high_01tarbo,
#high_02tarbokids,
#high_03proto,
#high_04opistho {
	position: relative;
}
#high_01tarbo p {
	font-size: 14px;
	position: absolute;
	width: 288px;
	height: 150px;
	top: 320px;
	left: 492px;
}
#high_02tarbokids p {
	font-size: 14px;
	position: absolute;
	width: 321px;
	height: 85px;
	top: 90px;
	left: 500px;
}
#high_03proto p {
	font-size: 14px;
	position: absolute;
	width: 268px;
	height: 150px;
	top: 225px;
	left: 538px;
}
#high_04opistho p {
	font-size: 14px;
	position: absolute;
	width: 580px;
	height: 100px;
	top: 12px;
	left: 248px;
}

/* map */
#map .contents_1col {
	background: #D7CCC5 url(../images/map_bg.jpg) no-repeat;
	position: relative
}
#floormap {
	position: absolute;
	height: 408px;
	width: 617px;
	top: 124px;
	left: 118px;
}
#chapter {
	margin-top: 450px;
}
#map .inner img {
	margin-left: 10px;
}
#map .inner p {
	margin: 10px 0 0 0;
	padding-left: 24px;
	line-height: 1.3;
}
 /* #map .inner */
	#map #inner_chap3 p,
	#map #inner_chap4 p,
	#map #inner_chap6 p,
	#map #inner_chap8 p {
		padding-left: 0;
	}
	#inner_chap3,
	#inner_chap4,
	#inner_chap6,
	#inner_chap8 {
		position: relative;
	}
	#inner_chap3 p {
	position: absolute;
	top: 300px;
	left: 387px;
	width: 440px;
	}
	#inner_chap4 p {
	position: absolute;
	top: 50px;
	left: 115px;
	width: 700px;
	}
	#inner_chap6 p {
		position: absolute;
		bottom: 12px;
		left: 410px;
		width: 402px;
	}
	#inner_chap8 p {
		position: absolute;
		width: 500px;
		top:20px;
		left: 300px;
	}

/* gotop */
.gotop {
	text-align: right;
	padding: 0 10px 0;
}



/* --------------追記 ----------------------*/
p.koushiki{
	width:300px;
	height:30px;
	background:url(../images/fukidashi.jpg) top left no-repeat;
	color:#794f38;
	text-indent:7.5em;
	padding-top:11px;
}

p.koushiki a{
	display:block;
	width:300px;
	height:30px;
	color:#794f38;
}
p.sub{
	margin:10px 0 -5px 0;
	padding:0;
	font-weight:bold;
}

h3{
	font-size:1.2em;
	font-weight:bold;
	margin:10px 0 10px 0;
}

h4{
	margin-top:10px;
	font-weight:bold;	
}

p.kome{
	font-size: 11px;
	margin-top:3px;
	padding:0;
}

.table07{
	border-collapse: collapse;
	width: 100%;
	margin:0;
	padding:0;
	font-size:12px;
}
.table07 th,.table07 td{
	border:0;
	background-color: #FFF;
	padding:0;
	text-align: left;
	vertical-align: middle;
}
.table07 th{
	width: 10%;
	padding-left: 0;
}
.table07 td{
	padding-right: 10px;
}
.table07 td{
	background-color: #FFF;
	padding:0;
	margin: 0;
}


.box01{
	border: 0;
	background-color: #FFF;
	padding: 5px 10px 15px 10px;
	margin: 10px 0 15px 0;
	border-top:1px #300e00 dotted;
	border-bottom:1px #300e00 dotted;
}

* html dl dt dd{
   display:inline-block;
}

.box01 dt {
	font-size: 12px;
	width: 60px;
	clear: both;
	float: left;
}

.box01 dd {
	font-size:12px;
	width:360px;
	margin:0;
}

* html .box01 dd {
	font-size:12px;
	width:360px;
	margin:0;
  margin-left :70px;
}
	
	

/* --------------追記 ここまで----------------*/
