@charset "shift_JIS";
/* CSS Document */



* { 
margin: 0;
 padding: 0;
  border: 0;
   list-style: none; 
   }

p {
	padding-top: 2px;
	padding-bottom: 4px;
	margin: 0px;
}

a {
	color: #0090EC;
	text-decoration: none;
} 
a:visited {
	color: #F46A00;
	text-decoration: none;
} 
a:hover {
	color: #E1001C;
} 
a:active {
　　color: #CC0066; 
} 

.green {
	color: #7EAC5D;
}


.photo {
	border: 10px solid #FFF;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	box-shadow:1px 1px 4px #ccc;
	-moz-box-shadow:1px 1px 4px #ccc;
	-webkit-box-shadow:1px 1px 4px #ccc;
}

/*---------------------------------------------------------
  						clearfix
---------------------------------------------------------*/
.clearfix:after {
    content: "."; 
    display: block;
    clear: both;
    height: 0;
    visibility: hidden;
}
.clearfix {
    min-height: 1px;
}
.clea{
	clear:both;	
	}
* html .clearfix {
    height: 1px;
    /*?*//*/
    height: auto;
    overflow: hidden;
    /**/
}


.tel {}


h1 {
	width: 500px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;
	float: left;
}
h1 img {
	width: 100%;
}

h2 {
	position: relative;
	padding-top: 0.3em;
	padding-right: 0.3em;
	padding-left: 55px;
	padding-bottom: 0.3em;
	margin-bottom: 15px;
	color: #421B02;
	font-size: 25px;
	font-weight: normal;
	margin-top: 15px;
	font-family: "bokutachi";
	border-top: 2px dashed #4BA9D7;
	border-bottom: 2px dashed #4BA9D7;
	text-align: left;
	background-image: url(images/bg_h2.png);
	background-repeat: no-repeat;
	background-position: left center;
	background-color: #E3F3FB;
}


h3 {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	text-align: left;
	color: #67210D;
	font-size: 22px;
	-moz-background-size: 100% auto;
	font-weight: normal;
	padding-bottom: 4px;
	padding-left: 4px;
	margin-top: 20px;
	border-top: 1px dashed #A26F63;
	border-bottom: 1px dashed #A26F63;
	padding-top: 4px;
	background-color: #EEF8C5;
}


h4 {
	text-align: left;
	font-size: 20px;
	font-weight: normal;
	color: #F84C67;
	margin-top: 10px;
	margin-bottom: 10px;
}

img {
	vertical-align: bottom;
	border: 0px;

}



main a:hover img {
	opacity: 0.7;
	-moz-opacity:0.7; 
	filter: alpha(opacity=70);
	zoom: 1;
}




/*ページ構成*/
html,body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 16px;
	color: #564235;
	background-color: #FFF9E4;
	background-image: url(images/bg_body.png);
	background-position: center top;
	background-repeat: repeat-x;
}


#system_main {
	width: 100%;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-image: url(images/bg_main.png);
	background-position: center top;
	background-repeat: repeat-x;
}


header {
	height: auto;
	width: 100%;
	text-align: center;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;

}
#headerbox {
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
	margin-top: 20px;
}
#hmenu {
	width: 180px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	float: right;
}
#hmenu ul {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#hmenu ul li{
	width: 100%;
	list-style-type: none;
	margin-bottom: 5px;
	text-align: center;
}

#hmenu ul li img{
	width: 100%;
}


#mainnav {
	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	padding-bottom: 10px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
}
#mainnav ul {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
}
#mainnav ul li{
	width: 16.6%;
	list-style-type: none;
	float: left;
	margin: 0px;
}

#mainnav ul li img{
	width: 100%;
}

	
main {
	font-size: 14px;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	display: block;
	clear: both;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	overflow: hidden;
	padding-top: 2em;
	background-color: #FFFFFF;
}


.bgbox {
	background-color: #FFFFFF;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 4px solid #97CF32;
	border-bottom: 4px solid #97CF32;
}


footer {
	width: 100%;
	text-align: center;
	padding-bottom: 20px;
}

footer .copy {
	text-align: center;
	font-size: 12px;
	color: #5A3D1C;
	margin-right: auto;
	margin-left: auto;
	padding-top: 20px;
	padding-bottom: 20px;
}
footer .copy img {
	height: 30px;
	}

.pagetop {
	text-align: center;
	padding-top: 1em;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 1em;
	width: 94%;
}


#topimg {
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 20px;
}

#topimg img {
	width: 100%;
}


#mainbox {
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/* トップ */

#sdr {
	background-image: url(images/p_pt_0012_xs_pt_00122.jpg);
	padding-top: 5px;
	padding-bottom: 5px;

}


.error {
	margin-bottom: 60px;
	margin-top: 30px;
}

#news {
	margin-bottom: 50px;
	}

#news ul {
	text-align: left;
	padding: 1em;
}
#news li {
	text-align: left;
	border-bottom: 1px dashed #A89888;
	margin-bottom: 3px;
	padding-bottom: 3px;
	background-image: url(images/list1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 30px;
}


#map {
	margin-bottom: 50px;
	}
	
#map iframe {
	width: 96%;
	height: 300px;
	border: 4px solid #FFFFFF;
	}
	
#map table {
	border-collapse: collapse;
	border: 1px solid #CDCDCD;
	margin-top: 1em;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
}
#map th {
	border: 1px solid #CDCDCD;
	padding-top: 0.7em;
	padding-right: 0.7em;
	padding-left: 0.7em;
	padding-bottom: 0.7em;
	text-align: left;
	font-weight: normal;
	background-color: #F3FFD3;
	width: 25%;
}
#map td {
	border: 1px solid #CDCDCD;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: left;
	background-color: #FFFFFF;
}


#outline {
	margin-bottom: 50px;
	}
#outline table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#outline th {
	width: 25%;
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #73B45C;
	color: #FFFFFF;
}

#outline td {
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	border: 1px solid #73B45C;
}

#enkaku {
	margin-bottom: 50px;
	}
#enkaku table {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
#enkaku th {
	width: 25%;
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #73B45C;
	color: #FFFFFF;
}

#enkaku td {
	text-align: left;
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #FFFFFF;
	border: 1px solid #73B45C;
}




#mokuhyou {
	margin-bottom: 50px;
	}
.colorful {
	font-size: 1.7em;
}
		.colorful span:nth-child(5n+1) {
	color: #FF8888;
}
		.colorful span:nth-child(5n+2) {
	color: #43BCF7;
}
		.colorful span:nth-child(5n+3) {
	color: #FBAA5A;
}
		.colorful span:nth-child(5n+4) {
	color: #9FD854;
}
		.colorful span:nth-child(5n) {
	color: #A657C8;
}



#houshin {
	margin-bottom: 50px;
	}
#houshin ul {
	width: 100%;
}
#houshin ul li {
	width: 14em;
	float: left;
	text-align: left;
	background-image: url(images/list2.png);
	padding-left: 35px;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #FFF7B2;
	margin-right: 1em;
	padding-bottom: 4px;
	padding-top: 4px;
	font-size: 1.2em;
	border-radius: 6px;
}



#endayori {
	margin-bottom: 50px;
	}

#endayori ul {
	text-align: left;
	margin-right: 10px;
	margin-left: 36px;
	padding-bottom: 10px;
}
#endayori ul li {
	list-style-position: outside;
	list-style-type: circle;
	border-bottom: 1px dotted #A7A7A7;
	padding-top: 4px;
	padding-bottom: 4px;
}

#joho {
	margin-bottom: 50px;
	}
#joho ul {
	text-align: left;
	margin-right: 10px;
	margin-left: 36px;
	padding-bottom: 10px;
}
#joho ul li {
	list-style-position: outside;
	list-style-type: circle;
	border-bottom: 1px dotted #A7A7A7;
	padding-top: 4px;
	padding-bottom: 4px;
}


#daily {
	margin-bottom: 50px;
	}
	
#age012 {
	float: left;
	width: 50%;
	margin-bottom: 20px;
}
#age345 {
	float: right;
	width: 50%;
	margin-bottom: 20px;
}
#age012 table {
	border-collapse: collapse;
	border: 1px solid #FF668E;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
	margin-bottom: 15px;
}
#age012 th {
	border: 1px solid #FF668E;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: center;
	background-color: #FFD2DE;
}
#age012 td {
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: left;
	background-color: #FFFFFF;
	width: 75%;
	vertical-align: top;
	border: 1px solid #FF668E;
}

#age345 table {
	border-collapse: collapse;
	border: 1px solid #43A8FF;
	margin-right: auto;
	margin-left: auto;
	width: 96%;
}
#age345 th {
	border: 1px solid #43A8FF;
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: center;
	background-color: #C0E2FF;
}
#age345 td {
	padding-top: 0.4em;
	padding-right: 0.4em;
	padding-left: 0.4em;
	padding-bottom: 0.4em;
	text-align: left;
	background-color: #FFFFFF;
	width: 75%;
	vertical-align: top;
	border: 1px solid #43A8FF;
}

#daybox img {
	width: 50%;
}
ul.photo4 {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 li {
	width: 25%;
	float: left;
	text-align: center;
}
ul.photo4 li img {
	width: 92%;
	border: 5px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 3px #9C9389;
	box-shadow: 1px 1px 3px #9C9389;
}	


#event {
	margin-bottom: 50px;
}
#event table {
	width: 98%;
	margin-bottom: 30px;
	margin-left: auto;
	margin-right: auto;
}

#event td {
	text-align: center;
	vertical-align: top;
	width:33%;
}
#event dl {
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 10px;

}


#event dd {
	padding-top: 13px;
	padding-right: 13px;
	padding-left: 13px;
	padding-bottom: 13px;
	border: 2px solid #E3E3E3;
}


#event dt {
	font-weight: bold;
	font-size: 30px;
	color: #FFFFFF;
	padding-top: 6px;
	padding-bottom: 6px;
	margin-bottom: 5px;
	background-color: #73BBD5;
}
.e1 {
	background-color: #FFC14D;
}
.e2 {
	background-color: #FF4D4D;
}
.e3 {
	background-color: #0D95E1;
}




.eventtxt {
	margin-bottom: 20px;
}
.eventphoto {}

.eventphoto img {
	width: 90%;
	border-radius: 15px;
}
.eventsonota {
	text-align: left;
}

#calendar{
	margin-bottom: 50px;
}
#calendar table {
	width: 98%;
	margin-left: auto;
	margin-right: auto;
}
#calendar table caption {
	text-align: center;
	font-size: 1.5em;
	margin-bottom: 10px;
}
#calendar th {
	vertical-align: top;
	border: 1px solid #ABABAB;
}
#calendar td {
	padding:5px;
	vertical-align: top;
}

.c1 {
	background-color: #BDBDBD;
	color: #FFFFFF;
	width: 10%;
	text-align: center;
}
.c2 {
	background-color: #F0F0F0;
	color: #606060;
	width: 10%;
	text-align: center;
}
.c3 {
	background-color: #6AC0E0;
	color: #FFFFFF;
	width: 10%;
	text-align: center;
}
.c4 {
	background-color: #EF909E;
	color: #FFFFFF;
	width: 10%;
	text-align: center;
}
.c5 {
	border: 1px solid #E5E5E5;
	text-align: left;
}


#album {
	margin-bottom: 50px;
}
#albumbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}

#albumside {
	float: left;
	width: 270px;
	margin-bottom: 15px;
	padding-bottom: 40px;
	background-color: #FFF9E4;
	-webkit-box-shadow: 1px 1px 3px #A79684;
	box-shadow: 1px 1px 3px #A79684;
	padding-top: 20px;
	margin-top: 50px;
	margin-left: 10px;
	border-radius: 10px;
}
#albumside ul {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin-top: 15px;
}
#albumside li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #96763F;
	background-image: url(images/bg_blog.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 35px;
	margin-bottom: 6px;
}
#albummain {
	float: right;
	width: 680px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.albummidashi {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	color: #785415;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/bg_blogb.png);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 5px solid #D3C7B5;
}

.albumkiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
}

.albumhonbun {
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #9CDCE4;
	padding-top: 20px;
}

#album table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#album td {
	width: 33.3%;
	text-align: center;
	padding-bottom: 10px;
}
#album td img {
	width: 95%;
}



#blog {
	margin-bottom: 50px;
	}

.category {
	margin-top: -50px;
}

		


#blogbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#blogside {
	float: left;
	width: 270px;
	margin-bottom: 15px;
	padding-bottom: 40px;
	background-color: #FFF9E4;
	-webkit-box-shadow: 1px 1px 3px #A79684;
	box-shadow: 1px 1px 3px #A79684;
	padding-top: 20px;
	margin-top: 50px;
	margin-left: 10px;
	border-radius: 10px;
}
#blogside ul {
	padding-left: 15px;
	padding-right: 15px;
	text-align: left;
	margin-top: 15px;
}
#blogside li {
	padding-bottom: 5px;
	border-bottom: 1px dotted #96763F;
	background-image: url(images/bg_blog.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 35px;
	margin-bottom: 6px;
}
#blogmain {
	float: right;
	width: 680px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.blogkiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 45px;
}

.blogbox {
	margin-right: auto;
	margin-left: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-left: 1em;
	padding-bottom: 1em;
	background-color: #FFFFFF;
	-webkit-box-shadow: 0px 0px 15px 3px #FFFFFF;
	box-shadow: 0px 0px 15px 3px #FFFFFF;
	border-radius: 15px;
}


.blogmidashi {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 50px;
	padding-bottom: 10px;
	color: #785415;
	text-align: left;
	font-size: 18px;
	font-weight: bold;
	background-image: url(images/bg_blogb.png);
	background-position: left center;
	background-repeat: no-repeat;
	border-bottom: 5px solid #D3C7B5;
}


.blogkiji .bloghonbun {
	text-align: left;
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-bottom: 2px solid #9CDCE4;
}
.blogkiji .blogdate {
	text-align: right;
	padding-top: 20px;
	border-top: 1px solid #9CDCE4;
	color: #0B78C0;
}
.blogkiji .blogpdf {
	text-align: center;
	border-top: 1px solid #CCA7F3;
	padding-top: 8px;
	margin-bottom: 8px;
}
.blogkiji .blogpdf a {
	display: block;
	width: 12em;
	padding: 0.4em;
	margin-left: auto;
	margin-right: auto;
	background-color: #B2DAFF;
	border-radius: 6px;
	color: #002C84;
	border: 2px solid #FFFFFF;
	-webkit-box-shadow: 1px 1px 3px #858C96;
	box-shadow: 1px 1px 3px #858C96;
}
.blogkiji .blogpdf a:hover {
	background-color: #FF6389;
	color: #FFFFFF;
}


	
#blog dl {}
#blog dt {
	text-align: center;
}
#blog dd {
	text-align: center;
	margin-top: 5px;
	font-size: 12px;
	color: #824D00;
}

#blog table {
	width: 90%;
	margin-left: auto;
	margin-right: auto;
}
#blog td {
	width: 33.3%;
	text-align: center;
}
#blog td img {
	width: 95%;
}
.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/*ページ送り*/
.pager  ul.pagination {
  text-align: center;
  margin: 0;
  padding: 0;
}

.pager .pagination li {
	display: inline;
	margin: 0 2px;
	padding: 0;
	display: inline-block;
	background-color: #3089DC;
	width: 40px;
	height: 40px;
	text-align: center;
	position: relative;
	font-size: 0.9em;
}

.pager .pagination li a{
  vertical-align: middle;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  text-align: center;
  display:table;
  color: #fff;
  text-decoration: none;
}

.pager .pagination li a span{
  display:table-cell;
  vertical-align:middle;
}

.pager .pagination li a:hover,
.pager .pagination li a.active{
	color: #000;
	background-color: #92D1FF;
}







#tleft {
	width: 48%;
	float: left;
}
#tright {
	width: 48%;
	float: right;
}


#news2 {
	margin-bottom: 20px;
	}
#news2 table {
	width: 100%;
	background-color: #F0E6C5;
	margin-bottom: 10px;
}
#news2 th {
	width: 30%;
	vertical-align: top;
	padding: 10px;
}
#news2 th img {
	width: 100%;
}
#news2 td {
	vertical-align: top;
	padding: 10px;
	text-align: left;
}
#news2 dl {
	background-color: #FFFFFF;
	padding: 5px;
}
#news2 dt {
	font-weight: bold;
	border-bottom: 1px dashed #7B6145;
	padding: 5px;
}
#news2 dd {

	padding: 5px;
}
#map2 {
	margin-bottom: 20px;
	}
	
#map2 iframe {
	width: 96%;
	height: 300px;
	border: 4px solid #FFFFFF;
	}
#calendar2 {
	margin-bottom: 50px;
	}

#hyou {
	width: 40%;
	float: left;
	margin-bottom: 20px;
	}
#hyou table {
	width: 100%;
	border: 1px solid #73AEEC;
	border-collapse: collapse;
	margin-bottom: 10px;
}
#hyou th {
	width: 14.28%;
	vertical-align: top;
	border: 1px solid #73AEEC;
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #FFF9E4;
	text-align: center;
}

#hyou td {
	vertical-align: top;
	text-align: center;
	border: 1px solid #73AEEC;
	height: 40px;
	line-height: 40px;
}

#hyou td a {
	background-color: #E6F6FF;

	width: 100%;
	display: block;
	color: #0963AC;
}
#hyou td a:hover {
	background-color: #7EC4EB;
	width: 100%;
	display: block;
	color: #FFFFFF;
}


#naiyou {
	width: 56%;
	float: right;

	margin-bottom: 20px;
	}
#naiyou dl {
	background-color: #FFFFFF;

	border: 1px solid #4895D4;
}
#naiyou dt {
	font-weight: bold;
	border-bottom: 1px solid #4895D4;
	padding: 5px;
	text-align: left;
	background-color: #84C1F3;
	color: #FFFFFF;
}
#naiyou dd.ctxt {
	padding: 8px;
	text-align: left;
}
#naiyou dd.cphoto {
	padding: 8px;
	text-align: center;
	background-color: #E6F6FF;
}
#naiyou dd img {
	padding: 5px;
	width: 56%;
}









@media screen and (max-width:768px){

header,footer,main,#mainnav, #mainnav ul, #system_main,#topside {
	width: 100%;
	height:auto;	
}
html,body {
}

#topanime {
	width: 100%;
}


header {
	height: auto;
	width: 100%;

}
#system_main {

}
#headerbox {
	width:100%;
}
.tel img {
	width: 40%;
}

h1 {
	width: 80%;
	float: none;
}


main {
	margin-top: auto;
	margin-bottom: auto;
	padding-bottom: 150px;
	width:94%;
}

#mainnav  {
	width: 94%;
	margin-right: auto;
	margin-left: auto;
	}
#mainnav ul {
	width: 100%;
	padding-top: 2px;
	padding-bottom: 2px;

	}

#mainnav ul li {
	width: 16.6%;
	margin-top: 2px;
	margin-bottom: 2px;
	padding: 0px;
	}

.slogan_f img {
	width: 93%;
	}

footer .copy img {
	width: 80%;
	height:auto;
	}

h2 {

	font-size: 22px;
}
	
#mainbox {
	width: auto;
	padding-top: 1em;
	padding-right: 1em;
	padding-bottom: 1em;
	padding-left: 1em;
	border-radius: 0px;
}
	
#topimg {
	width: 95%;
}	
	
#hmenu {
	width: 60%;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	float: none;
}
#hmenu ul {
	width: 100%;
	margin-right: auto;
	margin-left: auto;
}
#hmenu ul li{
	width: 50%;
	float: left;
}

#hmenu ul li img{
	width: 95%;
}

#houshin ul li {
	width: auto;
	float: none;
	text-align: left;
	font-size: 1.1em;
	margin-bottom: 4px;
}
	
#albumbox, #albumside, #albummain {
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#albumside {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
#albummain {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}	
#blogbox, #blogside, #blogmain {
	float: none;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
#blogside {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}
#blogmain {
	margin-top: 20px;
	margin-left: 10px;
	margin-right: 10px;
}	

/*ページ送り*/
.pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 40px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }	
	
	
	
	
	
	
	
	
	
	
	
#tleft {
	width: auto;
	float: none;
}
#tright {
	width: auto;
	float: none;
}
	
	
#hyou {
	width: auto;
	float: none;
}
#naiyou {
	width: auto;
	float: none;
}

	
	
	
	
}

@media screen and (max-width:480px){
header, footer,#mainnav, #mainnav ul, #system_main {
	width: 100%;	
}
.tel img {
	width: 50%;
}


h1 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}

h2 {
	font-size: 20px;
}

h3 {
	font-size: 17px;
}

.slogan_f img {
	width: 100%;
	}
footer .copy img {
	width:87%
}

.pagetop img {
	width: 30%;
}

header {
	height: auto;
}
#hmenu {
	width: 80%;
}	
#mainnav  {
	width: 96%;
	}
#mainnav ul li {
	width: 33.3%;
	}
#map td {
		display: block;
		width: auto;
	}
#map th {
		display: block;
		width: auto;
	padding: 3px;
	}	
#outline td {
		display: block;
		width: auto;
	}
#outline th {
		display: block;
		width: auto;
	padding: 3px;
	}

#enkaku td {
		display: block;
		width: auto;
	}
#enkaku th {
		display: block;
		width: auto;
	padding: 3px;
	}	
	
	


	
#age012 {
	float: auto;
		width: auto;
	}
#age345 {
	float: auto;
		width: auto;
	}	
ul.photo4 {
	width: 80%;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 li {
	width: auto;
	float: none;
	margin-bottom: 10px;
}
	
#event td {
	display:block;
	width: auto;
	padding:0px;
}
	
	
	
	
#album td {
	width: auto;
	display: block;
}	
	
#blog td {
	width: auto;
	display: block;
}


	}