@charset "utf-8";
/* CSS Document */
/* =Reset default browser CSS.
Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {border: 0;font-family: inherit;font-size: 100%;font-style: inherit;font-weight: inherit;margin: 0;outline: 0;padding: 0;vertical-align: baseline;}
:focus {outline: 0;}

ol, ul {list-style: none;}
table {border-collapse: separate;border-spacing: 0;}
caption, th, td {font-weight: normal;text-align: left;}
blockquote:before, blockquote:after,q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img{border: 0;}
figure{margin:0}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display: block;}
/* -------------------------------------------------------------- */


body{
	color:#555;
	line-height:1.2;
	background:#f7f7f7;
	-webkit-text-size-adjust: none;
	font-family:"ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro";
	font-size: 12px;
}

a {
	color:#24296d;
	text-decoration:none;
	
}
#text{
	margin:0 auto;
	padding:0px;
	font-size:xx-small;
	position: absolute;
	top: -500px;
	width:80%;
}
#wrapper{
	margin:0 auto;
	padding:0;
	width:100%;
	background-color: #f7f7f7;
}
#header{
	width:100%;
	height:90px;
	margin:0 auto;
	padding:0;
	color:#24296d;
	font-size:medium;
}

#headerl{
	float:left;
	padding:0px;
	height:90px;

}

#headerr{
	float:right;
	margin:35px 25px 35px 10px;

}

#headerr img{
	float:right;
	padding-bottom:25px;
}

#main{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:medium;
	line-height:1.8em;
	color:#24296d;
	background-color: #f7f7f7;
}

#main p{
	margin:25px 25px;
	padding:5% 10%;
	background-color:#FFF;
	
}

hr{
	line-height:2.5em;
	color:#24296d;
	width:75%;

}


#map{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:medium;
	line-height:1.8em;
	color:#24296d;
	background-color: #f7f7f7;
}

.map{
	margin:25px 25px;
	padding:5% 10%;
	background-color:#FFF;
	height:550px;
	
}

.mapl{
	width:30%;
	padding:5% 5% 0% 20%;
	float:left;
	margin:0 auto;
	line-height:1.8;

}


.mapr{
	width:40%;
	padding:5% 5% 20% 0%;
	float:right;
	margin:0 auto;
}

#rss{
	width:100%;
	margin:0 auto;
	text-align:center;
	font-size:medium;
	line-height:1.8em;
	color:#24296d;
	background-color: #f7f7f7;
}

.rss{
	margin:25px 25px;
	padding:5% 10%;
	background-color:#FFF;
	height:900px;
	
}

#footer{
	width:100%;
	height:20px;
	background-color:#fff;
	color:#000;
	margin:0 auto;
	padding:10px 0px;
	padding-bottom:40px;
	text-align:center;
	font-size:xx-small;

}



/* モニター幅940px以下 */
@media only screen and (max-width:940px){
#headerr{
	float:right;
	margin:35px 10px 35px 5px;

}
#header img{
	width:350px;
}

	
}

/* iPad 縦 */
@media only screen and (max-width:768px){
#headerr{
	float:right;
	margin:50px 15px 15px 15px;

}

#header img{
	width:100%;
}

.map{
	margin:25px 25px;
	padding:5% 10%;
	background-color:#FFF;
	height:800px;
	
}

.mapl{
	width:80%;
	padding:2% 2% 10% 10%;
	float:left;
	margin:0 auto;
	line-height:1.8;

}

.mapr{
	width:100%;
	padding:5% 5% 5% 0%;
	float:left;
	margin:0 auto;
}


}

/* スマートフォン 横(ランドスケープ) */
@media only screen and (max-width:640px){
#headerr{
	float:right;
	margin:20px 5px 15px 5px;

}

}