@charset "utf-8";
/*レイアウトの設定*/
.layout{
	width:100%;
	margin:0 auto;
	padding:0px;
	padding-top:50px;
	width:100%;
	height:auto;
}
.page-header{
	width:100%;
}
.page-header img{
	width:100%; height:auto;
}
.header{
	display:none;
}
header.smart {
    height: 40px;
    z-index: 1000;
    position: fixed;
}
header.smart nav {
    position: absolute;
    top: 100%;
}
main {
    position: absolute;
    top: 40px;
}
header.smart {
    background-color: #090;
    color: white;
    width: 100%;
	height:40px;
}
header.smart div.title{
    float:left;
	width: 200px;
    line-height: 40px;
}

header.smart .menu_button {
    border-left: solid 1px white;
    float: right;
    width: 70px;
    height: 100%;
    text-align: center;
}
header.smart .menu_button span {
    line-height: 40px;
}
header.smart nav {
    color: white;
    width: 100%;
}
header.smart nav ul {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

header.smart nav ul li:first-child {
    border-top: solid 1px white;
}
header.smart nav ul li {
    background-color: #090;
	margin-left: auto;
    width: 40%;
    border-bottom: dotted 1px white;
    text-align: center;
    padding: 1em;
  	border: solid 1px #ccc;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
  	border-radius:3px;
	background:#aFC;

/* box-shadow */
box-shadow:3px 3px 5px 3px #ccc;
-moz-box-shadow:3px 3px 5px 3px #ccc;
-webkit-box-shadow:3px 3px 5px 3px #ccc;

}
header.smart nav ul li:hover{
	background:#aaf;
	text-decoration:none;
}

#fadeLayer {
  position:absolute;
  top:0px;
  left:0px;

  width:100%;
  height:100%;

  background-color:#FFFFFF;
  opacity:0.75;
  visibility:hidden;
  z-index:1;
}


#pageTop {
  position: fixed;
  bottom: 20px;
  right: 20px;
}
 
#pageTop a {
  display: block;
  z-index: 999;
  padding: 8px 0 0 8px;
  border-radius: 30px;
  width: 35px;
  height: 35px;
  background-color: #090;
  color: #fff;
  font-weight: bold;
  text-decoration: none;
  text-align: center;
}
 
#pageTop a:hover {
  text-decoration: none;
  opacity: 0.7;
}


.contents{
	clear:both;
	width:100%;
}
.in-contents{
	width:95%;
	margin-left:2%;
}

div.check-point{
	float:left;
	width:94%; height:auto;
	margin :0;
	margin-right:2%;
	margin-bottom:5%;
  	border: solid 1px #ccc;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
}
div.check-point img{ width:90%; height:auto; margin:4%;}

.navi{
	display:none;
	float:right;
	width:20%;
	font-size:small;
}

footer{
}

.page-fotter div.calendar{
	border:solid 1px #C00;
	font-size:small;
	text-align:left;
	margin:2%;
}
.holiday-calender{
	float:left;
	text-align:center;
	margin:2%;
	width:45%;
	height:auto;
}
.page-fotter div.books{
	clear:both;
	width:90%; height:auto;
	margin:1% auto;
	padding:1% 3%;
	border: solid 1px #fcc;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
}
.page-fotter div.books h2{
	margin:1% 3%;
	padding:05;
}
.page-fotter div.books iflame{
	float:left;
	width:40%; height:auto;
}

.google{
	display:none;
}
/*ナビゲート部　コンテンツ案内*/
/*PC版では footer-menu で設定*/
.tablet-menu {
	display:none;
/*メニュー表示位置変更に伴う処置*/
	clear:both;
	float:left;
	bottom:0px;
	position:fixed;
	font-size:small;
	width:100%;
	margin:0px;
	padding:0px;
	background:#FFF;
	z-index:99;
}
.tablet-menu a{
	text-decoration:none;
}

.tablet-menu ul{
	margin:0px; padding:0px;
}
.tablet-menu li{
	float:left;
	width: 29%;
	display:block;
 	height:auto;
	text-align:center;
	list-style:none;
  	margin: 1%;
  	padding: 1% 0%;
  	border: solid 1px #ccc;
  	-moz-border-radius:3px;
  	-webkit-border-radius:3px;
  	border-radius:3px;
}
.tablet-menu li:hover{
  	background:#CCC;
	border: solid 1px #fcc;
  	-moz-border-radius:5px;
  	-webkit-border-radius:5px;
  	border-radius:5px;
}
.tablet-menu li a:visited{
  	background:#ddd;
}


/*トップページ　回転木馬*/
#carouselWrap{
    margin:0px auto;
    width:100%;
    height:220px;
    padding:0px;
    position:relative;
}
#carouselWrap h4{
	font-size:1.4em;
	text-align:center;
	padding:0px;
	margin:0px;
	font-style:italic;
}
#carouselWrap a{
	color:#C00;
	text-decoration:none;
}
			.list_carousel {
				background-color: #fff;
				margin: 0px 0px;
				padding:0px;
				width: 100%;
				height:220px;
			}
			.list_carousel ul {
				margin: 0px;
				padding: 0px;
				list-style: none;
				display: block;
			}
			.list_carousel li {
				font-size: 10px;
				color: #999;
				text-align: center;
				background-color: #fff;
				width: 220px;
				height: 150px;
				padding: 5px 0px;
				margin:0px 20px;
				display: block;
				float: left;
			}
			.list_carousel li img{
	border:none;
	width:200px;
	margin:0 auto;
             }

			.list_carousel.responsive {
				width: auto;
				margin-left: 0;
			}
			.clearfix {
				float: none;
				clear: both;
			}
			.prev {
				float: left;
				margin-left: 10px;
			}
			.next {
				float: right;
				margin-right: 10px;
			}
			.pager {
				width:100%;
				text-align: center;
			}
			.pager a {
				margin: 0 5px;
				text-decoration: none;
			}
			.pager a.selected {
				text-decoration: underline;
				color:#fff;
				background:#Fdd;
			}
			.timer {
				background-color: #999;
				height: 6px;
				width: 0px;
			}