@charset "utf-8";

body {
	margin: 0;
	border:15px solid #aad8cd;
	background-color: #f8f8f9;
    font-family: "ヒラギノ角ゴ pro w3", "hiragino kaku gothic pro", "メイリオ", meiryo, osaka, "MS Pゴシック", "MS PGothic", sans-serif;
}

p, h1, h2, h3 {color: #000;}

a {color: #648582; text-decoration: underline;}
a:hover {color: #FF9999; text-decoration: none;}
a:active {color: #648582; text-decoration: none;}

.main {
	padding-top: 15px;
	padding-bottom: 15px;
	overflow: hidden;
}

.header {
	padding-top: 10px;
	padding-bottom: 10px;
}

.header_title {
	text-align: center;
}

.header_title img {border: none;}

.header_nav {border-top: solid 1px #aad8cd; border-bottom: solid 1px #aad8cd; margin-top: 15px;}

.menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

.menu ul:after {
	content: "";
	display: block;
	clear: both;
}

.menu li {
	float: left;
	width: auto;
	font-size: 14px;

}

.menu li a {
	display: block;
	padding: 5px 3px;
	color: #648582;
	text-decoration: none;
}

.menu li a:hover {
	background-color: #fff;
}

.map_top {
	padding-top: 5px;
	padding-bottom: 20px;
}

.map {
	height: 340px;
	border: solid 5px #fcfcfc;
	border-radius: 10px;
	background-color: #c0d6d0;

}

.map p {
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 10px;
	line-height: normal;
}

.ici {
	margin-top: 5px;
	margin-bottom: 5px;
	padding: 10px;
	font-size: 14px;
	text-align: left;
	border: solid 2px #e383a5;
	border-radius: 5px;
}

.kiji h2 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 20px;
	border-left: solid 10px #F7E168;
	font-size: 25px;
}

.kiji h3 {
	margin-top: 0;
	margin-bottom: 20px;
	padding-left: 10px;
	border-left: solid 7px #F7E168;
	font-size: 20px;
}

.copyright p {
	margin-top: 0;
	margin-bottom: 10px;
	color: #f8f8f9;
	font-size: 10px;
	line-height: normal;
	text-align: center;
}

.copyright p a {color: #f8f8f9; text-decoration: none;}
.copyright p a:hover{color: #FF9999; text-decoration: none;}
.copyright p a:active{color: #f8f8f9; text-decoration: none;}

.contents .header{border-bottom: solid 2px #fcfcfc;}

.footer {
	border-top: solid 2px #fcfcfc;
	padding-top: 15px;
	padding-bottom: 15px;
	background-color: #aad8cd;	
}

.header, .footer, .main {
	padding-left: 15px;
	padding-right: 15px;
}


@media only screen and (min-width: 599px) {
	
	.menu li a{
		padding: 5px 3px;
		font-size: 11px;
	}

}

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

	.header_title {
		text-align: left;
	}
 
   .header:after {
	    content: "";
	    display: block;
	    clear: both;
    }
   .header_title {
	    float: left;
	    width: auto;
    }
   .header_nav {
   	    margin: 0;
	    float: right;
	    width: auto; 
	    border: none;
    }

   .map_top:after {
	    content: "";
	    display: block;
	    clear: both;
    }

    .map {
	    width: 97%;
	    height: 347px;
	    float: left;
	    padding-right: 10px;
	    padding-bottom: 10px;
		border: solid 5px #fcfcfc;
		background-color: #c0d6d0;

    }

    .navi {height: auto;}

    /*---------top---------*/
    .top:after {
    	content: "";
    	display: block;
    	clear: both;
    }

    .top_l {
    	padding: 15px;
    	float: left;
    	height: 230px;
    	width: 30%;
    	margin-right: 2%;
    	border: solid 5px #fcfcfc;
    	border-radius: 4px;
    }
    .top_c {
    	padding: 15px;
    	float: left;
    	height: 230px;
    	width: 19%;
    	font-size: 12px;
    	margin-right: 2%;
    	border: solid 5px #fcfcfc;
    	border-radius: 4px;
    }
    .top_r {
    	margin-top: 0px;
    	padding: 15px;
    	float: left;
    	height: 230px;
    	width: 30%;
    	border: solid 5px #fcfcfc;
    	border-radius: 4px;
    }


}

@media only screen and (min-width: 1190px) {

	.header_inner {
		width: 99%;
		margin-left: auto;
		margin-right: auto;
	}

	.copyright, .main {
		width: 900px;
		margin-left: auto;
		margin-right: auto;
	}

	.header {
		margin-bottom: 20px;
		border-bottom: solid 2px #aad8cd;
	}

}