@charset "utf-8";
/* CSS Document */

/*------企画展「深海探査」用-------*/
body{font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace; background:#fff; color:#fff; position:relative;}
p{color:#fff;}
h1,h2{color:#666; text-align:center;}
h1, h2, h3, h4{margin:0; padding:0;}
h3{color:#666; margin:0; text-align:center;}
h4{text-align:left; color:#fff;}
a{font-weight:bold; letter-spacing:0;}
a:link{color:#66aaff;}
a:visited{color:#66aaff;}
a:hover{color:#0066cc;}

/**/
th{text-align:left; vertical-align:top;}
h1 img{
	margin:0; padding:0;
}
#container{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	/*border:1px #CCC solid;*/
	width:780px;
	margin:20px auto; padding:0;
	background:#232f4c;
	color:#fff;
	line-height:1.5em;
	letter-spacing:0.5px;
	position:relative;
}
#header{
	float:right;
	padding:10px;
	width:150px;
}
#titleArea{
	width:279px;
	margin:0; padding:0;
}
#titleArea2{
	width:113px;
	margin:0; padding:0;
}
#footer{
	clear:both;
	width:100%;
	margin:0; padding:0;
	text-align:center;
}
#footer a{color:#FCF; font-weight:bold;}
#footer a:link{color:#FCF;}
#footer a:hover{color:#F9C;}
#footer a:visited{color:#F9C;}

table.summary_tb{
	width:100%;
	margin:0 0 10px 0; padding:0;
	color:#fff;
	font-size:90%;
	line-height:1.2em;
}
table.summary_tb th{
	width:70px;
	padding:5px 0;
	background:url(../common/black_mesh_simple2.gif);
	text-align:right;
}
table.summary_tb td{
	padding:0 0 0 5px;
}
#JSCaution{
	color:#000;
	text-align:center;
}

/*indexページ用*/
body#toppage{background:url(imgs/top_bgmain.jpg) repeat-x #000; text-align:center;}
body#exhibitionpage{background:#87b097; text-align:center;}
body#eventpage{background:#6b6351; text-align:center;}
#container_mid{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	width:850px;
	margin:0 auto; padding:0 0 0 0;
	background:url(imgs/top_container_02.png) repeat-y;
	line-height:1.5em;
	text-align:left;
}
#container{
	margin:0 0 0 0; padding:20px 35px 0 35px;
	background:url(imgs/top_container_01.gif) no-repeat 0 top;
}
.summary{
	width:100%;
	margin:0; padding:0;
}
#summaryText{
	background:url(imgs/top_bg_01.png) repeat;
	margin:5px 0;
	padding:10px 20px;
	font-size:12px;
	text-align:justify;
	line-height:1.6em; letter-spacing:2px;
}
.caution{
	margin:0 0 0 80px; letter-spacing:0; font-size:80%;
}
.contents{
	float:left;
	width:540px;
	margin:0 0 0 -75px; padding:10px 0 0 0;
}

/*Exhibitionページ用*/
.topLink{
	position:absolute;
	width:113px;
	text-align:center;
	font-size:8px;
}
#header_exhi{
	padding:10px;
	width:150px;
}
#container_exhi2{
	margin:0 auto; padding:0 35px;

}
.contentsexhibit{
	width:100%;
	margin:0; padding:0;
	background:url(imgs/exhi_title_bg.jpg) no-repeat;
}
.rightBox{
	margin:70px 0 30px 0; padding:0 0 0 0;
}
.contentArea{
	margin:0 0 0 40px; padding:0 0 20px 0;
}
.textArea{
	float:left;
	width:318px;
	background:url(imgs/exhi_text_bg.png);
}
.textArea2{
	float:left;
	width:318px;
	background:url(imgs/event_text_bg.png);
}
.textArea .text, .textArea2 .text{
	margin:10px;
	font-weight:bold;
	color:#333;
	font-size:90%;
}
.imageArea{
	float:left;
	width:265px;
	margin:0;
	padding:0;
	letter-spacing:0;
}
.source{
	float:right;
	width:80%;
	margin:20px 0;
	font-size:85%;
	line-height:1em; letter-spacing:0;
}

.contents2{
	float:left;
	width:630px;
	margin:0; padding:0;
}

/*event*/
.event_form{
	margin:0 30px 0 0; padding:0;
	text-align:right;
	letter-spacing:0;
	font-size:80%;
}
.event_headLine{
	font-weight:bold;
	font-size:90%;
}
.application{
	margin:0 0 30px 40px;
	padding:5px 0 0 0;
	background:#232f4c;
}


.textHead{
	color:#CCC;
	font-size:90%;
	font-weight:bold;
}



/*JSによる画像表示エリア*/
.image_area{
	margin:0 40px; padding:0;
	text-align:center;
	font-size:90%;
}

#images p{
	margin:0; padding:0;
	background:none;
}
#pic_area{
	margin:0; padding:5px;
}
#slide{
	margin:0 auto; padding:0;
}
#slidP{
	width:100%;
	text-align:center;
}
#slidP img{
	margin:0 auto; padding:3px;
	border:2px #666 solid;
}
.pic_title{
	margin:0;
	text-align:center;
	font-weight:bold;
	color:#9CC;
}
#Titles{display:none;}
#links{
	display:none;
	margin:0 55px; padding:0;
	font-size:90%;
	text-align:center;
}
#openPicture{
	display:none;
	margin:0; padding:0;
	text-align:right;
}
#openPicture a{
	font-size:85%;
	text-decoration:none;
	margin:0; padding:0;
}
#openPicture a img{
	border:none;
	text-decoration:none;
	margin:0; padding:0;
}
.links2{
	width:225px;
	margin:0 auto; padding:0;
	border:none;
	font-size:12px;
	background:url(imgs/box.jpg) no-repeat 0 bottom;
}
.links2 a{
	font-family:"Arial Black", Gadget, sans-serif;
	color:#999;
	text-decoration:none;
}
.links2 a:link{color:#999;}
.links2 a:hover{color:#666;}
.links2 a:visited{color:#999;}
.goback, .gonext{color:#bbb;}
.gonext a, .gonext a:hover, .goback a, .goback a:hover, .backLast, .backFirst{
	font-weight:normal;
	margin:0;
	height:18px;
	text-decoration:none;
}
.gonext a{
	float:right;
	color:#999 !important;
	background:url(imgs/arrow_right-off.gif) no-repeat right 0;
	padding-right:20px;
}
.gonext a:hover{
	color:#666 !important;
	background:url(imgs/arrow_right-on.gif) no-repeat right 0;
}
.goback a{
	float:left;
	color:#999 !important;
	background:url(imgs/arrow_left-off.gif) no-repeat 0 0;
	padding-left:20px;
}
.goback a:hover{
	color:#666 !important;
	background:url(imgs/arrow_left-on.gif) no-repeat 0 0;
}
.backLast{
	float:right;
	padding-right:30px;
	background:url(imgs/arrow_right-on.gif) no-repeat right 0;
	color:#bbb;
}
.backFirst{
	float:left;
	padding-left:30px;
	background:url(imgs/arrow_left-on.gif) no-repeat 0 0;
	color:#bbb;
}