/* CSS Document */

@charset "UTF-8";

html, body, div, h1, h2, h3, h4, h5, h6,
p, blockquote, pre, address, ul, ol, li, dl, dt, dd,
table, th, td, form, fieldset{
	margin:0;
	padding:0;
	color:#333;
	font-size:1em;
	line-height:1.5em;
	font-weight:normal;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}




html{
	overflow:scroll;
	overflow:-moz-scrollbars-vertical;
	overflow-x:scroll;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
}

body{
	text-align:center;
	/*
	background:url(../img/btm_bak.png);
	*/
}

.cb{
	clear:both;
}

img{
	border:0;
	vertical-align: middle;
}

.pic:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
}

a, a:link{ color:#39c; text-decoration:none; }
a:visited{ color:#39c; }
a:hover, a:focus, a:active{ color:#F3C; text-decoration:underline; }

/*
.hit{
	background:#FF6;
}
*/
.waku{
	margin:0 auto;
	width:980px;
	text-align:left;
	background:#FFF;
}
.inner{
	margin:0 auto;
	width:940px;
	overflow:hidden;
}



.tbl{
	margin:0 0 15px 0;
	border-collapse:collapse;
	border-top:2px solid #CCC;
	border-right:2px solid #CCC;
}
.tbl th,
.tbl td{
	padding:5px 10px;
	border-bottom:2px solid #CCC;
	border-left:2px solid #CCC;
	text-align:left;
	vertical-align:top;
}
.tbl th{
	background:#F1F1F1;
	white-space:nowrap;
}
.tbl td{
	background:#FFF;
}

















#top{
	height:100px;
	background:#FFF;
	background:url(../img/body_bak.png) top repeat-x #FFF;
}
#top .box1,
#top .box2{
	margin:10px 0 0 0;
}
#top .box1{
	float:right;
	width:450px;
}
#top .box2{
	float:left;
	width:350px;
	text-align:left;
}
h1{
	text-align:right;
	height:45px;
	line-height:25px;
	font-size:12px;
	font-weight:bold;
}
#top .txt{
	font-size:12px;
	text-align:right;
}





/*





hr{
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #CCCCCC;
	margin:1em 0;
}






.box{
	background:#CCC;
}








*/

#mn_bak{
	overflow:hidden;
	background:url(../img/mn_bak.gif);	
	border-top:1px dotted #CCC;
	border-bottom:2px solid #f7bbcf;
}
#mn_bak,
#mn ul,
#mn li{
	height:42px;
}
#mn ul{
	list-style:none;
	border-left:1px dotted #CCC;
}
#mn li{
	border-right:1px dotted #CCC;
	float:left;
	line-height:42px;
	text-shadow:1px 1px 3px #CCC;
}
#mn li a{
	padding:0 10px;
	display:block;
	color:#333;
}
#mn li a:hover,
#mn li .hit{
	color:#F06;
	text-decoration:none;

}


#fm{
	padding:30px 0;
	text-align:left;
	overflow:hidden;
	text-align:left;
}
#fm1{
	float:left;
	width:660px;
}
#fm2{
	float:right;
	width:255px;
}

.banner1 h5{
	margin:0 0 10px 0;
	font-size:12px;
	padding:5px 0;
	font-weight:bold;
	text-align:center;
	background:#F1F1F1;
}
.banner1 ul{
	list-style:none;
}
.banner1 li{
	margin:0 0 10px 0;
	text-align:center;
	font-size:12px;
}



#top_img{
	margin:0 0 15px 0;
}


.box660to3{
	margin:0 0 30px 0;
	overflow:hidden;
}
.box660to3 .box1,
.box660to3 .box2{
	margin:10px 0 0 0;
	padding:0 0 5px 0;
	width:210px;
	float:left;
	border:1px solid #CCC;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.box660to3 .box2{
	margin-left:11px;
}
.box660to3 .txt{
	margin:0 5px;
}



.news_lsit h2,
#top_seiritsu h2,
.box660to3 h2{
	margin:0 0 5px 0;
	background:#F1F1F1;
	padding:7px 10px 5px 10px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.news_lsit h2,
#top_seiritsu h2,
.box660to3 h2,
.box660to3 h2 a{
	color:#c33974;
	color:#000;
	font-weight:bold;
	text-shadow: 0px 0px 4px #FFF;
}
.box660to3 .txt{
	padding:3px 0 10px 0;
	font-size:12px;
	height:35px;
}

.news_lsit,
#top_seiritsu{
	margin:0 0 30px 0;
	background:#FFF;
	border:1px solid #CCC;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

.news_lsit .box1{
	margin:10px;
}
.news_lsit ul{
	list-style:none;
}
.news_lsit li{
	padding:5px 10px;
	border-bottom:1px solid #CCC;
}

#top_seiritsu .box1{
	padding:5px 0;
	text-align:center;
}











.ttl{
	color:#ff6600;
	margin:0 0 20px 0;
	padding:12px 10px;
	background: #F1F1F1;
	border-radius:5px;
	font-size:20px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	text-shadow:1px 1px 2px #FFF;

}
.ttl2{
	background:url(../img/mn_bak.gif) bottom repeat-x;
	padding:5px 10px;
	border:1px solid #CCC;
	/*
	background:url(../img/ttl2.gif) left top no-repeat;
	height:32px;

	line-height:32px;
	border-right:1px solid #CCC;
	text-indent:30px;
	*/
}
.ttl2 .icon{
	padding:0 0 0 20px;
	background:url(../img/ttl_icon.png) left no-repeat;
}

.three_pic{
	margin:0 0 0 0;
	overflow:hidden;
}
.three_pic .box1{
	width:200px;
	float:left;
}
.three_pic .box1 img{
	width:190px;
	height:142px;
	padding:0 0 10px 0;
}

#news_iine{
	margin:10px 0;
}
.news_box{
	margin:20px 20px 60px 20px;
}
.news_box ul{
	margin:20px 30px;
}
.news_box .txt{
	margin:20px 0 0 0;
}




#calendar	.cts,
#houkoku	.cts,
#faq		.cts,
#osekkai	.cts,
#nantogo	.cts,
#info		.cts,
#contact	.cts{
	margin:0 20px;
}


#calendar	.cts .txt,
#houkoku	.cts .txt,
#faq		.cts .txt,
#osekkai	.cts .txt,
#nantogo	.cts .txt,
#info		.cts .txt,
#contact	.cts .txt{
	margin:20px 0;
}

/* houkoku */
#calendar .cts .txt,
#nantogo .cts .txt,
#info .cts .txt,
#houkoku .cts .txt,
#osekkai .cts .txt,
#contact .cts .txt{
	margin:15px 0 40px 0;
}




/* faq */
#faq .fq,
#faq .fa{
	clear:both;
	overflow:hidden;
}
#faq .fa{
}
#faq .fq .box1{
	width:120px;
	text-align:left;
	float:left;
}
#faq .fa .box1{
	width:100px;
	text-align:right;
	float:right;
}

#faq .faq_box{
	overflow:hidden;
	margin:0 0 50px 0;
	padding:0 0 50px 0;
	border-bottom:3px dotted #CCC;
}

#faq .fq .box2,
#faq .fa .box2{
	margin:0 auto;
	padding:20px;
	width:440px;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}

#faq .fq .box2{
	float:right;
	background:#ffe0e6;
}

#faq .fa .box2{
	float:left;
	background:#eaeaea;
}


#osekkai .cts .txt span{
	color:#F1F1F1;
}
#osekkai .cts .txt ul{
	margin:0 0 50px 0;
	list-style:inside;
	overflow:hidden;

}
#osekkai .cts .txt li{
	margin:5px 10px;
	padding:5px 10px;
	float:left;
	width:150px;
	font-size:12px;
	background:#F1F1F1;
}
















#aip48,
#top_calendar_box,
#top_info_box,
#seiritsu{
	padding:10px 0;
	background:#fffbf2;
	border:3px solid #d1b381;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
	text-align:center;
}
.banner1,
#aip48,
#top_calendar_box,
#top_info_box,
#seiritsu{
	margin:0 0 25px 0;
}
#top_calendar_box h3,
#top_info_box h3,
#seiritsu h3{
	margin:0 0 10px 0;
	padding:4px 10px 2px 10px;
	font-size:14px;
	text-align:left;
	background:#e4f3ee;
	color:#4faa8b;
}
#top_calendar_box .box1,
#top_calendar_box .txt,
#top_info_box .box1,
#seiritsu .box1{
	margin:0 10px;
}
#top_calendar_box .txt{
	font-size:11px;
	text-align:right;
}
#top_info_box .txt{
	font-size:12px;
	text-align:left;
}
#top_info_box .box2{
	margin:5px 0;
	padding:5px 0;
	border-top:1px solid  #CCC;
	border-bottom:1px solid  #CCC;
}

#aip48{
	background:#FFF;
}
#aip48 .txt{
	margin:5px 10px;
	font-size:12px;
	text-align:left;
}




/* top */
#top_calendar_box .calendar{
	width:100%;
	margin:0 auto 5px auto;
	border-collapse:collapse;
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
}
#top_calendar_box .calendar th,
#top_calendar_box .calendar td{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	text-align:center;
	font-size:12px;
	line-height:110%;
}
#top_calendar_box .calendar th{
	background:#F1F1F1;
	padding:5px 0;
}
#top_calendar_box .calendar td{
	padding:5px 0;
	background:#FFF;
}
#calendar .tbl .cal_sun,
#top_calendar_box .calendar .cal_sun,
#top_calendar_box .calendar .cal_sun2{
	color:#F00;
}
#calendar .tbl .cal_sat,
#top_calendar_box .calendar .cal_sat,
#top_calendar_box .calendar .cal_sat2{
	color:#00F;
}

#top_calendar_box table{
	margin:0 0 3px 0;
}


#footer{
	margin:20px 0 0 0;
	background:#F1F1F1;
}
#footer .box1{
	overflow:hidden;
	margin:5px;
}
#footer .box1 ul{
	list-style:none;
}
#footer .box1 li{
	margin:5px;
	padding:0 5px;
	float:left;
	font-size:12px;
	background:#FFF;
}
#copy{
	text-align:right;
	margin:10px 0;
}




/* 481 */
@media screen and (max-width: 801px){

	
	.waku,
	.inner,
	#top,
	#top .box1,
	#top .box2,
	#mn,
	#mn_bak,
	#fm1,
	#fm2{
		width:100%;
		margin:0 auto;
		padding:0;
		clear:both;
		float:none;
	}
	#top,
	#mn,
	#mn_bak{
		height:auto;
	}
	#top .box1,
	#top .box2,
	#fm1,
	#fm2{
		width:95%;
	}
	h1{
		margin:5px 0 0 0;
		text-align:left;
		height:20px;
		line-height:25px;
	}
	#top .txt,
	.movie,
	#copy span{
		display:none;
	}
	#top .box2 img{
		
		margin:5px 0;
	}
	#mn li{
		float:left;
		letter-spacing:0px;
	}
	#mn li a{
		padding:0 10px;
	}
	#mn li a,
	#mn li a:hover,
	#mn li .hit{
			background:none;
	}

	#calendar	.cts,
	#houkoku	.cts,
	#faq		.cts,
	#osekkai	.cts,
	#nantogo	.cts,
	#news		.cts,
	#info		.cts{
		margin:0 0px;
	}


	.box660to3 .box1,
	.box660to3 .box2{
		width:145px;
		text-align:center;
	}
	.box660to3 h2{
		font-size:12px;
	}
	.box660to3 img{
		width:135px;
		height:48px;
	}
	.banner1{
		clear:both;
	}
	.banner1 li{
		margin:0 5px 5px 0;
	}

	.box660to3 .txt{
		display:none;
	}
	.box660to3 .box1,
	.box660to3 .box2{
		margin:0 5px 15px 0;
	}

	.news_lsit  span,
	#top_seiritsu span{
		display:block;
	}


	.three_pic .box1{
		width:130px;
		text-align:right;
		float:left;
	}
	.three_pic .box1 img{
		width:120px;
		height:90px;
		padding:0 0 5px 0;
	}
	.news_box{
		margin-left:5px;
		margin-right:5px;
	}



	#faq .fq .box1,
	#faq .fq .box2,
	#faq .fa .box1,
	#faq .fa .box2{
		width:auto;

	}

	#top_seiritsu img{
		width:98%;
	}

	#calendar .tbl{
		width:100%;
	}
	#calendar .tbl th,
	#calendar .tbl td{
		width:14.2%;
		padding:2px;
	}




/*
	#menu,
	#fm1,
	#fm2,
	#ft,
	#ft .box1,
	#ft .box2{
		width:100%;
		margin:0 auto;
		padding:0;
		clear:both;
		float:none;
	}
	#top{
		height:auto;
	}

	#ft .box1,
	#ft .box2{
		width:95%;
	}


	.tbl th{
		white-space:normal;
	}
	.tbl th span{
		display:block;
	}
	#ft .box2 span{
		display:none;
	}
	h2{
		margin:15px 0 10px 0;
		font-size:1.2em;
	}

	#top .box1{
		margin:5px auto 0 auto;
		display:block;
	}
	#top .box2{
		height:64px;
	}
	#top .box2 img{
		width:300px;
	}
	h1{
		text-align:left;
		padding:0 0 0 0;
		height:auto;
		line-height:100%;
		font-weight:normal;
		font-size:10px;
	}
	#top .box1 .txt{
		display:none;
	}
	#top{

	}

	.top_img img{
		width:100%;
	}
	#fm2{
		background:url(../img/shikiri.png) left top repeat-x;
		padding:30px 0 0 0;
		margin-top:30px;
	}



	.inst_box,
	.inst_box .box1,
	.inst_box .box2{
		float:none;
		width:100%;
	}
	.inst_box .box2,
	#news_link{
		margin:0 auto;
		width:95%;

	}
	.inst_box .box2{
		margin:5px auto 0 auto;
		padding:0;
	}
	.news_box{
		width:100%;
	}
	.news_box .pic{
		width:100px;
		text-align:center;
	}
	.news_box .pic img{
		width:80px;
	}
	.news_box .txt{
		padding:0;
		float:left;
		width:190px;
	}
	.onegai .box1,
	#gaikan .box1{
		text-align:left;
	}
	.onegai .box1 img{ width:190px; }
	#gaikan .box1 img{ width:210px; }
	
	.staff_lsit{
		margin:10px 0;
	}
	.staff_lsit h3{
		margin:0 5px;
		padding:0 5px;
		font-size:12px;
		text-align:left;
	}
	.staff_lsit .box1{
		margin:0 10px 10px 0;
		width:140px;

	}
	.inst_box .box1 img,
	.staff_lsit .box1 img{
		width:90%;
	}
	#calendar .tbl{
		width:100%;
	}
	#calendar .tbl th,
	#calendar .tbl td{
		width:14.2%;
		padding:2px;
	}
	#bus .tbl th,
	#bus .tbl td{
		font-size:12px;
		padding:0;
	}
	#bus .tbl td{
		padding:5px 2px;
	}
	#banner img{
		width:130px;
	}
	#ft .box1{
		margin-top:10px;
		margin-bottom:10px;
	}
	*/
}

