@import url(common.css);
@import url(jquery.jscrollpane.css);

h2,#topics p#topi_t,
p.ico_now,p.ico_soon,p.ico_past,
dd.official a, dd.detail a,dd p.detail a,
#content ul.nav li a{
height:0;
overflow:hidden;
display:block;
font-size:1.0em;
}

#wrap {background: url(../images/wrap_bg.jpg) repeat-x top;}


/* head */

#wrap div#head {
background: url(../images/head_bg.jpg) no-repeat top center;
height:492px;
}
#head h1 a{padding-top:91px;}
#head div#title{
width:980px;
height:331px;
margin:0 auto;
}


/* menu */

#head div#menu{background: url(../images/menu_bg.jpg) no-repeat top center;}
#menu ul{background: url(../images/menu_in_bg.jpg) no-repeat top center;}



/* movie */

#title div#movie{
background: url(../images/movie_bg.jpg) no-repeat top center;
width:675px;
height:331px;
float:left;
}
#movie div#video{
width:400px;
float:left;
padding:18px 0 0 18px;
}
#video div.tvo-video{
width:400px;
height:225px;
margin:0;
padding:0;
}
#video dl{
width:400px;
font-size:0.9em;
color:#fff;
}
#video dt{
width:400px;
border-bottom:1px solid #fff;
padding-top:1px;
}
#video dd{
width:400px;
height:62px;
padding-top:0px;
overflow:hidden;
}
#video dd p a{
width:400px;
height:52px;
display:block;
color:#fff;
text-decoration:none;
background: url(../images/btn_m_detail_off.jpg) no-repeat bottom right;
}
#video dd p a:hover{
background: url(../images/btn_m_detail_on.jpg) no-repeat bottom right;
color:#ccc;
}
#video dd p#pic_txt{padding-top:5px;line-height:1.2em;}
#video dd p#pic_txt a img{
float:right;
width:97px;
height:20px;
margin:3px 3px 0 0;
/margin:-12px 3px 0 0;
}

.t_right{float:right;}
#movie ul{
width:235px;
padding:22px 22px 0 0;
_padding:22px 20px 0 0;
float:right;
list-style:none;
}
#movie ul li{
position:relative;
z-index:1;
width:229px;
height:93px;
margin:0 0 10px 8px;
/margin:0 0 7px 8px;
}
#movie ul li a.active{
display:block;
width:229px;
height:93px;
background:url(../images/bnr_movie_atv-trans.png) 0 0 no-repeat;
}
#movie ul li img{
display:block;
position:absolute;
z-index:-1;
top:1px;
left:18px;
}
.imagelink{background:url(../images/bnr_movie-trans.png) no-repeat right;}


#video div.tvo-video{
	display: none;
}
#video div.image{
	width:400px;
	height:225px;
	margin:0;
	padding:0;
}
#video div.image img{
	border: 0;
}
#movie #movie-meta{
	display: none;
}
#movie ul.navi li a.disable .imagelink{
	background-image: none !important;
}

/* topics */

#title div#topics{
background: url(../images/topics_bg.jpg) no-repeat;
width:305px;
_width:302px;
height:331px;
float:left;
margin:0;
}
#topics p#topi_t{
width:278px;
background: url(../images/topics_t.jpg) no-repeat top center;
padding-top:31px;
margin:14px auto 0 auto;
}
#topics ul{
width:278px;
margin:0 auto;
color:#fff;
}
#topics ul li{
padding:10px;
_width:250px;
/margin-left:-15px;
border-bottom:1px solid #3a3a3a;
list-style:none;
}
#topics ul li a{
display:block;
width:100%;
text-decoration:none;
color:#fff;
}
#topics ul li a:hover{color:#feaf05;}

.scroll-pane{
width: 100%;
height: 281px;
overflow: auto;
}


/* content */

#content p.pagetop{width:650px;}
#content h2{
background: url(../images/catch.gif) no-repeat top;
padding-top:200px;
width:675px;
}
#content h3{
width:670px;
padding-top:57px;
}
#content h3#now_2025{background: url(../images/now_2025.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2024{background: url(../images/now_2024.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2023{background: url(../images/now_2023.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2022{background: url(../images/now_2022.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2021{background: url(../images/now_2021.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2020{background: url(../images/now_2020.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2019{background: url(../images/now_2019.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_2018{background: url(../images/now_2018.jpg) no-repeat top right;margin-top:10px;}
#content h3#now_t{background: url(../images/now_t.jpg) no-repeat top right;margin-top:10px;}
#content h3#past_t{background: url(../images/past_t.jpg) no-repeat top right;margin:15px 0 5px 0;}
#content h3#dvd_t{background: url(../images/dvd_t.jpg) no-repeat top right;margin:15px 0 5px 0;}


/* nav */

.hide { position: absolute; top: -9999px; left: -9999px; }
#content ul.nav{
background: url(../images/year_bg.jpg) no-repeat;
width:603px;
height:27px;
margin-left:43px;
overflow: hidden;
padding:4px 10px 0 10px;
}
#content ul.nav li{
list-style:none;
float:left;
}
#content ul.nav li.last { margin-right: 0; }

#content ul.nav li a {padding-top:27px;}
#content ul.nav li a:hover {background-position:0 -35px;}
#content ul.nav li a:focus {background-position:0 -70px;}
li.y2018 a{width:60px;background: url(../images/year_2018-trans.png) no-repeat top;}
li.y2017 a{width:60px;background: url(../images/year_2017-trans.png) no-repeat top;}
li.y2016 a{width:60px;background: url(../images/year_2016-trans.png) no-repeat top;}
li.y2015 a{width:60px;background: url(../images/year_2015-trans.png) no-repeat top;}
li.y2014 a{width:60px;background: url(../images/year_2014-trans.png) no-repeat top;}
li.y2013 a{width:60px;background: url(../images/year_2013-trans.png) no-repeat top;}
li.y2012 a{width:60px;background: url(../images/year_2012-trans.png) no-repeat top;}
li.y2011 a{width:60px;background: url(../images/year_2011-trans.png) no-repeat top;}
li.y2010 a{width:61px;background: url(../images/year_2010-trans.png) no-repeat top;}
li.y2009 a{width:64px;background: url(../images/year_2009-trans.png) no-repeat top;}

#content li a.current,#content li a.current:hover {background-position:0 -70px;}
#content .navcont {padding:0 0 0 10px;}



/* list */

#content div.now{margin-left:35px;}
#content div.past{margin-left:25px;}
.past h4{margin-bottom:5px;}

.list dl{
width:200px;
background: url(../images/list_bg.gif) repeat-y left;
float:left;
padding:0 5px 0 0;
}
.list dl dt{
background: url(../images/list_top.jpg) no-repeat top;
height:180px;
position:relative;
}
.list dl dt img{
width:165px;
height:150px;
margin:28px 0 0 20px;
}
.list dl dt p{
display:block;
position:absolute;
z-index:100;
top:0;
left:0;
width:46px;
padding-top:47px;
margin:0;
}
.list dl dt p.ico_now{background: url(../images/ico_now-trans.png) no-repeat top;}
.list dl dt p.ico_soon{background: url(../images/ico_soon-trans.png) no-repeat top;}
.list dl dt p.ico_past{background: url(../images/ico_past-trans.png) no-repeat top;}
dd.lis_movie{
padding:2px 0;
font-weight:bold;
width:200px;
}
dd.lis_movie h4{
border-top:1px solid #ece7ce;
border-bottom:1px solid #ece7ce;
text-align:center;
color:#542a08;
margin-left:20px;
width:165px;
font-size:0.9em;
line-height:1.2em;
padding:2px 0;
}
dd.lis_movie p.date{
color:#9b0303;
text-align:center;
margin:3px 0 0 20px;
width:165px;
}
dd.lis_movie p.date_ad{
width:165px;
color:#9b0303;
text-align:center;
font-size:0.8em;
line-height:1.2em;
margin:0 0 3px 20px;
}
dd.link{
width:200px;
height:18px;
padding:0 0 14px 0;
background: url(../images/list_btm.jpg) no-repeat bottom left;
}
dd.link a{
padding-top:18px;
margin-left:20px;
width:165px;
}

dd.official a{
background: url(../images/btn_official.gif) no-repeat top;
}
dd.official a:hover{background: url(../images/btn_official_on.gif) no-repeat top;}
dd.detail a{
background: url(../images/btn_detail.gif) no-repeat top;
}
dd.detail a:hover{background: url(../images/btn_detail_on.gif) no-repeat top;}