@charset "utf-8";
/* CSS Document */
* {
	margin: auto;
	padding: 0px;
}
body {width: 640px;
margin: auto;
font-family: ArialMT, メイリオ, sans-serif;
line-height: 200%;
background: #FFFFFF;}

h2{line-height: normal;}

a{color: #0000CC;}
a:visit{color: #0000CC;}

header{
	width: 630px;
	height: 120px;
	background: url(../images/header.gif) no-repeat;
	background-color: #2d2928;
	padding: 5px;}
#index{width: 300px;
float: left;
line-height: normal;}
#index h1 a{font-size: 12px;
color: #666;
padding-left: 10px;
display: block;
height: 60px;
text-align: center;}
#navi{width: 300px;
float: right;
color: white;
border: 1px solid white;
border-radius: 5px;}
#navi ul{
padding: 0px;
padding: 8px;}
#navi ul li{font-size: 12px;
list-style: inside;
color: #F3247B;
line-height: normal;
margin-bottom: 5px;}
#navi ul li a{color: white;}
header figure{width: 300px;
height: 75px;
float: right;
line-height: normal;
margin: 0px;
padding: 5px;}

#textarea{background: #2D2928;
padding: 5px 10px;}
#textarea p{font-size: 12px;
color: white;}

#sitemap{border: 1px solid #2D2928;
text-align: right;}
#sitemap ul li{display: inline;
font-size: 12px;
padding: 0px 5px 0px 20px;
background: url(../images/arrow_pink.gif) no-repeat;}


#ninsho{background: #DCDDDD;
border: 1px solid #08AA09;
margin: 8px 0px;
text-align: center;}
#ninsho h2{background: url(../images/ninsho.gif);
color: white;
border-bottom: 1px solid #08AA09;
font-size: 16px;}
#ninsho p{padding: 0px 5px;
font-size: 14px;}

#pankuzu{border: 1px solid #2D2928;
padding: 5px;
line-height: normal;
margin-bottom: 10px;}
#pankuzu ul li{display: inline;
font-size: 12px;
padding: 0px 5px 0px 20px;
background: url(../images/arrow_black_s.gif) no-repeat;}


#main{float: right;
width: 415px;}
#main h2{font-size: 16px;
margin-bottom: 8px;
padding-left: 5px;}
#main p{font-size: 14px;
margin: 0px 10px 10px 8px;}

#main ul{font-size: 14px;
margin: 8px;}
#main ul li{font-weight: bold;
list-style: inside;}

#topic h2{padding: 5px;
	border-radius: 0px 30px 30px 0px;}
#hokkai{
	background: #57A2DD;
	background: -moz-linear-gradient(right, #57A2DD, white);
	background: -webkit-gradient(linear, right, left, from(#57A2DD), to(white));}
#kanto{
	background: #7AB140;
	background: -moz-linear-gradient(right, #7AB140, white);
	background: -webkit-gradient(linear, right, left, from(#7AB140), to(white));}
#hoku{
	background: #EF9436;
	background: -moz-linear-gradient(right, #EF9436, white);
	background: -webkit-gradient(linear, right, left, from(#EF9436), to(white));}
#kinki{
	background: #FF4467;
	background: -moz-linear-gradient(right, #FF4467, white);
	background: -webkit-gradient(linear, right, left, from(#FF4467), to(white));}
#kyushu{
	background: #8558A1;
	background: -moz-linear-gradient(right, #8558A1, white);
	background: -webkit-gradient(linear, right, left, from(#8558A1), to(white));}
#topic ul{padding: 10px;
margin-bottom: 10px;
border: 1px solid #2D414B;}
#topic ul li{font-size: 14px;
list-style: none;
background: url(../images/arrow_black.gif) no-repeat;
height: 35px;
margin: 10px 10px;
padding-left: 25px;
border-bottom: 1px solid #2D414B;
line-height: normal;}
#topic p a{line-height: normal;
background: url(../images/arrow_black.gif) no-repeat;
padding-left: 25px;
font-weight: bold;
font-size: 16px;}
#topic table caption{border: 1px solid #2D414B;
	border-radius: 0px;
	background: #F7F6EB;
	font-size: 16px;
	padding: 8px;}
#topic table caption span{font-weight: bold;
color: #F3247B;}


#main aside{background: url(../images/1mbana.gif) no-repeat;
	width: 385px;
	 height: 60px;
	 line-height: normal;
	 margin: 15px;}
#main aside p{width: 375px;
height: 45px;
font-size: 18px;
color: white;
font-weight: bold;
text-align: right;
margin: 0px;
padding: 15px 0px 0px 0px;}
#main aside p a{font-size: 26px;
	padding: 0px 2px;}

#main article{margin: 8px 0px;}
#main article h2{border-bottom: 1px solid #F3247B;}
#main article h2 span{font-size: 24px;
color: #F3247B;
padding: 0px 2px;}

#main table{font-size:14px;
width: 410px;
line-height: normal;
border: 1px solid #2D2928;
border-collapse: collapse;
margin-bottom: 15px;}
#main table th{font-size: 12px;
padding: 3px 3px 3px 22px;
border: 1px solid #2E88B3;
text-align: left;
background: url(../images/arrow_pink_2.gif) no-repeat #DCDDDD;}
#main table th.total{background: url(../images/arrow_white.gif) no-repeat #2D414B;
color: white;}
#main table th span{font-weight: normal;}
#main table td{text-align: center;
border: 1px solid #2E88B3;
padding: 15px 0px;
font-size: 12px;}
#main table tr.contents td{font-weight: bold;
font-size: 14px;}
#main table td.caption{padding: 0px;
	padding: 15px 5px;
text-align: left;
width: 210px;}
#main table td.index{font-weight: bold;
font-size: 14px;}
#main table.basic{table-layout: fixed;}

#main article p.more{background: url(../images/arrow_black.gif) no-repeat;
padding-left: 25px;
margin: 10px 5px 10px 55px;
line-height: normal;
font-weight: bold;}

#main strong{font-size: 110%;
padding: 0px 2px;}

#main dl{margin: 8px;
border: 1px solid #2D2928;}
#main dl dt{font-weight: bold;
font-size: 14px;
background: #F7F6EB;
padding: 0px 5px;
border-bottom: 1px solid #2E88B3;}
#main dl dt img{padding: 7px 0px;
border: none;}
#main dl dd{font-size: 12px;
border-bottom: 1px solid #2E88B3;
padding: 5px;}

figure{text-align: center;
margin: 8px 0px;}
figure img{border: none;}

/*フーゾクレートテキスト＆バナー*/
#main #hurate{
margin-bottom:20px;
}

#main #hurate p a{
	background: none;
}

#main #hurate p#ratext{
text-align:center;
font-size:18px;
line-height:150%;
}

#main #hurate p#ratext a{
color:#09F;
}

#main #hurate a img{
width:90%;
height:auto;
display:block;
margin:0px auto;
max-width:320px;
}








#menu{float: left;
width: 210px;}
.box{border: 1px solid #2D2928;
margin-bottom: 10px;
background: #F7F6EB;}
#menu .box img{
	max-width: 100%;
}
#menu h2{
	font-size: 14px;
	background: #DCDDDD;
	padding: 8px;
	line-height: 130%;
	border-bottom: 1px solid #2E88B3;}
#menu .box ul li{font-size: 12px;
list-style: inside none;
padding: 10px 25px 10px 10px;
background: url(../images/arrow.gif) bottom no-repeat;
border-bottom: 1px solid #2E88B3;}
#menu .box p{height: 54px;}
#menu .box p img{border: none;}
#menu .box ul.link li{background: none;
border: none;
padding: 0px;
padding: 5px;}
#menu .box ul.link li img{border: none;}

footer{width: 100%;
height: 50px;
text-align: center;
background: #2D2928;}
footer p{font-size: 14px;
color: white;
padding-top: 10px;}
footer p a{color: white;}

br.clear{clear: both;}


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

/* PC */
@media only screen and (min-width:769px) {

}


/* Tablet */
@media only screen and (max-width:768px) {
}


/* Mobile (longitudinal) */
@media only screen and (max-width:600px) {
	body {
		width: 100%;
		
	}
	
	header{
		width: 100%;
	}
	#index{width: 100%;
		float: none;}
	#navi{
		display: none;
	}
	header figure{
		display: none;
	}
	#textarea{
		display: none;
	}
	#sitemap{
		text-align: left;
	}
	#main{
		float: none;
		width: 100%;
	}
	#main table{
		width: 100%;
	}
	#main article p.more{
		margin: 0px;
	}
	#menu{
		float: none;
		width: 100%;
	}
	#menu .box ul li a{
		display: block;
	}
}
@media only screen and (max-width:385px) {
	#main aside{
		width: 100%;
		height: auto;
		background: none;
		margin: 0px;
		background: #FF2626;
	}
	#main aside p{width: 100%;
		font-size: 90%;
		text-align: center;		
	}
	 figure img{
		 width: 100%;
	 }
	 #pankuzu{
		 display: none;
	 }


}