/*------------------------------
Base
------------------------------*/
html, body {
margin:0;
padding:0;
}
body {
font-size:12px; 
line-height:180%;
color:#000000;
font-family: Meiryo, Verdana, Arial, helvetica, sans-serif;
background:#ededed;
}

/*------------------------------
Link
------------------------------*/
a:link,
a:visited {color:#666666; text-decoration:none;}
a:hover,
a:active {color:#666666; text-decoration:none;}

/*------------------------------
Decoration
------------------------------*/
h1, h2, h3, h4 {margin:0; padding:0; font-weight:normal;}
ul, ol {margin:0; padding:0; list-style-type:none;}
img {border:0;}
.attn {color:#cb0f2c;}

/*------------------------------
Layout
------------------------------*/
#container {
width:980px;
margin:0 auto;
}

#main {
position:relative;
overflow:hidden;
width:980px;
margin:0 auto;
}
.push {clear:both;}

/*------------------------------
Top Navi
------------------------------*/
#header-navi {}
#header-navi-inner {
height:45px;
background:url("../img/header-navi-bg.gif") top left no-repeat;
}
ul.header-navi-list {padding:22px 0 0 668px;}
ul.header-navi-list li {
float:left;
font-size:9px; 
line-height:12px;
font-weight:bold;
}
li.header-navi-list01 {
border-right:1px solid #666666;
padding:0 12px 0 0;
margin:0 6px 0 0;
}
li.header-navi-list02,
li.header-navi-list03,
li.header-navi-list04 {padding:0 6px;}
ul.header-navi-list a:hover,
ul.header-navi-list a:active {border-bottom:1px dotted #000000;}

/*------------------------------
Header Picture
------------------------------*/
#header-pic {margin:0 0 1px 0;}
#header-pic h1 {
height:220px;
text-indent:-9999em;
background:url("../img/title-club.jpg") top left no-repeat;
}

/*------------------------------
Content
------------------------------*/
#content {
position:relative;
float:left;
width:786px;
padding:0 0 30px 0;
}

/*====== About ======*/
#content-about-line {
border:1px solid #cccccc;
background:#ffffff;
}
#content-about-inner {padding:26px 23px;}
.title-about {
width:175px;
height:20px;
text-indent:-9999em;
background:url("../img/title-about.gif") top left no-repeat;
}
.about-club {margin:18px 0;}
.howto-entry {
color:#666666;
margin:18px 0 0 0;
line-height:160%;
}
.btn-login {margin:0 13px 0 0;}

/*====== Benefit ======*/
#content-benefit {
width:557px;
height:324px;
float:left;
}
#content-benefit-line {
border-left:1px solid #cccccc;
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#ffffff;
height:323px;
}
#content-benefit-inner {padding:20px 22px;}
.title-benefit {
font-size:14px; 
line-height:100%;
font-weight:bold;
margin:0 0 18px 0;
}
ul.benefit-list {
color:#cb0f2c;
font-weight:bold;
list-style-image:url(../img/icn-list.gif);
margin:0 0 22px 12px;
}

/*====== present ======*/
.campaign090331 {
font-weight:bold;
line-height:200%;
}
.campaign090331 img {
float:left;
margin:0 18px 0 0;
}
.campaign090331 p {padding:16px 0 0 0;}

/*====== Mobile ======*/
#content-mobile {
width:229px;
height:324px;
float:left;
}
#content-mobile-line {
border-right:1px solid #cccccc;
border-bottom:1px solid #cccccc;
background:#ffffff;
height:323px;
}
#content-mobile-inner {padding:20px 14px;}
.title-mobile {
font-size:14px; 
line-height:100%;
font-weight:bold;
margin:0 0 18px 0;
}
.mobile-description {margin:0 0 20px 0;}
.mobile-attn {
font-size:10px; 
line-height:120%;
color:#666666;
margin:0 0 24px 0;
}
.mobile-qr {
text-align:center;
}

/*------------------------------
Right Side
------------------------------*/
#right-side {
position:relative;
float:left;
width:194px;
}
#right-side-inner {padding:0 0 0 18px;}
#right-side h2 {
text-indent:-9999em;
}


/*------------------------------
Footer
------------------------------*/
#footer {}