@charset "utf-8";
/* CSS Document */

* {
    margin: 0;
    padding: 0;
}

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

a {
	color: #066;
	text-decoration: underline;
} 
a:visited {
	color: #538D27;
	text-decoration: none;
} 
a:hover {
	color: #52A0CD;
} 
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;
}


h1 {
	text-align: center;
	padding-top: 55px;
	padding-bottom: 10px;
}

h2 {
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
	margin-top: 20px;
	background-color: #22B7AB;
	text-align: left;
	padding-top: 4px;
	padding-right: 3px;
	padding-left: 10px;
	padding-bottom: 4px;
	color: #FFFFFF;
	border-radius: 15px;
	font-size: 20px;
	background-image: -webkit-linear-gradient(180deg,rgba(169,236,230,1.00) 0%,rgba(33,148,183,1.00) 100%);
	background-image: -moz-linear-gradient(180deg,rgba(169,236,230,1.00) 0%,rgba(33,148,183,1.00) 100%);
	background-image: -o-linear-gradient(180deg,rgba(169,236,230,1.00) 0%,rgba(33,148,183,1.00) 100%);
	background-image: linear-gradient(270deg,rgba(169,236,230,1.00) 0%,rgba(33,148,183,1.00) 100%);
	text-shadow: 1px 1px 3px #00A0A3;
}

h3 {
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	font-size: 18px;
	color: #FFFFFF;
	padding-top: 3px;
	padding-right: 3px;
	padding-left: 10px;
	padding-bottom: 3px;
	background-color: #FFCE00;
	border-radius: 8px;
	text-shadow: 1px 1px 3px #DB8F00;
}

h4 {
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	font-size: 15px;
	color: #22B7AB;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #22B7AB;
}

h5 {
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	text-align: left;
	font-size: 15px;
	color: #FFFFFF;
	padding-top: 2px;
	padding-right: 2px;
	padding-left: 10px;
	padding-bottom: 2px;
	background-color: #C2D3DD;
	border-radius: 8px;
	text-shadow: 1px 1px 3px #7EA2B7;
}

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

}
a:hover img {
	opacity: 0.7; /* Opera・Safari */
	-moz-opacity:0.7; /* Firefox */
	filter: alpha(opacity=70); /* IE */
	zoom: 1; /* IE */
}




/*ページ構成*/
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: 14px;
	background-color: #22B7AB;
	background-image: url(images/bg_body.png);
}

#system_main {
	width: 980px;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	background-color: #FFFFFF;
	border: 1px solid #D1D1D1;
	-webkit-box-shadow: 0px 0px 5px #949494;
	box-shadow: 0px 0px 5px #949494;
}


header {
	height: 210px;
	width: 100%;
	text-align: left;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: left top;
}


#mainnav {
	padding: 0px;
	width: 130px;
	float: left;
}
#mainnav ul {
	width: 130px;
	overflow: hidden;
}
#mainnav ul li{
	list-style-type: none;
	padding:0px;
	margin:0px;
}



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

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

#menu1 a#nowHere {
		background:url(images/menu1.png) no-repeat 0 -50px;
	}
	
#menu2 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 130px;
	background-image: url(images/menu2.png);
	padding-top: 50px;
	text-align: center;
	margin: 0px;
}

#menu2 a:hover {
    background-position: 0 -50px;
}

#menu2 a#nowHere {
		background:url(images/menu2.png) no-repeat 0 -50px;
	}	
	
#menu3 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 130px;
	background-image: url(images/menu3.png);
	padding-top: 50px;
	text-align: center;
	margin: 0px;
}

#menu3 a:hover {
    background-position: 0 -50px;
}

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

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

#menu4 a:hover {
    background-position: 0 -50px;
}

#menu4 a#nowHere {
		background:url(images/menu4.png) no-repeat 0 -50px;
	}	
	
#menu5 a {
	display: block;
	overflow: hidden;
	height: 0px;
	width: 130px;
	background-image: url(images/menu5.png);
	padding-top: 50px;
	text-align: center;
	margin: 0px;
}

#menu5 a:hover {
    background-position: 0 -50px;
}

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

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

#menu6 a:hover {
    background-position: 0 -50px;
}

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


	
main {
	font-size: 14px;
	color: #344E55;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 940px;
	margin-right: auto;
	margin-left: auto;
    overflow: hidden; /*floatの解除ポイント*/
    position: relative; /*DWで正常にプレビューできるようになります。*/
    zoom:1; /*IE6でレイアウト崩れを防ぐためのものです。*/
	display:block;
}

#mainarea {
	font-size: 14px;
	color: #344E55;
	text-align: center;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width: 790px;
	float: right;
}


    #slides {
      display: none
}

    .container {
      margin: 0 auto
    }


    #slides .slidesjs-navigation {
      margin-top:5px;
    }

    a.slidesjs-next,
    a.slidesjs-previous,
    a.slidesjs-play,
    a.slidesjs-stop {
      background-image: url(img/btns-next-prev.png);
      background-repeat: no-repeat;
      display:block;
      width:12px;
      height:18px;
      overflow: hidden;
      text-indent: -9999px;
      float: left;
      margin-right:5px;
    }

    a.slidesjs-next {
      margin-right:10px;
      background-position: -12px 0;
    }

    a:hover.slidesjs-next {
      background-position: -12px -18px;
    }

    a.slidesjs-previous {
      background-position: 0 0;
    }

    a:hover.slidesjs-previous {
      background-position: 0 -18px;
    }

    a.slidesjs-play {
      width:15px;
      background-position: -25px 0;
    }

    a:hover.slidesjs-play {
      background-position: -25px -18px;
    }

    a.slidesjs-stop {
      width:18px;
      background-position: -41px 0;
    }

    a:hover.slidesjs-stop {
      background-position: -41px -18px;
    }

    .slidesjs-pagination {
      margin: 7px 0 0;
      float: right;
      list-style: none;
    }

    .slidesjs-pagination li {
      float: left;
      margin: 0 1px;
    }

    .slidesjs-pagination li a {
      display: block;
      width: 13px;
      height: 0;
      padding-top: 13px;
      background-image: url(img/pagination.png);
      background-position: 0 0;
      float: left;
      overflow: hidden;
    }

    .slidesjs-pagination li a.active,
    .slidesjs-pagination li a:hover.active {
      background-position: 0 -13px
    }

    .slidesjs-pagination li a:hover {
      background-position: 0 -26px
    }

    #slides a:link,
    #slides a:visited {
      color: #333
    }

    #slides a:hover,
    #slides a:active {
      color: #9e2020
    }

    .navbar {
      overflow: hidden
    }



footer {
	width: 100%;
	height: 130px;
	left: 0px;
	text-align: center;
	padding: 0px;
	background-image: url(images/bg_footer.png);
	background-repeat: repeat-x;
}
footer p {
	text-align: right;
	font-size: 12px;
	color: #fff;
	padding-top: 18px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}


.pagetop {
	text-align: right;
	padding-bottom: 10px;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}

#top,#topblog,#topslide,#outline, #gaiyo2,#enkaku,#houshin,#mokuhyo,#seikatsu,#daily,#event,#jigyo,#kyouiku,#tokushoku,#kosodate,#blog {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	margin-bottom: 30px;	
}


#topblog,#topslide {
	overflow: hidden;
	}
#topblogmain,#slideshow {
	float: left;
	width: 590px;
	margin-left: 5px;
}

#topside {
	float: right;
	width: 170px;
}
#topqr {
	width: 160px;
	background-color: #FDFCE9;
	border-radius: 15px;
	box-shadow: 0px 0px 5px #CCC;
	margin-right: 5px;
	border: 4px solid #86DBD4;
	padding-top: 20px;
	padding-bottom: 20px;
	font-size: 12px;
	margin-bottom: 20px;
	float: right;
}
#topnews {
	background-color: #DEF8F5;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
}
#topnews ul {
	text-align: left;
	margin-left: 20px;
	font-size: 13px;
}
#topnews li {
	list-style-type: circle;
	border-bottom: 1px dotted #79D5D4;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}
#toppdf {
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-radius: 10px;
}
#toppdf ul {
	text-align: left;
	margin-left: 20px;
	font-size: 13px;
}
#toppdf li {
	list-style-type: circle;
	border-bottom: 1px dotted #79D5D4;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

#top {
	overflow: hidden;
	}
#map {
	float: right;
	width: 300px;
	border: 5px solid #FFF;
	box-shadow: 1px 1px 5px #CCC;
	margin-right: 5px;
	margin-bottom: 5px;
	border-radius: 15px;
	margin-top: 5px;
}
#map iframe {
	border: 0px;
	height: 250px;
	width: 100%;
	border-radius:15px;
}



#gaiyo {
	float: left;
	width: 450px;
}
#gaiyo table {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
}
#gaiyo table th.thmain {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #E4EDEF;
	border-bottom: 1px solid #9ABCC3;
	padding: 5px;
	border-left: 10px solid #9ABCC3;
}
#gaiyo table td.tdmain {
	text-align: left;
	border-bottom: 1px solid #9ABCC3;
	padding: 5px;
	background-color: #FFFFFF;
}



#gaiyo2 table {
	margin-right: auto;
	margin-left: auto;
	width: 98%;
}
#gaiyo2 table th.thmain {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	background-color: #E4EDEF;
	border-bottom: 1px solid #9ABCC3;
	padding: 5px;
	border-left: 10px solid #9ABCC3;
	white-space:nowrap;
}
#gaiyo2 table td.tdmain {
	text-align: left;
	border-bottom: 1px solid #9ABCC3;
	padding: 5px;
	background-color: #FFFFFF;
}

#gaiyo2 table th.thsub {
	background-color: #FFF8BB;
	padding: 5px;
}
#gaiyo2 table th.thsub2 {
	background-color: #FDDDE8;
	padding: 5px;
}
#gaiyo2 table td.tdsub {
	background-color: #EEF7F9;
	padding: 5px;
}


#enkaku p {
	text-align: left;
}

#houshin p {
	text-align: left;
	color: #E03639;
	font-size: 16px;
	background-color: #FFFFFF;
	border-radius: 12px;
	box-shadow: 1px 1px 5px #B4A784;
	padding-top: 8px;
	padding-right: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
}

.mokuhyo1,.mokuhyo2,.mokuhyo3,.mokuhyo4 {
	text-align: left;
	border-radius: 12px;
	box-shadow: 1px 1px 5px #C2CBCF;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	-webkit-box-shadow: 1px 1px 5px #C2CBCF;
	background-color: #FFFFFF;
}
#mokuhyo .mokuhyo1 {
	color: #298AB3;
	font-size: 15px;

}
#mokuhyo .mokuhyo2 {
	color: #549DD3;
	font-size: 15px;
	font-weight: bold;
}
#mokuhyo .mokuhyo3 {

}





#dailybox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	overflow: hidden;
	width: 98%;
}


#program1 {
	float: left;
	width: 370px;
}
#program1 table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 100%;
}
#program1 table th {
	background-color: #D48598;
	border-bottom: 3px solid #FFE2E9;
	padding: 3px;
	font-size: 15px;
	color: #FFFFFF;
}
#program1 table td {
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
}
#program1 p {
	text-align: left;
}


#program2 {
	float: right;
	width: 370px;
}
#program2 table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 100%;
}
#program2 table th {
	background-color: #98CCD1;
	border-bottom: 3px solid #DDF5F7;
	padding: 3px;
	font-size: 15px;
	color: #FFFFFF;
}
#program2 table td {
	border-bottom: 1px solid #FFFFFF;
	padding: 5px;
}
#program2 p {
	text-align: left;
}

.time {
	width: 20%;
	background-color: #FFFCAF;
	text-align: center;
}
.naiyou1 {
	width: 80%;
	background-color: #FFF3F6;
	text-align: left;
}
.naiyou2 {
	width: 80%;
	background-color: #EDF4F5;
	text-align: left;
}

ul.photo4 {
	overflow: hidden;
	width:780px;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
ul.photo4 img {
	width: 185px;
	border-radius:20px;
}

ul.photo2 {
	overflow: hidden;
	width:390px;
	margin-right: auto;
	margin-left: auto;
}
ul.photo2 li {
	float: left;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}
ul.photo2 img {
	width: 185px;
	border-radius:20px;
}






#eventbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0px;
	overflow: hidden;
	width: 100%;
}

#event .ddtxt {
	text-align: left;
	margin-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #fff;
	padding-bottom: 10px;
	height: 100px;
	overflow: auto;
	color: #011133;
}
#event .ddphoto {
	text-align: center;
}
#event .ddphoto img {
	width: 87%;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	border: 5px solid #FFF;
	box-shadow:0px 0px 5px #ccc;
}
dl.month1 {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 15px;
	background-color: #88D851;
	float: left;
	width: 165px;
	margin-right: 5px;
	margin-left: 5px;
	box-shadow: 0px 0px 3px #C1CACF;
}
dl.month1 dt {
	border: 2px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #FFFFFF;
	background-color: #A0E471;
}
dl.month2 {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 15px;
	background-color: #67D4EF;
	float: left;
	width: 165px;
	margin-right: 5px;
	margin-left: 5px;
	box-shadow: 0px 0px 3px #C1CACF;
}
dl.month2 dt {
	background-color: #90E0F4;
	border: 2px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #FFFFFF;
}
dl.month3 {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 15px;
	background-color: #FFACD5;
	float: left;
	width: 165px;
	margin-right: 5px;
	margin-left: 5px;
	box-shadow:0px 0px 3px #C1CACF;
}
dl.month3 dt {
	background-color: #FFC0DF;
	border: 2px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #FFFFFF;
}

dl.month4 {
	padding: 10px;
	margin-bottom: 20px;
	border-radius: 15px;
	background-color: #FCD300;
	float: left;
	width: 165px;
	margin-right: 5px;
	margin-left: 5px;
	box-shadow: 0px 0px 3px #C1CACF;
}
dl.month4 dt {
	background-color: #FFE45B;
	border: 2px solid #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #FFFFFF;
}

#event p {
	text-align: left;
}
dl.month0 {
	padding: 1%;
	margin-bottom: 0px;
	border-radius: 15px;
	background-color: #C3DEE8;
	float: left;
	width: 94%;
	margin-left: auto;
	margin-right: auto;
}
dl.month0 dt {
	background-color: #BCD8E1;
	border: 2px solid #FFFFFF;
	font-size: 20px;
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	border-radius: 15px;
	color: #FFFFFF;
	box-shadow: 0px 0px 3px #C1CACF;
}


#jigyo .monte {
	text-align: left;
	padding-top: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	padding-left: 15px;
	background-color: #D7E8F1;
	margin-bottom: 20px;
	border-radius: 12px;
}

#jigyo table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 90%;
	border-spacing:10px;
}
#jigyo table th {
	padding: 3px;
	font-size: 15px;
	color: #FFFFFF;
	border-radius: 6px;
	width:18%;
}
#jigyo table td {
	border-bottom: 1px solid #C3E1DD;
	padding: 5px;
	text-align: left;
}
.bg1 {
	background-color: #F7A5A6;
	-webkit-box-shadow: 0px 0px 3px 3px #F7A5A6;
	box-shadow: 0px 0px 3px 3px #F7A5A6;
}
.bg2 {
	background-color: #EDA7EC;
	-webkit-box-shadow: 0px 0px 3px 3px #EDA7EC;
	box-shadow: 0px 0px 3px 3px #EDA7EC;
}
.bg3 {
	background-color: #C8B1F1;
	-webkit-box-shadow: 0px 0px 3px 3px #C8B1F1;
	box-shadow: 0px 0px 3px 3px #C8B1F1;
}
.bg4 {
	background-color: #B4CAF8;
	-webkit-box-shadow: 0px 0px 3px 3px #B4CAF8;
	box-shadow: 0px 0px 3px 3px #B4CAF8;
}
.bg5 {
	background-color: #87DCD8;
	-webkit-box-shadow: 0px 0px 3px 3px #87DCD8;
	box-shadow: 0px 0px 3px 3px #87DCD8;
}
.bg6 {
	background-color: #95E3AA;
	-webkit-box-shadow: 0px 0px 3px 3px #95E3AA;
	box-shadow: 0px 0px 3px 3px #95E3AA;
}


#tokubetsu table {
	margin-right: auto;
	margin-bottom: 30px;
	margin-left: auto;
	width: 90%;
	border-spacing:10px;
}
#tokubetsu table th {
	padding: 3px;
	font-size: 15px;
	color: #FFFFFF;
	border-radius: 6px;
	width:18%;
}
#tokubetsu table td {
	border-bottom: 1px solid #C3E1DD;
	padding: 5px;
	text-align: left;
}
.bg7 {
	background-color: #B2D823;
	-webkit-box-shadow: 0px 0px 3px 3px #B2D823;
	box-shadow: 0px 0px 3px 3px #B2D823;
}
.bg8 {
	background-color: #F5C600;
	-webkit-box-shadow: 0px 0px 3px 3px #F5C600;
	box-shadow: 0px 0px 3px 3px #F5C600;
}

#kosodate p {
	text-align:left;
}

#blogbox {
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
	overflow: hidden;
	width: 100%;
}
#blogside {
	float: left;
	width: 180px;
	background-color: #FFFEC4;
	box-shadow: 0px 0px 5px #CCC;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-bottom: 30px;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top: 6px solid #FFD600;
}
#blogside ul {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
}
#blogside li {
	padding-bottom: 5px;
	border-bottom: 1px solid #B9C9CF;
	background-image: url(images/arrow1.png);
	background-repeat: no-repeat;
	background-position: left top;
	list-style-type: none;
	padding-left: 20px;
	padding-top: 5px;
}
#blogmain {
	float: right;
	width: 590px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	padding-left: 10px;
}
.blogkiji {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 30px;
}
.blogkiji .bloghonbun {
	text-align: left;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #FFCE00;
	padding-left: 10px;
	padding-right: 10px;
}
.blogkiji .blogdate {
	text-align: right;
	margin-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
	background-color: #FFEC9F;
	border-radius: 10px;
}
.blogkiji ul {
	overflow: hidden;
	margin-right: auto;
	margin-left: auto;
	width: 100%;
}
.blogkiji ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
}

.blogkiji ul li img {
	width: 160px;
}





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


#topqr {
	display:none;
	}

header,footer,main,#mainnav, #mainnav ul, #contents,#sidenav,#mainarea {
	width: 100%;	
	float: none;
}
#system_main {
	width: 96%;
	background-image: none;	
	}

h2 {
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	}
main {
	margin-top: 10px;
	margin-bottom: 10px;
}
h1 {
	width: auto;
	height: 79px;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 31px;
	padding-bottom: 10px;
	text-align: right;
	}
header {
	height: auto;
	background-image: url(images/bg_header768.png);
	background-position: left top;
	background-repeat: no-repeat;
	}


footer p {
	width: 95%;
}



#mainnav {
	background-image: none;
	height: auto;
	margin-top: 0px;
	background-color: #22B7AB;
	border-top: 1px solid #D5D5D5;
	border-bottom: 1px solid #D5D5D5;
	float: none;
}
#mainnav ul {
	width: 100%;
	padding-top: 0px;
	margin-left: 0px;
	}
#mainnav li {
	height: 50px;
	font-size: 14px;
	line-height: 50px;
	float: left;
}
#menu2,#menu6,#menu5,#menu4 {
	width: 33%;
	padding:0px;
	margin: 0px;
}
#menu1,#menu3 {
	width: 34%;
	padding:0px;
	margin: 0px;
}

#menu1 a,#menu2 a,#menu3 a,#menu4 a,#menu5 a,#menu6 a {
	background-image: none;
	width: 100%;
	text-decoration: none;
	padding-top: 0px;
	height: 50px;
	color: #FFFFFF;
	}


#menu1 a:hover,#menu2 a:hover,#menu3 a:hover,#menu4 a:hover,#menu5 a:hover,#menu6 a:hover {
	color: #fff;
	height: 50px;
	background-image: none;
	background-color: #88EDF3;
}
#menu1 a#nowHere,#menu2 a#nowHere,#menu3 a#nowHere,#menu4 a#nowHere,#menu5 a#nowHere,#menu6 a#nowHere {
	background-image: none;
	color: #193E3F;
	font-weight: bold;
	font-size: 16px;
	background-color: #FFFCDC;
	}
	
	
	

#top,#topblog,#topslide,#outline, #gaiyo2,#enkaku,#houshin,#mokuhyo,#seikatsu,#daily,#event,#jigyo,#kyouiku,#tokushoku,#kosodate,#blog {
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}

#topblog,#topslide,#slideshow,#topblogmain,#topside,#topqr,#map,#gaiyo,#program1,#program2,#blogbox,#blogside,#blogmain {
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}


dl.month1, dl.month2, dl.month3, dl.month4 {
	width: 42%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 3%;
}
dl.month0 {
	width: 92%;
	margin-right: 1%;
	margin-left: 1%;
	padding: 3%;
}	

ul.photo4,ul.photo2 {
	width: 100%;
}
ul.photo4 li,ul.photo2 li {
	width: 46%;
}
ul.photo4 img,ul.photo2 img {
	width: 100%;
}

.about img {
	width: 90%;
	}
	
.container  {
	width:100%
}

}

@media screen and (max-width:480px){
header, footer,main,#mainnav, #mainnav ul {
	width: 100%;	
}

h1 img {
	width: 250px;
}
h1 {
	height: 58px;
	width: auto;
	margin-left: 5px;
	margin-right: 5px;
	padding-top: 40px;
	padding-bottom: 3px;
	text-align: right;
	}
header {
	height: auto;
	background-image: url(images/bg_header480.png);
	background-position: left top;
	background-repeat: no-repeat;
	}

#menu1,#menu6,#menu5,#menu2,#menu3,#menu4 {
	width: 50%;
}


#top,#topblog,#topslide,#outline, #gaiyo2,#enkaku,#houshin,#mokuhyo,#seikatsu,#daily,#event,#jigyo,#kyouiku,#tokushoku,#kosodate,#blog {
	width: 98%;
	margin-right: auto;
	margin-left: auto;
}

#map, #gaiyo, #program1,#program2, #blogbox, #blogside, #blogmain {
	float: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}

ul.photo4,ul.photo2 {
	width: 98%;
}
ul.photo4 li,ul.photo2 li {
	float: none;
	list-style-type: none;
	width: 95%;
	margin-right: auto;
	margin-left: auto;
}
ul.photo4 img,ul.photo2 img {
	width: 100%;
}
dl.month1, dl.month2, dl.month3, dl.month4, dl.month0 {
	width: 90%;
	float: none;
	margin-right: auto;
	margin-left: auto;
	padding: 3%;
}
	
	
.blogkiji ul li {
	float: left;
	box-shadow:0px 0px 5px #ccc;
	list-style-type: none;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
	border: 5px solid #FFF;
	width: 95%;
}
.blogkiji ul li img {
	width: 100%;
}


.container  {
	width:98%
}

	}