body{font-family:Verdana, Arial, sans serif;font-size:13px;color:#2e3375;margin:0;padding:0;}
ul{list-style-type:none;}

body.bg1{background:#FFF url(../images/1_1.gif) bottom right no-repeat fixed;}
body.bg2{background:#FFF url(../images/2_2.gif) bottom right no-repeat fixed;}
body.bg3{}
body.bg4{background:#FFF url(../images/4_4.gif) bottom left no-repeat fixed;}
body.bg5{}
body.bg6{}
body.bg7{}

a{text-decoration:none; color:#2e3375;}

#wrapper{margin:0 auto; max-width:975px;}
#top{margin:0;background-color:#2e3375;color:#FFF;height:99px;}
#top #top_content{margin:0 auto; max-width:975px;}
#logo{float:left;margin:11px 0 0 5px;}
#logo img{max-height:80px;}
#address{float:right;margin:15px 10px 0 20px;line-height:18px;font-size:12px;}

#navi{clear:both; margin:28px 0;height:30px;}
#navi ul{padding-left:16px;}
#navi ul li{float:left;}
#navi ul a{color:#2e3375;padding:6px 10px;background-color:#aecb06;border-left:1px solid #FFF;}
#navi ul a:hover, #navi ul li.active a{background-color:#FFF;}
#navi ul a:active{color:#2e3375;}
#mob-navi{display:none;}

#main{clear:both;margin:48px auto;max-width:550px;background: url(../images/bg_content.png); padding:14px; font-size:14px;}
#main a:hover, footer a:hover{text-decoration:underline;}
#main_content{background: url(../images/spots.gif) no-repeat; line-height:26px;padding:0 10px 0 70px;}
#main_content h1, #main_content strong{font-size:20px;font-weight:normal;margin:0 0 6px 0;}
#main_content h2 {font-size:18px;font-weight:normal;}
#main_content ul li{background: url(../images/list_spot.png) no-repeat center left;padding:0 20px;}
#main_content p{padding:4px 0;}

#main_content.left{width:328px;float:left;margin-right:10px;}
#main_content_right{float:right;margin-top:20px;}

span.green{color:#aecb06;}
img.right{float:right; margin-left:30px; }

footer{
	position:fixed;
	bottom:0;
	margin:0 auto;
}
footer div{
	padding: 10px 20px;
	line-height:1.5rem;
	max-width:975px;
	margin:0 auto;
}
footer .address{
	display:none;
}

@media only screen and (max-width:960px) {
	#mob-navi{
		display:block;
		padding-top:40px;
		float:right;
		margin:0 30px 0 40px;
	}
	#mob-navi:hover{
		cursor:pointer;
	}
	#navi{
		margin:0;
		top:99px;
		position:absolute;
		width:100%;
		display:none;
		z-index:20;
	}
	#navi ul{
		background-color:#aecb06;
		margin:0;
		padding:5px 0;
	}
	#navi ul li{
		float:none;
		padding:10px;
	}
	#navi ul a{
		border-left:none;
	}
}

@media only screen and (max-width:800px) {
	#address{display:none;}
	#mob-navi{margin-left:20px;}
	footer{
		position:relative;
		background:#2e3375;
		color:#FFF;
		width:100%;
	}
	footer a{color:#FFF;}
	footer .address{
		display:block;
	}
}

@media only screen and (max-width:420px) {
	#logo{
		max-width:74%;
	}
	#logo img{
		max-width:100%;
	}
	#main{
		padding-right:24px;
	}
	img.right{
		float:none; 
		margin:0 0 20px;
	}
}