/*---------------------------------------------------------
  						reset
---------------------------------------------------------*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video main {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}


article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section main {
	display: block;
}

nav ul {
    list-style:none;
}





/*---------------------------------------------------------
  						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;
    /**/
}


/*---------------------------------------------------------
  						overrall
---------------------------------------------------------*/

html,body{
	-webkit-text-size-adjust: none;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	color: #585858;
	line-height: 1.5;
	background-color: #FFFFFF;
	background-image: url(images/bg_body.png);
	background-repeat: repeat-x;
	background-position: center top;
	height: 100%;
	}

#system_main {
	width:100%;
	height:100%;
}
a {
	color: #742ABC;
	text-decoration: none;
}
a:hover{
	color: #3D89FF;
	text-decoration: none;
}

h1 {
	text-align: left;
	padding-top: 20px;
	float: left;
}

h1 a:hover img {
    transition: 0.5s;
	transform:rotate(-5deg);
}

h2 {
    text-align: left;
    background-color: #00A7FE;
}
h3 {
	text-align: left;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #784803;
	font-size: 18px;
	padding-top: 10px;
	padding-bottom: 10px;
	background-image: url(images/bg_h3.png);
	background-repeat: no-repeat;
	background-position: center center;
}
h4 {}





/*---------------------------------------------------------
  						header
---------------------------------------------------------*/


header {
	height: 233px;
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
}
#youtube {
	float: right;
	padding-top: 80px;
	width: 160px;
	padding-right: 15px;
}
#youtube img {
	width: 100%;
}
#headnav {
	float: right;
	padding-top: 70px;
	height: 80px;
	width: 390px;
}
#headnav ul {}
#headnav ul li {
	float: left;
    list-style:none;
}
#headnav ul li a:hover img {
    transition: 0.5s;
	transform:rotate(5deg);
}

/*---------------------------------------------------------
  						nav
---------------------------------------------------------*/
nav {
	width: 983px;
	margin-right: auto;
	margin-left: auto;
	height: 120px;
}
nav li {
	float: left;
}
#menu1 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu1.png);
	padding-top: 100px;
	text-align: center;
}

#menu1 a:hover {
    background-position: 0 -100px;
}

#menu1 a#nowHere {
		background:url(images/menu1.png) no-repeat 0 -100px;
	}


#menu2 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu2.png);
	padding-top: 100px;
	text-align: center;
}

#menu2 a:hover {
    background-position: 0 -100px;
    transition: 0.5s;
}

#menu2 a#nowHere {
		background:url(images/menu2.png) no-repeat 0 -100px;
	}

#menu3 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu3.png);
	padding-top: 100px;
	text-align: center;
}

#menu3 a:hover {
    background-position: 0 -100px;
    transition: 0.5s;
}

#menu3 a#nowHere {
		background:url(images/menu3.png) no-repeat 0 -100px;
	}

#menu4 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu4.png);
	padding-top: 100px;
	text-align: center;
}

#menu4 a:hover {
    background-position: 0 -100px;
    transition: 0.5s;
}

#menu4 a#nowHere {
		background:url(images/menu4.png) no-repeat 0 -100px;
	}


#menu5 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu5.png);
	padding-top: 100px;
	text-align: center;
}

#menu5 a:hover {
    background-position: 0 -100px;
    transition: 0.5s;
}

#menu5 a#nowHere {
		background:url(images/menu5.png) no-repeat 0 -100px;
	}

#menu6 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 158px;
	background-image: url(images/menu6.png);
	padding-top: 100px;
	text-align: center;
}

#menu6 a:hover {
    background-position: 0 -100px;
    transition: 0.5s;
}

#menu6 a#nowHere {
		background:url(images/menu6.png) no-repeat 0 -100px;
	}

/*---------------------------------------------------------
  						footer
---------------------------------------------------------*/

footer {
	text-align: center;
	height: 180px;
	background-image: url(images/bg_footer.png);
	background-repeat: repeat-x;
	background-position: center bottom;
}
footer img {
	vertical-align:bottom;
}

/*---------------------------------------------------------
  						main
---------------------------------------------------------*/



#pagetop {
	text-align:right;
	width: 860px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*スライダー*/

* { 
margin: 0;
 padding: 0;
  border: 0;
   list-style: none; 
   }
.slider {
	position: relative;
	width: 100%;
	height: auto;
	overflow: hidden;
	padding-bottom: 15px;
}
.slides {
	height: 100%;
	overflow: hidden;




  *zoom: 1;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.slide {
	height: 100%;
	float: left;
	clear: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.slide img {
	width:100%;
	object-fit: cover;
}
.slider-arrow 
{ position: absolute;
 display: block;
  margin-bottom: -20px; 
  padding: 20px; 
  }

/*
.slider-arrow--right { bottom: 50%; right: 30px; background: url(img/right.png) no-repeat; }
.slider-arrow--left { bottom: 50%; left: 30px; background: url(img/left.png) no-repeat; }
*/

.slider-nav { 
position: absolute; 
bottom: 0px; 
}
.slider-nav__item {
	width: 12px;
	height: 12px;
	float: left;
	clear: none;
	display: block;
	margin: 0 5px;
	border: 1px solid #4EB90C;
	border-radius: 8px;
}
.slider-nav__item:hover {
	background-color: #97E369;
}
.slider-nav__item--current {
	background-color: #4EB90C;
}





#topslide {
	position: relative;
	margin-bottom: 30px;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
}


/*スライダー*/

#midashi {
	text-align: left;
}
#top {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#top table {
	width: 100%;
	margin-top: 30px;
}
#top td {
	padding:5px;
}

#top iframe {
	width:440px;
	height:300px;
}

#map {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}

#map table {
	width: 100%;
	margin-top: 30px;
}
#map td {
	padding: 5px;
	text-align: center;
	vertical-align: top;
}

#map iframe {
	width: 485px;
	height: 250px;
	border: 1px solid #00A7FE;
}
#map ul {
	text-align: left;
	margin-right: 10px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 35px;
	border: 1px solid #00A7FE;
	width: 400px;
}
#map li {
	padding-top: 6px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 6px;
	border-bottom: 1px solid #D4DDE1;
}



.pre a:hover img {
    transition: 0.5s;
	transform:rotate(5deg);
}



/*--------- outline -----------*/


#outline {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#outline table {
	padding: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	margin-bottom: 10px;
	vertical-align: top;
	border-spacing: 3px;
}
#outline th {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	background-color: #95D427;
	border-radius: 5px;
	color: #000000;
}
#outline td {
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #DCF6FF;
	border-radius: 5px;
	letter-spacing: 3px;
}




#tokushoku {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#tokushoku table {
	padding: 0px;
	width: 100%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 6px;
	margin-bottom: 10px;
	vertical-align: top;
	border-spacing: 3px;
}
#tokushoku th {
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	text-align: left;
	white-space: nowrap;
	vertical-align: top;
	background-color: #95D427;
	border-radius: 5px;
	color: #000000;
}
#tokushoku td {
	text-align: left;
	padding-top: 7px;
	padding-right: 5px;
	padding-bottom: 7px;
	padding-left: 5px;
	background-color: #DCF6FF;
	border-radius: 5px;
	letter-spacing: 3px;
}
.tokushokutxt {
	text-align: left;
	margin-bottom: 20px;
}
.tokushokutxt2 {
	text-align: left;
	margin-bottom: 20px;
	min-height: 220px;
}
.tokushokutxt2 img {
	height: 220px;
}

#tokushoku dl {
	text-align: left;
}
#tokushoku dt {
	font-weight: bold;
	color: #F93538;
	border-bottom: 1px solid #F93538;
	margin-bottom: 7px;
}
#tokushoku dd {
	margin-bottom: 20px;
}


#life {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}



/*--------- daily -----------*/

#daily {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

#daily table {
	width: 100%;
	margin-top: 30px;
	border-spacing: 2px;
	margin-bottom: 30px;
}
#daily th {
	padding: 5px;
	border: 1px solid #00A7FE;
	text-align: center;
}
#daily td {
	padding: 5px;
	border: 1px solid hsla(211,100%,91%,1.00);
	text-align: center;
	vertical-align: middle;
	background-color: #FFFDF6;
}
.time {
	font-weight: bold;
	color: #B1571C;
}
#daily ul {
	text-align: left;
	margin-left: 20px;
}
#daily ul li {
	border-bottom: 1px solid #55C5ED;
	padding-top: 3px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}
ul.list4 li {
	position: relative;
}
ul.list4 li::after {
	display: block;
	content: '';
	position: absolute;
	top: .5em;
	left: -1em;
	width: 8px;
	height: 3px;
	border-left: 2px solid #3498db;
	border-bottom: 2px solid #3498db;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


/*--------- katsudou -----------*/

#katsudou {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#katsudou table {
	width: 100%;
	margin-bottom: 30px;
}

#katsudou td {
	width: 50%;
	vertical-align: top;
}
#katsudou dl {
    margin-bottom: 20px;
    padding: 5px;
}
#katsudou dt {
	padding: 5px;
	border: 1px solid #00A7FE;
	text-align: left;
}
#katsudou dd {
	padding: 15px;
	border: 1px solid hsla(211,100%,91%,1.00);
	text-align: center;
	vertical-align: middle;
	background-color: #FFFDF6;
}

#katsudou ul {}
#katsudou ul li {
    float: left;
    margin: 10px;
    width: calc(100% / 5 - 20px);
}
#katsudou ul li img {
	width:100%;
}


/*--------- event -----------*/

#event {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#event table {
	width: 100%;
	margin-top: 30px;
	border-spacing:2px;
}

#event td {
    width: calc(100% / 3);
}
#event dl {
	padding: 5px;
}

#event dt {
	padding: 5px;
	color: #FFFFFF;
}
.etxt {
	margin-left: 15px;
	margin-right: 15px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.ephoto {
	margin-bottom: 10px;
	margin-left: 15px;
	margin-right: 15px;
	text-align: center;
}
.ephoto img {
	width:100%;
}
#event ul {
	text-align: left;
	margin-left: 20px;
}
#event ul li {
	border-bottom: 1px solid #D1E7FF;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

.bg04 {
	background-color: #FB2A6B;
}
.bg05 {
	background-color: #ED1CA5;
}
.bg06 {
	background-color: #D519EF;
}
.bg07 {
	background-color: #7C57E5;
}
.bg08 {
	background-color: #058CED;
}
.bg09 {
	background-color: #04B2CF;
}
.bg10 {
	background-color: #00B16C;
}
.bg11 {
	background-color: #52AD37;
}
.bg12 {
	background-color: #B5C000;
}
.bg01 {
	background-color: #DD9E00;
}
.bg02 {
	background-color: #ED7F05;
}
.bg03 {
	background-color: #EB5000;
}
.bg00 {
	background-color: #C9A480;
}


/*--------- guide -----------*/
#guide {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.guidetxt1 {
	text-align: left;
	margin-bottom: 20px;
	color: #00A7FE;
	font-weight: bold;
}

.guidetxt2 {
	text-align: left;
	margin-bottom: 20px;
}

.yotei {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
}
.yotei a {
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: auto;
	background-color: #FCFFD3;
	border: 3px solid #6BC91F;
	border-radius: 10px;
	display: block;
	color: #4E1B01;
	-webkit-box-shadow: 1px 1px 3px #B0A192;
	box-shadow: 1px 1px 3px #B0A192;
	width: 160px;
	text-align: center;
	margin-right: auto;
	font-size: 13px;
}
.yotei a:hover {
	background-color: #FFFFFF;
	border: 3px solid #FFCC5E;
	color: #83CD01;

}


.backnumber a {
    padding-top: 10px;
    padding-bottom: 10px;
    background-color: #00A7FE;
    margin-left: auto;
    margin-right: auto;
    border-radius: 5px;
    display: block;
    color: #FFFFFF;
    text-align: center;
}
.backnumber a:hover {
    background-color: #84CF00;
}



/*--------- album -----------*/
#album {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}


#albumbox {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 100%;
}
#albumbox .aleft {
	width: 200px;
	float: left;
	padding-top: 15px;
}
#albumbox .aleft ul {
	text-align: left;
	margin-left: 20px;
}
#albumbox .aleft ul li {
	border-bottom: 1px solid #DB3477;
	padding-top: 3px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

#albumbox .aright {
	float: right;
	width: 720px;
}

#albumbox .albumphoto {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 33.3%;
	text-align: center;
}
#albumbox .albumphoto img {
	border: 7px solid #FFF;
	border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	box-shadow: 1px 1px 4px #c6ac8b;
	-moz-box-shadow: 1px 1px 4px #c6ac8b;
	-webkit-box-shadow: 1px 1px 4px #c6ac8b;
	width: 80%;
}
#albumbox .comment {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    margin-top: 10px;
}
#albumbox .albummain {
	text-align: left;
	border-top: 2px solid #FC6;
	border-bottom: 2px solid #FC6;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#albumbox table {
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	width: 100%;
}
#albumbox .albumdate {
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 80px;
	border-top: 2px solid #FC6;
}


ul.list1 li {
	position: relative;
}
ul.list1 li::after,
ul.list1 li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.list1 li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #DB3477;
	border-radius: 100%;
}
ul.list1 li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}



/*--------- blog -----------*/
#blog {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#blogbox {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	width: 100%;
}
#blogbox .bleft {
	width: 200px;
	float: left;
	padding-top: 15px;
}
#blogbox .bleft ul {
	text-align: left;
	margin-left: 20px;
}
#blogbox .bleft ul li {
	border-bottom: 1px solid #9C3;
	padding-top: 3px;
	padding-bottom: 6px;
	margin-bottom: 15px;
}

#blogbox .bright {
	float: right;
	width: 720px;
}


#blogbox .blogphoto {
	padding-top: 20px;
	padding-bottom: 10px;
	width: 33%;
	text-align: center;
}
#blogbox .blogphoto img {
    border: 7px solid #FFF;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    box-shadow: 1px 1px 4px #c6ac8b;
    -moz-box-shadow: 1px 1px 4px #c6ac8b;
    -webkit-box-shadow: 1px 1px 4px #c6ac8b;
    width: 80%;
}
#blogbox .comment {
    font-size: 12px;
    text-align: center;
    padding-bottom: 10px;
    margin-top: 10px;
}
#blogbox .blogmain {
	text-align: left;
	border-top: 2px solid #FC6;
	border-bottom: 2px solid #FC6;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
#blogbox table {
	margin-right: auto;
	margin-bottom: 80px;
	margin-left: auto;
	width: 100%;
}
#blogbox .blogdate {
	text-align: right;
	padding-top: 5px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 80px;
	border-top: 2px solid #FC6;
}


ul.list2 li {
	position: relative;
}
ul.list2 li::after,
ul.list2 li::before {
	display: block;
	content: '';
	position: absolute;
}
ul.list2 li::after {
	top: .35em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #8DDB34;
	border-radius: 100%;
}
ul.list2 li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}


img {
	vertical-align:bottom;
}

/*--------- floor -----------*/


#floor {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}

.floor {
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 20px;
	font-size: 15px;
}
.floor a {
	margin-left: auto;
	background-color: #00A7FE;
	border: 3px solid #00A7FE;
	border-radius: 10px;
	display: block;
	color: #FFFFFF;
	-webkit-box-shadow: 1px 1px 3px #B0A192;
	box-shadow: 1px 1px 3px #B0A192;
	width: 200px;
	text-align: center;
	margin-right: auto;
	height: 60px;
	line-height: 60px;
}
.floor a:hover {
	background-color: #FFFFFF;
	border: 3px solid #00A7FE;
	color: #FF1D86;
}


/*--------- preclass -----------*/


#preclass {
	text-align: center;
	width: 980px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 30px;
	margin-bottom: 30px;
}
#preclass dl {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 3em;
	border: 4px solid #C0ECF5;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
#preclass dt {
	background-color: #7FC700;
	text-align: left;
	color: #FFFFFF;
	padding-left: 1em;
	font-size: 1.3em;
	border-top-left-radius: 8px;
	border-top-right-radius: 8px;
	padding-top: 0.3em;
	padding-bottom: 0.3em;
}
#preclass dd {
	text-align: left;
	padding-top: 1.5em;
	padding-right: 1.5em;
	padding-bottom: 1.5em;
	padding-left: 1.5em;
}

/*---------------------------------------------------------
ここから下はレスポンシブデザインの時に使用します。
---------------------------------------------------------*/


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

@media screen and (max-width: 768px) {
	
html,body{
    background-image: url(none);
	}	
	
h1 {
    text-align: center;
    padding-top: 10px;
    float: none;
    width: 60%;
    margin-left: auto;
    margin-right: auto;
}
h1 img {
	width: 100%;
}	
header {
    height: auto;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    background-color: #53D8F3;
    background-image: url(images/bg_body_sp.png);
    background-repeat: no-repeat;
    background-position: center bottom;
}
#youtube {
    float: none;
    padding-top: 10px;
    width: 130px;
    padding-right: 0px;
    margin-left: auto;
    margin-right: auto;
}
#youtube img {
	width: 100%;
}
#headnav {
    float: none;
    padding-top: 10px;
    height: auto;
    width: 50%;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
}
#headnav img {
    width: 100%;
}	
	
	
nav {
    width: auto;
    margin-right: auto;
    margin-left: auto;
    height: auto;
    background-color: #FFFFFF;
}
nav li {
    width: calc(100% / 6 - 2px);
    height: auto;
    border: 1px solid #51D3ED;
	font-size: 0.9em;
}
.spnone {
		display: none;
	}
#menu1 a {
    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
    height: auto;
    color: #00456B;
}

#menu1 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}

#menu1 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}


#menu2 a {
    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
    height: auto;
    color: #00456B;
}

#menu2 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}
#menu2 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}

#menu3 a {    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
	height: auto;
    color: #00456B;
}
#menu3 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}

#menu3 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}

#menu4 a {    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
	height: auto;
    color: #00456B;
}

#menu4 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}

#menu4 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}


#menu5 a {    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
	height: auto;
    color: #00456B;
}

#menu5 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}

#menu5 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}

#menu6 a {    display: block;
    width: auto;
    background-image: url(none);
    padding-top: 20px;
    text-align: center;
    background-color: #fff;
    padding-bottom: 20px;
	height: auto;
    color: #00456B;
}

#menu6 a:hover {
    background-position: 0 0px;
    background-color: #88D600;
    transition: 0.5s;
    color: #FFFFFF;
    font-weight: bold;
}

#menu6 a#nowHere {
    background-position: 0 0px;
    background-image: url(none);
    background-color: #4FCDE6;
    color: #FFFFFF;
    font-weight: bold;
}
#pagetop {
	text-align:right;
	width: auto;
	margin-right: auto;
	margin-left: auto;
	margin-top: 10px;
	margin-bottom: 10px;
}
	
	
	
#topslide {
	position: relative;
	margin-bottom: 30px;
	width: auto;
	margin-right: auto;
	margin-left: auto;
}
	

#top {
    text-align: center;
    width: auto;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 30px;
}

#top table {
	width: 100%;
	margin-top: 30px;
}
#top td {
	padding:5px;
}

#top iframe {
	width:auto;
}

#map {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#map table {
	width: auto;
}
#map td {
	display: block;
}

#map iframe {
	width: calc(100% - 2px);
}
#map ul {
	text-align: left;
	margin-right: 0px;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 35px;
	border: 1px solid #00A7FE;
	width: auto;
}	
	
	
	
#outline {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
	#outline th {
    display: block;
    width: auto;
    margin-bottom: 2px;
	}	
	#outline td {
		display: block;
		width: auto;
	}

#tokushoku {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
	#tokushoku th {
    display: block;
    width: auto;
    margin-bottom: 2px;
	}	
	#tokushoku td {
		display: block;
		width: auto;
	}	
.tokushokutxt2 img {
	height: 120px;
}



#life {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#daily {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#katsudou {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#katsudou td {
	width: auto;
	display: block;
}

#event {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#event td {
	width: auto;
	display: block;
}

#guide {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}

#album {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#albumbox .aleft {
	width: auto;
	float: none;
}
#albumbox .aright {
	float: none;
	width: auto;
}
#albumbox .albumphoto {
	width: auto;
	display: block;
}
	
	
	
#blog {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
#blogbox .bleft {
	width: auto;
	float: none;
	padding-top: 15px;
}

#blogbox .bright {
	float: none;
	width: auto;
}
#blogbox .blogphoto {
	width: auto;
	display: block;
}





.backnumber a {
    margin-left: auto;
    margin-right: auto;
    width: 70%;
}	
	
	
	
	/*221201追記*/
	#floor {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}	
	#preclass {
	width: auto;
    padding-left: 10px;
    padding-right: 10px;
}
	.img100 img {
		width: 100%;
	}	
	/*221201追記*/	
	
	
}



/*---------------------------------------------------------
@media screen and (max-width:480px)
---------------------------------------------------------*/


@media screen and (max-width:480px){
h1 {
    width: 100%;
}
#youtube {
    width: 25%;
}
#headnav {
    width: 70%;
}

	
	
nav li {
    width: calc(100% / 3 - 2px);
}	
	#copy img {
		width: 90%;
	}	
	
	
#katsudou ul li {
    float: none;
    margin: 10px;
    width: auto;
}
	
	
	
	
	
}