@charset "utf-8";

body {
	font-family:Arial, 'Lucida Grande', Tahoma, 'MS PGothic', Osaka, sans-serif;
}
input, button, checkbox, file, options, password, radio, select, reset, submit, text, textarea {
	font-family:Arial, Tahoma, 'MS PGothic', Osaka, sans-serif;
}

/* =================================================
Header
================================================= */
#header_logo{
	/* width:330px; */
	float:left;
	padding:10px 0 0;
}
#header_logo p{
	font-size:12px;
}
#search{
	float:right;
	/*  width:620px; */
	text-align:right;
	line-height: 1.4;
	font-size: 12px;
}
/* General Switch
---------------------------------*/
#switch_gen{
	float: right;
	margin-top: 7px;
}
#switch_gen a,
div.hup_adt div.hup_switch a{
	background: url(../img/lang_vi.png) no-repeat 0 -751px;
	display: block;
}
#switch_gen a:hover,
div.hup_adt div.hup_switch a:hover{
	background: url(../img/lang_vi.png) no-repeat 0 -775px;
	display: block;
}
/* other Switch
---------------------------------*/
#switch_adt{
	float: right;
	margin-top: 7px;
}
#switch_adt a,
div.hup_gen div.hup_switch a{
	background: url(../img/lang_vi.png) no-repeat -125px -751px;
	display: block;
}
#switch_adt a:hover,
div.hup_gen div.hup_switch a:hover{
	background: url(../img/lang_vi.png) no-repeat -125px -775px;
	display: block;
}
#menu_left,
#menu_right{
	width: auto;
}
/* mini filter
---------------------------------*/
#wrap_head_upper div.hup_filter_mini strong{
	width: 8em;
}
#wrap_head_upper div.hup_filter_mini01 #perpage_list{
	width: 75px;
}
/* detailed filter
---------------------------------*/
#wrap_head_upper div.hup_filter_details strong{
	padding:0 5px 0 0;
}
#wrap_head_upper div.hup_filter0101 #perpage_list_d{
	width: 75px;
}
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: 280px;
}
/* Category
---------------------------------*/
#wrap_head_lower.hup_gen div.hlo_wrap_category ul li{
	width: 280px;
}
#wrap_head_lower.hup_adt div.hlo_wrap_category ul li{
	width: 280px;
}
/* User Menu
---------------------------------*/
#hlo_wrap_usermenu ul.hlo_usermenu02{
	float: left;
}
#hlo_wrap_usermenu ul.hlo_usermenu03{
	float: right;
}


/* =================================================
Side Menu Banner
================================================= */
#side_log_list_left{
	font-size:85%;
	line-height:1.8;
}
/* Button
---------------------------------*/
#side_smartphone{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -420px;
	width:300px;
	height:44px;
}
/* Banner
---------------------------------*/
#side_banner_payment{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -200px;
	width:300px;
	height:70px;
}
#side_banner_livechat{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 0;
	width:300px;
	height:70px;
}
#side_banner_affiliate{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -100px;
	width:300px;
	height:70px;
}
#side_banner_payment_campaign{
	background:url(../img/lang_vi.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_vi.png) no-repeat;
	background-position:0 -300px;
	width:80px;
	height:17px;
}
.members{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:-100px -300px;
	width:80px;
	height:17px;
}
.adult{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:-200px -300px;
	width:80px;
	height:17px;
}
.private{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:-300px -300px;
	width:80px;
	height:17px;
}
/* 新しいアイコン用 */
.member_icon.private {
	width: 8em;
	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_vi.png) no-repeat;
	background-position:-400px -300px;
	width:80px;
	height:17px;
}
.charged{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:-500px -300px;
	width:80px;
	height:17px;
}


/* =================================================
Content
================================================= */
.video_affiliate{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:-620px -300px;
	width:160px;
	height:17px;
	margin:5px 0 0;
}
#login_payment_registration{
	background:url(../img/lang_vi.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:44px;
}
.blog_no_link{
	font-size:85%;
	/font-size:10px;
}
div.tooltip02{
	width: 300px;
}
div.tooltip02 span a{
	font-size: 12px;
	line-height: 1.25;
}
/* tpl: req_regist ---------------------------------- */
#req_regist_all div.bnr_wifi {
    background: url(../img/lang_vi.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: 16px;
	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;
	padding: 5px;
	width: 120px;
	line-height: 1.2;
	vertical-align: middle;
	display: table-cell;
	height: 3.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_vi.png) no-repeat;
	background-position:0 -340px;
	height:60px;
	width:250px;
}
#member_registration{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -120px;
	height:60px;
	width:250px;
}


/* =================================================
My album
================================================= */
.album_edit .input{
	width:180px;
}
.album_edit select{
	width:150px;
}


/* =================================================
Payment
================================================= */
.payment_select_box{
	width:450px;
	margin:0 auto;
}
.payment_btn_box{
	margin:10px auto 5px;
	width:220px;
}
#banner_payment_campaign{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -480px;
	height:70px;
	width:750px;
}
.payment_copy{
	background:url(../img/lang_vi.png) no-repeat;
	background-position:0 -640px;
	width:600px;
	height:80px;
}

.payment_border {
	text-align: center;
}
.payment_border input.p_submit {
	margin-top: 10px;
}

/* =================================================
公開範囲アイコン
================================================= */
.adult_icon,
.member_icon,
.purchased_icon_already,
.purchased_icon_yet {
	width: 6em;
}

.member_icon.pay {
	width: 9em !important;
}