@charset "utf-8";

body, input, button, checkbox, file, options, password, radio, select, reset, submit, text, textarea {
	font-family :SimSun, PMingLiU, NSimSun, SimHei, Hei, 'MS UI Gothic', sans-serif;
}

/* for cn,tw font size 11px→12px */
#group_link{
	font-size: 12px;
}

/* =================================================
Header
================================================= */
#header_logo{
	width:360px;
	float:left;
	padding:10px 0 0;
}
#search{
	float:right;
	width:590px;
	/* padding:8px 15px 0 0; */
	text-align:right;
	line-height: 1.4;
	font-size: small !important; /* IE7 */
	font-size: 82%; /* IE6 */
}
/* General Switch
---------------------------------*/
#switch_gen{
	float: right;
	margin-top: 7px;
}
#switch_gen a,
div.hup_adt div.hup_switch a{
	background-image: url(../img/lang_tw.png);
	background-repeat: no-repeat;
	background-position:0px -700px;
	display: block;
}
#switch_gen a:hover,
div.hup_adt div.hup_switch a:hover{
	background-image: url(../img/lang_tw.png);
	background-repeat: no-repeat;
	background-position:0px -724px;
	display: block;
}
/* other Switch
---------------------------------*/
#switch_adt{
	float: right;
	margin-top: 7px;
}
#switch_adt a,
div.hup_gen div.hup_switch a{
	background-image: url(../img/lang_tw.png);
	background-repeat: no-repeat;
	background-position:-125px -700px;
	display: block;
}
#switch_adt a:hover,
div.hup_gen div.hup_switch a:hover{
	background-image: url(../img/lang_tw.png);
	background-repeat: no-repeat;
	background-position:-125px -724px;
	display: block;
}
/* Detailed filter
---------------------------------*/
#wrap_head_upper div.hup_filter040101_off{
	margin: 10px 0 0 7em;
}
div.hup_gen div.hup_filter0401 ul li,
div.hup_adt div.hup_filter0401 ul li,
div.hup_gen div.hup_filter0402 ul li,
div.hup_adt div.hup_filter0402 ul li{
	width: 240px;
}
/* Category
---------------------------------*/
#wrap_head_lower.hup_gen div.hlo_wrap_category ul li{
	width: 175px;
}
#wrap_head_lower.hup_adt div.hlo_wrap_category ul li{
	width: 175px;
}


/* =================================================
Side Menu Banner
================================================= */
/* Button
---------------------------------*/
#side_smartphone{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -420px;
	width:300px;
	height:44px;
}
/* Banner
---------------------------------*/
#side_banner_payment{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -200px;
	width:300px;
	height:70px;
}

#side_banner_livechat{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 0;
	width:300px;
	height:70px;
}

#side_banner_affiliate{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -100px;
	width:300px;
	height:70px;
}

#side_banner_payment_campaign{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-350px 0;
	width:300px;
	height:70px;
}
/* QR code
---------------------------------*/
#qrcode{
	background:url(../img/qr/qr_back.png);
	width: 170px;
	height: 92px;
	position: relative;
	margin-left:auto;
	margin-right:auto;
}

#qrcode a#mbm{
	position: absolute;
	left: 10px;
	top: 7px;
}

#qrcode a#qrc{
	position: absolute;
	right: 8px;
	top: 7px;
}

#qrcode p{
	font-size: 10px;
	padding: 45px 0px 2px 10px;
	text-align:left;
	line-height:1.2;
}

#qrcode a{
	font-size: 11px;
	text-align: center;
	display: block;
	line-height:1.2;
}
/* Mark
---------------------------------*/
.everyone{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -300px;
	width:80px;
	height:17px;
}
.members{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-100px -300px;
	width:80px;
	height:17px;
}
.adult{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-200px -300px;
	width:80px;
	height:17px;
}
.private{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-300px -300px;
	width:80px;
	height:17px;
}
/* 新しいアイコン用 */
.member_icon.private {
	width:5em;
	height: auto;
	background: #3F3F3F;
	background: -moz-linear-gradient(#727272, #3F3F3F);
	background: -o-linear-gradient(#727272, #3F3F3F);
	background: -webkit-linear-gradient(#727272, #3F3F3F);
	background: linear-gradient(#727272, #3F3F3F);
}

.friends{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-400px -300px;
	width:80px;
	height:17px;
}
.charged{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-500px -300px;
	width:80px;
	height:17px;
}


/* =================================================
index
================================================= */
table.mypage_news ul li.mypage_payment button strong {
    width: 16em;
}


/* =================================================
Content
================================================= */
.video_affiliate{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-620px -300px;
	width:160px;
	height:17px;
	margin:5px 0 0;
}
#login_payment_registration{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:-300px -340px;
	height:60px;
	width:250px;
}
#video_submenu_list01_link a,
#video_submenu_list02_link a,
#video_submenu_list03_link a,
#video_submenu_list04_link a,
#video_submenu_list05_link a,
#video_submenu_list06_link a{
	height:32px;
}
.tooltip{
	z-index: 2;
}
div.tooltip02 span a{
	font-size: 12px;
	line-height: 1.25;
}
/* tpl: req_regist ---------------------------------- */
#req_regist_all div.bnr_wifi{
    background: url(../img/lang_tw.png) no-repeat scroll 0 -810px;
}
/* button_large */
#req_regist_all div.req_regist_member strong.btn_free a,
#req_regist_all div.req_regist_member strong.btn_wifi a,
#req_regist_all div.req_regist_member strong.btn_payment a{
	font-size: 22px;
	padding: 14px 7px;
	width: 270px;
}
/* button_small */
#req_regist_all table.req_regist_feature strong.btn_free a,
#req_regist_all table.req_regist_feature strong.btn_wifi a,
#req_regist_all table.req_regist_feature strong.btn_payment a{
	font-size: 16px;
	line-height: 1.2;
	padding: 5px;
	width: 120px;
	vertical-align: middle;
	display: table-cell;
	height: 2.5em;
}
/* talbe_width */
#req_regist_all table.req_regist_feature th.feature01{
	width: 22%;
}
#req_regist_all table.req_regist_feature th.feature02,
#req_regist_all table.req_regist_feature th.feature03{
	width: 26%;
}


/* =================================================
Login
================================================= */
#login_registration{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -340px;
	height:60px;
	width:250px;
}
#member_registration{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -120px;
	height:60px;
	width:250px;
}


/* =================================================
Payment
================================================= */
#banner_payment_campaign{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -480px;
	height:70px;
	width:750px;
}
.payment_copy{
	background:url(../img/lang_tw.png) no-repeat;
	background-position:0 -640px;
	width:600px;
	height:45px;
}