@charset "utf-8";

body {
     background-color: #000000;
}

#all {
         background-color: #000000;
         width: 960px;
	 margin-top: 0px;
	 margin-right: auto;
	 margin-bottom: 0px;
	 margin-left: auto;
	 border-bottom-width: 5px;
	 border-bottom-style: solid;
	 border-bottom-color: #FF0000;
	 padding-right: auto;
         padding-left: auto;
         padding-top: 0px;
	 padding-bottom: 160px;
         align: center;
}

/*----header----*/
#all #head1 {
                margin: 0px;
	        padding: 0px;
	        height: 140px;
	        width: 960px;
	        border-bottom-width: 5px;
	        border-bottom-style: solid;
	        border-bottom-color: #FF0000;
}

#all #head1 h1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 14px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}

#all #head2 {
	height: 200px;
	margin: 0px;
	padding: 0px;
	width: 960px;
}

#all #head2 h1 {
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	text-align: center;
	width: 960px
}

/*----content----*/
.top_content {
	     font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	     font-size: 14px;
	     color: #FFFFFF;
	     width: 800px;
             height:200px
	     font-weight: bold;
	     text-align: left;
	     line-height: 20px;
	     padding: 0px;
	     margin-top: 10px;
	     margin-right: auto;
	     margin-bottom: 0px;
	     margin-left: auto;
}

#all #content1 {
	height: 340px;
	width: 960px;
	padding: 0px;
	text-align: right;
	background-image: url(../image/top_back.png);
	background-repeat: no-repeat;
	background-position: center center;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

#all #content1 h1 {
	float: right;
	width: 262px;
	height: auto;
	margin: 0px;
	padding-top: 40px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

#all #content2 {
	height: 1700px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	background-image: url(../image/menu_back.png);
	background-repeat: no-repeat;
	background-position: center top;

}

#all #content3 {
	height: 100%;
	text-align: center;
	margin: 0px;
	padding: 0px;
}

#content3 p {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 25px;
	color: #FFFFFF;
	margin: 0px;
	padding: 20px 0px;
}

/*----news----*/
.news {
	width: 600px;
	padding-top: 60px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 20px;
	text-align: left;
	margin: 0px;
	height: 300px;
}

.newsh1 {
	font-size: 36px;
	margin: 0px;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	color: #FFFF00;
	line-height: 30px;
	float: left;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 10px;
	width: 400px;
}

.newsh2 {
	padding: 0px;
	height: 180px;
	width: 170px;
	float: right;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.newsp {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 24px;
	line-height: 28px;
	color: #FFFFFF;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align: left;
	width: 340px;
}

.news a {
 text-decoration: none;
}

.news a:link {
 text-decoration: none;
} 

.news a:visited {
 text-decoration: none;
} 

.news a:hover {
 text-decoration: none;
}

.menu {
	width: 960px;
	height: auto;
	margin: 0px;
	padding: 0px;
}

/*----staff----*/
.staff {
	height: 160px;
	width: 300px;
	float: right;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*----blog----*/
.blog {
	height: 370px;
	width: 370px;
	float: right;
	margin: 0px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*----menu----*/
.parking {
	height: 130px;
	width: 550px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.rental {
	height: 130px;
	width: 480px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.foods {
	height: 120px;
	width: 410px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.stay {
	height: 130px;
	width: 480px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.plan {
	height: 115px;
	width: 395px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.surf_school {
	height: 135px;
	width: 565px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.gallery {
	height: 150px;
	width: 505px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.links {
	height: 130px;
	width: 470px;
	margin: 0px;
	float: left;
	text-align: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*----footer----*/
#all #footer1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        height: 400px;
	width: 960px;
	font-size: 20px;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	border-top-width: 3px;
	border-top-style: solid;
	border-top-color: #FFA500;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #FFA500;
}

.line {
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	float: left;
	text-align: center;
}

.surf_maga {
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	float: center;
	text-align: center;
}

.weather {
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
        float: right;
	text-align: center;
}

.instagram {
	width: 320px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
        float: center;
	text-align: center;
}
.ig-b- {
 display: inline-block;
}
.ig-b- img {
 visibility: hidden;
}
.ig-b-:hover {
 background-position: 0 -60px;
}
.ig-b-:active {
 background-position: 0 -120px;
}
.ig-b-48 {
 width: 48px;
 height: 48px;
 background: url(http://badges.instagram.com/static/images/ig-badge-sprite-48.png) no-repeat 0 0;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
.ig-b-48 { background-image: url(http://badges.instagram.com/static/images/ig-badge-sprite-48@2x.png); background-size: 60px 178px; } }


#all #footer2_1 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        height: 160px;
	width: 480px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
        padding-bottom: 20px;
        float: left;
}

#all #footer2_1 a {
 text-decoration: none;
}
#all #footer2_1 a:link {
 color: #0000FF;
 text-decoration: none;
} 
#all #footer2_1 a:visited {
 color: #0000FF;
 text-decoration: none;
} 
#all #footer2_1 a:hover {
 color: #FFF000;
 font-size: 18px;
}

#all #footer2_2 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        height: 160px;
	width: 480px;
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
        padding-bottom: 20px;
        float: right;
}

#all #footer2_2 a {
 text-decoration: none;
}
#all #footer2_2 a:link {
 color: #0000FF;
 text-decoration: none;
} 
#all #footer2_2 a:visited {
 color: #0000FF;
 text-decoration: none;
} 
#all #footer2_2 a:hover {
 color: #FFF000;
 font-size: 18px;
}

#all #footer3 {
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
        height: 40px;
	width: 960px;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	color: #FFFFFF;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 5px;
        padding-bottom: 0px;
}