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

body {
	background-color: #fffbe8;
	background-image: url("../images/bg.jpg");
	background-repeat: no-repeat;
	background-position:top center;
	color: #fff;
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HiraKakuPro-W3","ＭＳ Ｐゴシック","MS PGothic",Arial, Helvetica,sans-serif;
	font-size: 85%;	
	font-weight: 100;
	line-height: 1.7em;
}

a {
	color: #fff;
	font-size: 80%;
	text-decoration: underline;
}

ul {
	list-style: none;
}

.clear {
	clear: both;
}

/* ------------------------ #header ------------------------ */


#container {
	border: 0px #ccc solid;
	margin: 0 auto;
	position: relative;
	width: 100%;
	height: auto;
}

#logo {
	height: 200px;
	margin: 20px 0 0 20px;
	width: 593px;
}

.logo { /* 画像置換 */
    width: 593px;  
    height: 200px;  
    display: block;  
    background: url("../images/logo_index.png") no-repeat;  
    text-indent: -9999px;  
    overflow: hidden;  
}


/* ------------------------ #g_navi ------------------------ */

#g_navi {
	position: fixed; bottom: 55px; right: 10px;
}

#g_navi ul li {
	float: left;
}	

/* --- グローバルナビ個別設定 --- */


.g_navi_01 { /* 夏休み博物館とは */
    width: 190px;  
    height: 50px;  
    display: block;  
    background: url("../images/g_navi/01_index.png") no-repeat;  
    text-indent: -9999px;  
    overflow:visible;  
    margin-right: 5px;

}
a:hover.g_navi_01  { 
	position:relative; bottom:5px; /* オンマウスアクション */
}



.g_navi_02 { /* イベント案内 */
    width: 190px;  
    height: 50px;  
    display: block;  
    background: url("../images/g_navi/02_index.png") no-repeat;  
    text-indent: -9999px;  
    overflow: visible;  
    margin-right: 5px;

}
a:hover.g_navi_02  { 
	position:relative; bottom:5px; /* オンマウスでピコ */
}

.g_navi_03 { /* エリア案内 */
    width: 190px;  
    height: 50px;  
    display: block;  
    background: url("../images/g_navi/03_index.png") no-repeat; 
    text-indent: -9999px;  
    overflow:visible;  
    margin-right: 5px;

}
a:hover.g_navi_03  { 
	position:relative; bottom:5px; /* オンマウスでピコ */
}


.g_navi_04 { /* 施設案内 */
    width: 190px;  
    height: 50px;  
    display: block;  
    background: url("../images/g_navi/04_index.png") no-repeat;  
    text-indent: -9999px;  
    overflow:visible;  
    margin-right: 5px;

}
a:hover.g_navi_04  { 
	position:relative; bottom:5px; /* オンマウスでピコ */
}


.g_navi_05 { /* 夏ギャラリー */
    width: 190px;  
    height: 50px;  
    display: block;  
    background: url("../images/g_navi/05_index.png") no-repeat;  
    text-indent: -9999px;  
    overflow:visible;

}
a:hover.g_navi_05  { 
	position:relative; bottom:5px; /* オンマウスでピコ */
}


/* ------------------------ #info_box ------------------------ */

#info_box {
	background-color:rgba(255,255,255,0.8);
	color: #960;
	padding: 10px;
	position:fixed;	bottom: 120px;	left: 20px;
	width: 300px;
}
  

/* ------------------------ #footer ------------------------ */

#footer {
	background-color: #736357;
	clear:both;
	height: 54px;
	bottom: 0;
	padding: 10px 50px 0 0;
	position: fixed; bottom: 0; left: 0;
	width: 100%;


}

#primary_navi {
	width: 99%;
	text-align: right;
}

#copyright {
	background-color: #736357;
	clear: both;
	width: 99%;

}


address {
	color: #fff;
	font-size: 80%;
	text-align: right;
}