@charset "shift_jis";

/*---------------------------------------------------------------------
	CSSƒŠƒZƒbƒg
---------------------------------------------------------------------*/

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{margin:0px;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
nav,ul,ol{list-style:none;}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;}
ins{background-color:#ff9;color:#000;text-decoration:none;}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}
del{text-decoration:line-through;}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}
table{border-collapse:collapse;border-spacing:0;}
hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}
input,select{vertical-align:middle;}


/*---------------------------------------------------------------------
	�ƒ�L��
---------------------------------------------------------------------*/

#main p.bnrAd1 img,#main p.bnrAd2 img,#main p.bnrAd3 img ,#main .manu img{
display:block;
margin:0px auto;
}

#main .school p.bnrAd2,#main .taiken p.bnrAd2,#main .school p.bnrAd3{
border:none;
}




/*---------------------------------------------------------------------
	body
---------------------------------------------------------------------*/

body {
width:100%;
color:#333;
font-size:14px;
text-align:center;
letter-spacing:1px;
-webkit-text-size-adjust:none;
background:#e8e8e8;
}


/*---------------------------------------------------------------------
	page
---------------------------------------------------------------------*/

#page {
width:94	%;
max-width:950px;
min-width:300px;
margin:0px auto;
text-align:left;
overflow:hidden;
border-right:4px solid #CCCCCC;
border-left:4px solid #CCCCCC;
background:#FFF;
}

a {
-webkit-tap-highlight-color: rgba(200,200,555,.6);
}

#page p strong{
font-weight:normal;
}

#page header p strong{
font-weight:bold;
}

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

header{
margin-bottom:6px;
background:url(img/hikouki.gif) right no-repeat;
background-color:#FFF;
}

header p{
font-size:12px;
color:#660000;
padding:6px 10px;
font-weight:bold;
line-height:170%;
margin-top:20px;
}

h1{
font-size:10px;
}

h1 a{
display:block;
height:114px;
padding:6px 6px 20px 6px;
width:100%;
background:url(img/title.gif) left bottom no-repeat;
}

/*ƒTƒCƒgƒ}ƒbƒv‚Æ‚P‚W‹Ö*/
#sitemap,#yahoo{
font-size:12px;
text-align:right;
margin:4px;
line-height:20px;
}


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

#koushin,#main .riyou,#main .riyou{
width:100%;
}


#main {
	float:left;
	width:66%;
	padding:6px 0px 8px 10px;
	margin-bottom:10px;
	box-sizing: border-box;
}

#main p{
line-height:200%;
color:#000;
}

#main h2{
padding:6px 10px;
font-size:16px;
}

#main p{
padding:8px;
margin-bottom:8px;
}

#koushin{
border-right:2px solid #F49E55;
border-bottom:2px solid #F49E55;
border-left:2px solid #F49E55;
background:#FDF5E6;
}

#koushin h2{
background:#F90;
color:#660000;
}

#koushin ol{
padding:10px 10px 10px 30px;
}

#koushin ol li{
list-style:none;
line-height:26px;
}

#koushin ol .new{
font-weight: bold;
}

#koushin h2,#main .riyou h2{
padding-left:20px;
line-height:140%;
}

/*‚h‚m‚c‚d‚w‚Ì�X�V—š—ð‰º�uŽg‚¢•û�v*/

#main .riyou{
border:2px solid #F5C329;
margin-top:12px;
width:100%;
}

#main .riyou h2{
background:#f5c329;
}

#main .riyou p{
padding:10px 20px 4px 20px;
}

/*‚h‚m‚c‚d‚w�Å�VƒŒƒ|�[ƒg‚RŒ�*/
#main .report{
margin-top:20px;
}

#main .report h2{
padding:8px 10px;
line-height:140%;
background:#ffb243;
}

#main .report p{
border-bottom:2px solid #FFB243;
}

/*‚h‚m‚c‚d‚w‘ÌŒ±’k‚ˆ‚Q*/

#main .taiken h2{
background:#F0E68C;
margin-top:20px;
}

#main .taiken p{
border:2px solid #999999;
padding:26px;
line-height:32px;
}

#main .taiken p.title{
font-weight:bold;
margin-left:20px;
margin:2px 6px 2px 20px; 
font-size:16px;
line-height:24px;
border:none;
}

#main .taiken p.title span{
color:#FF0000;
}


/*‚h‚m‚c‚d‚w‘Š’k‚ˆ‚Q*/
#main .soudan{
margin-top:20px;
}

#main .soudan h2{
background:#ff97d4;
padding-left:30px;
}

#main .soudan p{
line-height:30px;
border-bottom:2px solid #FF97D4;
}

#main .school h2{
background:#FFCCCC;
padding-left:10px;
color:#660000;
margin-top:40px;
}

#main .school p{
padding:10px 30px 10px 20px;
border:2px dotted #999999;
}

#main .school p.title{
font-weight:bold;
margin:2px 2px 0px 30px;
font-size:16px;
border:none;
}

#main .school p.title span{
color:#FF0000;
}

/*‰ñ“š*/
#main .school .waku h2{
margin-top:10px;
}

#main .school .waku p{
border:2px solid #999999;
padding:16px 22px;
margin:16px 0px 0px 0px;
background:#E0FFFF;
}

/*‘±‚«ƒŠƒ“ƒN�¨*/
#main .fly{
text-align:right;
}

/*Ž¿–â�E‰ñ“š‰º‰¡ƒoƒi�[*/
#main .deri1m {
	width: 100%;
	box-sizing: border-box;
}

#main .deri1m p {
	width: 100%;
	box-sizing: border-box;
	background: #F39;
	color: #FFF;
	text-align: center;
	font-size: 16px;
	line-height: 1.75;
	font-weight: bold;
	margin: 0px;
}

#main .deri1m a{
	color: #FFF;
	font-weight: bold;
	display: block;
	box-sizing: border-box;
}

#main .deri1m a img{
	width: 100%;
	border: 2px solid #F39;
	display: block;
	box-sizing: border-box;
}

/*INDEX�ʼnº•”�uƒfƒŠƒwƒ‹’mŽ¯�v*/
#main .sabu{
margin-top:20px;
border:2px solid #F08E51;
}

#main .sabu h2{
text-align:center;
color:#663300;
background:#fab48f;
}


#main .sabu p{
margin-top:10px;
text-align:center;
line-height:140%;
}

#main .sabu ul{
margin:20px 20px 20px 50px;

}

#main .sabu ul li{
font-weight:bold;
color:#663300;
line-height:140%;
margin-bottom:10px;
background:url(img/wakaba.jpg) no-repeat;
padding-left:26px;
}




/*ƒpƒ“‚­‚¸*/
#pan{
margin-bottom:6px;
}

#pan ol{
padding:4px 10px;
border:1px dotted #999999;
}

#pan ol li{
display:inline;
border-right:2px solid #a7a7a7;
padding-right:2px;
line-height:130%;
font-size:12px;
}

/*‰ž—p•Ò‚ȂǃTƒuƒRƒ“ƒeƒ“ƒc‚Ì�Ý’è*/

#main .sub{
margin-top:20px;
}

#main .sub h2{
background:#edaa5a;
}

#main .sub p span,#main .sub2 p span,#main .sub3 p span{
color:#CC0000;
font-size:16px;
}

#main .sub3 h2{
border-top:2px solid #fd9551;
border-bottom:2px solid #fd9551;
background:#fee6d3;
max-width:500px;
}

#main .sub3 ol{
border:1px solid #666666;
background:#FDF5E6;
max-width:400px;
margin-top:10px;
}

#main .sub3 ol li{
font-weight:bold;
font-size:16px;
padding:8px 10px;
line-height:140%;
}

#main .sub3 ol li span{
font-size:18px;
color:#FF0000;
}

/*‘ŠŒÝƒŠƒ“ƒNƒy�[ƒW‚̃e�[ƒuƒ‹*/

#main table.link{
border-collapse:collapse;
width:94%;
margin:10px 10px 50px 20px;
}


#main table.link tr td{
padding:8px 4px 6px 14px;
}



#main .sub2{
margin-top:20px;
border-bottom:2px solid #EDAA5A;
}

#main .sub2 h2{
background:#edaa5a;
}

#main .con{
margin-top:20px;
}

#main .con ul{
padding:10px;
border:1px solid #999999;
background:#FDF5E6;
}

#main .con ul li{
border-bottom:1px dotted #999999;
padding:2px 6px 2px 20px;
margin-bottom:10px;
line-height:150%;
}

#main .con ul .banner img{
width:88px;
}

#main form{
margin:10px 10px 10px 20px;
}

#main form p{
margin-bottom:0px;
}


#main .sub3{
margin-top:10px;
}

#main .sub3 ul{
border:1px solid #666666;
background:#FDF5E6;
padding:10px;
}

#main .sub3 ul li{
font-weight:bold;
line-height:150%;
margin-bottom:6px;
}

#main .sub3 ul li span{
font-size:24px;
color:#FF0000;
}

/*ƒ�ƒCƒ“•—‘­‚p�•‚`ƒoƒi�[*/
#main #mainqa{
	width: 100%;
	background: #fafae1;
	box-sizing: border-box;
	margin: 10px 0px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#main #mainqa h2{
	color: #fff;
	text-align: center;
	margin: 0;
	background: #ff3399;
}

#main #mainqa p{
	margin: 10px 0;
	padding: 0 10px;
	color: #363636;
	line-height:1.7;
	text-align: justify;
}

#main #mainqa #waku {
	padding: 10px;
	margin: 0;
}

#main #mainqa p#wlink{
	margin: 0px;
	text-align:center;
	padding:0px;
}

#main #mainqa p#wlink a {
	width: 100%;
	color: #09F;
	font-size: 22px;
	line-height: 1.75;
	display: block;
}
#main #mainqa #waku a:nth-child(2) {
	display: block;
}
#main #mainqa #waku a:nth-child(3) {
	display: none;
}

#main #mainqa a {
	width: 96%;
	max-width: 600px;
	display: block;
	margin: 0px auto;
}
#main #mainqa a img{
	width: 100%;
	height: auto;
	display:block;
}




/*---------------------------------------------------------------------
	nav
---------------------------------------------------------------------*/

nav {
 float:right;
 width:30%;
 margin-bottom:10px;
 padding:4px 8px 10px 0px;
}

nav h2{
padding:6px;
border-bottom:4px solid #feb55e;
margin-top:10px;
}

nav p{
font-size:12px;
padding:10px;
line-height:24px;
}

nav ul{
margin:10px 4px 20px 10px;
margin-bottom:30px;
}

nav ul li{
line-height:160%;
margin-bottom:10px;
}

/*‚P•ªŠÔƒoƒi�[*/
#deriheru h2{
background:#49362A;
color:#FFFFFF;
font-size:16px;
padding:6px;
border-bottom:none;
margin-top:0px;
}


#deriheru a img{
border:none;
width:100%;
}

/*ƒTƒCƒh•—‘­‚p�•‚`ƒoƒi�[*/
#sideqa{
	margin-bottom:10px;
	border:2px solid #fb2c8e;
	background:#fafae1;
	font-family:"ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒ�ƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
}

#sideqa h2{
	background:#fb2c8e;
	color:#FFF;
	text-align:center;
	border-bottom:none;
	margin:0px;
	padding:6px;
	font-size:16px;
	line-height:150%;
}

#sideqa p{
	line-height: 1.75;
	font-size: 14px;
	text-align: justify;
}
#sideqa a {
	width: 100%;
	display:block;
}
#sideqa a img{
	width: 94%;
	height: auto;
	max-width: 300px;
	display:block;
	margin:4px auto 10px auto;
}




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

footer{
text-align: center;
background:#FFB243;
padding:10px;
}



/*---------------------------------------------------------------------
	Media Queries
---------------------------------------------------------------------*/

/* PC */
@media only screen and (max-width:900px) {

header{
background-image:none;
}


}



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

#main{
width:64%;
}

#main .sabu ul{
margin:20px 20px 20px 20px;
}


#main .manu img{
	max-width:100%;
	height:auto;
}


}



/*nav‚ª‰ñ‚è�ž‚Þ•�*/
@media only screen and (max-width:575px) {

	h1 a{
		background-size:74% auto;
		height:108px;
	}
	
	img{
		width:100%;
	}
	
	#main {
		width: 96%;
		float: none;
		padding: 0;
		margin: 0 auto;
	}
	
	nav {
		float: none;
		width: 96%;
		padding: 10px;
		margin: 0 auto;
	}
	
	
	#deriheru a img{
		max-width:280px;
		display:block;
		margin:10px auto;
		
	}
	
	.long ul .ba a img{
		max-width:200px;
	}
	
	#main table.link tr td{
		border:none;
	}
	
	#main table.link tr td img{
		width:88px;
	}
	#main #mainqa #waku a:nth-child(2) {
		display: none;
	}
	#main #mainqa #waku a:nth-child(3) {
		display: block;
	}

	
}

/* Mobile (longitudinal) */
@media only screen and (max-width:490px) {

	h1 a{
		height:92px;
	}
	
	
	#main {
		width:96%;
		margin: 0 auto 20px auto;
	}
	
	#main .taiken p.title{
		margin-left:10px;
	}
	nav {
		padding: 0;

	}


}

/* Mobile (beside) */
@media only screen and (max-width:440px) {

h1 a{
	height:80px;
}

#main {
	width:95%;
}

#main table.link{
	margin:10px 0px 50px 0px;
}

#main table.link tr td{
	padding:4px 2px 2px 6px;
}


}

/* Mobile (beside) */
@media only screen and (max-width:380px) {


h1 a{
height:80px;
}
	


}

/* Mobile (beside) */
@media only screen and (max-width:350px) {


h1 a{
height:64px;
}

}