﻿@charset "UTF-8";
/* CSS Document */

/*-------------------------------
 初期設定
-------------------------------*/
*{
	margin:0;
	padding:0;
	border:0;
	}
	
html,body,div,p,span,table,tr,td,a,ol,ul,li,
h1,h2,h3,h4,h5,h6,br,hr{
	margin:0;
	padding:0;	
	border:0;
	}

/*-------------------------------
 基本レイアウト
-------------------------------*/
body {
	color:#191919;
	background-color:#98DEFB;
	background:url(../img/core/bg.gif);
	font-size:62.5%;/* 10px */
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ",Meiryo,"ＭＳ Ｐゴシック",sans-serif;
}

#wrapper {
	width:100%;
}

#header_area {
	width:100%;
	height:156px;
	background-color:#FFFFFF;
	background:url('../img/core/bg_headder.gif') repeat-x top center;
}

#header {
	margin:0 auto;
	width:800px;
	height:103px;
}

#logo_area {
	float:left;
	width:622px;
}

#logo_area h1 {
	margin-top:19px;
}

#navi2_area {
	float:right;
	width:82px;
	height:50px;
	margin-top:2px;
	padding-left:21px;
	padding-top:5px;
	background:url('../img/core/bg_navi2.gif') no-repeat;
}
#navi2_area .lang {
	margin-top:7px;
}

/* ---Comming soon用--- */
#navi2_area_cs {
	float:right;
	width:82px;
	height:60px;
	margin-top:5px;
	padding-left:21px;
	padding-top:8px;
	background:url('../img/core/bg_navi2_cs.gif') no-repeat;
}
/* --------------------- */

#main_area {
	width:100%;
	background:url('../img/core/bg_main.gif');
}

#main {
	width:800px;
	margin:0 auto;
	padding:50px 0;
}

#footer_area {
	width:100%;
	height:41px;
	text-align:center;
	padding-top:12px;
	color:#CCCFE3;
	background-color:#000E74;
	background:url('../img/core/bg_footer.gif') repeat-x top center;
}


/*-------------------------------
 リンク
-------------------------------*/
#header_area a, #header_area a:hover {
	text-decoration:none;
	border-bottom:none;
	background:none;
}

#main_left a, #main_left a:hover {
	text-decoration:none;
	border-bottom:none;
}

a {
	color:#0071BD;
	text-decoration:none;
	border-bottom:1px dotted #0071BD;
}
a:hover {
	background-color:#A4E2FB;
	border-bottom:0px dotted #0071BD;
}

.goto_top {
	text-align:right;
	margin-top:3px;
}

.goto_top a {
	color:#27BAF7;
	border:none;
}

/*-------------------------------
 タイトルレイアウト
-------------------------------*/
.title {
	width:597px;
	margin-left:-1px;
	padding-top:8px;
	color:#000E74;
	background:url('../img/core/title_top.gif') no-repeat top center;
}

.title h2 {
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.5px;
}

.title .title_txt {
	width:567px;
	padding-top:2px;
	padding-left:30px;
	background:url('../img/core/title_mid.gif') repeat-y top left;
}

.title_txt a, .title_txt a:hover {
	color:#000E74;
	border:none;
	background:none;
}

.title .title_bottom {
	width:100%;
	height:10px;
	background:url('../img/core/title_bottom.gif') no-repeat top center;
}



/*-------------------------------
　ナビゲーション
-------------------------------*/

#navi{
	width:800px;
	margin:0 auto;
	background:none;
}
#navi li{
	float: left;
	font-size: 1em;
	height:50px;
	list-style-type:none;
}
#navi a{
	height:50px;
	display:block;
	text-indent: -9999px;
}

/*-- home --*/
#navi_home{
	width: 70px;
	background: url('../img/core/navi_home_out.gif') no-repeat;
}
#navi_home a{
	width: 70px;
}
#navi_home a:hover,
#navi_home.over {
	background: url('../img/core/navi_home_ovr.gif') no-repeat;
}

#navi_e_home{
	width: 70px;
	background: url('../img/core/navi_e_home_out.gif') no-repeat;
}
#navi_e_home a{
	width: 70px;
}
#navi_e_home a:hover,
#navi_e_home.over {
	background: url('../img/core/navi_e_home_ovr.gif') no-repeat;
}

/*-- greeting --*/
#navi_greeting{
	width: 134px;
	background: url('../img/core/navi_greeting_out.gif') no-repeat;
}
#navi_greeting a{
	width: 134px;
}
#navi_greeting a:hover,
#navi_greeting.over {
	background: url('../img/core/navi_greeting_ovr.gif') no-repeat;
}

#navi_e_greeting{
	width: 134px;
	background: url('../img/core/navi_e_greeting_out.gif') no-repeat;
}
#navi_e_greeting a{
	width: 134px;
}
#navi_e_greeting a:hover,
#navi_e_greeting.over {
	background: url('../img/core/navi_e_greeting_ovr.gif') no-repeat;
}

/*-- events --*/
#navi_events{
	width: 126px;
	background: url('../img/core/navi_events_out.gif') no-repeat;
}
#navi_events a{
	width: 126px;
}
#navi_events a:hover,
#navi_events.over {
	background: url('../img/core/navi_events_ovr.gif') no-repeat;
}

#navi_e_events{
	width: 126px;
	background: url('../img/core/navi_e_events_out.gif') no-repeat;
}
#navi_e_events a{
	width: 126px;
}
#navi_e_events a:hover,
#navi_e_events.over {
	background: url('../img/core/navi_e_events_ovr.gif') no-repeat;
}

/*-- topics --*/
#navi_topics{
	width: 143px;
	background: url('../img/core/navi_topics_out.gif') no-repeat;
}
#navi_topics a{
	width: 143px;
}
#navi_topics a:hover,
#navi_topics.over {
	background: url('../img/core/navi_topics_ovr.gif') no-repeat;
}

#navi_e_topics{
	width: 143px;
	background: url('../img/core/navi_e_topics_out.gif') no-repeat;
}
#navi_e_topics a{
	width: 143px;
}
#navi_e_topics a:hover,
#navi_e_topics.over {
	background: url('../img/core/navi_e_topics_ovr.gif') no-repeat;
}

/*-- links --*/
#navi_links{
	width: 104px;
	background: url('../img/core/navi_links_out.gif') no-repeat;
}
#navi_links a{
	width: 104px;
}
#navi_links a:hover,
#navi_links.over {
	background: url('../img/core/navi_links_ovr.gif') no-repeat;
}

#navi_e_links{
	width: 104px;
	background: url('../img/core/navi_e_links_out.gif') no-repeat;
}
#navi_e_links a{
	width: 104px;
}
#navi_e_links a:hover,
#navi_e_links.over {
	background: url('../img/core/navi_e_links_ovr.gif') no-repeat;
}

/*-- exhibition --*/
#navi_exhibition{
	width: 85px;
	background: url('../img/core/navi_exhibition_out.gif') no-repeat;
}
#navi_exhibition a{
	width:85px;
}
#navi_exhibition a:hover,
#navi_exhibition.over {
	background: url('../img/core/navi_exhibition_ovr.gif') no-repeat;
}

#navi_e_exhibition{
	width: 85px;
	background: url('../img/core/navi_e_exhibition_out.gif') no-repeat;
}
#navi_e_exhibition a{
	width:85px;
}
#navi_e_exhibition a:hover,
#navi_e_exhibition.over {
	background: url('../img/core/navi_e_exhibition_ovr.gif') no-repeat;
}

/*-- earthquake --*/
#navi_earthquake{
	width: 138px;
	background: url('../img/core/navi_earthquake_out.gif') no-repeat;
}
#navi_earthquake a{
	width:138px;
}
#navi_earthquake a:hover,
#navi_earthquake.over {
	background: url('../img/core/navi_earthquake_ovr.gif') no-repeat;
}

#navi_e_earthquake{
	width: 138px;
	background: url('../img/core/navi_e_earthquake_out.gif') no-repeat;
}
#navi_e_earthquake a{
	width:138px;
}
#navi_e_earthquake a:hover,
#navi_e_earthquake.over {
	background: url('../img/core/navi_e_earthquake_ovr.gif') no-repeat;
}

/*-------------------------------
　クリア
-------------------------------*/
.clear { clear:both; margin-bottom:10px;}
.clear2 { clear:both; height:0;}