@import url("http://www.g-n.co.jp/styles-site.css");

.hnavi2 {
	width			: 370px;
	float			: left;
}

.hnavi3 {
	width			: 360px;
	float			: right;
	margin			: 5px 0 10px 0;
}

.hnavi2 h3 {
	float			: left;
	margin			: 5px 0 5px 0;

}


.r-m2 {
	padding			: 0 3px 0 0;
}

/* リニューアルTOP　**************************************/

/* left */
.clear{
	height			: 1%;
}

.clear:after {
	content			: ".";
	display			: block;
	height			: 0;
	clear			: both;
	visibility		: hidden;
}

#indexleft{
	width			: 190px;
	float			: left;
	margin-top		: 10px;
}

#ranking{
	width			: 190px;
	margin			: 10px 0 20px 0;
}

#ranking a:link, #ranking a:visited{
	color			: #06C;
	font-weight		: bold;
	font-size		: 12px;
	text-decoration	: none;
}

#ranking a:hover, #ranking a:active{
	color			: #06C;
	font-weight		: bold;
	font-size		: 12px;
	text-decoration	: underline;
}

#rank01{
	width			: 190px;
	height			: 140px;
	background		: url(img/top_rank01.gif) no-repeat;
	background-position	: top left;
}

.rankPic01{
	width			: 91px;
	height			: 67px;
	padding			: 66px 0 0 7px;
	float			: left;
}

.sports01{
	font-size		: 12px;
	width			: 75px;
	float			: left;
	line-height		: 120%;
	margin			: 100px 0 0 7px;
}

.rankBox{
	margin-top		: 10px;
}

.number{
	float			: left;
	width			: 45px;
}

.rankPic02{
	width			: 50px;
	height			: 34px;
	padding			: 5px 0 0 5px;
	float			: left;
}

.sports02{
	font-size		: 12px;
	width			: 80px;
	float			: left;
	line-height		: 120%;
	margin			: 5px 0 0 5px;
}

.leftTitle{
	margin			: 20px 0 0 0;
}

/* right */
#indexright {
	width:530px;
	float:right;
}

.rightBanner{
	margin			: 0 0 15px 0;
}

.rightBanner p{
	float			: left;
	padding-right		: 5px;
}

#coupon a{
	background		: url(img/top_coupon.jpg) no-repeat top left;
	width			: 165px;
	height			: 111px;
	display			: block;
	text-indent		: -9999px;
	overflow		: hidden;
}

#coupon a:hover{
	background		: url(img/top_coupon.jpg) no-repeat;
	background-position	: 0 -111px;
}

#whatsnew a{
	background		: url(img/top_news.jpg) no-repeat top left;
	width			: 165px;
	height			: 58px;
	display			: block;
	text-indent		: -9999px;
	overflow		: hidden;
}

#whatsnew a:hover{
	background-position	: 0 -58px;
}

#topblog a{
	background		: url(img/top_staffblog.jpg) no-repeat top left;
	width			: 165px;
	height			: 53px;
	display			: block;
	text-indent		: -9999px;
	overflow		: hidden;
}

#topblog a:hover{
	background-position	: 0 -53px;
}

#topabout a{
	background		: url(img/top_about.jpg) no-repeat top left;
	width			: 336px;
	height			: 52px;
	display			: block;
	text-indent		: -9999px;
	overflow		: hidden;
}

#topabout a:hover{
	background-position	: 0 -52px;
}

#topcampaign a{
	display			: block;
	/*text-indent		: -9999px;
	overflow		: hidden;*/
}

/*#topcampaign a:hover{
	background-position	: 0 -153px;
}
*/

.w188{
	width			: 188px;
}

.w340{
	width			: 340px;
}

.block h3{
	margin-bottom	: 2px;
}

#regular01{
	background		: url(img/top_menu01.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular02{
	background		: url(img/top_menu02.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular03{
	background		: url(img/top_menu03.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular04{
	background		: url(img/top_menu04.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: right;
	margin			: 0 0 3px 0; 
}

#regular05{
	background		: url(img/top_menu05.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular06{
	background		: url(img/top_menu06.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular07{
	background		: url(img/top_menu07.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: left;
	margin			: 0 3px 3px 0; 
}

#regular08{
	background		: url(img/top_menu08.gif) no-repeat;
	background-position	: top left;
	width			: 130px;
	height			: 196px;
	text-align		: center;
	float			: right;
	margin			: 0 0 3px 0; 
}

.regularPic{
	margin			: 0 auto;
	padding-top			: 45px;	
}

.regularText{
	width			: 116px;
	height			: 48px;
	text-align		: left;
	margin			: 5px auto 0 auto;
	line-height		: 110%;
}

.block{
	clear			: both;
	margin-bottom	: 15px;
}

.w255{
	width			: 255px;
}

#whatnew{
	background		: url(img/top_title02.gif) no-repeat;
	background-position	: top left;
	height			: 36px;
	width			: 255px;
	border-bottom	: solid 2px #ffa6d2;
}

#whatnew p{
	padding			: 8px 0 0 185px
}

.repeatBox{
	margin			: 8px 0 5px 0;
	border-bottom	: dotted #999 2px;
	background		: url(img/top_icon01.gif) no-repeat;
	background-position	: 0 4px;
}

.repeatTitle{
	margin			: 0 0 5px 15px;
}

.repeatTitle a:link, .repeatTitle a:visited{
	font-weight		: bold;
	color			: #06C;
}

.repeatText{
	margin			: 0 0 0 10px;
}

.repeatdate{
	text-align		: right;
	color			: #999;
	clear			: both;
}

#staffblog{
	background		: url(img/top_title03.gif) no-repeat;
	background-position	: top left;
	height			: 36px;
	width			: 255px;
	border-bottom	: solid 2px #ffa6d2;
}

#staffblog p{
	padding			: 8px 0 0 185px
}

.repeatText02{
	width			: 178px;
	float			: right;
	line-height		: 100%;
	text-align		: left;
}

.repeatPic{
	width			: 70px;
	float			: left;
}


/* 瀬底ビーチマリンクラブってどんなとこ？ ***********************/

#aboutMain{
	width			: 530px;
	height			: 340px;
	background		: url(img/about_img01.jpg) no-repeat top left;
}

#aboutMain p{

	font-weight		: bold;
	padding			: 300px 0 0 10px;
}

.undermain{
	color			: #888;
	font-weight		: bold;
	letter-spacing	: normal;
	padding			: 10px 0 0 5px;
	width			: 530px;
}

.innerBlock{
	width			: 520px;
	clear			: both;
	margin			: 10px 0 0 10px;
}

#license{
	background		: url(img/about_frame01.gif) no-repeat top left;
	width			: 280px;
	height			: 160px;
	padding-top		: 8px;
	float			: left;
}

#license p{

	width			: 280px;
	font-weight		: bold;
	text-align		: center;
	letter-spacing	: -0.05em;
}

#license ul{
	font-weight		: bold;
	padding			: 5px 0 0 30px;
}

#license li{
	text-align		: left;
	list-style-position	: inside;
	list-style		: disc;
	line-height		: 120%;
}

.w230R{
	width			: 230px;
	float			: right;
}

.block h4{
	background		: url(img/about_h5back.gif) no-repeat top left;
	height			: 20px;
	width			: 520px;
	margin			: 15px 0 10px 10px;
	padding			: 3px 0 0 5px;

	font-weight		: bold;
	font-size		: 14px;
	clear			: both;
}

.w240L{
	width			: 240px;
	padding-left	: 10px;
	float			: left;
}

.w270R{
	width			: 270px;
	float			: right;
}

.w315L{
	width			: 315px;
	float			: left;
	padding-left	: 10px;
}

#autho{
	background		: url(img/about_frame02.gif) no-repeat top left;
	width			: 315px;
	height			: 70px;
	margin-bottom		: 5px;
}

#autho p{
	font-weight		: bold;
	color			: #666;
	padding			: 30px 0 0 15px;
}

.w195R{
	width			: 195px;
	float			: right;
}

.crab{
	background		: url(img/about_crab.gif) no-repeat;
	background-position	: top right;
	width			: 520px;
	height			: 30px;
	padding-left	: 10px;
}

.crab p{
	color			: #39C;
	font-weight		: bold;
	font-size		: 14px;
	padding			: 5px 0 0 40px;
}

#pink{
	background		: url(img/about_pink.gif) no-repeat;
	background-position	: top right;
	width			: 505px;
	height			: 400px;
	margin			: 0 0 0 25px;
	padding-top		: 25px;
}

#pink p{
	margin-left		: 35px;
	margin-bottom	: 10px;
	width			: 450px;
	line-height		: 140%;
}

.bold{
	font-weight		: bold;
	color			: #69C;
}