@charset "utf-8";
/*reset CSS*/
html,body,address,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td input{
margin:0;padding:0;border:0;outline:0;font-weight:inherit;
font-style:inherit;font-size:100%;line-height:1.0;
vertical-align:baseline
}
/* remember to define focus styles! */
:focus{outline:0}
body{line-height:1; color:black; background:white; min-width:1000px;}
ol,ul{list-style:none}
/* tables still need 'cellspacing="0"' in the markup */
caption,th,td{text-align:left;font-weight:normal}
blockquote:before,blockquote:after,q:before,q:after{content:""}
blockquote,q{quotes:"" ""}
@charset "utf-8";
body{
background:#fff!important;
min-height:100%
}
a:link,a:visited{
text-decoration:none
}
/* base wrap */
#container{
width:100%;
height:auto !important;
height:100%;
display:block;
clear:both;
margin:0 auto;
padding:0
}
#main_wrap{
width:940px;
margin:0 auto;
padding-bottom:5px
}
#alertIE6{display:block;width:980px; background:#fff repeat-y center top; border-bottom:1px solid #fff}
#alertIE6 p{width:980px; margin:0 auto; position:relative; zoom:1}
#alertIE6 img{display:block}
#alertIE6 .close{position:absolute; top:3px; right:3px; cursor:pointer}
/* contnts */
#contents{
width:960px;
margin:0 auto;
padding:0 10px
}
#contents_main{
float:left;
width:650px
}
#contents_rect{
float:right;
width:300px
}
.prgm_detail a img{
display:none
}
/* rect banner */
.rect_banner{
padding:24px 0 10px 0
}
.rect_banner_small{
width:284px;
margin:0 auto;
padding:10px 0 0 0
}
img.prIcon{
float:right
}
/* tab area */
#tabArea{
clear:both;
width:300px;
padding:10px 0 0 0
}
#tabArea #tabArea_control{
width:300px;
height:29px;
padding:0
}
#tabArea .rank_ttl{
float:left;
line-height:0;
font-size:0
}
#tabArea ul.tab{
float:left;
line-height:0;
font-size:0
}
#tabArea li{
float:left;
padding:0 0 0 3px;
line-height:0;
font-size:0
}
#tabArea #tabPanelGroup{
width:300px;
overflow:hidden;
background:#eee;
margin-bottom:10px
}
#tabArea .tabPanel{
padding:6px 0 5px 3px
}
.list_icon_box{
display:block;
padding:2px 0
}
.list_icon{
float:left;
padding:0 2px 0 0
}
.list_icon img {
width:44px;
height:14px;
}
.icon_wrap{
overflow:hidden;
margin-bottom:3px
}
.list_icon_img{
width:44px;
height:14px
}
.icon_list img {
width:44px;
height:14px;
vertical-align:middle;
padding-left:5px;
}
.icon_list span {
font-size: 11px;
padding-left: 2px;
text-shadow: 0 1px 0 #fff;
}
/* copy */
#top_copylight{
clear:both;
background:#F6F6F6;
border:1px solid #ececec;
margin:10px 0 0 0;
box-sizing:border-box
}
.top_copylight_inner{
padding:10px;
font-size:9px;
font-family:"ＭＳ ゴシック","Osaka－等幅";
color:#7F7F7F;
line-height:130%
}
#foot_copylight{
clear:both;
width:960px;
margin:5px auto 15px
}
.foot_copylight_inner{
padding:10px;
font-size:10px;
color:#525252;
line-height:100%;
font-weight:normal;
line-height:1.3
}
/* gotop */
#goTop{
clear:both;
padding:10px 0;
text-align:right;
visibility:hidden
}
#btn-pgtop{
visibility:hidden
}
/* push */
.push{
clear:both;
height:130px
}
/* ソーシャルプラグイン */
iframe.twitter-share-button{
margin-left:3px
}
iframe[src*="www.facebook.com/plugins/like.php"]{
width:120px !important
}
/* ロッピングバナー */
#ropping_bnr{
margin-bottom:15px
}
.bnr_area{
padding-top:10px
}
/* マイページ用 */
.pager_pre_bt{
margin-left:10px;
margin-bottom:10px;
font-size:14px;
color:#FF007E;
text-shadow:1px 1px #fff;
float:left
}
.pager_next_bt{
margin-right:10px;
margin-bottom:10px;
font-size:14px;
color:#FF007E;
text-shadow:1px 1px #fff;
float:right
}
/* header */
#headerSpacer{
width:100%;
height:45px
}
#header{
width:100%;
background-color:#f3f3f3;
position:fixed;
top:0;
left:0;
-moz-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);
-webkit-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);
-ms-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);
box-shadow:0px 1px 3px 1px rgba(0,0,0,0.2);
border-bottom:1px solid #ccc\9;
z-index:100;
min-width:1000px;
}
#newGlobalMenu{
width:980px;
height:45px;
margin:0 auto;
position:relative
}
#newGlobalMenu ul li{
float:left;
font-size:12px;}
#newGlobalMenu ul li a{
display:block;
text-align:center
}
#newGlobalMenu ul li a:hover{
text-decoration:none
}
li#headerLogo{
margin-right:15px
}
li#idl,li#drma,li#vrty,li#anm_hero,li#otr,li#fish,li#fre,li#live,li#movi{
height:42px
;
}
li#idl a,li#drma a,li#vrty a,li#anm_hero a,li#otr a,li#fish a,li#fre a,li#live a,li#movi a{
color:#333;
height:28px;
padding:17px 9px 0 9px;
}
li#fre{
}
li#idl{
letter-spacing:-0.3px;
}
li#drma{
letter-spacing:-0.2px;
}
li#vrty{
letter-spacing:-0.2px;
}
li#anm_hero{
letter-spacing:-0.5px;
}
li#otr{
letter-spacing:-0.3px;
}
li#fish{
}
li#live{
letter-spacing:-0.3px;
}
li#sch{
width:135px;
margin-left:8px;}
form#search_box{
position:relative;
padding-top:9px
}
button{
float:right;
border:none;
width:28px;
height:26px;
padding:0;
line-height:140%;
cursor:pointer;
overflow:hidden
}
.search_button span{
display:block;
width:28px;
height:26px;
background:url(../../images/pc/btnSearch.jpg) no-repeat;
text-indent:-10000px;
position:absolute;
top:9px
}
#search_input_box{
font-size:11px;
height:24px;
position:absolute
}
.search_input{
width:100px;
height:24px;
padding:0 0 0 6px;
font-size:13px;
border:1px solid #ccc;
line-height:22px!important
}
li#loginBtn{
width:136px;
height:19px;
float:right!important;
color:#333;
font-weight:bold;
text-align:center;
padding-top:9px;
margin-top:7px;
border:1px solid #f0c800;
background-color:#ffd500;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300);
-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-webkit-transition:all,0.2s;
-moz-transition:all,0.2s;
transition:all,0.2s;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
cursor:pointer
}
li#loginBtn:hover{
background-color:#e6bf00;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),color-stop(0.05,#ffd300),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300 5%,#ffd300);
text-decoration:none
}
li#loginBtn:active{
text-decoration:none;
-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
box-shadow:inset 0 2px 1px rgba(0,0,0,0.1)
}
li#loginBtn a{
text-decoration:none;
width:136px;
height:19px;
display:block
}
#loginPart{
position:absolute;
z-index:1000;
top:36px;
right:0;
background-color:#fff;
-moz-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
-ms-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
display:none
}
#loginArea{
width:280px
}
.loginTooltip{
background:url(../../images/pc/btnGuide.jpg) no-repeat;
width:87px;
height:18px;
text-indent:-10000px;
display:block;
margin:10px 0 5px 0;
float:left
}
#newRegist{
padding:0 20px
}
.popupClose{
float:right;
margin:8px -52px 0;
cursor:pointer
}
.newMember{
clear:both;
width:280px;
height:41px;
display:block;
cursor:pointer;
background-color:#28c86e;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
margin-bottom:16px;
color:#fff!important;
position:relative
}
.newMember:hover{
text-decoration:none;
background-color:#1fb55f
}
.newMember:active{
text-decoration:none;
-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);
-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5);
box-shadow:inset 1px 1px 1px rgba(0,0,0,0.5)
}
.newMemberBtn{
font-size:15px;
display:block;
text-align:center;
padding-top:15px
}

.formWrap{
padding-top:13px;
border-top:1px solid #a9a9a9;
width:320px
}
.inputWrap{
margin:0 20px
}
.loginInputWrap{
margin:0 20px
}
.loginInputBox{
margin-bottom:6px
}
.loginInput{
width:248px;
height:25px;
padding:0 15px!important;
border:1px solid #a9a9a9;
line-height:22px!important
}
p#loginBtn input.spriteLog{
width:200px;
height:35px;
padding:0;
line-height:140%;
cursor:pointer;
float:left;
margin-left:20px;
border:1px solid #f0c800;
background-color:#ffd500;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300);
-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-webkit-transition:all,0.2s;
-moz-transition:all,0.2s;
transition:all,0.2s;
color:#4d4d4d;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px
}
p#loginBtn input:hover{
background-color:#e6bf00;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),color-stop(0.05,#ffd300),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300 5%,#ffd300);
text-decoration:none
}
p#loginBtn input:active{
text-decoration:none;
-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
box-shadow:inset 0 2px 1px rgba(0,0,0,0.1)
}
#loginArea label .loginCheck{
float:right;
font-size:12px;
margin-right:20px
}
#loginArea label .loginCheck input{
float:left
}
#loginArea label .loginCheck span{
display:block;
width:6em;
padding-top:3px
}
#bottomArea{
clear:both;
font-size:12px;
width:280px;
padding:7px 20px 0
}
#bottomArea p{
margin-top:5px
}
.loginNoMail a{
width:207px;
display:block
}
.loginNoMail span{
width:207px;
height:15px;
display:block;
background:url(../../images/pc/btnNoMail.jpg) no-repeat;
text-indent:-10000px
}
.loginForget a{
width:129px;
display:block
}
.loginForget span{
width:129px;
height:15px;
display:block;
background:url(../../images/pc/btnForget.jpg) no-repeat;
text-indent:-10000px
}
#otrLoginArea{
margin-top:11px;
width:280px;
padding:15px 20px 0;
font-size:12px;
background-color:#E6E6E6;
float:left
}
.otrLogin{
margin-bottom:10px
}
.rakutenArea{
padding-bottom:15px;
text-indent:0px!important;
width:130px;
float:left;
margin-right:18px
}
.yahooArea{
padding-bottom:15px;
text-indent:0px!important;
width:130px;
float:left
}
#serviceMenuWrap{
width:960px;
margin:10px auto 0;
overflow:hidden
}
#serviceMenu{
width:356px;
float:right;
font-size:12px
}
#serviceMenu li{
float:left;
margin-left:15px
}
#serviceMenu li a{
font-size:11px;
color:#333
}
#serviceMenu li a:hover{
color:#2864c8;
text-decoration:none
}
/*ログイン済*/
#loginInfo{
width:174px;
margin-top:7px;
float:right!important;
cursor:pointer
}
.loginImg{
float:left;
width:28px;
height:28px;
overflow:hidden
}
#loginInfo .loginImg img{
margin-left:-8px
}
.loginInfo{
width:177px;
margin:4px 0 0 0;
float:left;
background:url(../../images/pc/btnToggle.jpg) no-repeat 155px}
.loginName{
font-size:10px
}
.loginName span{
font-weight:bold
}
.loginService{
font-size:10px;
float:right;
margin-right:20px;
letter-spacing:-0.3px;
}
.loginService span{
font-weight:bold
}
.loginMedal{
font-size:11px;
margin-top:3px;
float:right;
margin-right:20px;
clear:both;
}
.loginMedal span{
font-weight:bold
}
#loginInfoPop{
position:absolute;
z-index:1000;
top:35px;
right:0;
background-color:#fff;
-moz-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
-ms-box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
box-shadow:0px 1px 3px 1px rgba(0,0,0,0.4);
display:none
}
#loginInfoPop a{
color:#2780CC
}
#loginInfoPopInner{
margin:12px;
height:80px
}
.loginInfoPopImg{
width:78px;
height:78px;
border:1px solid #D1D1D1;
float:left;
margin-right:15px;
display:block
}
.loginInfoPopDetail{
float:left;
margin-right:10px;
width:150px
}
.loginInfoPopName{
margin-top:10px;
width:135px;
font-size:13px
}
.loginInfoPopName p{
margin-bottom:3px
}
.loginInfoPopName p span{
font-weight:bold
}
.loginInfoPopName p a{
font-size:11px
}
.loginInfoService{
font-size:12px
}
.loginInfoService p{
margin-bottom:3px;
text-align:center;
line-height:1.5
}
.loginInfoService p span{
font-weight:bold;
display:block
}
.loginInfoPopMedal{
margin-top:2px;
font-size:12px
}
.loginInfoPopMedal p a{
font-size:11px
}
.loginInfoPopMedal p{
margin-bottom:12px;
clear:both;
text-align:right
}
.loginInfoPopMedal p.medal{
float:right
}
.loginInfoPopMedal p.medal span{
font-size:26px
}
.loginInfoPopBtn{
float:right;
position:relative
}
.loginInfoPopClose{
float:right;
cursor:pointer
}
.loginInfoPopMyPage{
margin-top:23px;
width:90px;
height:25px;
padding-top:15px;
line-height:140%;
cursor:pointer;
border:1px solid #f0c800;
background-color:#ffd500;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300);
-webkit-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
box-shadow:inset 0 2px 1px rgba(255,255,255,0.6),0 1px 1px rgba(21,16,23,0.1);
-webkit-transition:all,0.2s;
-moz-transition:all,0.2s;
transition:all,0.2s;
color:#4d4d4d;
font-weight:bold;
-webkit-border-radius:3px;
-moz-border-radius:3px;
-ms-border-radius:3px;
border-radius:3px;
font-size:12px;
text-align:center
}
.loginInfoPopMyPage:hover{
background-color:#e6bf00;
background-image:-webkit-gradient(linear,0 0,0 100%,from(#ffe666),color-stop(0.05,#ffd300),to(#ffd300));
background-image:-webkit-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-moz-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:-o-linear-gradient(#ffe666,#ffd300 5%,#ffd300);
background-image:linear-gradient(#ffe666,#ffd300 5%,#ffd300);
text-decoration:none
}
.loginInfoPopMyPage a:hover{
text-decoration:none
}
.loginInfoPopMyPage a:active{
text-decoration:none
}
.loginInfoPopMyPage:active{
text-decoration:none;
-webkit-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
-moz-box-shadow:inset 0 2px 1px rgba(0,0,0,0.1);
box-shadow:inset 0 2px 1px rgba(0,0,0,0.1)
}
.loginInfoPopMyPage a{
color:#4d4d4d!important;
text-decoration:none;
display:block;
padding:15px;
margin-top:-15px
}
.loginInfoPopLogout{
margin-top:7px;
text-align:right;
font-size:11px
}
.loginInfoRakuten{
border-top:1px solid #ccc;
width:293px
}
.loginInfoRakuten iframe{
margin:10px 0;
display:block
}
.loginInfoRakuten p a img{
width:293px
}
div#rakutenPoint_293x53{
border:none!important
}
/* global menu */
#global{
width:100%;
background:#fff
}
#global_menu{
clear:both;
width:960px;
height:38px;
margin:0 auto
}
#global_menu:after{
content:'';
background:url(../../images/pc/global_under.png) no-repeat;
display:block;
height:13px
}
#global_menu ul{
overflow:hidden;
padding-top:0;
height:38px;
background:url(../../images/pc/gmenu_bg.png) no-repeat
}
#global_menu li.fast{
float:left;
display:inline;
padding:0
}
#global_menu li{
float:left;
display:inline;
padding:0
}
#idl:hover{
border-bottom:3px solid #ed3acc;
height:42px;
background:#E4E4E4
}
#drma:hover{
border-bottom:3px solid #e32a2a;
height:42px;
background:#E4E4E4
}
#anm_hero:hover{
border-bottom:3px solid #e8721b;
height:42px;
background:#E4E4E4
}
#vrty:hover{
border-bottom:3px solid #1cae10;
height:42px;
background:#E4E4E4
}
#otr:hover{
border-bottom:3px solid #09f;
height:42px;
background:#E4E4E4
}
#fish:hover{
border-bottom:3px solid #1c6ce5;
height:42px;
background:#E4E4E4
}
#fre:hover{
border-bottom:3px solid #60f;
height:42px;
background:#E4E4E4
}
#live:hover{
border-bottom:3px solid #333;
height:42px;
background:#E4E4E4
}
#movi:hover{
border-bottom:3px solid #658092;
height:42px;
background:#E4E4E4
}
#global_menu a{
display:block;
width:120px;
padding:11px 0 8px 0;
text-align:center;
text-decoration:none;
color:#333;
font-weight:700;
font-size:13px;
-webkit-transition:all.2s;
-moz-transition:all .2s;
transition:all 0.2s
}
#global_menu a:hover{
background:#999
}
#mypage_btn{
width:120px
}
#mypage_btn a{
margin:4px 0 0 6px;
padding:6px 0;
width:114px;
background:#ffe400;
color:#434343;
border-radius:3px;
text-shadow:-1px 1px 0 rgba(255,255,255,.4)
}
#mypage_btn a:hover{
background:#ffc600
}
/* fixed_global */
#fixed_global{
display:none;
width:100%;
height:29px;
background:#fff;
position:fixed;
top:0;
left:0;
-moz-box-shadow:0px 1px 10px 1px rgba(0,0,0,0.4);
-webkit-box-shadow:0px 1px 10px 1px rgba(0,0,0,0.4);
-ms-box-shadow:0px 1px 10px 1px rgba(0,0,0,0.4);
box-shadow:0px 1px 10px 1px rgba(0,0,0,0.4);
border-bottom:2px solid #ccc\9;
z-index:100
}
#fixed_header{
width:960px;
height:29px;
margin:0 auto;
overflow:hidden;
background:url(../../images/pc/fixed_header_bg.jpg) no-repeat
}
#fixed_header li{
float:left
}
#fixed_header #fixed_logo a{
width:71px;
margin-top:5px;
padding:0 8px 0 0
}
#fixed_header #fixed_logo a:hover{
background:#fff
}
#fixed_header a{
display:block;
width:112px;
padding:7px 0 5px 0;
text-align:center;
text-decoration:none;
color:#333;
font-weight:700;
font-size:12px
}
#fixed_header a:hover{
background:#999
}
#fixed_header #fixed_mypage a{
width:91px;
height:13px;
margin:3px 0 0 6px;
padding:4px 0;
background:#ffe400;
color:#434343;
border-radius:3px;
text-shadow:-1px 1px 0 rgba(255,255,255,.4)
}
#fixed_header #fixed_mypage a:hover{
background:#ffc600
}
.newHeaderBanner{
margin:10px auto;
padding-bottom:10px;
overflow:hidden;
border-bottom:1px solid #cdcdcd
}
.headerBannerWrap{
width:728px;
margin:0 auto
}
.newHeaderBanner a{
width:728px;
margin:0 auto;
display:block
}
/* footer */
#footer{
clear:both;
width:100%;
padding:0;
margin:0 auto;
background:#eee;
text-shadow:-1px 1px 0 rgba(255,255,255,1);
box-shadow:0 1px 2px -1px rgba(213,213,213,1) inset;;
-moz-box-shadow:0 1px 2px -1px rgba(213,213,213,1) inset;;
-webkit-box-shadow:0 1px 2px -1px rgba(213,213,213,1) inset;;
-ms-box-shadow:0 1px 2px -1px rgba(213,213,213,1) inset;;
border-top:1px solid #e3e3e3\9
}
#footer_inner{
width:960px;
margin:0 auto;
overflow:hidden;
padding:30px 0;

font-size:11px;
font-weight:bold
}
#foot_upper{
margin-bottom:25px
}
#footer .footer_L{
float:left;
width:520px;
margin:0;
padding:0
}
#footer .footer_R{
float:right;
width:440px;
padding:0;
text-align:left
}
.footer_list{
margin-bottom:22px
}
#footer_list_last{
margin-bottom:0
}
#footer li{
display:block;
line-height:normal;
width:260px;
float:left;
font-size:11px;
color:#525252;
display:inline
}
#footer li a{
font-size:12px
}
#footer .footer_R .foot_s_s_box{
float:left;
padding-left:8px;
width:102px;
}
#footer .footer_R .foot_s_s_box p{
font-size:10px;
line-height:10px;
color:#6C6C6C;
font-family:"ＭＳ ゴシック","Osaka－等幅"
}
address{
clear:both;
text-align:center;
width:100%;
padding:5px 0;
margin:10px 0 0 0;
background:#626262;
color:#D2D2D2;
font-size:11px;
font-style:normal
}
#footer ul{
list-style:none;
padding:0;
display:block;
height:20px
}
#footer ul a{
font-size:11px;
padding:0 10px;
line-height:normal
}
#tv_asahi_cr{
clear:both;
display:block;
height:31px;
background:#333
}
#tv_asahi_cr address{
width:960px;
margin:0 auto;
padding:10px 0 0 0;
text-align:right;
background:#333;
text-shadow:1px 1px 0 rgba(0,0,0,1)
}
#menseki{
width:960px;
margin:0 auto 60px;
padding-left:7px;
font-size:10px;
color:#525252
}
#foot_menseki{
width:960px;
margin:0 auto 5px;
padding-left:7px;
font-size:10px;
color:#525252;
line-height:1.3;
font-weight:normal
}
.menseki_mt{
margin-top:20px
}
/* alert */
#header_exp_top{
width:100%;
background-color:#333;
padding:10px 0 5px
}
#header_exp_top ul,
#header_exp ul{
width:950px;
margin:0 auto;
border:none
}
#header_exp_top img,
#header_exp img{
display:none
}
#header_exp_top li,
#header_exp li{
font-size:12px;
margin-bottom:5px;
background:url(../../images/pc/eme.jpg) no-repeat 0px 3px;
padding:2px 0 0 20px;
line-height:1.4;
color:#fff
}
#header_exp_top li a,
#header_exp li a{
display:block\9;
padding-top:3px\9;
color:#fff;
text-decoration:underline;
display:block;
line-height:1.4
}
#header_exp_top span,
#header_exp span{
display:block;
padding-bottom:5px
}
#header_exp_top li a:hover,
#header_exp li a:hover{
text-decoration:underline
}
#mv_superbanner{
position:absolute;
top:-158px;
right:0
}
#breadcrumbs{
position:relative
}
/* 番組お知らせ */
#program_exp{
display:table;
background-color:#f3f3f3;
width:650px;
margin-bottom:10px
}
.exp_icon{
display:table-cell;
vertical-align:middle;
width:24px;
background-color:#09f
}
.exp_icon span{
display:block;
margin-left:4px;
width:16px;
height:16px;
background-image:url(../../images/pc/program_icon.png);
background-repeat:no-repeat;
text-indent:100%;
white-space:nowrap;
overflow:hidden
}
#program_exp p{
display:table-cell;
padding:15px 5px 15px 15px;
line-height:1.4;
font-size:14px;
color:#666;
text-shadow:-1px 1px 0 rgba(255,255,255,.8)
}
#program_exp a{
display:block;
color:#09f;
line-height:1.4;
text-shadow:-1px 1px 0 rgba(255,255,255,.8);
-webkit-transition:all .4s ease
}
.program_arrow{
display:table-cell;
vertical-align:middle;
width:14px
}
.program_arrow span{
display:block;
margin-right:15px;
width:8px;
height:15px;
background-image:url(../../images/pc/program_arrow.png);
background-repeat:no-repeat
}
.banner_area{
margin-bottom:15px
}
.banner_area p{
margin-bottom:5px
}
.banner_area p:last-child{
margin-bottom:0
}
.banner_area a:hover{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=90);
opacity:0.9
}
.banner_area a:active{
filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
opacity:0.8
}
/*レコメンドエリア*/
/* css sprite */
.sprite-sprite,.sprite-program_arrow,.sprite-recommend_title{
background:url("../../images/pc/sprite-kanren-area.png") no-repeat
}
.sprite-program_arrow{
background-position:0 -33px;
height:15px;
width:8px
}
.sprite-recommend_title{
background-position:0 0;
height:33px;
width:300px
}
.spriter{
display:-moz-inline-stack;
display:inline-block;
vertical-align:middle;
*vertical-align:auto;
zoom:1;
*display:inline;
overflow:hidden;
text-indent:100%;
white-space:nowrap
}
.sprite-recommend_title{
position:relative;
margin-bottom:6px
}
.sprite-recommend_title span{
position:absolute;
top:10px;
left:46px;
font-size:14px;
font-weight:bold;
color:#525252
}
.recommend_area{
width:300px;
margin-bottom:15px;
background-color:white
}
.recommend_area li{
clear:both;
border-bottom:1px dotted #ccc
}
.recommend_area li a{
padding-top:6px;
padding-bottom:6px;
width:100%;
display:block
}
.recommend_area li a:hover{
background-color:#f8f8f8;
text-decoration:none
}
.recommend_area li a:active{
background-color:#e9e9e9
}
.recommend_area li span{
font-size:12px;

color:#525252;
-webkit-transition:all ease;
-webkit-transition-delay:0.3s;
-moz-transition:all ease 0.3s;
-o-transition:all ease 0.3s;
transition:all ease 0.3s
}
.recommend_area li span:active{
color:black
}
.recommend_area img{
margin-right:8px;
width:112px;
height:63px;
display:table-cell;
display:inline-block\9;
vertical-align:middle
}
.a_inner{
overflow:hidden;
position:relative
}
.heading{
display:table;
table-layout:fixed
}
.program_name{
display:table-cell;
width:140px;
vertical-align:middle;
line-height:1.5;
text-shadow:-1px 1px 0 white
}
.sprite-program_arrow{
margin-top:-8px;
position:absolute;
top:50%;
right:0
}
.icon-beta-sprite,.icon-beta-circle,.icon-beta-close,.icon-beta-official,.icon-beta-pager-left,.icon-beta-pager-left2,.icon-beta-pager-right,.icon-beta-pager-right2,.icon-beta-program-info,.icon-beta-program-more-under,.icon-beta-program-more-upper{
background:url('../../images/pc/icon-beta.png') no-repeat
}
.icon-beta-circle{
background-position:0 -141px;
height:11px;
width:10px
}
.icon-beta-close{
background-position:0 0;
height:16px;
width:16px
}
.icon-beta-official{
background-position:0 -122px;
height:14px;
width:14px
}
.icon-beta-pager-left{
background-position:0 -175px;
height:13px;
width:8px
}
.icon-beta-pager-left2{
background-position:0 -38px;
height:12px;
width:15px
}
.icon-beta-pager-right{
background-position:0 -157px;
height:13px;
width:8px
}
.icon-beta-pager-right2{
background-position:0 -21px;
height:12px;
width:15px
}
.icon-beta-program-info{
background-position:0 -55px;
height:14px;
width:14px
}
.icon-beta-program-more-under{
background-position:0 -74px;
height:19px;
width:17px
}
.icon-beta-program-more-upper{
background-position:0 -98px;
height:19px;
width:17px
}
span[class|="icon"]{
display:inline-block;
vertical-align:middle
}
.icon-new{
background-color:#df1a97
}
.icon-free{
background-color:#1d5cdb
}
.icon-near-third{
background-color:#390
}
.icon-end-sell{
background-color:#c03
}
.btn_area{
float:right
}
#recommend_area{
background-color:#eee;
padding-bottom:15px;
overflow:hidden
}
#recommend_area .recommend_ttl{
padding:24px 0 12px 15px
}
#recommend_area .recommend_ttl_en{
font-size:18px;
font-weight:700;
color:#B3B3B3;
margin-bottom:1px
}
#recommend_area .recommend_ttl_ja{
font-size:11px;
font-weight:700;
color:#333
}
#recommend_area .recommend_list{
width:270px;
margin:0 15px
}
#recommend_area li.recommend_prg{
height:54px;
border-bottom:1px #ddd solid;
box-shadow:0 1px 0 #fff;
-moz-box-shadow:0 1px 0 #fff;
-webkit-box-shadow:0 1px 0 #fff;
padding:8px 0;
clear:both
}
#recommend_area li.recommend_prg img{
width: 96px;
height:54px;
float:left
}
#recommend_area li.recommend_prg a{
display:block;
width:270px;
height:70px;
text-decoration:none;
color:#000
}
#recommend_area li.recommend_prg a:hover{
color:#4276CD
}
#recommend_area span.recommend_prg_ttl{
font-size:12px;
display:block;
width:164px;
line-height:1.4;
overflow:hidden;
padding:4px 4px 0 6px;
height:48px;
float:right
}
#recommend_area .ichioshi span.recommend_prg_ttl{
font-size:12px;
display:block;
width:164px;
line-height:1.4;
background:url(../../images/pc/ichioshi.gif) no-repeat;
background-position:6px 0;
padding-top:14px;
height:34px!important;
overflow:hidden
}
#recommend_area .external_link span.recommend_prg_ttl{
background:url(../../images/pc/external_link.gif) no-repeat;
background-position:6px 0;
padding-top:14px;
height:34px!important;
overflow:hidden
}
#recommend_area .last-list{
border:none!important;
box-shadow:none!important;
-moz-box-shadow:none!important;
-webkit-box-shadow:none!important
}
/*レコメンドエリア（購入画面）*/
#buy_recommend_area{
background-color:#eee;
width:100%;
margin-top:10px;
height:221px
}
#buy_recommend_area .recommend_ttl{
padding:28px 0 0 30px;
font-weight:bold
}
#buy_recommend_area .recommend_ttl_en{
color:#B3B3B3;
font-size:18px;
float:left;
margin-right:5px
}
#buy_recommend_area .recommend_ttl_ja{
font-size:11px;
padding-top:4px
}
#buy_recommend_area .recommend_list{
clear:both;
margin:20px 0 20px 25px;
height:138px
}
#buy_recommend_area li.recommend_prg{
float:left;
margin-right:16px;
height:127px;
width:126px;
padding-top:15px;
overflow:hidden
}
#buy_recommend_area li.recommend_prg a{
display:block;
width:126px;
height:138px;
text-decoration:none;
color:#000;
text-align:center
}
#buy_recommend_area li.recommend_prg a:hover{
color:#4276CD
}
#buy_recommend_area li.recommend_prg img{
height:70px;
margin-bottom:8px
}
#buy_recommend_area span.recommend_prg_ttl{
font-size:12px;
line-height:1.4;
display:block;
overflow:hidden;
height:50px;
text-align:left
}
#buy_recommend_area .ichioshi{
background:url(../../images/pc/ichioshi.gif) no-repeat
}
/*新着動画・お知らせ*/
#btn_area{
margin:5px 0 15px;
clear:both;
overflow:hidden
}
#btn_area ul li{
float:left;
width:152px;
height:38px;
margin-right:2px
}
#btn_area ul li a{
display:block;
text-indent:-100%;
overflow:hidden;
width:152px;
height:38px
}
.btn_newmovie{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat
}
.btn_newmovie:hover{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat;
background-position:-152px 0
}
.btn_newmovie:active{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat;
background-position:-304px 0
}
.btn_newmovie_active{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat;
background-position:-456px 0
}
.btn_newmovie_active:hover{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat;
background-position:-608px 0
}
.btn_newmovie_active:active{
background:url(../../images/pc/btn_newmovie_bg.jpg) no-repeat;
background-position:-760px 0
}
.btn_notice{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat
}
.btn_notice:hover{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat;
background-position:-152px 0
}
.btn_notice:active{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat;
background-position:-304px 0
}
.btn_notice_active{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat;
background-position:-456px 0
}
.btn_notice_active:hover{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat;
background-position:-608px 0
}
.btn_notice_active:active{
background:url(../../images/pc/btn_notice_bg.jpg) no-repeat;
background-position:-760px 0
}
#information_wrap{
border:1px solid #cfcfcf;
border-radius:4px;
-webkit-border-radius:4px
}
#information_wrap h1{
font-size:18px;
font-weight:700;
color:#000;
background-color:#f3f3f3;
padding:18px 0 14px 24px;
border-bottom:1px solid #cfcfcf
}
#newmovie_list{
padding:26px 24px
}
#newmovie_list li{
margin-bottom:23px;
font-size:12px;
clear:both;
display:table
}
#newmovie_list li a{
display:table;
text-decoration:none;
color:#333;
width:600px
}
#newmovie_list li a:hover{
color:#003ea8
}
#newmovie_list li:last-child{
margin-bottom:0px
}
#newmovie_list li img{
width:160px;
height:90px;
border:1px solid #ddd;
float:left;
margin:0 12px 0 0
}
#newmovie_list li span{
display:block;
line-height:1.5;
overflow:hidden;
width:426px;
float:right
}
.newmovie_list_date{
color:#a00!important;
margin-bottom:3px
}
#notice_list{
padding:10px 24px
}
#notice_list a{
color:#003ea8!important
}
#notice_list a:hover{
color:#003ea8!important;
text-decoration:none!important;
border-bottom:1px dotted
}
#notice_list a:active{
color:#003ea8!important;
text-decoration:none!important;
border-bottom:1px dotted
}
#notice_list a:visited{
color:#003ea8!important
}
.notice_list_frame{
margin-top:-60px;
padding-top:60px
}
#notice_list li{
padding:20px 0;
border-bottom:1px solid #ccc;
font-size:12px
}
#notice_list li.notice_list_important{
background:url(../../images/pc/notice_important.gif) no-repeat;
background-position:75px 22px
}
#notice_list li.notice_list_maintenance{
background:url(../../images/pc/notice_maintenance.gif) no-repeat;
background-position:75px 22px
}
#notice_list li.notice_list_imptnt_mnt{
background:url(../../images/pc/notice_imptnt_mnt.gif) no-repeat;
background-position:75px 22px
}
#notice_list li:last-child{
border:none
}
#notice_list li span{
display:block;
color:#333;
line-height:1.5
}
.notice_list_date{
color:#888;
width:100%;
margin-bottom:3px
}
.notice_list_detail{
margin-top:20px
}
#notice_list .notice_list_contents{
  font-size: 15px;
}
#notice_list .notice_list_detail{
  font-size: 15px;
  line-height: 1.8;
}
/*ジャンルページ20140911*/
.genre_tit_wrap{
height:38px;
margin-bottom:10px
}
.genre_idol{
border-left:5px solid #ed3acc
}
.genre_drama{
border-left:5px solid #e32a2a
}
.genre_hero{
border-left:5px solid #e8721b
}
.genre_vrty{
border-left:5px solid #1cae10
}
.genre_otr{
border-left:5px solid #09f
}
.genre_fish{
border-left:5px solid #1c6ce5
}
.genre_live{
border-left:5px solid #333
}
.genre_free{
border-left:5px solid #60f
}
.genre_tit{
height:26px;
padding-top:12px;
font-weight:700;
float:left;
padding-left:10px
}
.genre_tit_wrap .icon_list{
float:right;
margin:5px 0
}
.career_icons{
float:right
}
/*GENRE20141118*/
.genre_recommend_area{
border:1px solid;
border-radius:3px;
-webkit-border-radius:3px;
margin-bottom:10px;
position:relative;
overflow:hidden
}
.genre_recommend_area ul li{
overflow:hidden
}
.recommend_free{
border-color:#de1a96
}
.recommend_idol{
border-color:#de1a96
}
.recommend_drama{
border-color:#de1a96
}
.recommend_variety{
border-color:#de1a96
}
.recommend_anime{
border-color:#de1a96
}
.recommend_fishing{
border-color:#de1a96
}
.recommend_etc{
border-color:#de1a96
}
.recommend_live{
border-color:#de1a96
}
.genre_recommend_icon{
color:#fff;
font-weight:700;
font-size:20px;
display:block;
width:40px;
height:30px;
padding-top:10px;
text-align:center;
float:left;
border-bottom:1px solid #ccc
}
.recommend_free .genre_recommend_icon{
background-color:#de1a96
}
.recommend_idol .genre_recommend_icon{
background-color:#de1a96
}
.recommend_drama .genre_recommend_icon{
background-color:#de1a96
}
.recommend_variety .genre_recommend_icon{
background-color:#de1a96
}
.recommend_anime .genre_recommend_icon{
background-color:#de1a96
}
.recommend_fishing .genre_recommend_icon{
background-color:#de1a96
}
.recommend_etc .genre_recommend_icon{
background-color:#de1a96
}
.recommend_live .genre_recommend_icon{
background-color:#de1a96
}
.genre_recommend_ttl{
padding:14px 0 0 60px;
font-size:12px;
font-weight:bold;
color:#333;
height:26px;
border-bottom:1px solid #ccc
}
.genre_recommend_ttl span{
font-size:16px;
margin-right:20px
}
.recommend_free .genre_recommend_ttl span{
color:#de1a96
}
.recommend_idol .genre_recommend_ttl span{
color:#de1a96
}
.recommend_drama .genre_recommend_ttl span{
color:#de1a96
}
.recommend_variety .genre_recommend_ttl span{
color:#de1a96
}
.recommend_anime .genre_recommend_ttl span{
color:#de1a96
}
.recommend_fishing .genre_recommend_ttl span{
color:#de1a96
}
.recommend_etc .genre_recommend_ttl span{
color:#de1a96
}
.recommend_live .genre_recommend_ttl span{
color:#de1a96
}
.genre_recom_ph{
margin:13px 17px 10px 20px;
float:left
}
.genre_recom_info{
width:340px;
height:130px;
float:left;
margin:18px 0 0 0;
overflow:hidden
}
.genre_recom_prg_name{
font-size:15px;
font-weight:bold;
margin-bottom:10px
}
.genre_recom_prg_name a{
color:#333
}
.genre_recom_prg_name a:hover{
text-decoration:none
}
.genre_recom_prg_name a:active{
text-decoration:none
}
.genre_recom_cap{
font-size:12px;
color:#4b4b4b;
line-height:1.5
}
.genre_recommend_area .bx-pager{
position:absolute;
top:16px;
right:13px
}
.genre_recommend_area .bx-pager-item{
float:left;
margin-left:10px
}
.genre_recommend_area .bx-pager-item a{
width:10px;
height:10px;
background:url('../../images/pc/genre_recom_pager.jpg') no-repeat;
text-indent:100%;
overflow:hidden;
display:block
}
.genre_recommend_area .bx-pager-item a.active{
background:url('../../images/pc/genre_recom_pager_a.jpg') no-repeat
}
.genre_recommend_area .bx-controls-direction a{
width:29px;
height:54px;
display:block;
overflow:hidden;
text-indent:100%;
position:absolute
}
.genre_recommend_area .bx-prev{
background:url("../../images/pc/genre_recom_prev.png") no-repeat;
top:96px;
left:-1px
}
.genre_recommend_area .bx-next{
background:url("../../images/pc/genre_recom_next.png") no-repeat;
top:96px;
right:-1px
}
/*TOP20140916*/
#list{
border:1px solid #ddd;
border-bottom:none
}
.list_ttl_wrap{
height:50px;
background-color:#4d4d4d;
width:960px;
margin-left:-1px
}
.list_ttl_wrap h2{
color:#fff;
padding:18px 0 0 15px;
float:left;
font-size:18px
}
.list_icons{
float:right;
padding:20px 0 0 0
}
#list_category{
padding:0 40px 17px
}
.tp_list_tit{
margin:27px 0 16px
}
.top_list_icon{
float:left;
overflow:hidden;
display:block
}
.top_list_txt{
height:45px;
overflow:hidden
}
.top_list_txt h3{
font-size:24px;
margin:6px 0 0 10px
}
.top_list_txt p{
font-size:12px;
margin-left:10px;
font-weight:bold
}
.top_list_txt a{
line-height:100%!important
}
.top_list_txt h3 a:hover{
text-decoration:none!important;
color:#000!important;
line-height:100%!important
}
.top_list_txt p a:hover{
text-decoration:none!important;
line-height:100%!important
}
.idol_list .top_list_txt p a{
color:#ee3acb!important
}
.drama_list .top_list_txt p a{
color:#e32a2a!important
}
.anm_list .top_list_txt p a{
color:#e8721b!important
}
.vrty_list .top_list_txt p a{
color:#1cae10!important
}
.spt_list .top_list_txt p a{
color:#09f!important
}
.fish_list .top_list_txt p a{
color:#1c6ce5!important
}
.live_list .top_list_txt p a{
color:#333!important
}
.list_divide{
margin-left:-1px
}
/*20150130*/
#head_title_image{
margin-bottom:15px
}

/*20150205rakuten*/
.payment_rakuten .rakuten_pt{
display:block;
width:293px;
height:53px;
background:#fff;
margin-right:10px
}
.mypage_rakuten .rakuten_pt{
display:block;
background:#fff
}
/* 購入ページ */
.payment_rakuten{
background:#eee;
margin-top:10px;
padding:10px 144px;
position:relative;
overflow:hidden;
text-align:center
}
.payment_rakuten .rakuten_pt{
float:left
}
.payment_rakuten iframe{
display:block
}
/*マイページ*/
#mypage_L .mypage_rakuten p a img{
margin-top:5px;
width:100%
}
/*海外判別*/
.guardpic img {
width:100%;
}
/*プレイヤーレコメンド*/
#cnt_ph_main {
  position: relative;
}
.recommend_player_wrap {
  position: absolute;
  z-index: 99;
  top: 50%;
  left: 50%;
  margin-top: -150px;
  margin-left: -320px;
}
.recommend_player li {
  float: left;
  width: 160px;
}
.recommend_player li a {
  display: block;
  position: relative;
  overflow: hidden;
  background: #000;
  cursor: pointer;
}
.recommend_player li a img {
  width:100%;
}
.recommend_player li a:hover > img {
  opacity: 0.3;
  transition: opacity 0.3s linear;
}
span.recommend_player_ttl {
  position: absolute;
  top:-100%;
  color: #eee;
  font-size: 12px;
  line-height: 1.4;
  margin: 3px 5px;
}
.recommend_player li a:hover > span.recommend_player_ttl {
  top: 0;
  transition: top 0.3s linear;
}