@charset "utf-8";
/* top content */
body#joindiesle { background:#fff; }

body#joindiesle #footerpush-wrapper {
width:980px;
text-align:left;
background:url(../img/joindiesel/bg.gif) left top repeat;
}

body#joindiesle-home { background:url(../img/joindiesel/bg_mailnews.jpg) center top no-repeat; }
body#joindiesle-home.bgsmall { background:url(../img/joindiesel/bg_mailnews_bgs.jpg) center top no-repeat; }

a, a:link { color:#000; text-decoration:underline; }
a:visited { color:#000; }
a:hover { color:#afafaf; text-decoration:underline; }
a:active { color:#000; }

/*
body#joindiesle #footer ul {
height:99px;
background:#fff;
}

#footer ul li {
float:left;
margin:0 1px 0 0;
padding:15px 0;
color:#fff;
background:#000;
}

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

body#joindiesle #content {
width:980px;
margin:0 auto;
font-size:12px;
line-height:1.5;
}

body#joindiesle #content h2 { padding:33px 0 26px 41px; }

body#joindiesle-home #content {
width:980px;
margin:40px auto 30px auto;
text-align:center;
font-size:12px;
font-family:"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","Meiryo","メイリオ","ＭＳ Ｐゴシック","Helvetica","Arial",sans-serif;
line-height:1.5;
background:#fff;
}

body#joindiesle-home #content h2 { margin:0 0 60px 0; }

#mgbody {
width:850px;
margin:0 auto;
padding:0 0 80px 0;
}

#mgpcwrap {
position:relative;
width:850px;
height:460px;
text-align:left;
overflow:hidden;
}

#mgpcwrap .text {
float:left;
width:480px;
margin:0 44px 0 0;
}

#mgpcwrap .photo {
float:left;
width:326px;
}

#mgpcwrap h3 { margin:0 0 30px 0; }

#mgpcwrap p.introtext {
font-size:15px;
line-height:1.5;
}

#mgpcwrap .photo ul {
position:relative;
width:326px;
height:460px;
list-style:none;
overflow:hidden;
}

#mgpcwrap .photo ul li {
position:absolute;
top:0;
left:0;
width:326px;
height:460px;
}

#pc-tokutem {
position:absolute;
bottom:0;
left:0;
width:378px;
height:163px;
text-indent:-9999px;
background:url(../img/joindiesel/pc_tokuten.gif) left top no-repeat;
}

p#btn-join-member { padding:60px 0 20px 0; }

#mbmovwrap {
width:850px;
text-align:left;
overflow:hidden;
}

#mbmovwrap .text {
float:left;
width:690px;
margin:0 46px 0 0;
}

#mbmovwrap .photo {
float:left;
width:114px;
}

#mbmovwrap h3 {
margin:0 0 30px 0;
padding:6px 0 0 0;
}

.qrcode-mobinfo {
width:690px;
overflow:hidden;
}

.qrcode-mobinfo .qrcode {
float:left;
width:130px;
}

.qrcode-mobinfo .mobinfo {
float:left;
width:560px;
}

#mbmovwrap p.introtext {
margin:0 0 6px 0;
font-size:15px;
line-height:1.5;
}

#mbmovwrap p.targetmodel {
font-size:11px;
line-height:1.5;
}

p#btn-about-clubcard { padding:50px 0 0 0; }