@charset "utf-8";
html{height:100%;}

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	text-align: center;
	font-family: "メイリオ", Meiryo, "ＭＳ　Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
	font-size: 90%;
	background: LightGrey;
}

ul a{
  text-decoration: none;
}

#menu li{
	display: block;
	float:left;
}
#menu li a{
	display: block;
	color: white;
	background:#1E90FF;
	border-left: 2px solid white;
	width: 230px;
	height:30px;
	text-align:center;
	font-weight: bold;
	padding-top:5px;
	/*padding-bottom:5px;*/
	border-bottom:2px solid white;
}
#menu li a:hover{
	background:gray;
}
#main{
	margin:0 auto;
	position:relative;
	background: white;
}

/*
------------------------------------
Header
------------------------------------
*/
#Header{
	height:71px;
	margin:0 auto;
	position:relative;
	}
#Header #header-logo{
	top:0px;
	left:3px;
	position:absolute;
	}
#Header #head-menu{
	width:169px;
	top:11px;
	right:63;
	position:absolute;
	}
#Header #head-menu li{
	float:left;
	display:inline;
	}
#Header #head-menu li a:hover{
	position:relative;
	top:3px;
	left:3px;
	}
#Header #head-menu2{
	width:56px;
	top:15px;
	right:280px;
	position:absolute;
	}
#Header #head-menu2 li{
	float:left;
	display:inline;
	}
#Header #head-menu2 li a:hover{
	position:relative;
	top:3px;
	left:3px;
	}
#Nav{
	width:100%;
	background:#0751bb no-repeat center bottom;
	}
#Nav .section{
	height:290px;
	position:relative;
	}
#Nav #MainImage{
	width:700px;
	height:268px;
	top:12px;
	left:35px;
	position:absolute;
	overflow:hidden;
	display:inline-block;
	}
#Nav ul#Main-nav{
	width:207px;
	top:10px;
	right:29px;
	position:absolute;
	}
#Nav ul#Main-nav li.tab1{
	height:42px;
	}
#Nav ul#Main-nav li.tab2{
	height:42px;
	}
#Nav ul#Main-nav li.tab3{
	height:42px;
	}
#Nav ul#Main-nav li.tab4{
	height:42px;
	}
#Nav ul#Main-nav li.tab5{
	height:42px;
	}
#Nav ul#Main-nav li.tab6{
	height:42px;
	}
#Footer{
	width:100%;
	height:69px;
	bottom:0;
	margin:0;
	padding:0;
	background:#0751bb repeat-x left top;
	clear:both;
	position:ralative;
	}
* html #Footer { 
	bottom:expression(document.getElementById("All").offsetHeight % 2 == 0 ? 0 : -1); 
	}
#Footer-area{
	height:69px;
	position:relative;
	}
#Footer-area #footer-name{
	top:8px;
	left:2px;
	position:absolute;
	}
#Footer #footer-txt{
	top:22px;
	left:2px;
	position:absolute;
	}
#Footer #gotop p{
	text-align:right;
	top:7px;
	right:0px;
	position:relative;
	}
#Footer #gotop p a{
	font-size:93%;
	line-height:0;
	padding:4px 36px 5px 16px;
	background:#ffffff no-repeat right bottom;
	}
#Footer-area #footer-nav{
	right:0;
	bottom:9px;
	position:absolute;
	}
#Footer-area #footer-nav li{
	float:left;
	display:inline;
	}
#Footer-area #footer-nav li a{
	font-size:93%;
	color:#ffffff;
	line-height:1.1;
	padding:0 0 0 41px;
	}

/*
------------------------------------
Frame
------------------------------------
*/
.news{
	width:800px;
	height:19px;
	float:left;
	overflow:hidden;
	display:inline-block;
	}

.ifrm-new{
	width:800px;
	height:1080px;
	float:left;
	overflow:auto;
	-webkit-overflow-scrolling:touch;
	display:inline-block;
	}

.ifrmnew{
	width:800px;
	height:1080px;
	border:none;
	display:block;
	}

.ifrm-banner{
	width:200px;
	height:1100px;
	float:right;
	overflow:hidden;
	display:inline-block;
	}
.ifrmbanner{
	width:200px;
	height:1100px;
	border:none;
	display:block;
	}

#map{
	height:400px;
	position:relative;
}

#map #maphiroshima{
	top:80px;
	left:205px;
	position:absolute;
	}
#map #mapkure{
	top:115px;
	left:235px;
	position:absolute;
	}
#map #maponomichi{
	top:70px;
	left:270px;
	position:absolute;
	}
#map #mapkichi{
	top:40px;
	left:205px;
	position:absolute;
	}
#map #mapmizushima{
	top:40px;
	left:365px;
	position:absolute;
	}
#map #maptamano{
	top:25px;
	left:462px;
	position:absolute;
	}
#map #maptakamatsu{
	top:82px;
	left:478px;
	position:absolute;
	}
#map #mapbisan{
	top:115px;
	left:385px;
	position:absolute;
	}
#map #mapkurushima{
	top:153px;
	left:312px;
	position:absolute;
	}
#map #mapimabari{
	top:175px;
	left:325px;
	position:absolute;
	}
#map #mapmatsuyama{
	top:215px;
	left:255px;
	position:absolute;
	}
#map #mapuwajima{
	top:360px;
	left:230px;
	position:absolute;
	}
#map #maptokuyama{
	top:157px;
	left:55px;
	position:absolute;
	}