@charset "Shift_JIS";

div#hdr_bg {
	padding-bottom: 25px;
}


/* ============================================================
	clearfix
============================================================ */
div#content div.sectionTop:after {
	content:".";
	display: block;
	clear: both;
	height: 0;
	visibility:hidden;
}
div#content div.sectionTop{ 
	zoom:1;/* for IE 5.5-7 */
}


/* ============================================================
	navigation
============================================================ */
ul#navigation {
	height:73px;
}

ul#navigation li#recommend {
	background: url(../../img_cmn/navi_recommend_now.gif) bottom center no-repeat;
	text-indent: -9999px;
}

ul#navigation li#invitation a {
	background-image: url(../../img_cmn/navi_invitation.gif);
}

ul#navigation li#introduction a {
	background-image: url(../../img_cmn/navi_introduction.gif);
}

ul#navigation li#enjoy a {
	background-image: url(../../img_cmn/navi_enjoy.gif);
}


/* ============================================================
	h1
============================================================ */
h1{
	clear:both;
	margin:0 auto;
	padding:0;
	text-align:center;
}

/* ============================================================
	content
============================================================ */
div#content {
	width:758px;
	margin:0 auto;
	padding:0;
}

.caption{
	margin:30px 0;
}

#section table{
	margin:0 0 40px 9px;
	width:740px;
}

#section h2{ margin:0; padding:0; display:inline;}

td.img{
	padding:20px 0;
	text-align:center;
}


/* ============================================================
	ranking
============================================================ */
div#ranking {
	position: relative;
	width: 700px;
	height: 150px;
	margin: 0 auto;
	background: url(../img/bg_ranking.gif) top center no-repeat;
	text-align: center;
}

div#ranking h2 {
	margin: 0 0 10px 0;
	padding: 23px 0 0 0;
}

div#ranking p {
	margin: 0 0 10px 0;
	padding: 0;
}

div#ranking p#wifi {
	position: absolute;
	top: 40px;
	right: 28px;
}

div#ranking p.btn {
	width: 124px;
	height: 28px;
	margin: 0 auto;
}

div#ranking p.btn a {
	display: block;
	width: 124px;
	height: 28px;
	background: url(../img/btn_ranking.gif) top center no-repeat;
	text-indent: -9999px;
}

div#ranking p.btn a:hover {
	background-position: bottom;
}



/* ============================================================
	pageTop
============================================================ */
div#pageTop {
	clear:both;
	width:766px;
	height:120px;
	margin:0 auto;
}

div#pageTop p{
	width:144px;
	height:12px;
	margin:0 auto;
	padding-top:50px;
}

div#pageTop p a {
	display: block;
	width:144px;
	height:12px;
	background: url(../../img_cmn/btn_pagetop.gif) top center no-repeat;
	text-indent: -9999px;
	font-size: 0.1%;
	line-height: 0.1%;
}

div#pageTop p a:hover {
	background-position: bottom;
}


/*=================================================
add header
=================================================*/
#add_header{
	width: 100%;
	height: 44px;
	padding-top: 11px;
	background-image: url(../../img/bg_add_header.png);
	background-repeat: repeat-x;
}

#add_header #wrap{
	width: 960px;
	margin: 0 auto;
}

#add_header #wrap .add_btn{
	width: 580px;
	margin: 0 auto;
}