/* CSS Document */

div.section-single{
	clear:both;
	width:652px;
	padding:0 22px 20px 23px;
}

div.section-single h1{
	padding-top:12px;
	margin-bottom:20px;
	background: url(../img/common/back-title.jpg) no-repeat;
	padding-left:16px;
	width:636px;
	height: 28px;
	font-size:15px;
	color:#fff;
	margin-top:0;
}

div.section-single h3{
	margin-bottom:20px;
}


div.section-single p{
	margin-bottom:20px;
}

div#sitemap p{
	padding-bottom:20px;
	border-bottom:1px solid #E0E0E0;
}

div#sitemap a{
	padding-left:12px;
	background:url(../img/common/icon-arrow2.gif) no-repeat 2px 4px;
}

/* ========== top style ========== */

body#first{ overflow-x:hidden; }

div#wrapper-mainvisual{
	width:100%;
	height:440px;
	position: absolute;
	top:155px;
	left:-478px;
	z-index: 0;
	background: 000;
}

div#mainvisual{
	width:964px;
	margin:0 auto;
}

/* add */

/* 2012/06/06 */

div#nissan-btn{
 position:absolute;
 left:148px;
 top:225px;
}

/* 2014/09/24 */

div#detail-btn{
 position:absolute;
 left:10px;
 top:225px;
}

/* add-end */

div#contents-main{
	width:964px;
	margin:0 auto;
	position: relative;
}

div#wrapper-top div#gnavi{
margin:0;
padding:0;
}

div#wrapper-top div#gnavi ul.dropdown{
margin:0;
padding:0;
}

div#wrapper-top div#gnavi ul.dropdown li{
margin:0;
padding:0;
line-height: 0;
}

div#sitesupdate{
	width: 627px;
	height: 116px;
	-ms-filter: "alpha( opacity=40 )";
	filter: alpha( opacity=40 );
	opacity: 0.4;
	background: #000;
	position: absolute;
	top:274px;
	left:2px;
	z-index: 2;
}

div#contents-siteupdate{
	position: absolute;
	top:280px;
	left:25px;
	color:#fff;
	z-index: 3;
}

p#title-update{
	position: absolute;
	top:47px;
}

ul#update-list{
	position: absolute;
	top:8px;
	left:95px;
	width:520px;
	font-size: 11px;
}

ul#update-list li{
	line-height: 170%;
}

ul#update-list li{
	color:#ccc;
	padding-left:11px;
	background: url(../img/top/icon-circle2.png) no-repeat 2px 7px;
}

ul#update-list li a{
	color:#ccc;
}

div#rightcontents-main{
	position: absolute;
	top:25px;
	right:0px;
	width:324px;
}

div#headline{
	position: relative;
}

p#btn-archive{
	position: absolute;
	top:12px;
	right:14px;
}

div#contents-headline{
width: 964px;
background:url(../img/top/back-headline.jpg) repeat-y;
}

*:first-child+html div#contents-headline p{
	width: 100%;
}

div#contents-headline div.section-headline h2,div#contents-headline div.section-headline-latest h2{
font-size:16px;
margin:9px 0 2px 0;
line-height: 140%;
width:293px;
}

div#contents-headline div.section-headline p,div#contents-headline div.section-headline-latest p{
width:293px;
margin-bottom:2px;
}

div#contents-headline div.section-headline a.detaillink,div#contents-headline div.section-headline-latest a.detaillink{
display: block;
padding-top:5px;
}

div.section-headline{
width:302px;
height:440px;
float:left;
padding:12px 5px 0 12px;
border-bottom:1px solid #E0E0E0;
}

div.section-headline-latest{
width:300px;
height:890px;
padding:12px 9px 0 15px;
float:left;
border-bottom:1px solid #E0E0E0;
}

div.section-headline-latest p.thumbnail,div.section-headline p.thumbnail{
	border:1px solid #E0E0E0;
}

div#contents-main .section-club3{
width:324px;
margin-bottom:6px;
}

div#contents-main .scroll-pane{
background:url(../img/top/back-message.png) repeat-y;
width: 100%;
height:176px;
overflow:auto;
padding:7px 0;
}

div#contents-main .section-club3 dl{
padding:10px 15px 15px 15px;
color:#fff;
}

div#contents-main .section-club3 dl dt a{
color:#fff;
}

div#contents-main .section-club3 dl dt{
	font-size:12px;
}

div#contents-main .section-club3 dl dd{
margin:0 0 6px 0;
color:#90c944;
	font-size:11px;
}

div#bottom-headline{
	width:964px;
	height: 43px;
	padding-top:10px;
	margin:0 auto;
	background: url(../img/top/bottom-headline.jpg) no-repeat;
	position: relative;
	bottom:8px;
}

div#bottom-headline p{
	text-align: right;
	margin-right: 5px;
	
}

div#contents-headline div.item-news{
margin:10px 0;
}

a.arrowlink{
	padding-left:12px;
	background:url(../img/common/icon-arrow2.gif) no-repeat 2px 4px;
}

div.wrapper-top{
	width:964px;
	margin:0 auto;
}

div#content div.page p{
	margin-bottom:0;
}

div#main{
	width:100%;
	height:374px;
	position: relative;
	top:-30px;

}

div.wrapper-top div#container{
	width:964px;
	padding:0;
	background:url(../img/top/back-1.jpg) repeat-y;
}

div#ban-contents ul{
	position: relative;
	left:1px;
	top:-13px;
}

div#ban-contents li{
	width:236px;
	float:left;
	padding-bottom:4px;
	line-height:60%;
}

div#ban-contents li#galleryban{
	position: relative;
	left:14px;
}

div#ban-contents li#messageban{
	position: relative;
	left:17px;
}

div#ban-contents li#presentban{
	position: relative;
	left:22px;
}

div#ban-contents li#ban-diary{
	position: relative;
	left:25px;
}

div#ban-contents li.specialban1{
	position: relative;
	left:22px;
}
div#ban-contents li.specialban2{
	position: relative;
	left:25px;
}


span.caption-contents{
	width:220px;
	display:block;
	padding:4px 0 0 0;
	font-size:13px;
	font-weight:bold;
	line-height:120%;
}

span.update-contents{
	font-size:11px;
	color:#999;
}

span.update-icon{
	background:#185A87;
	margin-left:9px;
	padding:0px 5px;
	font-size:10px;
	color:#fff;
	text-align:center;
	border-radius: 2px;//CSS3
	behavior: url(border-radius.htc);//for IE
}

span.update-gallery{
	background:#EA9440;
}

span.update-present{
	background:#1bc4bd;
}

span.update-diary{
	background:#ff72d0;
}

span.update-store{
	background:#d09304;
}

span.update-fanmail{
	background:#883569;
}

span.update-nissan1{
	background:#EA9440;
}

span.update-nissan2{
	background:#D53160;
}


div#ban-contents2 li{
	width:auto;
	float:left;
	padding:8px 0 3px 0;
}

div.wrapper-top div#container2{
	width:964px;
	padding:0;
	background:url(../img/top/back-2.jpg) repeat-y;
}

div#ban-contents2 li#ban-ta{
	position: relative;
	left:14px;
}

div#ban-contents2 li#ban-ta a{
	padding-bottom:2px;
}

div#ban-contents2 li#ban-rn{
	position: relative;
	left:41px;
}

div#ban-contents2 li#ban-rn a{
	padding-bottom:2px;
}

div#container div#ban-contents{
	width:964px;
	padding:0px;
	background:url(../img/top/back-1.jpg) repeat-y;
}

div#wrapper div#container{
	width:964px;
	padding:0px;
	background:url(../img/common/back.jpg) repeat-y;
}

/* ========== mobile style ========== */

div#wrap-mobile{
	margin-left:50px;
	padding-top:60px;
}

div#wrap-mobile2{
	margin-left:40px;
}


p#logo-mobile{
	padding-bottom:20px;
}

div#left-mobile{
	width:auto;
	float:left;
}

p#threecareer{
	width:auto;
	float:left;
	margin-left:126px;
}

div#qrarea{
	width: 100%;
	clear: both;
}

p#body-mobile{
	width: 660px;
	float: left;
	padding:37px 0 0 0;
	font-size:14.3px;
	line-height: 200%;
	font-weight: bold;
	letter-spacing: -1px;
}

*:first-child+html p#body-mobile{
	padding:0 0 0 0;

}

*:first-child+html div#qrarea{
	padding:0;
	margin:0;
	position: relative;
	bottom:30px;
}

p#qrcode{
	width:auto;
	float:left;
	margin-right:30px;
	padding-top:37px;
}

*:first-child+html p#qrcode{
	padding-top:0;
}

p#month{
	padding-bottom:13px;
	margin-top:12px;
}

.caution-mobile{
	color:#C2091F;
	font-size:11px;
}

h2#menuaccess{
	clear:both;
	padding:43px 0 32px 0;
}

*:first-child+html h2#menuaccess{
	clear:both;
	padding:23px 0 32px 0;
}

div.section-mobile p.logo-career,div.section-mobile2 p.logo-career{
	width:auto;
	float:left;
}

div.section-mobile-career,div.section-mobile-career2{
	width:auto;
	float: left;
	margin-left:27px;
}

div.section-mobile,div.section-mobile2{
width:884px;
	clear: both;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #D9D9D9;
}

div.section-mobile2{
border: none;
}

div.section-mobile h3,div.section-mobile2 h3{
	color:#1B4F75;
	font-weight: bold;
	margin:16px 0 10px 0;
	font-size:16px;
}

div.section-mobile p,div.section-mobile2 p{
	font-size:14px;
	letter-spacing: -1px;
}

/* ========== about style ========== */

div#wrapper-about{
	position: relative;
	height:780px;
	
}

h2#title-aboutclub{
	margin-bottom:30px;
}

div#wrapper-about p#title-about{
	position: relative;
	left:50px;
	padding-top:55px;
	padding-bottom:20px;
}

div#wrapper-about p#title-thum{
	position:absolute;
	left:50px;
	z-index: 1;
}

div#wrapper-about p#title-cap{
	position:absolute;
	top:15px;
	right:20px;
	z-index: 0;
}

h2#title-aboutclub{
	margin-left:40px;
}

div#left-about{
	width:385px;
	float:left;
	margin-left:40px;
}

div#left-about li{
line-height: 0;
}

*:first-child+html div#left-about li{
font-size:1%;
}

div#right-about{
	width:465px;
	float:left;
	margin-left:30px;
}

span.bldcol{
font-weight: bold;
color: #18527A;
}

div#right-about dl{
border-bottom:1px dotted #D9D9D9;
padding-bottom:14px;
margin-bottom:14px;
clear:both;
}

div#right-about dl dt{
width:108px;
float:left;
font-weight: bold;
color: #18527A;
padding-top:4px;
}

div#right-about dl dd{
width:357px;
float:left;
line-height: 180%;
letter-spacing: -1px;
}

div#right-about dl dd a{
color:#C70623;
text-decoration: underline;
}

p#about-btn-register{
	text-align: center;
	padding:0 0 50px 0;
	margin-top:20px;
}

.aligncenter{
margin-left: auto;
margin-right: auto;
display: block;
}

/***********************************************/

#personal_info .btn{
 text-align:center;
}

#personal_info #credit-btn{
 cursor:pointer;
 width:215px;
 height:33px;
}

#theme-my-login #creditcard_info table#profile-table{
 width:100%!important;
}

input#user_login,input#user_pass{
width:200px;
}

#creditcard_info .btn{
 margin-top:20px;
 position:relative;
}

#creditcard_info .btn .back{
 position:absolute;
 left:0;
 top:0;
}

#creditcard_info .btn .back a{
 cursor:pointer;
}

#creditcard_info .btn .submit{
 position:absolute;
 right:0;
 top:0;
}

#setupform .btn{
 margin-top:20px;
 text-align:center;
}

div#personal_info h2,div#creditcard_info h2{
	margin-bottom:0;
}

table#profile-table{
font-size:12px;
}

div#creditcard_info p.register-note{
	padding-bottom:20px;
}

/* ========== section-credit style ========== */

div#section-credit .section{
 background:#EDF1F2;
 margin-bottom:20px;
 padding:15px;
}

div#section-credit .section p,
div#section-credit .section dl dt,
div#section-credit .section dl dd{margin:0 0 20px}

div#section-credit .section dl dd.last-child{margin-bottom:0}

div#section-credit .section .note{color:#990000; margin-top:10px;}

div#section-credit .section .lineup dd{
 display:inline;
 margin:0 20px 0 0;
}

div#section-credit .section.sec2 *{
 font-size:12px;
}

div#section-credit .section.sec2{
 margin-bottom: 30px;
}

.sec2 dt{
	margin-bottom:20px;
}
 
/* ========== password change style ========== */

p#pswd-change{
	width: 652px;
	text-align: center;
	margin-top:20px;
}

input#btn-pswdchange{
	width:215px;
	height: 34px;
	background: url(../img/mobile/btn-repw.gif) no-repeat;
	border:none;
	cursor: pointer;
}

input#btn-pswdchange:hover{
	background: url(../img/mobile/btn-repw_o.gif) no-repeat;
}

/* ========== resign style ========== */

p#resign{
	width: 652px;
	text-align: center;
}

input#btn-resign{
	width:215px;
	height: 33px;
	background: url(../img/single/btn-resign.gif) no-repeat;
	text-indent: -999em;
	border:none;
	cursor: pointer;
}

input#btn-resign:hover{
	background: url(../img/single/btn-resign_o.gif) no-repeat;
}

p.caution-resign{
color:#C70623;
}

/* ========== page style ========== */

div.page h2,
div.page p,
div.page table{margin:0 0 20px}

div.page .btn{
 text-align:center;
}

div.page h2,
div.page p,
div.page table{margin:0 0 20px}

div.page .btn{
 text-align:center;
}

div.page .pageinner_rule{
	height:300px;
	overflow-y:scroll;
	border:#ccc 1px solid;
	margin:0 0 20px;
	padding:10px;
}

div.page .pageinner_rule h1{
	width:auto;
	color:#000;
	background:none;
	padding:0;
}

#agreement-btn{
 margin-top:20px;
 position:relative;
}

#agreement-btn .back{
 position:absolute;
 left:0;
 top:0;
}

#agreement-btn .submit{
 position:absolute;
 right:0;
 top:0;
}

div#regist-btn{
	position: relative;
	text-align: center;
}

p#btn-clear{
	position: absolute;
	top:45px;
	left:0px;
}

p#btn-clear input{
	width:138px;
	height: 25px;
	background: url(../img/regist/btn-clear.gif) no-repeat;
	border:none;
	cursor: pointer;
}

p#btn-clear input:hover{
	background: url(../img/regist/btn-clear_o.gif) no-repeat;
}

div#regist-btn a.back{
 position:relative;
 left:-50px;
 top:0;
 cursor: pointer;
 padding-left:12px;
 background:url(../img/common/icon-arrow3.gif) no-repeat 2px 4px;
}


.activate-page div#right-single h2{
padding-left:25px;
}

.activate-page div#right-single p{
width:652px;
padding:0 25px;
}


table#register-table{
	width:648px;
	border:1px solid #ccc;
	border-collapse:collapse;
	margin:20px 0;
	font-size: 12px;
}

table#register-table td{
	border:1px solid #ccc;
	padding:10px;
}

table#register-table input{
	border:1px solid #ccc;
 	height:12px;
 	padding:4px;
 	vertical-align: middle;
}

table#register-table input.radiobtn{
	border:none;
	padding:0;
}

table#register-table input.profileimg{
	height: 18px;
}

table#register-table ul.address li{
 margin:5px 0 0;
}

table#register-table textarea{
	width:350px;
	height:200px;
	border:1px solid #ccc;
}

a#noagree{
text-align: left;
position: relative;
top:10px;
left:-30px;
}

*:first-child+html a#noagree{
text-align: left;
position: relative;
top:-10px;
left:-30px;
}

/* support  */

div#section-support h1,div#section-support p{
	padding-bottom:20px;
}

div#section-support form.cform li{
	padding-bottom:10px;
}

div#section-support{
padding-left:25px;
width: 652px;
}

ol.cf-ol select,ol.cf-ol input,ol.cf-ol textarea{
	display: block;
}

/* fanmail */


#fan-mail-area p.error {
    background-color: #FFEBE8;
    border: 1px solid #CC0000;
    color: #333333;
    padding: 5px;
    margin:0 0 15px;
    font-weight:normal;
}

#fan-mail-area div p{
 margin:0 0 5px;
 font-weight:bold;
}

#fan-mail-area textarea,
#fan-mail-area .form-title input{
 border: 1px solid #CCCCCC;
 padding: 4px; 
 height: 12px;
 vertical-align:middle;
 width:629px;
}

#fan-mail-area textarea{height:150px}

#fan-mail-area div.fan-mail-description p{
	font-size : 0.85em;
	font-weight : normal;
	padding-bottom : 10px;
}
#fan-mail-area div.fan-mail-description p a{
	font-weight : bold;
}


#fan-mail-area .form-fullname input,
#fan-mail-area .form-account-id input,
#fan-mail-area .form-email input{
 border: 1px solid #CCCCCC;
 padding: 4px; 
 height: 12px;
 vertical-align:middle; 
 width:200px;
}

#fan-mail-area .form-fullname,
#fan-mail-area .form-account-id,
#fan-mail-area .form-title,
#fan-mail-area .form-email{
    margin:0 0 15px;
}
#fan-mail-area .form-message{
 margin:0 0 55px;
}

#fan-mail-area .form-message span{
 display:block;
 color:#999;
 text-align:right;
 margin-top:5px;
 font-size:84.6%;
}

#fan-mail-area .form-permission{
 margin:0 0 20px;
}

#fan-mail-area .form-permission span{
 display:block;
 color:#999;
 margin:0 0 10px;
}

#fan-mail-area .btn{
 text-align:center;
}

#fan-mail-area .form-email p.description{
	padding-top : 10px;
	font-size : 0.85em;
	font-weight : normal;
}

#fan-mail-area .form-email p.description a{
	font-weight : bold;
}