@charset "UTF-8";

/* main stylse
----------------------------------------------*/
#lineBtn {
	text-align:right;
	margin: 12px 12px 0 0;
}

#intro .text1 {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.6;
	color: #006CFF;
	margin: 10px;
}

#page-nav {
	margin: 15px;
}
#page-nav ul {
	overflow: hidden;
}
#page-nav ul li {
	font-size: 85%;
	text-align: center;
	width: 60px;
	margin-right: 10px;
	margin-bottom: 10px;
	float: left;
}
#page-nav ul li a {
	line-height: 1.3;
	color: #0B7AFF;
}
#page-nav ul li a span {
	text-decoration: underline;
}

.kihon-joho {
	margin: 10px 10px 20px;
}
.kihon-joho table th {
	white-space: nowrap;
	text-align: left;
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
	background-color: #EDEDED;
}
.kihon-joho table td {
	line-height: 1.4;
	vertical-align: top;
	border: solid 1px #CCC;
	padding: 10px;
}
.kihon-joho table td ul {
	overflow: hidden;
}
.kihon-joho table td ul li {
	font-size: 75%;
	line-height: 1.2;
	text-align: center;
	width: 75px;
	margin: 0 5px 10px 0;
	float: left;
}

#bgStyle1 {
	background-color: #A3DDF7;
	padding: 0 10px 20px;
	border-bottom: 2px solid #006CFF;
}

#bgStyle1 section {
	padding-top: 20px;
}

#midokoro h2,
#message h2,
#map h2,
#doubutsu-info h2,
#fun h2 {
	font-size: 115%;
	background-color: #FFFFFF;
	padding: 18px 70px 18px 10px;
}
#chikaku h2 {
	font-size: 105%;
	background-color: #FFFFFF;
	padding: 18px 60px 18px 10px;
}

.contentsBody {
	line-height: 1.6;
	background-color: #E0F4FC;
	padding: 10px 10px 20px;
}

#midokoro .textBox1 .text2 {
	font-size: 85%;
	text-align: right;
}

#midokoro .kakoWrap {
	margin-top: 20px;
}
#midokoro .kakoWrap .textBox1 {
	background-color: #FFF;
	padding: 10px;
	border: 1px dashed #CCC;
	margin-top: 10px;
}

.moreBtn {
	text-align: center;
	color: #FFF;
	background: #CCC url(../../img/more-arrow.png) no-repeat center bottom;
	background-size: 100px 19px;
	padding: 10px 10px 20px;
	border-radius: 5px;
	margin-top: 10px;
}

#fun .contentsBody a {
	display: inline;
	font-weight: bold;
	color: #0B7AFF;
	text-decoration: underline;
}

#map,
#doubutsu-info,
#chikaku {
	position: relative;
}

.kaiheiBtn {
	width: 50px;
	height: 30px;
	position: absolute;
	top: 32px;
	right: 10px;
	background: url(../../img/list-kaihei2.png) no-repeat;
	background-size: 50px 30px;
}
.kaiheiBtn.open img {
	display: none;
}

#access-map {
	height: 200px;
	margin-bottom: 10px;
}
#address {
	color: #006CFF;
	padding: 10px 0;
	border-top: dashed 1px #006CFF;
	border-bottom: dashed 1px #006CFF;
}
.access {
	padding: 10px 0 20px;
	border-bottom: dashed 1px #006CFF;
}
.access .komidashi {
	font-size: 85%;
	font-weight: bold;
	background-color: #A3DDF7;
	padding: 5px 10px;
	margin-bottom: 5px;
}
#toiawase {
	padding: 10px 0;
}
.chui {
	font-size: 85%;
	color: #F30;
}
#toiawase ul li a {
	color: #FFFFFF;
	background: #66C6F2 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
	margin-top: 10px;
}

#doubutsu-info .johoBox .ippan-joho {
	margin-bottom: 10px;
}
#doubutsu-info .johoBox .day {
	font-size: 85%;
	text-align: right;
	margin-top: 10px;
}
#doubutsu-info .kakoWrap {
	margin-top: 20px;
}
#doubutsu-info .kakoWrap .johoBox {
	background-color: #FFF;
	padding: 10px;
	border: 1px dashed #CCC;
	margin-top: 10px;
}

#chikaku ul li a {
	color: #FFFFFF;
	background: #66C6F2 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
	margin-bottom: 10px;
}
#chikaku ul li a:visited {
	background-color: #A3DDF7;
}

iframe {
	margin: 20px auto;
}


/* 書き込み　
----------------------------------------------*/
#show_form {
	color: #FFFFFF;
	background: #66C6F2 url(../../img/menu-arrow.png) no-repeat right center;
	background-size: 23px 16px;
	border-radius: 5px;
	padding:  20px 33px 20px 10px;
}

#message_form {
	margin: 10px 0;
	overflow: hidden;
	display: none;
}
#message .komidashi {
	color: #006CFF;
}
#message select {
	margin: 5px 0 20px;
}
#message input[type="button"] {
	margin: 30px 0 20px;
}
.name {
	float: left;
	width: 30%;
	margin-right: 1%;
}
.keishou {
	float: left;
	width: 38%;
}

#message_box {
	padding: 0 10px;
	margin: 20px 0;
}
#message_box li {
	border-top: dashed 1px #006CFF;
	padding: 10px 0;
}
#message_box li:last-child {
	border-bottom: dashed 1px #006CFF;
}

.nicknameArea {
	font-size: 90%;
	text-align: right;
}