@charset "utf-8";

/* reset */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:none}table{border-collapse:collapse;border-spacing:0}
/* end reset */

html {height:100%;}
caption,th {text-align: left;}
img {vertical-align: top; font-size:0; line-height: 0; border: none;}
hr {clear:both; border:0;}
.clear {clear:both;}

/* float */
.left {float:left;}
.right {float:right;}

.center { text-align: center;}

/*clearfix*/

.clearfix:after { content: ".";
display: block;
clear: both; height: 0; visibility: hidden; }
.clearfix { min-height: 1px; }
* html .clearfix { height: 1px; /*ﾂ･*//*/
height: auto; overflow: hidden; /**/
}


/* text align */
.txt-l {text-align:left;}
.txt-c {text-align:center;}
.txt-r {text-align:right;}

/* link */
a:link {text-decoration: none; outline: none; color: #00264C; }
a:visited {outline: none; color: #333;}
a:hover {text-decoration: underline; color: #069; cursor: pointer; }
a:active {text-decoration: none;}

/* clearfix for modern browsers */
.cf:before, .cf:after {content:""; display:block; overflow:hidden;}
.cf:after {clear:both;}
/* clearfix for IE 6/7  */
.cf {zoom:1;}

/* rollover */
a:hover.ro img {filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}

/* font */
html {font-size: 62.5%; }
body {font-size: 12px; font-size: 1.2rem; line-height: 1.22;} 
li {list-style: none;}

body, textarea, input, select {font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;*font-size:small;*font:x-small; color: #444;}
table {font-size:inherit; font:100%;}
.h2_bnr {text-align: right; margin: 5px 10px 0;}
.h2_bnr a {color: #003;}
.h3title {background: #fff url(../images/bg/bg_title2.png) 0 bottom; color: #333; font-weight: bold; line-height: 28px; border-left: solid 5px #900; padding: 2px 16px 0 16px; box-shadow: 1px 1px 3px 1px #ccc; letter-spacing: 0.1em; margin-bottom:10px;font-size: 13px; font-size:1.3rem;}
h3 p {float: left;}
h3 span {font-size: 11px; font-size:1.1rem; letter-spacing: 0; margin-left: 14px;}
h3 div {float: right;}

.b {font-weight: bolder;}
.red {color: red;}
.blue {color: blue;}
.green {color: green;}
.orange {color: orange;}
.white {color: white;}
.silver {color: silver;}
.gray {color: gray;}
.black {color: black;}

small,.small {font-size: 8px; font-size: 0.8rem;}
.text10 {font-size: 10px; font-size:1rem;}
.text11 {font-size: 11px; font-size:1.1rem;}
.text12 {font-size: 12px; font-size:1.2rem;}

/* link */
a.alpha {-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
a.alpha:hover {filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}

/*** layout ***/

/** header **/
#header_wrap {background: #fff url(../images/bg/bg_repeatx.png) 0 0 repeat-x;}
#header_inner {margin: 0 auto; width: 1020px; height: 120px;}

/* header_lt */
#header_lt {float: left; width: 560px; position: relative; height: 90px;}
h1{float: left;}
h1 a {background: url(../images/oth/logo_x1x.png) no-repeat; display: block; width: 204px; height: 44px;text-indent: -9999px; margin: 6px 0 0 3px;}
#header_lt p {font-size: 10px; font-size:1rem; }
#header_lt ul {margin-top: 10px;}
#header_lt ul li {float: left;}

.tab_mon_top a {background: url(../images/btn/btn_sprite-ppv.png) -6px -30px no-repeat; display: block; width: 100px; height: 28px; text-indent: -9999px; margin-left: 5px;  -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.tab_mon_top a:hover {background: #8B1824 url(../images/btn/btn_sprite-ppv.png) -6px -30px no-repeat; display: block; width: 100px; height: 28px; text-indent: -9999px; }

.tab_ppv_top a {background: #fff url(../images/btn/btn_sprite-ppv.png) 0 0 no-repeat; display: block; width: 112px; height: 28px; margin-left: 5px; text-indent: -9999px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}



.tab_wf a,
.tab_wp a { display: block; width: 75px; height: 20px; text-indent: -9999px; position: absolute; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}

.tab_wf a {background: url(../images/btn/btn_western_f.png) 0 0 no-repeat #AAA; top: 30px; left: 430px; }
.tab_wp a {background: url(../images/btn/btn_western_p.png) 0 0 no-repeat #AAA; top: 30px; left: 510px; }

.tab_wf a:hover {background-color: #ddb100;}
.tab_wp a:hover {background-color: #e89900;}

#header_lt .btn_western { position: absolute; top:27px; left: 435px;}


.btn_mypage_head {background: url(../images/btn/btn_sprite-ppv.png) -100px -65px no-repeat; display: block; width: 100px; height: 22px; text-indent: -9999px; margin: 5px 0 0 10px; position: absolute; top: 22px; left: 546px; }
.btn_mypage_head a {background: url(../images/btn/btn_sprite-ppv.png) 0 -65px no-repeat; display: block; width: 100px; height: 22px; text-indent: -9999px;}
.btn_mypage_head a:hover {background: none;}
.btn_mypage_head a:active {background: url(../images/btn/btn_sprite-ppv.png) 0 -65px no-repeat;}

#srch_header form {float: left;}

#searchform {position: relative; margin: 7px;}
#keywords_header {
	font-size: 11px; font-size:1.1rem;
	width: 180px;
	height: 16px;
	background: #eee url(../images/icon/icon_sprite.png) 5px 3px no-repeat;
	border: none;
	-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	padding: 4px 5px 2px 30px;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	box-shadow: 1px 1px 3px 1px #999 inset;}
#searchBtn_header	{position: absolute;top: 0;left: 218px;}

#srch_header p { padding: 12px 0 0 300px;}
#srch_header p a {color: #FFF; font-size: 12px; font-size:1.2rem;}
#srch_header p a:hover {color: #fff;}

/* header_rt */
#header_rt {float: right; width: 450px; height: 90px;}
#icon_header {margin-left: 280px;}
#icon_header li {float: left;}
.rbn_contact a {background: url(../images/icon/rbn_head.png) 0 -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
.rbn_rss a {background: url(../images/icon/rbn_head.png) -30px -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
.rbn_twitter a {background: url(../images/icon/rbn_head.png) -60px -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
.rbn_fb a {background: url(../images/icon/rbn_head.png) -90px -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
.rbn_lang a {background: url(../images/icon/rbn_head.png) -120px -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
.rbn_lang_en a {background: url(../images/icon/rbn_head_en.png) -120px -50px no-repeat; display: block; width: 30px; height: 27px; text-indent: -9999px;}
p#vtip { display: none; position: absolute; padding: 8px; left: 5px; font-size: 0.8em; background:#000; border: 1px solid #666; -moz-border-radius: 3px; -webkit-border-radius: 3px; z-index: 9999; color: #FFF; }
p#vtip #vtipArrow { position: absolute; top: -10px; left: -5000px }

#gmenu_header {text-align: right; width: 440px; margin: 6px 4px 3px;}
#gmenu_header li {display: inline; font-size: 11px; font-size:1.1rem; border-right: solid 1px #aaa;  padding: 0 7px;}
#gmenu_header li a {color: #333;}
#gmenu_header li a:hover {color: #039;}
#gmenu_header li:last-child {border-right:none;}

#bar_head_rt {width: 440px; margin: 10px; font-size: 11px; font-size:1.1rem;}
#bar_head_rt span {float: right; margin-left: 6px;}
#bar_head_rt a {color: #ccc;}
#bar_head_rt a:hover {color: #fff;}
.gotoenpage_header {margin: 8px 20px 0 0;}


.btn_freeregister_header {background: url(../images/btn/btn_sprite-ppv.png) -80px -90px no-repeat; display: block; width: 74px; height: 26px; font-size: 0;}
.btn_freeregister_header span.hover {background: url(../images/btn/btn_sprite-ppv.png) 0 -90px no-repeat; display: block; width: 74px; height: 26px; text-indent: -9999px;cursor: pointer;}
.btn_freeregister_header a:hover {background: none;}

.btn_login_header {background: url(../images/btn/btn_sprite-ppv.png) -110px -120px no-repeat; display: block; width: 106px; height: 26px; font-size: 0;}
.btn_login_header span.hover {background: url(../images/btn/btn_sprite-ppv.png) 0 -120px no-repeat; display: block; width: 106px; height: 26px; text-indent: -9999px;cursor: pointer;}
.btn_login_header a:hover {background: none;}

.btn_logout_header {background: url(../images/btn/btn_sprite-ppv.png) -330px -120px no-repeat; display: block; width: 106px; height: 26px; font-size: 0;}
.btn_logout_header span.hover {background: url(../images/btn/btn_sprite-ppv.png) -220px -120px no-repeat; display: block; width: 106px; height: 26px; text-indent: -9999px;cursor: pointer;}
.btn_logout_header a:hover {background: none;}

/* header_btm */
#header_btm { clear: both; width: 1020px; height: 30px; margin: 0px auto; }
#header_btm ul { margin: 0; padding: 0;}
#header_btm ul li { float: left; text-align: center; width: 101px; height: 20px; line-height: 20px; margin: 5px 0; border-right: 1px solid #AAA;}
#header_btm ul li.last { border: none;}
#header_btm ul li a { color: #000; display: block;}
#header_btm ul li a:hover { text-decoration: underline;}

/*** header2 ***/
#header2_wrap { width: 100%; height: ; margin: 10px 0 0;}
#header2_inner {margin: 0 auto; width: 1020px;height: ; background: #000;}

/*** main ***/
#main_wrap {width: 1020px; margin: 0 auto; clear: both; margin-top:10px;}
#lt {float: left; width: 150px;}
#main {float: right; width: 860px; padding-left: 10px}
#main_content {float: left; width: 700px; background: #fff; padding-right: 10px;}
#rt {float: right; width: 150px;}



/** side left **/
.btn_side_lt {background: #000; padding: 2px 0; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin-bottom: 8px; }
.btn_join_lt a {background: #c00 url(../images/btn/btn_sprite-ppv.png) 0 -150px no-repeat; display: block; width: 150px; height: 50px; text-indent: -9999px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s}
.btn_join_lt a:hover {background: #FFFE00 url(../images/btn/btn_sprite-ppv.png) 0 -150px no-repeat; display: block; width: 150px; height: 50px;}
.btn_join_lt p a:active {background: url(../images/btn/btn_sprite-ppv.png) 0 -150px no-repeat;}

.btn_side_lt ul {margin: 5px;}
.btn_side_lt ul li {margin-bottom: 2px;}

.pointbox_lt {background: #eee; width: 120px; margin: 5px auto; padding: 10px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; box-shadow: 0 1px 3px 1px gray inset;}
.pointbox_lt p {font-size: 10px; font-size:1rem;}
.pointbox_lt div {color: #DBA722; font-size: 16px; font-size: 1.6rem; font-weight: bold; margin: 5px auto 10px auto; text-align: center;}
.btn_mypage_lt {text-align: center; }
.btn_mypage_lt a {background: #fff url(../images/bg/bg_or1.png) 0 -2px repeat-x; padding: 1px 5px; border: solid 1px #ccc; color: #222; text-shadow: 1px 1px 0 #fff; -webkit-border-radius: 2px; -moz-border-radius: 2px;	border-radius: 2px; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.btn_mypage_lt a:hover {background: #ffcc00 url(../images/bg/bg_or1.png) 0 -2px repeat-x; text-decoration: none;}

.genremenu {border: solid 4px #000; margin-bottom: 8px;}
.title_genre {background: #000 url(../images/oth/oth_sprite.png) 0 0 no-repeat; color: #fff; font-size: 12px; font-size:1.2rem; font-weight: bold; padding: 8px 0 2px 10px; margin-top: 0px;}

.title_sidemenu {background: url(../images/bg/bg_title1.png) 0 bottom repeat-x; border-top: solid 1px #eee;}
.genremenu .title_sidemenu span {background: url(../images/icon/icon_arrow.png) 5px 4px no-repeat; font-size: 11px; font-size:1.1rem; font-weight: bold; line-height: 24px; padding-left: 20px; color: #0e4963; text-shadow: 1px 1px 0 #fff;}
.genremenu ul {padding: 5px 3px 0 10px; font-size: 12px; font-size:1.2rem;}
.genremenu ul li {margin: 1px 0;}
.genremenu ul li a {color: #333;}
.genremenu ul li a:hover {color: #069;}

.melmaga {background: #cf4c4c url(../images/oth/img_melmaga2.png) 2px bottom no-repeat; border: double 3px #fff; padding: 5px 0 24px 7px;}
.mailmaga_mailadd2 {width: 116px; padding: 2px 3px; line-height: 12px; border: solid 1px #ccc; -webkit-border-radius: 2px; -moz-border-radius: 2px;	border-radius: 2px; margin: 5px 0 0 0; font-size: 11px; font-size:1.1rem; }
.mailmaga_submit2 {border: none; text-align: right; margin: 2px 0 0 84px; font-size: 10px; font-size:1rem; font-weight: bold; padding-top:2px; background: #eee url(../images/bg/bg_title1.png) 0 0 repeat-x; cursor: pointer;}
.goto_melmaga {font-size: 10px; font-size:1rem; text-align: center; margin-top: 1px;}

/** side right **/
#statusbox {background: #000 /*#0E50C8 url(../images/bg/bg_statusbox.png) 0 0 repeat-x*/; padding-bottom: 8px; /*box-shadow: 0 1px 3px 1px #CCC;*/ margin-bottom: 8px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.title_loginchu {background: url(../images/oth/oth_sprite.png) 9px -43px no-repeat; display: block; width: 141px; height: 25px; text-indent: -9999px;}
#statusbox_inner {background: #f5f5f5; width: 126px; margin: 5px auto 0 auto; padding: 5px; box-shadow: 0 1px 3px 1px gray inset;}
#statusbox_inner span {font-size: 9px; font-size:0.9rem;}
.statusbox_status {font-size: 10px; font-size:1.5rem; font-weight: bold; text-align: center; margin: 5px 0;}
.btn_upgrade_statusbox a {background: url(../images/btn/btn_sprite.png) 0 -320px no-repeat; display: block; width: 110px; height:16px; margin: 0 auto; text-indent: -9999px;}
.btn_upgrade_statusbox a:hover {background: url(../images/btn/btn_sprite.png) -120px 
-320px no-repeat; display: block; width: 110px; height:16px; margin: 0 auto; text-indent: -9999px;}

#statusbox_cart {background: #bbb /*url(../images/bg/bg_statusbox_cart.png) 0 0 repeat-x*/; padding-bottom: 8px; /*box-shadow: 0 1px 3px 1px gray;*/ margin-bottom: 8px; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px;}
.title_cartnakami {background: url(../images/oth/oth_sprite-ppv.png) 9px -43px no-repeat; display: block; width: 141px; height: 25px; text-indent: -9999px;}
#statusbox_cart_inner {background: #f5f5f5; width: 126px; margin: 5px auto 0 auto; padding: 5px; box-shadow: 0 1px 3px 1px gray inset;}
#statusbox_cart_inner span {font-size: 9px; font-size:0.9rem;}
.statusbox_cart_status {font-size: 10px; font-size:1.5rem; font-weight: bold; text-align: center; margin: 5px 0;}
.btn_upgrade_statusbox_cart a {background: url(../images/btn/btn_sprite-ppv.png) 0 -320px no-repeat; display: block; width: 110px; height:16px; margin: 0 auto; text-indent: -9999px;}
.btn_upgrade_statusbox_cart a:hover {background: url(../images/btn/btn_sprite-ppv.png) -120px 
-320px no-repeat; display: block; width: 110px; height:16px; margin: 0 auto; text-indent: -9999px;}

#bnr_rt img {margin: 1px auto; border:  solid 1px #333;}

h3.h3_rt { font-weight: bold; margin: 15px 0 0 0; border-bottom: 1px solid #000; border-left: 4px solid #000; padding: 2px 0 2px 4px; background: #f4f4f4; font-size: 11px; letter-spacing: 1px;}

.title_usertrend {background: #be2d2d url(../images/oth/oth_sprite.png) -200px 0 no-repeat; color: #fff; font-size: 12px; font-size:1.2rem; font-weight: bold; padding: 8px 0 2px 10px; margin-top: 8px;}

.usertrendmenu {border: solid 4px #be2d2d; font-size: 11px; font-size:1.1rem;}
.usertrendmenu a {color: #036; font-weight: normal}
.usertrendmenu ul {padding: 5px 3px 0 10px; font-weight: bold}
.usertrendmenu ul li {margin: 3px 0;}
.usertrendmenu .title_sidemenu span {background: url(../images/icon/icon_arrow.png) 5px -16px no-repeat; font-size: 11px; font-size:1.1rem; font-weight: bold; line-height: 24px; padding-left: 20px; color: #0e4963; text-shadow: 1px 1px 0 #fff;}

.sidemenu_review li {background: url(../images/icon/icon_arrow.png) 0 -188px no-repeat; padding-left: 7px;}

.usertrendmenu dl {padding: 5px 3px 5px 10px;}
.usertrendmenu dt {background: url(../images/icon/icon_sprite.png) 0 -60px no-repeat; display: block; padding-left: 15px; font-weight: bold; color: #333;}
.usertrendmenu dl dd p {width: 120px; height: 100px; border: solid 2px #e48f8f;} 
.usertrendmenu dl dd img {padding-left: 20px;}


.goto_srch {text-align: right; margin: 4px 6px 6px;}
.goto_srch a {color: #0a3041; font-size: 11px; font-size:1.1rem; font-weight: bold;}

#totop {margin: 0 auto;	width: 100%; position: relative;}

#back-top {position: fixed;	bottom: 50px; right: 0;	margin-right: 20px;}
#back-top a {
	width: 80px;
	display: block;
	text-align: center;
	font: 11px/100% Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	color: #bbb;
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
#back-top a:hover {color: #000;}
/* arrow icon (span tag) */
#back-top span {
	width: 80px;
	height: 80px;
	display: block;
	margin-bottom: 7px;
	background: url(../images/btn/btn_totop.png) no-repeat center center;
	/* rounded corners */
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	/* background color transition */
	-webkit-transition: 1s;
	-moz-transition: 1s;
	transition: 1s;}
#back-top a:hover span {background-color: #ccc;}

/** main content **/
#information {background: #f0ede4; border: solid 1px #d6d3cd; margin: 7px auto;}
.title_informaiton {background: url(../images/oth/oth_sprite.png) 12px -150px no-repeat; display: block; width: 685px; height: 30px; margin: 3px auto 0 auto; text-indent: -9999px;}
#information dl {width: 640px; height: 50px; margin: 7px 0 7px 7px; border: solid 1px #ddd;box-shadow: 0 1px 3px 1px #ccc inset; padding: 10px 20px;-webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px; background: #fff; overflow:auto; font-size: 12px; font-size:1.2rem;}
#information dt {float: left; color: #900; font-weight: bold; font-size: 10px; font-size:1rem;}
#information dd {border-left: solid 1px #ccc; margin-left: 74px; padding-left: 14px; color: #000; line-height: 18px;}

.icon_rss_bar a {background: url(../images/icon/rss_icon.gif) 0 7px no-repeat; display: block; width: 45px; height: 23px; text-indent: -9999px;}

#iframe_review {width: 696px; height: 300px; overflow: auto; border: solid 2px #333;}
.goto_reviewrank {text-align: right; margin: 10px 15px 25px;}
.goto_reviewrank a {color: #fff; font-weight: bolder; padding: 2px 5px; font-size: 10px; font-size:1rem; background: #036; -webkit-border-radius: 4px;	-moz-border-radius: 4px; border-radius: 4px; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s}
.goto_reviewrank a:hover {text-decoration: none; background: #F90;}


/***** title *****/
.h2title {font-size: 18px; font-size:1.8rem; font-weight: bolder; color: #111; border-bottom: solid 1px #333; padding: 0 0 2px 0px;}
.h2title span {margin-left: 0px;}
.itm_hd {letter-spacing: -0.1em;}
.itm_hd a {color: #a2281b; font-weight: bolder;}
.itm_hd a:hover {text-decoration: none; color: #333;}
.itm_pre a {color: #a2281b; font-weight: bolder;}
.itm_pre a:hover {text-decoration: none;  color: #ff8800;}
.itm_spe a {color: #a2281b; font-weight: bolder;}
.itm_spe a:hover {text-decoration: none;  color: #2A76B0;}
.itm_nuki a {color: #a2281b; font-weight: bolder;}
.itm_nuki a:hover {text-decoration: none;  color: #38B01A;}
.h2_joyu a {color: #004080; margin-left: 10px;}
#todaymovie h2 {margin-top: 15px;}

/*Event Page*/
.list_bnr { margin: 0 0 10px;}
.list_bnr img{ max-width: 700px;}

.movie_data {width: 680px; padding: 10px; background: url(../images/bg/bg_repeatx.png) 0 -100px repeat-x;}
.movie_data_lt {float: left; width: 200px;}
.movie_data_rt {margin-left: 215px;}

.movie_data_lt img {border: solid 1px #333; width: 130px; margin-left: 30px; }
.face_today {background:  url(../images/oth/face_shadow-ppv.png) 30px 180px no-repeat; }
.btn_face_today {margin: 10px 0 0 33px;}
.btn_face_today span {float: left; margin-right: 5px;}
.face_md {background:  url(../images/oth/face_shadow-ppv.png) 30px 180px no-repeat; }
.gototitle a {background: url(../images/btn/btn_sprite-ppv.png) 0 -360px no-repeat; display: block; width: 112px; height: 35px; margin: 5px auto 0; text-indent: -9999px;}
.gototitle a:hover {background: url(../images/btn/btn_sprite-ppv.png) -120px -360px no-repeat; display: block; width: 112px; height: 35px; margin: 5px auto 0; text-indent: -9999px;}

.btn_writereview a {background: url(../images/btn/btn_sprite2.png) 0 -160px no-repeat; display: block; width: 105px; height: 25px; text-indent: -9999px; }
.movie_data .btn_writereview {margin: 5px auto 1px;display: block; width: 105px;}
.movie_data_lt p {font-size: 10px; font-size:1rem; text-align: center}
.icon_enlarge {background: url(../images/icon/icon_sprite.png) 0 -127px no-repeat; line-height: 20px; font-size: 11px; font-size:1.1rem; margin: 12px auto 0 auto; text-align: center; display: block; width: 130px; padding-left: 2px;}
.movie_data_rt table {line-height: 20px; width: 270px; float: right;}
.movie_data_rt table th {width: 45px;}
.movie_data_rt table td {width: 100px; font-size: 10px; font-size:1rem}
.movie_data dt {float: left; margin-right: 8px; color: #888;}
.movie_data dd span {margin-right: 1px;}
.movie_data dt, .movie_data dd  {line-height: 25px;}
.movie_data dd {border-bottom: dotted 2px #ccc;}
.movie_data dd a {color: #004080; margin-right: 4px;}

.icon_format {border: solid 1px #ccc; color: #fff; background: #333;font-size: 10px; font-size:1rem; padding: 0 2px; font-weight: bold;}

.watchlistnumber {background: url(../images/bg/watchlistnumber.png) 0 0 no-repeat; padding-left: 117px; height:22px; width: 152px; font-size: 11px; font-size:1.1rem; display: inline-block;}
.add_watchlist_md a {background: url(../images/btn/btn_sprite.png) 0 -340px no-repeat; display: inline-block; width: 110px; height: 20px; text-indent: -9999px;}
.add_watchlist_md a:hover {background: url(../images/btn/btn_sprite.png) -120px -340px no-repeat; display: inline-block; width: 110px; height: 20px; text-indent: -9999px;}
.add_watchlist_md a:active {background: url(../images/btn/btn_sprite.png) 0 -340px no-repeat;}
.add_watchlist_top a {background: url(../images/btn/btn_sprite.png) 0 -340px no-repeat; display: inline-block; width: 110px; height: 20px; text-indent: -9999px; margin-left: 160px;}
.add_watchlist_top a:hover {background: url(../images/btn/btn_sprite.png) -120px -340px no-repeat; display: inline-block; width: 110px; height: 20px; text-indent: -9999px;}
.add_watchlist_top a:active {background: url(../images/btn/btn_sprite.png) 0 -340px no-repeat;}

.movie_data_watchlist {float: right;}
.movie_data_watchlist a {color: #red; font-size: 10px; font-size:1rem;}
.movie_data dd li {border-bottom: dotted 2px #ccc; padding: 8px 0 3px 4px; letter-spacing: 0.1em;}
.movie_data dd li span {font-weight: bold; font-size: 11px; font-size:1.1rem; letter-spacing: 0em; margin-right: 5px;}
.movie_data dd li a {color: #004080;}

.addcartbox {border: solid 1px #E2AC25; background: #FFFCC3; width: 340px; margin-top: 5px; margin-bottom: 10px;}
.addcartbox ul {margin: 10px 0 8px 15px; height: 31px;}
.addcartbox li {float: left;}
.addcartbox_pt {padding: 0 20px; font-size: 20px; font-size:2rem; font-weight: bold; text-shadow: 1px 1px 0 #fff; }
.btn_cart a {background: url(../images/btn/btn_buy.gif) 0 0 no-repeat; display: block;  width: 143px; height: 41px; text-indent: -9999px;}
.addcartbox p {text-align: right; margin: 5px 50px;}

.social_btn {margin: 5px 0;}

.reviewamount {margin-left: 30px;}
.reviewamount span {font-weight: bolder;}
.reviewamount span a {font-size: 13px; font-size:1.3rem; color: #d5aa00}

/* star */
.starlevel {background: url(../images/icon/starlevels.png) no-repeat; width: 75px;text-indent: -9999em; display: inline-block;}
.star5 {background-position: 0 3px;}
.star4 {background-position: -15px 3px;}
.star3 {background-position: -30px 3px;}
.star2 {background-position: -45px 3px;}
.star1 {background-position: -60px 3px;}
.star0 {background-position: -75px 3px;}

.movie_data2 {background: url(../images/bg/shadow_moviedata.png) top center repeat-x;}
.movie_data2_lt {float: left; padding: 15px 0 15px 5px; width: 430px;}
.movie_data2_rt {margin-left: 445px; width: 244px; padding: 15px 0;}
.comment {background: url(../images/bg/bg_slant.png) repeat-y; padding: 4px 10px 4px 16px; margin-top: 20px;}
.comment2 {background: url(../images/bg/bg_slant.png) repeat-y; padding: 10px 20px; margin: 5px 10px 25px 10px;}

/* new4 */
#new4 {margin-bottom: 20px;}
.dl_new4 {width: 329px; border: solid 1px #666; padding: 10px 5px 7px 10px; float: left; margin: 0 3px 3px 0; box-shadow: 0 3px 3px 3px #ddd;}
.dl_new4 dt {float: left;}
.dl_new4 img {border:  solid 1px #666;}
.dl_new4 dd {margin-left: 142px;}
.new4_joyu { margin: 4px 0;}
.new4_joyu a { font-size: 15px; font-size: 1.5rem; color: #900;}
.new4_title a {font-weight: bold; font-size: 14px;　font-size:  1.4rem;}

.new4_cmnt {font-size: 11px; font-size: 1.1rem; line-height: 1.3; border: dotted 1px #ccc; padding: 4px; background: #f7f7f7;}
.new4_cmnt a:link, .new4_cmnt a:visited {color: #900;}
.new4_cmnt a:hover {color: #ff0000;}
.new4_data {padding: 5px 0; font-size: 10px;}
.new4_btn {text-align: center;}
.new4_btn span {float: left; margin: 5px 5px 0 0;}

/** list_top **/
.list_top {padding-left: 15px;}
.list_top dl {float: left; margin: 2px 6px 15px 6px; width: 120px; font-size: 11px; font-size:1.1rem}
.list_top dt {background: #f4f4f4 url(../images/oth/face_shadow-ppv.png) -190px 148px no-repeat; ; padding: 10px; border: solid 1px #ddd; width: 100px;}
.list_top dd {padding: 3px 0 0 0;}
.title_list_top a {color: #004080; text-decoration: underline;}
.title_list_top a:hover {text-decoration: none;color: #be2d2d;}
.joyu_list_top a {color: #a2281b; font-weight: bold; font-size: 12px; font-size:1.2rem}
.joyu_list_top a:hover {color: #039;}

.btns_toplist span {float: left;}
.btn_gotottl_mini a {background: url(../images/btn/btn_ttladd.png) 0 0 no-repeat; display: block; width: 60px; height: 19px; text-indent: -9999px;}
.btn_addcart_mini a {background: url(../images/btn/btn_ttladd.png) 0 -20px no-repeat; display: block; width: 60px; height: 19px; text-indent: -9999px;}


.gotolist {margin: 10px auto 20px; text-align: center; }
.gotolist a {font-size: 10px; font-size:1rem; background: #fff url(../images/bg/bg_or1.png) 0 0 repeat-x; font-weight: bold; text-shadow: 1px 1px 0 #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding: 3px 18px; width: 220px; -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px; box-shadow: 0 1px 3px 1px #ccc}
.gotolist a:hover {color: #fff; text-shadow: none; text-decoration: none; background: #ffcc00 url(../images/bg/bg_or1.png) 0 0 repeat-x;}



/*List Cap*/
.face_list, 
.face_list_home,
.face_list_title { position:relative; /* important(so we can absolutely position the description div */ }

.face_list span#caption1,
.face_list_home span#caption1,
.face_list_title span#caption1 {position:absolute; display:none; background-color:black; font-family: 'tahoma'; font-size:15px;color:white;}

.face_list span#caption1 {bottom:9px; left:10px;}
.face_list_home span#caption1 {bottom:10px; left:5px;}
.face_list_title span#caption1 {top:120px; left:0px;}

span#caption1 a:hover img { filter:alpha(opacity=100);-moz-opacity: 1;opacity: 1;}

/** footer **/

#srch_footer form {float: right; margin-top: 10px;}
#keywords_footer {
	width: 180px;
	height: 16px;
	background: #eee url(../images/icon/icon_sprite.png) 5px 3px no-repeat;
	border: none;
	-webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
	padding: 4px 5px 2px 30px;
	color: #555;
	text-shadow: 1px 1px 0 #fff;
	box-shadow: 1px 1px 3px 1px gray inset;}
#searchBtn_footer	{position: absolute;top: 0;left: 168px;}

#footer1_wrap {background: #2c2c2c url(../images/bg/bg_footer1.png) repeat; box-shadow: 0 6px 18px 1px #000 inset; border-top: double 3px #ccc; margin-top: 20px;}
#footer1 {width: 1020px; margin: 0 auto; color: #888; height: 290px;} 
#footer1_lt {float: left; width: 330px; margin-left: 5px; padding: 15px 0 15px;}
#footer1_lt h4 {font-size: 15px; font-size:1.5rem; font-weight: bold; color: #ddd; border-bottom: solid 1px #333; padding-bottom: 4px}
#footer1_lt dl {line-height: 1.5em; margin: 5px auto}
#footer1_lt dt {float: left;}
#footer1_lt dd {margin-left: 55px;}
#footer1_lt dd a {color: #aaa;}
#footer1_lt dd a:hover {color: #ddd;}

#footer1_rt {float: right; width: 660px;}
#footer1_rt_fb {float: left; width: 310px; height: 258px; margin-top: 15px; overflow: hidden;  background: #222; border: solid 1px #ccc;}
#footer1_rt_tw {margin-left: 335px; width: 310px; margin-top: 15px;}

#footer2_wrap {background: url(../images/bg/bg_footer2.png) 0 0 repeat-x;}
#footer2 {width: 1020px; margin: 0 auto;}
#footer2_lt {float: left; width: 860px; padding: 18px 0 20px 10px;}
#footer2_rt {float: right; width: 250px;}

#footer2 dt {float: left;}
#footer2 dd {margin-left: 90px;}
#footer2 dd ul {margin-top: 5px;}
#footer2 dd ul li {float: left; margin-right: 5px; padding-right: 5px; font-size: 12px; font-size:1.2rem; border-right: solid 1px #444; text-shadow: 1px 1px 0 #aaa; }
#footer2 dd ul li:last-child {border: none;}
#footer2_lt ul li a {color: #333;}
#footer2_lt ul li a:hover {color: #ddd; text-decoration: none; text-shadow: none;}
.copyright {background: url(../images/oth/oth_sprite-ppv.png) 0 -295px no-repeat; display: inline-block; width: 520px; height: 55px; text-indent: -9999px;}


#footer3_wrap {background: #000 url(../images/bg/bg_footer3.png) repeat-x;}
#footer3 {width: 1020px; margin: 0 auto;}
#footer3_lt {float: left; padding: 20px 0 15px 15px; color: #999; width: 500px;  font-size: 11px; font-size:1.1rem;}
#footer3_lt a {color: #ccc;}
#footer3_rt {float: right; padding: 20px 20px 0}
#footer3_rt span {float: left; color: #aaa; line-height: 70px; vertical-align: bottom;  font-size: 11px; font-size:1.1rem; margin-right:10px;}
#footer3_rt p {float: right;}
#footer3_rt p a {background: url(../images/oth/logo_tmp.png) 0 0 no-repeat; display: block; width: 170px; height: 40px; text-indent: -9999px;}

.wibiya_container,
.wibiya_toolbar_wrapper,
#wibiya_toolbar_wrapper_mini {display: none !important;}

.icon_gnr a {font-size: 9px; font-size:0.9rem; margin-right: 2px; padding: 1px 3px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: url(../images/bg/bg_title1.png) 0 bottom repeat-x; border: solid 1px #ccc; text-shadow: 1px 1px 0 #fff; -webkit-transition: 0.3s; -moz-transition: 0.3s; transition: 0.3s;}
.icon_gnr a:hover {color: #fff; background: #D7637D; text-shadow: none; text-decoration: none; border: solid 1px #e76169;}