@charset "utf-8";

/***** price *****/
#price_chart {width: 850px; margin: 20px auto; box-shadow: 0 3px 5px 5px #eee; font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "MS ゴシック", sans-serif;  }
.tbl_price1 {width: 840px; margin: 0 auto; height: 80px}
.tbl_price1 th {width: 168px;border-right: 1px solid #ECECEC}
.tbl_price1 td {background: url(../images/btn/tab_price.png) center top no-repeat; width: 300px;  text-align: center; text-shadow: 1px 1px 0 #fff; font-weight: bolder; font-size: 18px; font-size:1.8rem; padding-top: 18px; border-left: 1px solid #ECECEC; }
.tbl_price1 td span{ font-size: 11px; font-weight: normal;}
.tbl_price1 td span.campaign_day {padding: 5px 0px; width: 140px; background: #BE1543; color: #FFF; text-shadow: 1px 1px 0 #555; font-weight: bold; display: block; margin: 0 auto 10px; font-size: 115%; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; }

.tbl_price2 {width: 840px; margin: 0 auto;background: #f6f6f6;}
.tbl_price2 th {text-align: center;  vertical-align: middle; width: 140px; border-style: solid; border-width: 1px 1px 1px 0; border-color: #ECECEC;}
.tbl_price2_even {background: #fff;}

.tbl_price2 td,
.tbl_price2_even td {width: 300px; text-align: center; padding: 10px 0; vertical-align: middle; font-size: 11px; font-size:1rem;  border-top: solid 1px #eee; border-bottom: solid 1px #eee; border-left: 1px solid #ECECEC; }


span.reg_plan { color: #1C4AAA; font-weight: bold; font-size: 110%;}
span.fast_plan { color: #54C332; font-weight: bold; font-size: 110%;}

.price {font-family: impact, times; text-shadow: 1px 1px 1px #999; font-style: italic; font-size: 25px; padding-top: 5px;}
.price span { font-size: 38px;}

tr.server_price td{color: #1C4AAA; vertical-align: top; }

tr.server_price .price {color: #1C4AAA; }
tr.fast_server_price .price {color: #54C332; }

tr.server_price .price_signup {background: url(../images/btn/btn_signup_price.png) no-repeat;}
tr.fast_server_price .price_signup { background: url(../images/btn/btn_signup_price.png) no-repeat; /*background: url(../images/btn/btn_signup_fast_price.png) no-repeat;*/ }

tr.server_price .price_signup,
tr.fast_server_price .price_signup {display: block; width: 100px; height: 28px; margin: 7px auto; background-position: 0 0; }


tr.server_price .price_signup a { background: url(../images/btn/btn_signup_price.png) no-repeat; }
tr.fast_server_price .price_signup a { background: url(../images/btn/btn_signup_price.png) no-repeat; /*background: url(../images/btn/btn_signup_fast_price.png) no-repeat;*/ }

tr.server_price .price_signup a,
tr.fast_server_price .price_signup a {display: block; width: 100px; height: 28px; text-indent: -9999px; margin:0;  background-position: 0px -28px; -webkit-transition: opacity 0.5s; -moz-transition: opacity 0.5s; transition: opacity 0.5s; opacity: 0; }



tr.server_price .price_signup a:hover,
tr.fast_server_price .price_signup a:hover {opacity: 1;}




.price_s1 {width: 840px; margin: 0 auto; height: 24px;}
.price_s1 th {width: 140px; background: url(../images/oth/price_chooseplan_02.gif) 0 top no-repeat; height:24px;}
.price_s1 td {background: url(../images/oth/price_shadow.png) 0 0 no-repeat;}
.price_s2 {width: 840px; margin: 0 auto; height: 32px;}
.price_s2 th {width: 140px;}
.price_s2 td {background: url(../images/oth/price_shadow.png) 0 0 no-repeat;}

.tbl_price_server {width: 840px; margin: 3px auto 0 auto;}
.tbl_price_server th {width: 140px;}
.tbl_price_server thead td {color: #ddd; /*background: #526573 url(../images/bg/bg_tbl_price.png) 0 0 repeat-x;*/ background: url(../images/bg/bg_tbl_price01.jpg) repeat-x; width: 140px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; font-size:1.2rem; border-right: solid 1px #DA5155 /*#7392a7*/;vertical-align: top;}
.tbl_price_server thead td dt {padding: 10px 0 8px; text-shadow: 1px 1px 0 #555; letter-spacing: 0.3em;}

.tbl_price_server .price_yen {color: #FFF; font-size: 11px; font-size:1.1rem; font-style: italic; text-align: right; padding-right: 15px; margin-bottom: 10px;}
.tbl_price_server tbody td {background: url(../images/bg/bg_tbl_price01.jpg) repeat-x; border-right: solid 1px #DA5155;}
.tbl_price_server tbody td span {}
.tbl_price_server tbody td span a {display: block; width: 100px; height: 28px; text-indent: -9999px; margin: 7px auto; background: url(../images/btn/btn_signup_price.png) no-repeat;-webkit-transition: 0.5s; -moz-transition: 0.5s; transition: 0.5s; }
.tbl_price_server tbody td span a:hover { filter:alpha(opacity=85);-moz-opacity: 0.85;opacity: 0.85; }
.tbl_price_server thead th {background: url(../images/oth/price_chooseplan_01.gif) 91px  bottom no-repeat;}


.tbl_price_fastserver {width: 840px; margin: 0 auto;}
.tbl_price_fastserver th {width: 140px;}
.tbl_price_fastserver thead td {color: #ddd; background: #526573 url(../images/bg/bg_tbl_price.png) 0 -200px repeat-x; width: 140px; text-align: center; font-weight: bold; color: #fff; font-size: 12px; font-size:1.2rem; border-right: solid 1px #c1dc60; vertical-align: top;}
.tbl_price_fastserver thead td dt {padding: 10px 0 8px; text-shadow: 1px 1px 0 #555;letter-spacing: 0.3em;}

.tbl_price_fastserver .price {background: url(../images/oth/border2.png) 0 0 repeat-x; }
.tbl_price_fastserver .price_yen {color: #dceca6; font-size: 11px; font-size:1.1rem; font-style: italic; text-align: right; padding-right: 15px; margin-bottom: 10px;}
.tbl_price_fastserver tbody td {background: url(../images/bg/bg_tbl_price.png) 0 -300px repeat-x; border-right: solid 1px #c1dc60;}
.tbl_price_fastserver tbody td span {background: url(../images/btn/btn_signup_price.png) no-repeat; display: block; width: 100px; height: 24px; text-indent: -9999px; margin: 2px auto;}
.tbl_price_fastserver tbody td span a {background: url(../images/btn/btn_sprite2.png) 0 -200px no-repeat; display: block; width: 84px; height: 24px; text-indent: -9999px; margin: 2px auto;}
.tbl_price_fastserver thead th {background: url(../images/oth/price_chooseplan_03.gif) 0 top no-repeat;}

.price_yen strong { font-weight: bold; font-size: 120%; }

a.btn_taikai { width:134px; height: 19px; line-height: 19px; display: block; text-align: center; background: url(../images/btn/btn_taikai.jpg) no-repeat; font-size: 11px;}

a.btn_signup_sp { display: block; width: 150px; height: 75px; background: url(../images/btn/btn_signup_sp.jpg) no-repeat; margin: 5px auto; text-indent: -9999px;}

/** campaign **/

.price span.price_normal {text-decoration:line-through; color: #333; font-size: 92%;text-shadow: 1px 1px 0px #FFF; padding-right: 24px; background: url(../images/oth/signup/arrow_signup.png) right no-repeat;}
.price span.price_camp { color: red; font-size: 45px;} 



/** under sign up area **/
#signup_yoko h4 {margin-top: 10px;}
#signup_yoko p {margin-bottom: 7px;}
.h4signup_x1x {background: url(../images/oth/title_signuppage.png) 0 0 no-repeat; display: block; width: 250px; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_fp {background: url(../images/oth/title_signuppage.png) 0 -60px no-repeat; display: block; width: 330; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_nagare {background: url(../images/oth/title_signuppage.png) 0 -120px no-repeat; display: block; width: 210; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_card {background: url(../images/oth/title_signuppage.png) 0 -180px no-repeat; display: block; width: 520; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_security {background: url(../images/oth/title_signuppage.png) 0 -240px no-repeat; display: block; width: 400; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_idpw {background: url(../images/oth/title_signuppage.png) 0 -300px no-repeat; display: block; width: 700; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_qanda {background: url(../images/oth/title_signuppage.png) 0 -360px no-repeat; display: block; width: 350; height: 60px; text-indent: -9999px; margin-left: 30px;}
.h4signup_resign{background: url(../images/oth/title_signuppage.png) 0 -420px no-repeat; display: block; width: 160; height: 60px; text-indent: -9999px; margin-left: 30px;}
.iframe_signupqanda {width: 100%; height: 240px; overflow: auto;}
.signupyoko_box {background: #f8f8f8; width: 750px; margin: 0 auto; border: solid 15px #ebe9c2; padding: 15px 20px;}


/*resign*/
#resign_copy { padding: 15px 0; margin: 15px 0 15px; text-align: center; background: #000; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.gallery_resign {margin: 20px 0; width: ; background: url(../images/bg/bg_gray.jpg) repeat-x; padding: 10px 0 20px 13px; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}

.gallery_resign h2 {font-size: 110%; margin-left: 0px; letter-spacing: 3px;}
.gallery_resign h2 a {font-weight:bold; }
.gallery_resign ul {margin: 5px 0 10px;}
.gallery_resign li {float: left; margin: 0px 5px 5px 0;}
.gallery_resign li img {filter:alpha(opacity=90);-moz-opacity: 0.9;opacity: 0.9; border: solid 1px #fff;}
.gallery_resign li a:hover img {filter:alpha(opacity=100);-moz-opacity: 1.00;opacity: 1.00;}
.gallery_resign p {text-align: right; margin: 10px 30px 0 0;}
.gallery_resign p a {color: #FF7600;}
.gallery_resign1 li {float: left; margin: 5px 10px 0 0;}

#btn_resignbox { background: #EEE; padding: 10px; text-align: center; margin: 15px auto; border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}


/*入会特典！５日間限定、オススメPPV作品がダウンロードできちゃう！*/
.ppv_sp { margin: 0 0 10px; border: 4px solid #DDD; background: #FFF; padding: 3px 0 3px 5px;
/*-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;*/}
.ppv_sp h2 { color: #000; font-weight: bold; margin: 5px 13px 5px 8px;border: 1px solid #DDD; background: #F1F1F1; padding: 5px; text-align: center; }
.ppv_sp dl { margin: 0 8px;}
.ppv_sp dt.face_list a { background: #000; width: 100px; height: 138px; display: block;}
.ppv_sp dt.face_list a.done img { filter:alpha(opacity=50);-moz-opacity: 0.50;opacity: 0.50;}
.ppv_sp dt.face_list span.caption { width: 120px; color: #FFF; font-weight: bold; position: absolute; top: 75px; left:0; text-align: center; font-size: 13px; letter-spacing: 2px;}
.ppv_sp dd.joyu_list_top { text-align: center; color: #000; font-weight: normal;}

.ppv_sp dd.ppv_sp_date {width: 120px; border: 1px solid #D4D4D4; border-top: none; background: #F1F1F1; text-align: center; padding: 5px 0;}



/*メルマガキャンペーン 入会はこちらボタン*/
#container_signupmailmaga
{
    margin-left: 220px;
    margin-bottom: 50px;
    width: 582px;
    height: 67px;
    border: 0px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#button_signupmailmaga
{
     background: url('http://static.x1x.com/images/campaign/2012_07/btn_melmaga_signup.png');
     height:67px;
     width:582px;  
     display:block;
     background-position:0 -67px;
}
#button_signupmailmaga a
{
     background: url('http://static.x1x.com/images/campaign/2012_07/btn_melmaga_signup.png');
     height:67px;
     width:582px;
display:block;
}
/*高速回線キャンペーン バナー*/
#container_kousoku
{
    width: 700px;
    height: 400px;
    border: 0px solid #e4e4e4;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#banner_kousoku
{
     background: url('http://static.x1x.com/images/campaign/2012_07/bnr_kousoku.jpg');
     height:400px;
     width:700px;  
     display:block;
     background-position:0 -400px;
}
#banner_kousoku a
{
     background: url('http://static.x1x.com/images/campaign/2012_07/bnr_kousoku.jpg');
     height:400px;
     width:700px;
     display:block;
}


/***** 年末 *****/

.comment {padding: 4px 10px; font-size:1.4rem; background: url(../images/bg/bg_slant.png) repeat-y;  }
.mid_box {float:left;}
.mid_video_box {background: #000; margin:10px 5px; float:left;}
.mid_comment_box {padding:5px; width:340px;}
.mid_comment_title {text-align:left; color:#be2d2d; font-weight:bold; font-size:16px ; padding:0 0 0 13px;}
.mid_comment_name { text-align:left; color:#000; font-weight:normal; padding:0 0 0 13px;}
.mid_description_box {padding:0 0 0 25px; margin:10px 0 0 0; font-size:1.4rem;}