@charset "UTF-8";

/* 共通レイアウト
------------------------------------------------------*/
#mainCol {
	text-align: center;
}

#snavi {
	width: 960px;
	margin: 0 auto;
}

#snavi li {
	float: left;
	width: 213px;
	height: 31px;
	text-indent: -99999px;
}

#snavi li a{
	width: 213px;
	height: 31px;
	text-indent: -99999px;
	display: block;
}

#snavi li#snavi_01{
	background:url(../images/special/btn_special_01.png) no-repeat;
	background-position: 0 -31px;
}

#snavi li#snavi_02{
	background:url(../images/special/btn_special_02.png) no-repeat;
	background-position: 0 -31px;
}

#snavi li#snavi_03{
	background:url(../images/special/btn_special_03.png) no-repeat;
	background-position: 0 -31px;
}

#special01 #snavi li#snavi_01,
#special02 #snavi li#snavi_02,
#privilage #snavi li#snavi_03{
	background-position: 0 0px;
}

#snavi li#snavi_01:hover,
#snavi li#snavi_02:hover,
#snavi li#snavi_03:hover {
	background-position: 0 0px;
}

#specialTab {
	margin: 30px auto 0 auto;
	width: 955px;
}
#specialTab ul{
	width:431px;
	float:right;
	padding-left:4px;
}
#specialTab ul.sp{
	background:url(../images/special/special_03/tab.png) no-repeat top right;
}
#specialTab ul.campaign{
	background:url(../images/special/special_03/campaign/tab.png) no-repeat top right;
}
#specialTab ul li{
	float:left;
	position:relative;
}
#specialTab ul li .new{
	position:absolute;
	width:43px;
	height:11px;
	top:1px;
	left:3px;
}
#specialTab ul li.first_list .new{
	left:18px;
}


/* 初回特典
------------------------------------------------------*/
#privilage #mainCol {
	padding-top:100px;
}
#privilage #thumCol{
	width: 920px;
	margin: 0 auto;
	position: relative;
}
#privilage #thumCol ul {
	position: absolute;
	margin-left:20px;
}
#privilage #thumCol ul li{
	float:left;
	margin-right:-30px;
}

#privilage01 #thumCol {
	background:url(../images/special/privilage/privilage01/img_privilage_04.png) no-repeat top right;
	height:169px;
}
#privilage01 #thumCol ul { bottom: 0px; }

#privilage02 #thumCol {
	height:147px;
	margin-bottom:30px;
}
#privilage04{
	width:951px;
}
#privilage04 #thumCol {
	width:933px;
	margin:0;
	background:url(../images/special/privilage/privilage04/img_privilage_06.png) no-repeat top right;
	height:169px;
}
#privilage04 #thumCol ul { bottom: 0px; }
#privilage04 #backBtn{
	padding-right:20px;
}


#privilage05 .choiceEd{
	width:800px;
	height:70px;
	margin: 0 auto;
	padding:60px 0 0;
	background:url(../images/special/privilage/privilage05/bg_dlBtn.png) no-repeat top right;
}

/* Examples - Tiny Scrollbar */
.scrollCol {
	margin: 0 auto 10px;
	width: 955px;
	padding: 1px;
	text-align: center;
}
.scrollCol .viewport {
	overflow: hidden;
	position: relative;
	width: 942px;
	height: 583px;
}

.scrollCol .overview {
	position: absolute;
	left: 0;
	top: 0;
	margin: 0;
	padding: 10px 0 0 10px;
	list-style: none;
}
.scrollCol .scrollbar {
	position: relative;
	float: right;
	background: transparent url(../images/system/bg_scroll_bar.gif) no-repeat;
	background-position: 0 0;
	width: 9px;
}
.scrollCol .track {
	position: relative;
	background: brown transparent url(../images/system/bg_scroll_bar.gif) repeat-y 0 100%;
	height: 100%;
	width: 9px;
}
.scrollCol .thumb {
	overflow: hidden;
	position: absolute;
	top: 0;
	left:0;
	background: transparent url(../images/system/img_scroll_bar.gif) repeat-y ;
	width: 9px;
	height: 58px;
	cursor: pointer;
}
.scrollCol .disable { display: none; }

/* 初回特典 DL
------------------------------------------------------*/
.noScroll{
	width:960px;
	margin:10px auto ;
}
#pkgEntry .mainContents{
	float:left;
}
#pkgEntry .subContents{
	float:right;
}

#gnavi{
	z-index:20;
}

#pkgEntry .formArea{
	width:800px;
	height:55px;
	margin:5px auto ;
	padding:65px 0 0;
	background: url(../images/special/privilage/download/bg_pkg_form.png) left top no-repeat;
	font-size:0;
	line-height:0;
	vertical-align:top;
	
}

#pkgEntry .formArea .textBox{
	width:110px;
	height:28px;
	margin-right:10px;
	border:1px solid #999999;
	background:#000000;
	position:relative;
	z-index:10;
	color:#FFFFFF;
	font-weight:bold;
	font-size:18px;
	line-height:28px;
	text-align:center;
	vertical-align:top;
}

#pkgEntry .formArea .submitBtn{
	display:inline-block;
	width:124px;
	height:40px;
	border:none;
	background:url(../images/special/privilage/download/btn_next_off.png) left top no-repeat;
	cursor:pointer;
	text-indent:-9999px;
	position:relative;
	top:-5px;
	left:20px;
	z-index:1;
}
#pkgEntry .formArea .submitBtn:hover{
	background:url(../images/special/privilage/download/btn_next_on.png) left top no-repeat;
}

.bgBtnArea{
	width:798px;
	padding:20px 0;
	margin:0 auto;
	border:1px solid #FFCD1C;
	background:url(../images/special/privilage/download/bg_btnArea.png) left top;
}

/* downlordVer */
#loginWrap {
	width:820px;
	margin:0 auto;
}
#loginWrap .btnLogin{
	width:400px;
	height:120px;
	padding-top:60px;
	background:url(../images/special/privilage/download/bg_haveID.png) left top;
	float:left;
}
#loginWrap .btnSignUp{
	width:400px;
	height:120px;
	padding-top:60px;
	background:url(../images/special/privilage/download/bg_fstID.png) left top;
	float:right;
}

#snavi.membersNav ul li{
	text-indent:0;
	width:auto;
	}
#snavi.membersNav ul li a{
	width:auto;
	text-indent:0;
	}

	#snavi.membersNav ul.faq li.faq{
		background:url(../images/special/privilage/download/btn_faq_on.png) left top;
	}
	#snavi.membersNav ul.contact li.contact{
		background:url(../images/special/privilage/download/btn_contact_on.png) left top;
	}
	#snavi.membersNav ul.agreement li.agreement{
		background:url(../images/special/privilage/download/btn_agreement_on.png) left top;
	}
	#snavi.membersNav ul.memberAccount li.memberAccount{
		background:url(../images/special/privilage/download/btn_memberAccount_on.png) left top;
	}
	#snavi.membersNav ul.serviceResign li.serviceResign{
		background:url(../images/special/privilage/download/btn_serviceResign_on.png) left top;
	}

	#snavi.membersNav ul.faq li.faq a,
	#snavi.membersNav ul.contact li.contact a,
	#snavi.membersNav ul.agreement li.agreement a,
	#snavi.membersNav ul.memberAccount li.memberAccount a,
	#snavi.membersNav ul.serviceResign li.serviceResign a{visibility:hidden;}

.systemNoticeCol{
	width:760px;
	min-height:300px;
	margin:30px auto 20px;
	padding:20px;
	border:1px solid #999999;
	background:#FFFFFF;
	color:#666666;
}
.errorMsg{
	color:#FF0000;
	font-weight:bold;
}

.emphasisTxt{
	font-size:130%;
	line-height:1.2;
}

.systemNoticeCol.ended::before {
	content: "";
	display: inline-block;
	height: 0;
	width: 0;
	padding-top: 300px;
	vertical-align: middle;
}
.systemNoticeCol.ended .errorMsg{
	display: inline-block;
	width: 90%;
	vertical-align: middle;
}

#faqWrap{
	width:879px;
	margin:20px auto;
	padding:20px;
	border:1px solid #999999;
	background:#FFFFFF;
	color:#333333;
}
#faqWrap h3{
	padding:20px 0;
	margin:0 auto 30px;
	border:1px solid #FFCD1C;
	background:url(../images/special/privilage/download/bg_btnArea.png) left top;
	text-align:center;
	color:#FFFFFF;
	font-size:200%;
}
#faqWrap ul{
	margin-bottom:40px;
}
#faqWrap ul li{
	margin-bottom:10px;
	background:#EEEEEE;
	text-align:left;
	padding:5px;
	padding-left:1.5em;
	text-indent:-1em;
}

#faqWrap ul li.question{
	background:#FFCCCC;
	color:#CC0000;
	padding:5px 10px;
	padding-left:2.5em;
	text-indent:-2em;
	margin-bottom:0;
	}
	#faqWrap ul li.question:before{
		content:"Q：";
		}
#faqWrap ul li.answer{
	background:#DDEEFF;
	color:#0033CC;
	padding:5px 10px;
	padding-left:2.5em;
	text-indent:-2em;
	}
	#faqWrap ul li.answer:before{
		content:"A：";
		}

#faqWrap dl.contact{
	padding:5px;
	background:#EEEEEE;
	color:#333333;
	text-align:left;
}
	#faqWrap dl dt:before{
		content:"■";
	}
	#faqWrap dl dd{
		margin-bottom:20px;
	}

/* fancybox */

.fancybox-next span{
	width:21px;
	height:76px;
	background: url(../js/fancybox/img_fb_arrow_right.png) right top no-repeat;
	right: -40px;
	visibility:visible;
}

.fancybox-prev span{
	width:21px;
	height:76px;
	background:url(../js/fancybox/img_fb_arrow_left.png) right top no-repeat;
	left: -40px;
	visibility:visible;
}

/* backBtn */

#backBtn{
	text-align: right;
}