@charset "UTF-8";

/* =============================================================================
Commons
========================================================================== */

html, body {
	height: 100%;
	background: #fff;
}

html {
	overflow-y: scroll;
}

body {
	font-size: 16px;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	-webkit-text-size-adjust: 100%;
	background-color: transparent;
}

h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd {
	padding: 0;
	margin: 0;
	font: inherit;
	font-size: 100%;
	border: 0;
}

a {
	color: #6ea365;
	outline: none;
	text-decoration: none;
}

a:hover {
	color: #6ea3d1;
	outline: none;
	text-decoration: none;
}

img {
	vertical-align: bottom;
}

#wrapper {
	min-height: 100%;
	border-top: 10px solid #033884;
}

ul {
	list-style: none outside none;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {
	display: inline-block;
	min-height: 1%;
}

/* Hides from IE-mac */
* html .clearfix {
	height: 1%;
}

.clearfix {
	display: block;
}
/* End hide from IE-Mac */

/* mouse over action */
.la_over:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
}

.m_over:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
}

.s_over:hover {
	opacity: 0.4;
	filter: alpha(opacity=40);
}

.ss_over:hover {
	opacity: 0.2;
	filter: alpha(opacity=20);
}


/* -----------------------------------------------
大枠
----------------------------------------------- */
/* トップページ */
#wrap_page_top #container {
	margin: 0 auto;
	width: auto;
}

/* 他ページ */
#wrap_page {
	height: auto;
	height: 100%;
}

#wrap_page #container {
	margin: 0 auto;
	width: auto;
	height: auto;
	height: 100%;
}

/* -----------------------------------------------
header
----------------------------------------------- */
header {
}

#wrap_header {
	margin: 0 auto;
	position: relative;
	width: 1060px;
	height: 80px;
}

#wrap_header h1 {
	float: right;
}

#wrap_header .info {
	float: right;
	width: 772px;
	height: 80px;
	background: url(../img/top/bg_header.png) 0 0 no-repeat;
	color: #6ea365;
	font-size: 18px;
	font-weight: bold;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
}

#wrap_header .date {
	position: absolute;
	top: 20px;
	left: 0;
}

#wrap_header .date .month {
	float: left;
	width: 55px;
	margin-right: 30px;
}

#wrap_header .date .day {
	float: left;
	width: 55px;
}

#wrap_header .weather {
	position: absolute;
	top: 18px;
	left: 168px;
}

#wrap_header .temperature {
	position: absolute;
	top: 18px;
	left: 338px;
	font-size: 17px;
	line-height: 1.4;
}

#wrap_header .temperature .max {
	text-align: right;
}

#wrap_header .temperature .min {
	text-align: right;
}

#wrap_header .business_hours {
	position: absolute;
	top: 40px;
	left: 425px;
}

#wrap_header .admission_fee {
	position: absolute;
	top: 21px;
	left: 680px;
	width: 70px;
	font-size: 16px;
	text-align: right;
	line-height: 1.4;
}

#wrap_header .btnTop {
	position: absolute;
	top: 17px;
	left: 117px;
}

/* -----------------------------------------------
main
----------------------------------------------- */
section {

}

#wrap_page_main {
	width: 1060px;
	min-height: 400px;
	margin: 0 auto;
	margin-bottom: 5px;
}

#wrap_page_contents {
	float: left;
	width: 700px;
	min-height: 400px;
	margin: 0 0 20px 0;
}

/* page menu */
#wrap_page_menu {
	float: left;
	width: 350px;
	min-height: 400px;
	margin-left: 10px;
	margin-bottom: 8px;
}

#wrap_page_menu .hd .balloon {
	float: left;
	display: inline-block;
	width: 284px;
}

#wrap_page_menu .hd .pia {
	float: left;
	display: inline-block;
	width: 62px;
	margin-bottom: 3px;
}

#wrap_page_menu .slide_menu {
	height: 590px;
}

#wrap_page_menu .slide_menu ul {
	height: 540px;
}

#wrap_page_menu .slide_menu li {
	float: left;
	width: 80px;
	height: 80px;
	margin: 0 10px 10px 0;
}

#wrap_page_menu .slide_menu li.panel_side {
	margin-right: 0;
}

/* start slide_sns */
#wrap_page_menu .slide_sns {
	margin: 14px auto 5px auto;
	text-align: left;
	line-height: 1;
}

#wrap_page_menu .slide_sns .twitter {
	display: inline-block;
	margin-left: 0;
}

#wrap_page_menu .slide_sns .twitter .twitter-share-button {
	width: 105px !important;
}

#wrap_page_menu .slide_sns .fb {
	display: inline-block;
}

#wrap_page_menu .slide_sns .fb .fb_iframe_widget > span {
  vertical-align: baseline !important;
}
/* end slide_sns */

#wrap_page_menu .ft {
	margin-top: 5px;
}

#wrap_page_menu .ft_inner {
	text-align: right;
}


/* -----------------------------------------------
footer
----------------------------------------------- */
footer {
	/*height: 100px;*/
}

#wrap_footer {
	width: 1060px;
	margin: 0 auto;
	color: #6ea365;
}

#wrap_footer .wrap_footer_inner {
	width: 1060px;
}

#wrap_footer .footer_top {
	margin: 0 auto 5px auto;
}

#wrap_footer .panels_exchange {
	float: left;
	width: 550px;
}

#wrap_footer .panels_exchange li {
	float: left;
	width: 161px;
	margin-right: 20px;
}

#wrap_footer .footer_sns {
	float: right;
	width: 300px;
	margin-top: 10px;
	text-align: center;
	line-height: 1;
	/* ff,safari,chrome */
	/*
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	border: 1px #dcdcdc solid;
	*/
}

#wrap_footer .footer_sns .twitter {
	display: inline-block;
	float: right;
	margin-left: 6px;
}

#wrap_footer .footer_sns .twitter .twitter-share-button {
	width: 105px !important;
}

#wrap_footer .footer_sns .fb {
	display: inline-block;
	float: right;
}

#wrap_footer .footer_sns .fb .fb_iframe_widget > span {
  vertical-align: baseline !important;
}

#wrap_footer nav {
	float: left;
	width: 500px;
}

#wrap_footer nav li {
	float: left;
	margin-right: 15px;
}

#wrap_footer .copyright {
	float: right;
	margin-top: 8px;
	font-size: 11px;
}


/* -----------------------------------------------
page title
----------------------------------------------- */
#wrap_page_contents h1 {
	display: table-cell;
	width: 700px;
	height: 40px;
	background-color: #6da463;
	color: #ffffff;
	font-size: 20px;
	/*vertical-align: middle;*/
	/* for ie */
	layout-grid-line: 40px;
}

#wrap_page_contents h1 .title_icon {
	float: left;
	display: block;
	margin: 14px 14px 0 14px;
	/*vertical-align: bottom;*/
}

#wrap_page_contents h1 span {
	float: left;
	display: block;
	padding-top: 6px;
}

section .main_contents h2 {
	max-width: 700px;
	margin-bottom: 12px;
	border-bottom: 1px dashed #000000;
	font-size: 20px;
}

/* -----------------------------------------------
error
----------------------------------------------- */
#section_error {
/*
	height: 720px;
	min-height: 720px;
*/
	margin-top: 50px;
}

#section_error .to_top_page {
	margin-top: 20px;
}

#section_error .error_img {
	margin-top: 25px;
	text-align: center;
}