@charset "utf-8";

/*============================================*/
/* 全体レイアウト */
/*============================================*/

*{
	padding:0;
	margin: 0;
}

html,body {
/*	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;*/
	font-family: -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', '游ゴシック  Medium', meiryo, sans-serif;
	/*font-size: 11px;*/
	font-size: 14px;
	width: 100vw;
	height: 100vw;
	padding: 0;
	margin: 0;
	font-weight: normal;
	text-shadow: none !important;
	-webkit-touch-callout:none !important;	/*リンク長押しのポップアップを無効化*/
	-webkit-user-select:none !important;	/*テキスト長押しの選択ボックスを無効化*/
	/*-webkit-tap-highlight-color: rgba(0,0,0,0) !important;*/	/*タップ時のハイライト色*/
}

body{
	background-color: rgba(204,51,0,1);
}
header{
	background-image: url("../../img/menu/bk_menu.gif");
	background-size:auto 100px;
	height:100px;
	padding-left: 2vw;
}

header h1{
	display: inline-block;

}

header img{
	margin-top: 5px;
}

header div.balloon{
	margin-left:5vw;
	display: inline-block;
}

header img.balloon{
        position:absolute;
	width:35px;
	margin-top:-10px;
	margin-left:12px
}

ul.navlink{
	width:100vw;
	background-color: rgba(255,204,0,1);
}
ul.navlink li{
	width: 20vw;
  height:46px;
	float:left;
	background-image: url("../../img/bk_menu_button.png");
	background-size: 20vw 46px;
	/*display:table;*/
}

ul.navlink li a{
   text-decoration:none;
	 width: 20vw;
   height:46px;
	 text-align:center;
	 display:table-cell;
	 vertical-align: middle;
	 color:#ffffff;
}

/*ul.navlink li p{
        width: 20vw;
        height:42px;
        margin-top: 1px;
        text-align:center;
	color:rgb(255,255,255);
}*/

dl,ul{
	list-style:none;
}
img{
	vertical-align: bottom;
}

ul.submenu{
	width:94vw;
	margin-left: auto;
	margin-right: auto;
	z-index: 999;
}

ul.submenu li{
	width: 30vw;
	height: 46px;
	float:left;
	background-color:rgb(82,82,82);
	box-sizing:border-box;
	margin-left: 2vw;
	margin-top: 10px;
	margin-bottom: 10px;
}
ul.submenu li:first-child{
	margin-left: 0px;
}

ul.submenu li a{
	display:block;
	width:30vw;
	height: 46px;
	display: table-cell;
	vertical-align: middle;
	color:#ffffff;
	background-color:rgb(82,82,82);
	border: 1px solid #000000;
	text-align: center;
}




/*div.submenu{
	overflow: hidden;
}

div.history{
	text-align:center;
	font-size:1em;
	text-decoration: underline;
	border: 1px solid #000000;
	float:left;
	left: 2vw;
	top: 214px;
	width: 23vw;
	height: 45px;
	color: rgb(255,255,255);
	background-color:rgb(82,82,82);
	margin:2px;
	margin-left:2vw;
}

div.museum{
	text-align:center;
	font-size:1em;
	text-decoration: underline;
	border: 1px solid #000000;
	float:left;
	left: 26vw;
	top: 214px;
	width: 23vw;
	height: 45px;
	color: rgb(255,255,255);
	background-color:rgb(82,82,82);
  margin:2px;
}

div.legacy{
	text-align:center;
	font-size:1em;
	text-decoration: underline;
	border: 1px solid #000000;
	float:left;
	left: 51vw;
	top: 214px;
	width: 23vw;
	height: 45px;
	color: rgb(255,255,255);
	background-color:rgb(82,82,82);
	margin:2px;
}

div.omuta{
	text-align:center;
	font-size:1em;
	text-decoration: underline;
	border: 1px solid #000000;
	float:left;
	left: 76vw;
	top: 214px;
	width: 23vw;
	height: 45px;
	color: rgb(255,255,255);
	background-color:rgb(82,82,82);
	margin:2px;
}

div.history a{
	display:block;
  color:rgb(255,255,255);
	width: 23vw;
	height: 45px;

}

div.museum a{
	display:block;
        color:rgb(255,255,255);
	width: 23vw;
	height: 45px;

}

div.legacy a{
	display:block;
        color:rgb(255,255,255);
	width: 23vw;
	height: 45px;

}

div.omuta a{
	display:block;
        color:rgb(255,255,255);
	width: 23vw;
	height: 45px;

}*/

/*コンテンツエリア*/
.contents {
	position: relative;
	width: 100vw;
	background-image: url("../../img/bk_gr.gif");
	background-repeat: repeat-x;
}

.innercontents{
	width: 92vw;
	margin-left: 3vw;
padding-left:1vw;
padding-right:1vw;
	background-color: rgba(255,255,204,1);
}

/* クリアフィックス */
.cf:after {
    content:" ";
    display:block;
    clear:both;
}

ul.oshirase{
	border-top:1px solid rgb(204,102,0);
	border-left:1px solid rgb(204,102,0);
	border-right:1px solid rgb(204,102,0);
	margin: 1vw 5vw 0vw 5vw ;
}

ul.oshirase li{
	padding: 1px 1px;
	border-bottom:1px solid rgb(204,102,0);
	color: rgb(0,0,255);
}

li span.maru{
	color: rgb(255,102,0);
	font-size:1.2rem;
}

div.title img{
	width: 48vw;
	float : left;
	margin-top:2vw;
	margin-bottom:2vw;
}

div.past01 img{
	width: 32vw;
	position:relative;right:2vw;
	margin-bottom: 2vw;
	margin-top: 3vw;
	margin-left: 12vw;
}

div.eventgif img{
	width: 80vw;
	margin-top:2vw;
	margin-bottom:2vw;
	margin-left: 6vw;
}

p.english_link{
	text-align:center;
	text-decoration: underline;
	color: rgb(0,0,255);
	font-size:1.2rem;
}

ul.oshirase li{
	padding-left:1.2em;
	text-indent:-1.2em;
}

div.side{
	z-index: 2;
	position: absolute;
	top:164px;
	left:-100vw;
	width: 100vw;
	height:auto;
        background-color: rgba(204,51,0,1);
	background-image: url("../../img/bk_gr.gif");
	background-repeat: repeat-x;
}

div.elevator{
	width: 52px;
	height: 470px;
	margin-bottom: 15px;
	float: left;
	background-image: url("../../img/bk_elevator.gif");
	background-repeat: repeat-y;
}

div.bk_hole img{
	width: 85vw;
	height: 470px;
	margin-bottom: 15px;
	position: absolute;
}

div.human01{
	position: absolute;
	left: 11px;
	top: 176px;
}

div.human02{
	position: absolute;
	left: 25vw;
	top: 384px;
}



div.address{
	font-size:0.8em;
	border: 1px solid #000000;
	position: absolute;
	left: 75px;
	top: 186px;
	color:rgb(255,255,255);
	background-color:rgb(51,51,51)
}
div.address p{
	margin:8px 8px;
}

p.footer{
	width: 84vw;
	margin-left: 4vw;
	margin-top: 4vw;
	text-align:center;
	color: rgb(0,0,0);
	font-size:1.2rem;
	border-top: 1px solid rgb(128,128,128);
	font-size:0.8em;
}

div.photoframe {
	width:85vw;
	height: 57vw;
	background-color:rgb(51,51,51)
}

div.photoframe img.koe_pic{
	width:60vw;
	margin-top:3vw;
}

div.nextphoto img.nextphoto{
	margin-right:1vw;
}

div.nextphoto img.prevphoto{
	margin-left:1vw;
}