@charset "UTF-8";
/* -----------------------------------
    R E S E T
------------------------------------- */
html,body,div,p,a,span,img,dl,dt,dd,ol,ul,li,form,h1,h2,h3,h4,h5,h6,table,tr,th,td,address {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	vertical-align: baseline;
	font-weight: normal;
	text-decoration: none;
	font-style: normal;}
ol,ul { list-style:none;}
table {
	border-collapse:collapse;
	border-spacing:0;}
body {
	position: relative;
	margin: 0 auto;
	font-size: 14px;
	color: #333;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #fff}

/* -----------------------------------
    H E A D E R
------------------------------------- */
#header h1 {
	background: #333;
	text-align: center;
	height: 18px;
	line-height: 18px;
	color: #fff;
	font-size: 11px;
	font-family: 'Muli', sans-serif;
	letter-spacing: 1px;}
#header h2 {
	padding: 15px 0;
	height: 60px;
	text-align: center;}
.kage {
	position: absolute;
	z-index: 100;
	top: 0;
	width: 100%;
	height: 20px;
	background: url(images/kage.png) repeat-x top center;}
#area_map {
	position: relative;
	width: 100%;
	height: 620px;
	margin: 0 auto;
	text-align: center;
	background: #DCE7BA;}
#map {
	width: 1000px;
	position: absolute;
	left:50%;
	margin-left: -500px;}
#header ul.menu {
	margin: 0 auto;
	height: 60px;
	width: 960px;
	border-right: 1px solid #ccc;
	text-align: center;}
	#header ul.menu li {
	float: left;
	height: 60px;
	width: 20%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	border-left: 1px solid #ccc;}
	#header ul.menu li a {
	display: block;
	padding-top: 30px;
	height: 30px;
	line-height: 30px;
	width: 100%;
	background: no-repeat center top;
	color: #333;}
	#header ul.menu li:first-child a { background-image: url(images/nav01.gif);}
	#header ul.menu li:nth-child(2) a { background-image: url(images/nav02.gif);}
	#header ul.menu li:nth-child(3) a { background-image: url(images/nav03.gif);}
	#header ul.menu li:nth-child(4) a { background-image: url(images/nav04.gif);}
	#header ul.menu li:last-child a { background-image: url(images/nav05.gif);}
	#header ul.menu li:first-child a:hover, #header ul.menu li.current:first-child a { background-image: url(images/nav01_on.gif);}
	#header ul.menu li:nth-child(2) a:hover, #header ul.menu li.current:nth-child(2) a { background-image: url(images/nav02_on.gif);}
	#header ul.menu li:nth-child(3) a:hover, #header ul.menu li.current:nth-child(3) a { background-image: url(images/nav03_on.gif);}
	#header ul.menu li:nth-child(4) a:hover, #header ul.menu li.current:nth-child(4) a { background-image: url(images/nav04_on.gif);}
	#header ul.menu li:last-child a:hover, #header ul.menu li.current:last-child a { background-image: url(images/nav05_on.gif);}

/* -----------------------------------
     A L L  P A G E S T Y L E
------------------------------------- */
.bg_blue { background: #94CFCB; position: relative;}
.main {
	margin: 0 auto;
	padding: 60px 0;
	width: 960px;
	overflow: hidden;}
.left { width: 600px; float:left; margin-right: 40px;}
.right { width: 320px; float:right;}
.whitebox { padding: 20px; background: #fff;}
h3 {
	margin-bottom: 5px;
	padding-left: 10px;
	height: 50px;
	line-height: 52px;
	color: #03004c;
	font-size: 24px;
	background: #fff;
	border-top: 5px solid #38b0b5;}
	h3 span a {
	float: right;
	margin: 10px;
	font-size: 14px;
	display: block;
	color: #fff;
	height: 30px;
	line-height: 32px;
	padding: 0 20px;
	background: #03004c;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;}
	h3 span a:hover { opacity: 0.8;}
	h3 span a.red { background: #cc3333;}
	h3 span a.small { font-size: 12px;}
.mgb20 { margin-bottom: 20px;}
.day {
	text-align: right;
	display: block;
	float: right;
	padding-right: 10px;
	font-size: 12px;}

/* -----------------------------------
    R I G H T
------------------------------------- */
.kumiai_bana {
	padding: 110px 70px 0;
	margin-bottom: 20px;
	background: url(images/kumiai_bana.gif) no-repeat center;
	width: 180px;
	height: 50px;}
	.kumiai_bana a {
	display: block;
	width: 180px;
	height: 28px;
	color: #fff;
	text-align: center;
	font-size: 12px;
	background: #03004c;
	line-height: 29px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;}
	.kumiai_bana a:hover { opacity: 0.8;}
.news {
	padding: 0;
	height: 282px;
	overflow: scroll;
	font-size: 12px;}
	.news dl {
	padding: 10px 20px 0;
	color: #999;}	
	.news dt {
	padding: 0 20px 10px;
	height: 20px;
	overflow:hidden;
	background: url(images/news_bg.gif) no-repeat bottom left scroll;}
	.news dt a { color: #333;}
	.news dt a:hover { text-decoration: underline;}
#tatelist { margin-bottom: 20px;}
#tatelist ul.map_list li { margin-bottom: 10px;}

/* -----------------------------------
    I N D E X
------------------------------------- */
ul.map_list {
	overflow: hidden;
	margin-bottom: -10px;}
	#index ul.map_list li {
	float: left;
	width: 280px;
	margin-bottom: 10px;}
	ul.map_list li a {
	color: #333;
	line-height: 26px;}
	ul.map_list li a span {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right:5px;
	background: url(images/namber.gif) no-repeat top left;}
	ul.map_list li a:hover { text-decoration: underline;} 
	ul.map_list li:first-child a span { background-position: 0 0;}
	ul.map_list li:nth-child(2) a span { background-position: -26px 0;}
	ul.map_list li:nth-child(3) a span { background-position: -52px 0;}
	ul.map_list li:nth-child(4) a span { background-position: -78px 0;}
	ul.map_list li:nth-child(5) a span { background-position: -104px 0;}
	ul.map_list li:nth-child(6) a span { background-position: -130px 0;}
	ul.map_list li:nth-child(7) a span { background-position: 0 -26px;}
	ul.map_list li:nth-child(8) a span { background-position: -26px -26px;}
	ul.map_list li:nth-child(9) a span { background-position: -52px -26px;}
	ul.map_list li:nth-child(10) a span { background-position: -78px -26px;}
	ul.map_list li:nth-child(11) a span { background-position: -104px -26px;}
	ul.map_list li:nth-child(12) a span { background-position: -130px -26px;}
	ul.map_list li:nth-child(13) a span { background-position: 0 -52px;}
	ul.map_list li:nth-child(14) a span { background-position: -26px -52px;}
	ul.map_list li:nth-child(15) a span { background-position: -52px -52px;}
	ul.map_list li:nth-child(16) a span { background-position: -78px -52px;}
	ul.map_list li:nth-child(17) a span { background-position: -104px -52px;}
	ul.map_list li:nth-child(18) a span { background-position: -130px -52px;}
	ul.map_list li:nth-child(19) a span { background-position: 0 -78px;}
	ul.map_list li:nth-child(20) a span { background-position: -26px -78px;}
	ul.map_list li:nth-child(21) a span { background-position: -52px -78px;}
	ul.map_list li:nth-child(22) a span { background-position: -78px -78px;}
	ul.map_list li:nth-child(23) a span { background-position: -104px -78px;}
	ul.map_list li:nth-child(24) a span { background-position: -130px -78px;}

/* -----------------------------------
    K U M I A I  L I S T
------------------------------------- */
#index ul li.kumiai_list { margin-bottom:0;}
div.pagetoplink {
	padding: 0;
	margin: 0;
	height: 40px;
	width: 600px;
	text-align: right;}
div.whitebox ul.kumiai_info {
	margin-top: 30px;
	overflow: hidden;
	width: 560px;
	-moz-columns: 270px 2;
	-webkit-columns: 270px 2;
	-o-columns: 270px 2;
	-ms-columns: 270px 2;
	-webkit-column-fill: auto;
	column-fill: auto;
	-moz-column-fill: auto;}
div.whitebox ul.kumiai_info li {
	width: 270px;
	display: inline-block;
	-webkit-column-break-inside: avoid;
    -moz-column-break-inside: avoid;
    column-break-inside: avoid;}
div.whitebox ul.kumiai_info li p {
	width: 270px;
	background: url(images/line.gif) top left;
	line-height: 28px;}
div.whitebox ul.kumiai_info li p a { color: #03004c; text-decoration: underline;}
div.whitebox ul.kumiai_info li p span {
	display: block;
	color: #38b0b5;
	font-weight: bold;}
#index ul li.kumiai_list:first-child div.pagetoplink { display: none;}
#index ul li.kumiai_list div.whitebox h4 {
	font-size: 20px;
	font-weight: bold;
	line-height: 26px;
	margin-bottom: 20px;}
	#index ul li.kumiai_list div.whitebox h4 span {
	display: inline-block;
	width: 26px;
	height: 26px;
	margin-right:5px;
	background: url(images/namber.gif) no-repeat top left;}
	#index ul li:first-child div.whitebox h4 span { background-position: 0 0;}
	#index ul li:nth-child(2) div.whitebox h4 span { background-position: -26px 0;}
	#index ul li:nth-child(3) div.whitebox h4 span { background-position: -52px 0;}
	#index ul li:nth-child(4) div.whitebox h4 span { background-position: -78px 0;}
	#index ul li:nth-child(5) div.whitebox h4 span { background-position: -104px 0;}
	#index ul li:nth-child(6) div.whitebox h4 span { background-position: -130px 0;}
	#index ul li:nth-child(7) div.whitebox h4 span { background-position: 0 -26px;}
	#index ul li:nth-child(8) div.whitebox h4 span { background-position: -26px -26px;}
	#index ul li:nth-child(9) div.whitebox h4 span { background-position: -52px -26px;}
	#index ul li:nth-child(10) div.whitebox h4 span { background-position: -78px -26px;}
	#index ul li:nth-child(11) div.whitebox h4 span { background-position: -104px -26px;}
	#index ul li:nth-child(12) div.whitebox h4 span { background-position: -130px -26px;}
	#index ul li:nth-child(13) div.whitebox h4 span { background-position: 0 -52px;}
	#index ul li:nth-child(14) div.whitebox h4 span { background-position: -26px -52px;}
	#index ul li:nth-child(15) div.whitebox h4 span { background-position: -52px -52px;}
	#index ul li:nth-child(16) div.whitebox h4 span { background-position: -78px -52px;}
	#index ul li:nth-child(17) div.whitebox h4 span { background-position: -104px -52px;}
	#index ul li:nth-child(18) div.whitebox h4 span { background-position: -130px -52px;}
	#index ul li:nth-child(19) div.whitebox h4 span { background-position: 0 -78px;}
	#index ul li:nth-child(20) div.whitebox h4 span { background-position: -26px -78px;}
	#index ul li:nth-child(21) div.whitebox h4 span { background-position: -52px -78px;}
	#index ul li:nth-child(22) div.whitebox h4 span { background-position: -78px -78px;}
	#index ul li:nth-child(23) div.whitebox h4 span { background-position: -104px -78px;}
	#index ul li:nth-child(24) div.whitebox h4 span { background-position: -130px -78px;}
#index ul li.kumiai_list div.whitebox h4 a {
	display: inline-block;
	width: 120px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #38b0b5;
	font-size: 14px;
	float: right;
	height: 26px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;}
#index ul li.kumiai_list div.whitebox h4 span.hplink_non {
	display: inline-block;
	width: 120px;
	line-height: 28px;
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #ccc;
	font-size: 14px;
	float: right;
	height: 26px;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;}

	
/* -----------------------------------
    A B O U T
------------------------------------- */
#about ul {
	background: url(images/line.gif) top left;
	line-height: 28px;}
#about ul li {
	overflow:hidden;
	padding-bottom: 28px;}
#about ul li h4 {
	color: #38b0b5;
	float: left;
	width: 80px;
	padding-right: 20px;
	letter-spacing: 1px;
	font-weight: bold;
	line-height: 28px;}
#about ul li p {
	float: left;
	width: 460px;
	line-height: 28px;}
	
/* -----------------------------------
    P A G E N A T I O N
------------------------------------- */
.pagenavigation {
	margin-top: 40px;
	border-bottom: 1px solid #fff;
	border-top: 1px solid #fff;
	height: 60px;}
.alignleft {
	width: 50%;
	float: left;
	height: 60px;
	text-align: left;
	line-height: 60px;}
.alignright {
	width: 50%;
	float: right;
	height: 60px;
	text-align: right;
	line-height: 60px;}
.alignleft a, .alignright a { color: #fff;}	

/* -----------------------------------
    F O O T E R
------------------------------------- */
.ft_nav_bg {
	background: #38b0b5;
	height: 40px;
	border-top: 2px solid #fff;}
ul.ft_nav {
	margin: 0 auto;
	width: 960px;}
	ul.ft_nav li {
	float: left;
	width: 192px;
	height: 40px;
	line-height: 40px;}
	ul.ft_nav li a {
	display: block;
	text-align: center;
	height: 40px;
	width: 192px;
	color: #fff;
	font-weight: bold;}
	ul.ft_nav li a:hover { background: #94CFCB;}
.ft_info {
	margin: 0 auto;
	padding: 30px 0 25px;
	width: 960px;
	overflow: hidden;}
.ft_info_left { float: left; width: 640px;}
#footer h2 {
	background: url(images/ft_logo.gif) no-repeat bottom right;
	font-size: 36px;
	line-height: 36px;
	height: 36px;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;}
table.data { margin-top: 25px; letter-spacing: 0.5px;}
table.data tr { height: 25px;}
table.data th { font-weight: bold;}
table.data td.pdr40 { padding-right: 25px;}
table.data td.tenten {
	padding: 0;
	font-weight: bold;
	width: 30px;
	text-align: center;}
.ft_info_right {
	padding-top: 10px;
	float: right;
	width: 240px;}
	.ft_info_right a {
	margin-top: 10px;
	display: block;
	width: 240px;
	height: 40px;
	line-height: 40px;
	background: #05003B;
	color: #fff;
	text-align: center;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-ms-border-radius: 4px;
	-o-border-radius: 4px;
	-webkit-border-radius: 4px;}
#address {
	background: url(images/kage.png) repeat-x top center #e6e6e6;
	height: 30px;
	line-height: 32px;
	text-align: center;
	font-size: 11px;
	font-family: 'Muli', sans-serif;
	letter-spacing: 1px;
	border-bottom: 5px solid #333;}
	
/* -----------------------------------
    C O N T E N T S
------------------------------------- */
#contacts p { margin-bottom: 10px;}
#contacts input[type="text"],#contacts input[type="email"],#contacts textarea {
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border:1px solid #ccc;
	background: #fff;
    padding: 5px;
    color: #000;
	font-size: 16px;}
span.puestion {
    color: #38b0b5;
	font-weight: bold;}
#contacts textarea {
	width: 540px;}
#contacts input[type="submit"] {
	width: 200px;
	margin-top:30px;
	border: 2px solid #03004c;
	background: #03004c;
	height: 32px;
	line-height:22px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-size: 16px;
	color: #fff;
	letter-spacing: 5px;}
#contacts input[type="reset"] {
	width: 200px;
	margin-left:10px;
	margin-top: 30px;
	background: none;
	border: 2px solid #03004c;
	height: 32px;
	line-height:22px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	font-weight: bold;
	font-size: 16px;
	color: #03004c;
	letter-spacing: 5px;}