@charset "utf-8";

/*---------------------------------以下3idはこの名前でツール上で自動的に入ります。同じ名前で別途指定しないようにしてください。------------------------------------

div#bgWrapper {
	background: url(../img/0413/bg_poligon.gif) repeat-y center top;
	}

div#mainWrapper { 外から二番目の枠です。サブの背景などに }

div#cntArea { 基本使用禁止 }


.btn_play_s{プレイボタン：小}
.btn_play_s_off{プレイボタン：小オフ}
.btn_play{プレイボタン}
.btn_play_off{プレイボタンオフ}
.btn_go { GOボタン}
.btn_go { GOボタン}
.btn_go_s { GOボタン：小}
.btn_go_s_off { GOボタン：小オフ}

#topBar { margin-top:0px !important;  z-index:100 !important;}
#barInner a{ color:#000 !important;}

#wrapper #main_cnt_wrapper div:after, #wrapper #main_cnt_wrapper p:after, #wrapper #main_cnt_wrapper ul:after{
    height: auto;
}

--------------------------------------------------------------------------------------------------------------------------------------------------------------*/

#main_cnt_wrapper{
	background-color: #000;
	color:#fff;
	position: relative;
}

.section{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/background.jpg) no-repeat center 0;
}

.mainCont{
	width: 100%;
	height: 526px;
}

.scrollCont{
	display: none;
	background-color: rgba(0,0,0,0.8);
	background-color: #000\9;
	border-bottom: 1px solid #222;
	width: 100%;
	position: fixed;
	top:0;
}

.titleCont{
	width: 950px;
	margin: 0 auto;
	padding-top: 50px;
}

.titleCont p{
	/*margin-top: 25px;*/
}

.cnotentList{
	text-align: center;
}

.imgText{
	display: block;
	overflow: hidden;
	text-indent: -9999px;
}

.section .header{
	padding: 20px;
}

.section .header a{
	width: 114px;
	height: 31px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/logo.png) no-repeat;
}

.pageTitle{
	width: 640px;
	height: 350px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_free.png) no-repeat;
}

.buttonPurchase a{
	width: 464px;
	height: 68px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_free.png) no-repeat;
}

.contentList{
	height: 600px;
	padding-top: 40px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/contents.jpg) repeat-x center 40px #000;
}

.subTitle01{
	width: 100%;
	height: 38px;
	padding-top: 40px;
	margin: 0 auto;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtitle01.png) no-repeat center 40px;
	background-color: #000;
}

.subTitle02{
	width: 695px;
	height: 51px;
	margin: 80px auto 0;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtitle02.png) no-repeat;
}

.subTitle03 {
    width: 797px;
    height: 89px;
    margin: 80px auto 0;
    background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtitle03.png) no-repeat;
}

.subcont01{
	width: 950px;
	height: 370px;
	margin: 0 auto;
	position: relative;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/device01.png) no-repeat 0 center;
}

.subcont02{
	width: 909px;
	height: 358px;
	margin: 40px auto 0;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/device02.png) no-repeat 0 center;
	margin-bottom: 80px;
}

.subcont01 ul{
	position: absolute;
	right:50px;
	top:110px;
}

.point01{
	width: 492px;
	height: 71px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtext01.png) no-repeat center;
}

.point02{
	margin-top: 30px;
	width: 479px;
	height: 70px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtext02.png) no-repeat center;
}
.attention01{
	font-size: 12px;
    color: #999;
    margin-top: 20px;
}
.attention{
	width: 909px;
    margin: 40px auto 0;
}

.attention a{
	color: #ddd;
	text-decoration: none;
}

.attention a:hover{
	text-decoration: underline;
}

.attention h3{
	font-size: 18px;
	color: #b3b3b3;
}

.attention ul{
	font-size: 12px;
	color: #b3b3b3;
}

.scrollInner{
	margin:0 auto;
	width: 600px;
}

.scrollText{
	float: left;
	width: 300px;
	height: 70px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_title.png) no-repeat center;
}

.scrollButton{
	float: right;
	width: 300px;
	height: 68px;
}

.scrollButton a{
	width: 350px;
	height: 68px;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_free.png) no-repeat 0 center;
}
.type_free .scrollButton a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_free.png);
}
.type_premium .scrollButton a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_premium.png);
}
.type_noypreuser .scrollButton a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_noypre.png);
}
.type_re_ypreuser .scrollButton a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_re_ypre.png);
}
.type_re_noypreuser .scrollButton a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/scroll_btn_re_noypre.png);
}
.type_free .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_free.png) no-repeat;	
}
.type_free .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_free.png);
}

.type_premium .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_premium.png) no-repeat;
}
.type_premium .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_premium.png);
}

.type_noypreuser .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_noypreuser.png) no-repeat;

}
.type_noypreuser .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_noypre.png);
	background-size: 495px 105px;
    width: 495px;
    height: 105px; 
    margin-top: -10px;  
}

.type_re_ypreuser .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_premium.png) no-repeat;
}
.type_re_ypreuser .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_re_ypre.png);
	background-size: 594px;
    width: 594px;
}

.type_re_noypreuser .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_re_noypreuser.png) no-repeat;
	/*margin-top: -30px;*/
}
.type_re_noypreuser .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_re_noypre.png);
	background-size: 495px 105px;
    width: 495px;
    height: 105px; 
    margin-top: -10px;   	
}

.type_purchaseduser .pageTitle{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/title_purchaseduser.png) no-repeat;
}
.type_purchaseduser .buttonPurchase a{
	background-image: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/btn_purchaseduser.png);
}
.notice_txt{
	margin-top: 10px;
    font-size: 14px;
}
.notice_txt_free{
	margin-top: 10px;
    font-size: 10.5px;
}


/*160802 bomi*/
.new_section{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pregcont/pc/preg_lptop_img.jpg) no-repeat center 0;
}
.new_mainCont{
	width: 100%;
	height: 480px;
}

.new_titleCont{
	width: 950px;
	margin: 0 auto;
	padding-top: 10px;	
}

.new_titleCont p{
	/*margin-top: 25px;*/
}
.cont_menu{
	width: 909px;
	height: 40px;
	margin: 0 auto;
	margin-top: 65px;
	border: 1px solid #555;	
}
.cont_menu ul{
	width: 544px;
    margin: 0 auto;
    line-height: 40px;
}	
.cont_menu ul li.tab{
	float: left;
    text-align: center;
    height: 40px;
    width: 180px;
    line-height: 40px;
}
.cont_menu ul li.tab:hover{
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/hover.png) no-repeat;
}
.cont_menu ul li.bar{
    width: 2px;
    display: block;
    float: left;
}
/*.cont_menu ul li.tab:first-child{
	margin-right: 10px !important;
	margin-left: 0px !important;
}
.cont_menu ul li.tab:last-child{
	margin-left: 10px !important;
    margin-right: 0px !important;
}*/
.cont_menu ul li.tab a{
	color: #fff;
	text-decoration: none;
	display: block;
}
.subcont_fee{
	width: 909px;
	height: 361px;
	margin: 40px auto 0;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/fee_plan.png) no-repeat 0 center;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/fee_plan_ie8.png) no-repeat 0 center\9;
    background-size: 909px;

}

.subTitle_fee{
	width: 643px;
	height: 44px;
	margin: 80px auto 0;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtitle_fee.png) no-repeat;
}
.total_cont{
	background: #fff;
}
.subTitle03_new{
	width: 730px;
	height: 98px;
	margin: 80px auto 0;
	background: url(https://s.yimg.jp/images/gyao/special/premiumgyao/pc/img/subtitle03_new.png) no-repeat;
}
p.indetail {
    margin-bottom: 60px;
    text-align: center;
}
p.indetail a {
    text-decoration: none;
    color: #fff;
    background-color: #e50065;
    padding: 3px 10px;
    border-radius: 4px;
    font-size: 14px;
}
#view p{
	width: 909px;
    font-size: 12px;
    color: #b3b3b3;
    margin: 10px auto 0;
}