/* ユーザー定義CSS
---------------------------------------------*/
/*オンエア*/
.OnAir {
position: relative;
}
.AmazonBt {
position: absolute;
top: 328px;
left: 32px;
}

/*Twitterアイコン*/
#twicList {
margin: 20px 0px 30px 0px;
}
#twicList li {
float: left;
margin: 0px 0px 15px 0px;
}
.tw_ic_dl_bt {
margin: 30px 0px 0px 0px;
text-align: center;
}
.page_51 .wdx590 {
margin: 0px auto;
}


/*BD-DVD*/

#cms_block .page_35,
#cms_block .page_36,
#cms_block .page_38,
#cms_block .page_39,
#cms_block .page_40,
#cms_block .page_41 {
height: 580px;
overflow: auto;
}

/*GAME*/
.fancybox-lock .fancybox-overlay{background:rgba(255,255,255,0.6);}

img.alpha:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

[id^="layout"] {
font-family: Meiryo, arial, sans-serif;
padding: 0px;
margin: 0px;
text-align: center;
color: #fff;
line-height: 1.5em;
font-size: 14px;
}
[class^="page_"]:not([class^="page_l"]):not(.page_navi){
padding:5px 0px 0px 0px;
position:relative;
}
.cont_close{position:absolute; z-index:100;}
.cont_close a{display:block;}
.cont_close a:hover{opacity:0.8;}
/* 基本リンク色指定 */

a:link {
color: #0e6fbc;
}

a:visited {
color: #0e6fbc;
}

a:hover {
color: #e60000;
}

a:active {
color: #0e6fbc;
}


/* 小見出し(h4) */
h4.ti_c_h4 {
margin: 10px 0px;
padding: 5px 0px 5px 4px;
color: #fff;
border-bottom: 3px solid #fff;
}

p.h_no {
margin: 0px;
padding: 0px;
}

/* IE6/7対応 打ち消し*/
#contents,
#contents_main,
#ext_area_01,
#ext_area_02,
.header_sa01,
.header_sa02,
.header_sa03,
.header_sa04,
.main_sa01,
.main_sa02,
.main_sa03,
.main_sa04,
.main_sa05,
.main_sa06,
.main_sa07,
.main_sa08,
.footer_sa01,
.footer_sa02,
.footer_sa03,
.ti_b,
.clear_fix,
#news_ct_h {
	min-height: 0em;
	_height: 1px;
	_overflow: visible;
	}
.clear_fix:after {
content: "";
display: block;
clear: both;
height: 0px;
overflow: hidden;
}

/*iframeモーダル*/
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#cboxMiddleLeft,#cboxMiddleRight{display:none;}


#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{
height:370px;
/*padding:105px 30px 30px 30px;*/
margin:105px 30px 30px 30px;
overflow:auto; -webkit-overflow-scrolling: touch;
}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

/* 
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:url(images/overlay.png) repeat 0 0; opacity: 0.9; filter: alpha(opacity = 90);}
#colorbox{outline:0;}
    #cboxTopLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px 0;}
    #cboxTopRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px 0;}
    #cboxBottomLeft{width:21px; height:21px; background:url(images/controls.png) no-repeat -101px -29px;}
    #cboxBottomRight{width:21px; height:21px; background:url(images/controls.png) no-repeat -130px -29px;}
    #cboxMiddleLeft{width:21px; background:url(images/controls.png) left top repeat-y;}
    #cboxMiddleRight{width:21px; background:url(images/controls.png) right top repeat-y;}
    #cboxTopCenter{height:21px; background:url(images/border.png) 0 0 repeat-x;}
    #cboxBottomCenter{height:21px; background:url(images/border.png) 0 -29px repeat-x;}
    #cboxContent{background:url(../../images/main/tz/if_news_bg.png) no-repeat; overflow:hidden;}
        .cboxIframe{}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{}
        #cboxTitle{position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;}
        #cboxCurrent{position:absolute; bottom:4px; left:58px; color:#949494;}
        #cboxLoadingOverlay{background:url(../../images/main/tz/loading_background.png) no-repeat center center;}
        #cboxLoadingGraphic{background:url(../../images/main/tz/loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }
        
        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxClose{position:absolute; top:55px; right:29px; background:url(../../images/main/tz/if_close_bt.png) no-repeat 0px 0; width:33px; height:33px; text-indent:-9999px;}
        #cboxClose:hover{opacity:0.8;}
/*
  The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
  when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
  See: http://jacklmoore.com/notes/ie-transparency-problems/
*/
.cboxIE #cboxTopLeft,
.cboxIE #cboxTopCenter,
.cboxIE #cboxTopRight,
.cboxIE #cboxBottomLeft,
.cboxIE #cboxBottomCenter,
.cboxIE #cboxBottomRight,
.cboxIE #cboxMiddleLeft,
.cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

#main_img{
width:100%;
min-width:1360px;
margin: 0px auto;
padding: 0px;
position:absolute;
top:0px;
left:0px;
z-index:-1;
}
#main_img img{
width:100%;
height:auto;
margin: 0px auto;
padding: 0px;
}
/* OP */
#layer {
	width:960px;
        min-height:20px;
	margin:0px auto;
        position:relative;
}
#op_area{
position:fixed;
width:100%;
height:100%;
z-index:1000;
top:0px;
left:0px;
}
#op_area_bg{
position:fixed;
width:100%;
height:100%;
z-index:0;
top:0px;
left:0px;
background:#fff;
filter:alpha(opacity=50);
opacity:0.8;
}
#op_area_bg a{
position:fixed;
display:block;
width:100%;
height:100%;
z-index:99;
}
#op_area_inner{
padding:65px 0px 20px 0px;
margin:0px auto 0px;
width:960px;
height:560px;
position:relative;
text-align:center;
z-index:98;
}
#op_movie_area{
box-shadow: 0px 0px 10px #000;
-moz-box-shadow: 0px 0px 10px #000;　/* Firefox用 */  
-webkit-box-shadow: 0px 0px 10px #000;
}
#skip_bt{
position:absolute;
bottom:5px;
right:0px;
text-align:right;
z-index:100;
}

/*STAFF CAST*/
#staffcast_wrap {
height: 800px;
padding-top: 20px;
background:url(../../images/main/staffcast/staffcast.png) top left no-repeat ;
}

#staffcast_block {
width: 695px;
height: 700px;
margin: 0px 0px 0px 0px;
padding-left: 70px;
overflow: auto;
}

.staffcast{width:670px;; padding:30px 0px 0px 0px;}
.staffcast h3{margin:0px 0px 20px;}
.staffcast li{font-size:20px; min-height:32px; vertical-align:top; position:relative;}
.staffcast li p{display:table-cell; padding:0px 0px 10px; line-height:1.3;}
.staffcast li.no6 p.name{display:table-cell; padding:0px 0px 10px; line-height:1.55;}
.staffcast li p span{font-size:80%;}
.staffcast .cbt{position:absolute; top:-5px; left:-40px;}
.staffcast .cbt#cbt7{position:absolute; top:31px; left:-40px;}
.staffcast .cbt:hover{opacity:0.8; cursor:pointer;}

.move_bt li {
display: inline;
}

.move_bt {
    width: 66px;
    height: 30px;
    position: absolute;
    top: 40px;
    left: 210px;
    font-size: 0;
}

.change_bt {
    position: absolute;
    top: 35px;
    left: 35px;
    font-size: 0;
}

.vobt_area {
    position: absolute;
    height: 82px;
    bottom: 28px;
    left: 38px;
    font-size: 0;
}

.vobt_area li {
    width: 82px;
    height: 82px;
    display: inline-block;
    margin: 0px 11px 0px 0px;
cursor: pointer;
}


.vobt_area .bt1 {
background: url(../../images/main/tz/chara/vobt1.png) top no-repeat;
}
.vobt_area .bt2 {
background: url(../../images/main/tz/chara/vobt2.png) top no-repeat;
}
.vobt_area .bt3 {
background: url(../../images/main/tz/chara/vobt3.png) top no-repeat;
}
.vobt_area .bt4 {
background: url(../../images/main/tz/chara/vobt4.png) top no-repeat;
}
.vobt_area .bt1:hover {
background: url(../../images/main/tz/chara/vobt1o.png) top no-repeat;
}
.vobt_area .bt2:hover {
background: url(../../images/main/tz/chara/vobt2o.png) top no-repeat;
}
.vobt_area .bt3:hover {
background: url(../../images/main/tz/chara/vobt3o.png) top no-repeat;
}
.vobt_area .bt4:hover {
background: url(../../images/main/tz/chara/vobt4o.png) top no-repeat;
}

#cha_nav li {
float: left;
width: 154px;
height: 755px;
}

#cha_nav li a {
display: block;
width: 154px;
height: 755px;
}
#cha_nav span {
display: none;
}

#cha_nav .ch1 {
background: url(../../images/main/charactors/chara1.png) top no-repeat;
}
#cha_nav .ch1:hover {
background: url(../../images/main/charactors/chara1o.png) top no-repeat;
}
#cha_nav .ch2 {
background: url(../../images/main/charactors/chara2.png) top no-repeat;
}
#cha_nav .ch2:hover {
background: url(../../images/main/charactors/chara2o.png) top no-repeat;
}
#cha_nav .ch3 {
background: url(../../images/main/charactors/chara3.png) top no-repeat;
}
#cha_nav .ch3:hover {
background: url(../../images/main/charactors/chara3o.png) top no-repeat;
}
#cha_nav .ch4 {
background: url(../../images/main/charactors/chara4.png) top no-repeat;
}
#cha_nav .ch4:hover {
background: url(../../images/main/charactors/chara4o.png) top no-repeat;
}
#cha_nav .ch5 {
background: url(../../images/main/charactors/chara5.png) top no-repeat;
}
#cha_nav .ch5:hover {
background: url(../../images/main/charactors/chara5o.png) top no-repeat;
}

#layout10 #comment_bg{
position:fixed;
top:0px; left:0px;
width:100%; height:100%;
z-index:9999;
background:#fff;
opacity:0.65;
}
.show_com{
position:absolute;
width:100%;
top:50px; left:0px;
z-index:9999;
text-align:center;
display:none;
}
.show_com .inner{position:relative;}
.com_cbt{position:absolute; bottom:50px; left:50%; margin-left:-15px;}
.com_cbt:hover{cursor:pointer; opacity:0.8;}

.mgb5 {margin-bottom: 5px;}
.mgb10 {margin-bottom: 10px;}
.mgb15 {margin-bottom: 15px;}
.mgb20 {margin-bottom: 20px;}

#tokuten {
min-height: 30px;
margin-bottom: 20px;
}

#tokuten a {
height: 40px;
margin-bottom: 20px;
}

#bd_shopbn {
    margin: 0px 0px 20px 10px !important;
    padding: 0px 0px 0px 60px !important;
    background: url(../../images/main/bddvd/it_buy.png) no-repeat left;
overflow: hidden;
}

#bd_shopbn li {
    margin: 0px 0px 0px 7px;
    float: left;
}