@charset "utf-8";

/***** home *****/
.home_bnr {margin:0px 0 10px;}
.home_bnr h2 { color: #000; font-weight: bold; border-bottom: 2px solid #B31B1E; font-size: 14px; margin: 0 0 3px; }
.home_bnr a {-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.home_bnr a:hover {filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}

/***** title *****/
.signup {border: solid 1px #ddd; width: 180px; height: 54px; background: #f5f5f5 url(../images/bg/bg_btn_signup.png) no-repeat;  padding: 15px 10px 5px 200px; font-size: 11px; font-size:1.1rem; margin: 15px auto 35px auto; text-align: right;}
.signup_mini {border: solid 1px #ddd; width: 180px; height: 54px; background: #f5f5f5 url(../images/bg/bg_btn_signup.png) no-repeat;  padding: 25px 10px 5px 40px; font-size: 11px; font-size:1.1rem; margin: 0 auto 20px auto; text-shadow: 1px 1px 0 #fff; text-align: right;}
.btn_signup a {background: url(../images/btn/btn_sprite2.png) 0 0 no-repeat; display: inline-block; width: 154px; height: 30px; text-indent: -9999px; margin: 6px;text-align: left;}
.btn_signup a:hover {background: url(../images/btn/btn_sprite2.png) -160px 0 no-repeat; display: inline-block; width: 154px; height: 30px; text-indent: -9999px; margin: 6px;text-align: left;}
.jw_box_mini {background: #000; padding: 10px; margin: 3px auto;}
.jw_box {background: #000; padding: 10px 30px 2px 30px; width: 640px; margin-bottom:10px;}
.jw_box p, .jw_box_mini p  {color: #aaa; margin:5px 0;}
.samplemovie_title {color: #aaa; font-size: 11px; font-size:1.1rem;}
.samplemovie_title2 {color: #777; font-size: 12px; font-size:1.2rem; margin: 5px;}

.signup_new {border: solid 1px #ddd; width: 700px; height: 100px; background: #000 url(../images/bg/bg_btn_signup_new.png) no-repeat; font-weight: bold; text-align:center; font-size: 17px; font-size:1.7rem; margin: 15px auto 35px auto; padding:8px 0 10px;}
.signup_new a{ color: #FFF; }
.btn_signup_new a {background: url(../images/btn/btn_signup_hl.png) no-repeat; display: inline-block; width: 324px; height: 50px; text-indent: -9999px; margin: 6px;text-align: left;}
.btn_signup_new a:hover {background: url(../images/btn/btn_signup_hl.png) no-repeat; display: inline-block; width: 324px; height: 50px; text-indent: -9999px; margin: 6px;text-align: left;}
.btn_signup_new a:active {background: url(../images/btn/btn_signup_hl.png) no-repeat; display: inline-block; width: 324px; height: 50px; text-indent: -9999px; margin: 6px;text-align: left;}



#main_content h4 {border-bottom: solid 1px #000; padding-bottom: 2px; margin-top: 10px;}
h4 span {background: #000; color: #fff; font-size: 10px; font-size:1rem; font-weight: bold; padding: 2px 8px 0 8px; margin-left: 7px;}
h4 p {float: right; font-size: 10px; font-size:1rem; font-weight: bold; margin-right: 15px; }
h4 p a {color: #F00}
#movie_dl h5 {background: url(../images/icon/icon_arrow.png) 0 -50px no-repeat; line-height: 20px; padding-left: 26px; font-size: 14px; font-size:1.4rem; font-weight: bold; color: #888; margin: 10px;}
.btn_dl a {background: url(../images/btn/btn_sprite2.png) 0 -40px no-repeat; display: block; width: 96px; height: 20px; text-indent: -9999px;}
.btn_dl a:hover {background: url(../images/btn/btn_sprite2.png) -120px -40px no-repeat;}
.btn_dl a:active {background: url(../images/btn/btn_sprite2.png) 0 -40px no-repeat;}
.btn_dl_fast a {background: url(../images/btn/btn_sprite2.png) 0 -60px no-repeat; display: block; width: 110px; height: 20px; text-indent: -9999px;}
.btn_dl_fast a:hover {background: url(../images/btn/btn_sprite2.png) -120px -60px no-repeat; display: block; width: 110px; height: 20px; text-indent: -9999px;}
.btn_dl_fast a:active {background: url(../images/btn/btn_sprite2.png)0 -60px no-repeat;}
.btn_nodl {background: url(../images/btn/btn_sprite2.png) 0 -80px no-repeat; display: block; width: 96px; height: 20px; text-indent: -9999px;}

.tbl_dl {margin: 0 0 15px 10px;}
.tbl_dl th {border: solid 1px #ccc;}
.tbl_dl thead th {text-align: left; padding: 9px 6px 9px 16px; font-weight: bold; background: #eef1f6 url(../images/icon/icon_arrow.png) 7px -129px no-repeat; font-size: 11px; font-size:1.1rem;}
.tbl_dl tbody th {text-align: center; vertical-align: middle; padding: 3px 5px; background: #f9f9f9;}
.tbl_dl td {text-align: center; vertical-align: middle; padding: 3px 6px;}
.tbl_dl th p {line-height: 18px; font-weight: bolder; font-size: 13px; font-size:1.3rem;}
.tbl_dl_play {width: 90px;}
.tbl_dl td {border: solid 1px #ccc; font-size: 10px; font-size:1rem;}
.tbl_dl td a img {border: solid 1px #000;}
.tbl_dl td a:hover img {border: solid 1px #004080;}

.tbl_dl td a.alpha img {border:none;}
.tbl_dl td a.alpha:hover img {border: none;}

.tbl_dl2 {margin: 0 0 15px 10px;}
.tbl_dl2 th, .tbl_dl2 td {border: solid 1px #ccc; font-size: 11px; font-size:1.1rem;}
.tbl_dl2 thead th {text-align: left; padding: 9px 24px 7px 24px; font-weight: bold; background: #eef1f6 url(../images/icon/icon_arrow.png) 14px -129px no-repeat; ;}
.tbl_dl2 tbody th {text-align: center; vertical-align: middle; padding: 3px 5px; background: #f9f9f9; font-weight: bolder; font-size: 13px; font-size:1.3rem;}
.tbl_dl2 td {text-align: center; vertical-align: middle; padding: 8px 24px;}
.img_gallery {margin: 12px 0 30px 24px;}
.img_gallery img {margin: 2px auto; width: 100px;}
.img_gallery a img {border: solid 1px #666}
.img_gallery a:hover img {border: solid 1px #ffcc00} 
.btn_open {margin: 15px; text-align: right;}
.btn_open a { cursor: pointer;  padding: 2px 8px 2px 18px; background: #444 url(../images/icon/icon_look.png) 0 0 no-repeat; color: #fff; font-size: 10px; font-size:1rem; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;-webkit-border-radius: 12px;
-moz-border-radius: 12px;
border-radius: 12px;}
.btn_open a:hover {text-decoration: none; background: #ccc url(../images/icon/icon_look.png) 0 0 no-repeat; color: #333;}

.samejoyu {padding: 10px 7px 4px 8px; margin-bottom: 10px; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.samejoyu div {float: left; margin: 0 10px; width: 100px; overflow:hidden;}
.samejoyu div img {border: solid 1px #777; margin-bottom: 3px; }
.samejoyu div p {margin-bottom: 5px; display: block;}
.samejoyu div p a {font-size: 10px; font-size:1rem; background: url(../images/icon/icon_arrow.png) 0 -107px no-repeat; padding-left: 12px;}

.future_date { background: red; text-align: center; color: #FFF; letter-spacing: 5px; font-size: 14px; padding: 3px; margin: 0 0 15px;}


/* carousel */
.parts_carousel {width: 700px; margin: 0 auto 10px auto; padding: 0px 0 0 3px; margin-bottom: 20px;}
.parts_carousel ul{margin: 0pt; padding: 0pt; position: relative; list-style-type: none;}
.parts_carousel ul li{overflow: hidden; float: left; width: 100px; height: 180px; margin:0px 8px;}

.parts_carousel dt {float: left;}
.parts_carousel dd {float: right;}
.carousel {margin-left: 45px;}
.prev a {background:url(../images/btn/arrow_carousel.png) 0 -100px no-repeat; display: block; width: 20px; height: 100px; text-indent: -9999px; margin: 10px 0 0 5px;}
.prev a:hover {background:url(../images/btn/arrow_carousel.png) -20px -100px no-repeat; display: block; width: 20px; height: 100px;}
.prev a:active {background:url(../images/btn/arrow_carousel.png) 0 -100px no-repeat; display: block; width: 20px; height: 100px; text-indent: -9999px; cursor: pointer;}
.next a {background:url(../images/btn/arrow_carousel.png) 0 0 no-repeat; display: block; width: 20px; height: 100px; text-indent: -9999px; margin: 10px 5px 0 0;}
.next a:hover {background:url(../images/btn/arrow_carousel.png) -20px 0 no-repeat; display: block; width: 20px; height: 100px; text-indent: -9999px; cursor: pointer;}
.next a:active {background:url(../images/btn/arrow_carousel.png) 0 0 no-repeat; display: block; width: 20px; height: 100px; text-indent: -9999px; cursor: pointer;}

.carousel li {width: 110px; margin: 0 5px; height: 170px;}
.carousel li img {border: solid 1px #777;}
.carousel li p {margin-top: 3px;}
.carousel li p a {font-size: 10px; font-size:1rem; background: url(../images/icon/icon_arrow.png) 0 -107px no-repeat; padding-left: 12px;}

/* review */
.review .btn_writereview {margin: 5px 0 0 580px;}
.review h5 {font-size: 18px; font-size:1.8rem; border-bottom: solid 1px #ccc; padding: 0 0 2px 20px; margin: 0 10px}
.bar_review {margin: 10px 20px 3px 30px;}
.bar_review div {float: right;}
.bar_reviewsort {background: #f9f9f9; padding: 10px 20px; text-align: right; margin: 0 10px; border: 1px silid #eee; font-size: 11px; font-size:1.1rem; }
.bar_reviewsort span a {text-decoration: none; padding: 0 7px; border: double 2px #ccc; color: #666}
.bar_reviewsort span a:hover {background: #fff; color: #333;}

/* starreview */
.starreview {background: url(../images/icon/starreview.png) no-repeat; width: 65px;  height: 13px; text-indent: -9999px; display: inline-block}
.sr50 {background-position: left;}
.sr40 {background-position: -13px top;}
.sr30 {background-position: -26px top;}
.sr20 {background-position: -39px top;}
.sr10 {background-position: -52px top;}
.sr0 {background-position: -181px top;}

.sr45 {background-position: -117px top;}
.sr35 {background-position: -130px top;}
.sr25 {background-position: -143px top;}
.sr15 {background-position: -156px top;}
.sr5 {background-position: -169px top;}

.review_score {font-size: 18px; font-size:1.8rem; color: #BA231F; font-weight: bolder; margin-right: 5px;}
.review_score2 {font-size: 15px; font-size:1.5rem; color: #BA231F; font-weight: bolder; margin-right: 5px;}
.reviewbox {width: 600px; margin: 10px auto 15px auto; padding: 15px; max-height: 500px; overflow-y: scroll; border: solid 15px #fdedc6;}
.reviewbox_inner {background: #fff; padding: 5px 20px 5px;}
.reviewbox dt {border-bottom: solid 1px #BF7162; margin: 15px 0 5px; padding: 0 5px}
.reviewbox p {float: right; font-size: 10px; font-size:1rem;}
.reviewbox p a {font-weight: bold;}
.reviewbox dd {padding: 0 15px;}

.review_write {width: 660px; margin: 0 auto; background: #f5f5f5; padding: 15px 20px; border: solid 1px #ccc;}
.review_write h4 {font-size: 16px; font-size:1.6rem;  margin: 10px; font-weight: bold;}
.review_write table {width: 630px; margin: 15px auto; background: #fff; border: solid 1px #ccc; box-shadow: 0 3px 5px 5px #eee; }
.review_write th {vertical-align: top; width: 70px; padding: 15px 0 0 15px; text-align: right}
.review_write td {padding: 15px 15px 10px 15px;}
.review_write textarea {width: 96%; height: 80px; padding: 5px; background: #f9f9f9; border: solid 1px #ddd; box-shadow: 0 1px 3px 1px #ddd inset; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px;}
.review_write td div {float: left; margin-right: 7px;}
.review_write td p {margin-bottom: 5px;}


/* contact */
.contact {width: 660px; margin: 0 auto; background: #f5f5f5; padding: 15px 20px; border: solid 1px #ccc;}
.contact h4 {font-size: 16px; font-size:1.6rem;  margin: 15px 0 10px; font-weight: bold;}
.contact div {width: 600px; margin: 15px auto; background: #fff; border: solid 1px #ccc; box-shadow: 0 3px 5px 5px #eee; padding: 20px}
.contact p {margin: 0 12px 7px 12px;}
.contact table {width: 560px; background: #eee; margin: 10px auto 18px auto;}
.contact table th {padding: 12px 12px 0 12px; width: 100px; text-align: right; vertical-align: top; text-shadow: 1px 1px 0 #fff; }
.contact table th span {display: block; font-family: times; font-style: oblique; color: #aaa;}
.contact table td {padding: 10px 5px 10px 5px;}
.contact table td input {width: 200px; padding: 5px;}
.contact table td textarea {width: 390px; height: 80px; padding: 7px;}
.contact table td input,  .contact table td textarea {border: solid 1px #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; font-size: 12px; font-size:1.2rem; }
.contact table td input:focus,  .contact table td textarea:hover {border: solid 1px #ffcc00; background: #f6f6f6;}

/* alart */
.alart_limit {font-size: 16px; font-size:1.6rem; margin: 15px;}

/***** loginbox *****/
#login {	background: #fff; margin: 0 auto; padding: 20px 20px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#login h2 {font-size: 28px; font-size:2.8rem;  color: #111; border-bottom: solid 1px #333; padding: 0 0 2px 20px; margin-bottom: 13px; text-shadow: 1px 1px 0 #fff; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; font-style:oblique;}
#loginbox {border: solid 1px #ccc; background: #d8dfd1 url(../images/bg/bg_login.jpg) repeat-x;	padding: 24px; color: #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; box-shadow: 0 3px 3px 3px #eee; }
#loginbox dt {float: left; width: 300px;}
#loginbox dd {margin-left: 300px; background: url(../images/oth/border_v1.png) repeat-y; padding-left: 30px;}

#loginbox h3 {font-size: 28px; font-size:2.8rem;  color: #111; font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro"; text-shadow: 3px 3px 0 #ccc;}
#loginbox h4{border: none; font-size: 16px; font-size:1.6rem;  font-weight: bold; margin: 15px 5px; }

.goto_signup {width: 220px; margin: 20px 0 30px 30px; text-align: center; letter-spacing: 0.1em;}
.goto_signup a {font-size: 15px; font-size:1.5rem; background: #f8ea07 url(../images/bg/bg_or.png) 0 -35px repeat-x; font-weight: bold; text-shadow: 1px 1px 0 #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding: 6px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 3px 1px #ccc}
.goto_signup a:hover {color: #fff; text-decoration: none; background: #FFB424 url(../images/bg/bg_or.png) 0 -33px repeat-x; text-shadow: none}
.encryption_signup {background: url(../images/icon/icon_encryption.png) 0 0 no-repeat; padding-left: 34px; width: 240px;}
#loginbox dd table {margin: 10px 0;}
#loginbox dd th input {width: 200px; height: 24px; padding: 3px 0 2px 7px; color: #999; border: solid 1px #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; margin: 5px 10px; background: #f9f9f9 url(../images/bg/bg_textfield.png) repeat-x; color: #333;}
#loginbox dd input:focus {border: solid 1px #FFC1C9;}
#loginbox dd td {padding: 5px;}
.goto_pwremind {text-align: right; padding-right: 40px;}
.goto_login {width: 220px; margin: 10px 0 15px 40px; text-align: center; letter-spacing: 0.1em; font-family: "Times New Roman", Times}
.goto_login a {font-size: 18px; font-size:1.8rem; background: #AA1E2C url(../images/bg/bg_or.png) 0 -30px repeat-x; font-weight: bold;  -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding: 8px 30px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 3px 1px #ccc; color: #fff;}
.goto_login a:hover {color: #fff; text-decoration: none; background: #FFB424 url(../images/bg/bg_or.png) 0 -30px repeat-x; text-shadow: none}

/***** mailmaga *****/
#mailmaga {	background: #fff; margin: 10px auto; padding: 20px 50px; -webkit-border-radius: 6px; -moz-border-radius: 6px;}
#mailmaga h2 {font-size: 18px; font-size:1.8rem;  color: #111; border-bottom: solid 1px #333; padding: 0 0 2px 20px; margin-bottom: 13px; text-shadow: 1px 1px 0 #fff; }
#mailmagabox {border: solid 1px #ccc; background: #d8dfd1 url(../images/bg/bg_login.jpg) repeat-x;	padding: 25px 24px; color: #666; -webkit-border-radius: 6px; -moz-border-radius: 6px; box-shadow: 0 3px 3px 3px #eee; }
#mailmagabox p {margin-bottom: 7px;}
#mailmagabox table {margin: 10px;}
#mailmagabox table th {text-align: left; padding: 5px 0; color: #333;}
#mailmagabox table td {vertical-align: middle; padding: 0 0 5px 8px;}
.mailmaga_mailadd {width: 200px; height: 24px; padding: 5px 0 0 7px; color: #999; border: solid 1px #ccc; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; }
.mailmaga_mailadd:focus {border: solid 1px #b56402;}
.mailmaga_submit {height: 30px;}

/***** terms *****/
#termspage {width: 820px; margin: 20px auto; color: #666}
#termspage h4 {margin: 20px 0 10px 0; border-bottom: solid 1px #333; color: #333; font-size: 15px; font-size:1.5rem; padding-left: 5px;}
#termspage p {margin-bottom: 10px; padding: 0 15px;}
#termspage a {text-decoration: underline;}

/***** q & a *****/
#qandapage {width: 820px; margin: 20px auto; color: #444; padding: 0 30px}
#qandapage h4 {font-size: 18px; font-size:1.8rem; border-bottom: solid 1px #444; padding-left: 10px; width:  650px;}
#qandapage ol {margin: 15px 15px 30px 15px;}
#qandapage ol li {list-style: decimal; margin: 10px;}
#qandapage ol li div {border: solid 1px #ddd; padding: 15px; background: #f5f5f5; margin: 3px 0 15px; width: 600px;}
#qandapage p, #qandapage br {margin-bottom: 8px;}

/***** list *****/
.list {padding: 0 0 10px 5px;}

.srch_result {margin: 15px 0 10px 30px;}
.list_tab {border-bottom: solid 1px #eebb1e;}
.list_tab_lt {float: left;}
.list_tab_lt ul {padding: 0 0 0 12px;}
.list_tab_lt li {float: left; font-size: 11px; font-size:1.1rem; margin: 0 2px; border-width: 1px 1px 0 1px; border-style: solid; border-color: #f0cf6a; -webkit-border-top-left-radius: 4px; -webkit-border-top-right-radius: 4px; -moz-border-radius-topleft: 4px; -moz-border-radius-topright: 4px; border-top-left-radius: 4px; border-top-right-radius: 4px;}
.list_tab_act {background: #eebb1e; padding: 4px 16px 2px 16px; color: #fff; font-weight: bold;}
.list_tab_lt li a {float: left; background: #f9ecc4; padding: 4px 16px 2px 16px; color: #c28d49; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.list_tab_lt li a:hover {text-decoration: none; color: #fff; background: #eebb1e;}
.list_tab_rt {float: right; margin-right: 7px;}
.list_tab_rt li {float: left; margin-right: 3px;}
.display_moji { font-size: 10px; font-size:1rem; padding-top: 5px;}
.display_pic a {background: url(../images/icon/icon_hyoji.png) 0 0 no-repeat; display: block; width: 52px; height: 19px; text-indent: -9999px;}
.display_det a {background: url(../images/icon/icon_hyoji.png) 0 -20px no-repeat; display: block; width: 52px; height: 19px; text-indent: -9999px;}
.display_mov a {background: url(../images/icon/icon_hyoji.png) 0 -40px no-repeat; display: block; width: 52px; height: 19px; text-indent: -9999px;}

.pagenavi {background: url(../images/bg/bg_title2.png) 0 0 repeat-x;  border-top: solid 1px #f3f3f3; line-height: 36px; margin-bottom: 15px;}
.pagenavi_lt {float: left}
.pagenavi_rt {float: right;}
.pagenavi_rt form select {border: solid 1px #ccc;}

ul.pager {margin: 0 0 0 15px;}
ul.pager li {font-size: 13px; float: left; margin-right: 8px; }
ul.pager li.next {border-right: none;}
ul.pager li a:link, ul.pager li a:visited {color: #3366FF; text-decoration: none; border: solid 1px #eee;padding: 0 4px; }
ul.pager li a:hover, ul.pager li a:active {color: #FF6633; text-decoration: none; border: solid 1px #3CC; background: #fff; }
ul.pager li em {color: #bbb; border: solid 1px #eee; padding: 0 4px; }
.pagenavi_rt p {float: left; font-size: 10px; font-size:1rem; }
.sortby_form {float: right;  margin: 8px 12px 0 0;}
.pagenavi_rt form select {border: solid 1px #ccc; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px;}

.comment_listreview {font-size: 11px; font-size:1.1rem; border: solid 1px #ccc; padding: 10px;
background: #f9f9f9; width: 480px; margin-left: 10px;}

/***** list other*****/
.a_n {margin: 20px 20px 10px;}
.a_n ul {text-align: right;}
.a_n ul li {display: inline; border: solid 1px #aaa; padding: 0 7px; background: #f5f5f5; margin: 0 1px; }
.a_n ul li a:hover {text-decoration: none; color: #06F}

.title_list_joyu {margin: 15px 0 10px 0; padding: 0 0 7px 0; border-bottom: solid 1px #ccc; width: 700px;}
.title_list_joyu ul li {display: inline; font-size: 15px; font-size: 1.5rem; margin: 0 5px 0 0;}
.title_list_joyu ul li a {font-size: 10px; background:#333; color: #ddd; padding: 0 6px 0 0;}
.title_list_joyu ul li a:hover {text-decoration: none; color: #000; background: #ccc;}
.list_joyuname {background: url(../images/icon/icon_arrow.png) 0 -108px no-repeat; margin: 5px 0 0 5px; padding-left: 14px; font-weight: bold; font-size: 13px; font-size: 1.3rem;}
.goto_joyulist {text-align: right; margin: 0 20px 50px;}
.goto_joyulist a {color: #06C; text-align: right;}


/***** search *****/
#free_srch {border: solid 1px #ccc; width: 400px; padding: 0 20px 10px 20px; margin: 20px; background: #fff; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px}

#ad_srch {border: solid 1px #ccc; width:790px; padding: 5px 20px 30px 20px; margin: 20px; background: #f9f9f9; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #333;}

#ad_srch table {width: 96%; margin: 5px auto}
#free_srch td, #ad_srch td {padding: padding: 2px 5px; vertical-align: middle}

.input_freekeyword {width: 160px; background: #f3f3f3; padding: 5px; color: #666; font-weight: bold; border: solid 1px #ddd;}
.input_freekeyword:focus {background: #faf7f3; border: solid 1px #ffcc00;}
.btn_srchpage a {background: url(../images/btn/btn_sprite2.png) 0 -100px no-repeat; display: block; width: 60px; height: 28px; text-indent: -9999px;}
.btn_srchpage2 a {background: url(../images/btn/btn_sprite2.png) 0 -100px no-repeat; display: block; width: 60px; height: 28px; text-indent: -9999px; margin-left: 10px;}

.btn_clear a {background: url(../images/btn/btn_sprite2.png) 0 -130px no-repeat; display: block; width: 60px; height: 28px; text-indent: -9999em;}

#free_srch h4, #ad_srch h4 {font-size: 13px; font-size:1.3rem; background: #c7a3a3 url(../images/icon/icon_sprite.png) 5px 2px no-repeat; color: #fff; padding: 5px 0 5px 32px; margin: 10px 0; border: double 3px #fff;}
.moresch_btnarea th {text-align: right; vertical-align: middle;}
.moresch_btnsch a {background: url(../images/btn/btn_search.gif) no-repeat; width: 63px; height: 21px; display: block; margin: 0 50px 0 30px; text-indent: -9999px;}

.box_gotoadsearch {clear: both; border: solid 1px #999; background: #333; width: 300px; margin: 8px 0 0 375px; text-align: center; padding-top: 7px;}

#ad_srch h5 {border-bottom: solid 1px #ECE9D8; border-left: solid 4px #ECE9D8; font-size: 13px; font-size:1.3rem; padding: 3px 0 4px 10px; font-size: 14px; font-size:1.4rem; margin: 15px 0 5px;}

/***** ranking *****/
.ranking {padding: 10px 0 10px 14px;}
.ranking dl {float: left; margin: 2px 6px 15px 6px; width: 122px; font-size: 11px; font-size:1.1rem}
.ranking dl p {background: url(../images/icon/icon_sprite.png) 3px -90px no-repeat; display: block; margin: 0 0 3px 5px; padding-left: 37px; font-size: 14px; font-size:1.4rem; font-weight: bold; color: #cd776d; letter-spacing: 0.2em;}
.ranking dt {background: #f4f4f4 url(../images/oth/face_shadow-ppv.png) -190px 145px no-repeat; padding: 7px 10px 10px 10px; border: solid 1px #ddd;}
.ranking dd {padding: 1px 5px 0 4px;}
.joyu_list a {color: #be2d2d; font-weight: bold; margin-right: 15px; display: inline-block}
.joyu_list a:hover {color: #039;}
.title_list a {color: #004080;}
.title_list a:hover {color: #be2d2d;}
.ranking .icon_list {display: block; margin-bottom: 4px;}


.cng_span_rank {font-size: 11px; font-size:1.1rem; padding: 5px;}
.cng_span_rank ul {float: right;}
.cng_span_rank li {float: left; margin: 0 2px;}
.cng_span_rank ul li em {border: double 3px #ddd; padding: 0 4px; color: #aaa;}
.cng_span_rank ul li a {border: double 3px #ccc; padding: 0 4px; -webkit-transition: 1s; -moz-transition: 1s; transition: 1s;}
.cng_span_rank ul li a:hover {text-decoration: none; background: #dc143c; color: #fff;}

.dropnav_bar {float: right; font-size: 11px; font-size:1.1rem}
#dropnav { width: 140px; margin: 0 auto; position: relative; line-height:24px; text-align: left;}
#dropnav li { list-style: none; float: left; position: relative; }

#dropnav ul { display: none; position: absolute; top: 28px; left: 0; }
* html #dropnav ul { line-height: 0; }
#dropnav ul li { float: none; }

#dropnav ul { width: 120px; }
#dropnav ul ul { top: 0; left: 121px; }
#dropnav ul a { 
	display: block;
	width: 108px;
	background:#121212;
	padding: 6px;
	color: #FFF;
	border-bottom: 1px solid #FFF;
	opacity: 0.7;
	filter: alpha(opacity=70);
	zoom: 1;
	line-height: 24px;
}
#dropnav ul a.hover { background: #444; text-decoration: none}


/***** review rank *****/
#titlemenu_ranking {margin: 5px auto; width: 690px;}
ul.dropdown, ul.dropdown li, ul.dropdown ul {font-size: 10px; font-size:1rem; z-index: 5;}
ul.dropdown {position: relative; z-index: 4; float: left;}
ul.dropdown li {float: left; line-height: 1.2em; vertical-align: middle; zoom: 1;}
ul.dropdown li.hover, ul.dropdown li:hover {position: relative; z-index: 6; cursor: default;}
ul.dropdown ul {visibility: hidden; position: absolute; z-index: 5; width: 100%;}
ul.dropdown ul li {float: none;}
ul.dropdown li:hover > ul {visibility: visible;}

/* ----- ALL LEVELS (incl. first) */
ul.dropdown {text-transform: uppercase; font-size: 11px; font-size:1.1rem}
ul.dropdown li {padding: 5px; background-color: #555; color: #fff; border: solid 1px #ccc; margin: 0 3px;}
ul.dropdown a:link, ul.dropdown a:visited {color: #fff; text-decoration: none;}
ul.dropdown a:hover {color: #76b900; text-decoration: none;}
ul.dropdown a:active {color: #fff; }

/* ----- NON-FIRST LEVEL */
ul.dropdown ul {
	 width: 120px;
	 background-color: #333;
	 color: #fff;
	 font-size: 10px;
	 text-transform: none;
	 filter: alpha(opacity=80);
	 -moz-opacity: .8;
	 KhtmlOpacity: .8;
	 opacity: .8;
	 margin-top: 5px;}
ul.dropdown ul li {
		 background-color: transparent;
		 color: #000;
		 filter: none; border: none; margin: 0;padding: 0;}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {background-color: transparent;}
ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #fff; }
ul.dropdown ul a:hover { color: #fff; text-decoration: none; }
ul.dropdown ul a:active { color: #fff; }
ul.dropdown li a {display: block;}
ul.dropdown ul a {padding: 8px 5px 6px 14px;  /* Especially for IE */}
ul.dropdown ul a:hover {background-color: #ff80c0;}

/***** my page *****/
.pointbox {width: 600px; margin: 15px auto 30px auto; background: #eee; box-shadow: 0 3px 6px 0 #ddd; }
.pointbox th { width: 280px; text-align: center; background: url(../images/icon/mypoint.png) right  10px no-repeat; font-size: 15px; font-size:1.5rem; text-shadow: 1px 1px 0 #fff; }
.pointbox td {padding:7px; background: #fff; text-align: center; font-size: 18px; font-size:1.8rem; font-weight: bolder; color: #9C0; border-style: solid; border-color: #eee; border-width: 7px 7px 7px 0}


/***** cart *****/
.carttbl1 {width: 760px; margin: 1px auto 2px auto; box-shadow: 0 3px 5px 5px #eee; border: solid 1px #ddd;}
.carttbl1 th {border: solid 1px #ddd;}
.carttbl1 td {border: solid 1px #f5f5f5;}

.carttbl1 thead th {background: #eee url(../images/bg/bg_btn_signup.png) 0 -15px no-repeat; text-align: right; text-shadow: 1px 1px 0 #fff; }
.carttbl1 thead td {text-align: center; color: #900; padding: 10px;}
.carttbl1 thead th div {background: url(../images/icon/icon_sprite.png) right -190px no-repeat; text-align: right; margin-right: 20px; padding: 8px 45px 8px;}
.cartpage_ttl1 {color: #ccc;}
.cartpage_ttl2 {font-size: 16px; font-size:1.6rem; }
.carttbl1 tbody th {width: 100px; padding: 20px; }
  .face_cart {background:  url(../images/oth/face_shadow-ppv.png) -180px 158px no-repeat; }
.carttbl1 tbody td {width: 580px; vertical-align: middle; }
.carttbl_actress a {color: #036;}
.carttbl_title a {color: #069;}
.carttbl_point {font-size: 20px; font-size: 2rem; font-weight: bolder;}
.carttbl_etc {margin-left: 100px;}
.carttbl_etc span {color: #777; display: block; ont-size: 10px; font-size:1rem; margin-top: 5px;}
.carttbl_td1 {height: 65px; font-size: 16px; font-size:1.6rem; line-height: 22px; padding: 0 20px; background: #fff;}
.carttbl_td2 {height: 50px; background: #F7FBD0; padding: 0 60px; text-shadow: 1px 1px 0 #fff; }
.carttbl_td2 p {float: left;}
.carttbl_td3 {height: 30px; padding: 0 20px; text-align: right; background: #fff;}
.del_cart {color: #555; background: url(../images/icon/icon_sprite.png) 0 -160px no-repeat; padding-left: 22px;}

.carttbl2 {width: 760px; margin: 1px auto; background: #d6d6d6 url(../images/bg/bg_title2.png) repeat-x; line-height: 46px; font-size: 16px; font-size:1.6rem; font-weight: bold; border: solid 1px #eee; text-shadow: 1px 1px 0 #fff; box-shadow: 0 3px 5px 5px #eee; }
.carttbl2 th {width: 580px; text-align: right; }
.carttbl2 td {width: 180px; text-align: center; font-size: 18px; font-size:1.8rem}

.carttbl3 {width: 540px; margin: 30px auto;}
.carttbl3 th {width: 50%; padding: 7px 0; text-align: center;}
.carttbl3 td {width: 50%; padding: 7px 0; text-align: center;}
.goto_shop {letter-spacing: 0.1em;}
.goto_shop a {font-size: 12px; font-size:1.2rem; background: #FFF810 url(../images/bg/bg_or.png) 0 -35px repeat-x; font-weight: bold; text-shadow: 1px 1px 0 #fff; -webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; padding: 4px 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 3px 1px #ccc; color: #444;}
.goto_shop a:hover {color: #fff; text-decoration: none; background: #FFB424 url(../images/bg/bg_or.png) 0 -33px repeat-x; text-shadow: none}

.carttbl4 {width: 700px; margin: 1px auto 2px auto; box-shadow: 0 3px 5px 5px #eee; border: solid 1px #ddd;}
.carttbl4 th {border: solid 1px #ddd;}
.carttbl4 td {border: solid 1px #f5f5f5;}

.carttbl4 thead th {background: #eee url(../images/bg/bg_btn_signup.png) 0 -15px no-repeat; text-align: right; text-shadow: 1px 1px 0 #fff; }
.carttbl4 thead td {text-align: center; color: #900; padding: 10px;}
.carttbl4 thead th div {background: url(../images/icon/icon_sprite.png) right -190px no-repeat; text-align: right; margin-right: 20px; padding: 8px 45px 8px;}
.carttbl4 tbody th {width: 100px; padding: 20px; }
  .face_cart {background:  url(../images/oth/face_shadow-ppv.png) -180px 158px no-repeat; }
.carttbl4 tbody td {width: 580px; vertical-align: middle; }

/***** terms *****/
.ppv_terms {width: 680px; margin: 0 auto; background: #f1f1f1; border: solid 1px #ddd; padding: 20px;}
.ppv_terms h4 {font-size: 15px; font-size:1.5rem; margin-bottom: 7px;}
.ppv_terms p {margin-bottom: 7px;}


/***** x1x *****/
#con_first {
padding:0px 10px;
}
#con_first h4 {
border-bottom:none;
}
#con_first_img01 {
text-align:center;
padding:37px 0px 24px;
}
#con_first_img02 {
text-align:center;
margin-bottom:16px;
}
#con_first ol{
width:612px;
border:1px solid #E2DBBF;
margin:0 auto;
}
#con_first ol p {
padding:0 20px 10px 0;
text-align:right;
}
#con_first li{
font-size:16px;
font-size:1.6rem;
text-align:left;
line-height:27px;
padding:10px;
}
#con_first li img {
padding-right:10px;
}
#con_first_cap2 p {
font-size:16px;
font-size:1.6rem;
padding:15px 20px 0;
}
#con_first_cap3 div {
text-align:center;
}
#con_first_cap3 .top_img {
padding-top:30px;
}
#con_first_cap3 p {
text-align:center;
padding:5px;
}
#con_first_cap3 table,#con_first_cap3 tr,#con_first_cap3 td {
border:solid 1px #666666
}
#con_first_cap3 table {
margin: 0 auto;
}
#con_first_cap3 td {
padding:10px;
}
.con_first_cap3_bk {
color:#FFFFFF;
background:url("../images/oth/x1x/new_bk.jpg") repeat-x;
}
#con_first_img09 {
padding:20px 0 30px;
}
#con_first_cap4 div {
text-align:center;
}
#con_first_cap4 div img {
padding:20px 5px 0px 5px;
}
.con_first_bar01 {
text-align:center;
padding:0px 0px 20px;
}
.con_first_bar {
text-align:center;
padding:30px 0px 20px;
}
#first,#point {
padding:0px 10px 30px;
}
#first_img01 {
padding-top:25px;
text-align:center;
}
.tejun,#point_img09 {
text-align:center;
}
#first p,#point p {
font-size:16px;
font-size:1.6rem;
padding:15px;
}
#first_img01 {
padding-top:25px;
text-align:center;
}
#point_img01,#point_img03 {
padding-top:15px;
text-align:center;
}
#point_img02,#point_img04 {
padding-top:25px;
}
.point_btn01 {
padding:30px;
text-align:center;
}

/***** top small banner *****/
.container_bnr_small{margin:0px 0 10px;}
.container_bnr_small img{margin:0px;}
.container_bnr_small a {-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s;}
.container_bnr_small a:hover {filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85;}
.bnr_small_space{display: inline-block; width: 1px;}