@charset "UTF-8";

/*------ default ------*/

body {margin:0; padding:0; }
div, h1, h2, h3, h4, p, a, ul, li, dl, dt, dd, img { margin:0; padding:0; }
ul { list-style:none; }
img { border:none; }

/*----- common -----*/

html { height:100%; }
body { height:100%; background:#db246e url(../images/bg_pattern.jpg) left top; }
#wrapper { height:100%; background:url(../images/bg_pattern2.jpg) left top repeat-x; }
#container { margin:0 auto; padding-bottom:30px; width:1066px; }

.topBtn { padding:24px 27px 23px 713px; width:auto; background:url(../images/bg_topBtn.jpg) left top no-repeat; }
.topBtn p {  }

/* for modern brouser */
.clearFix:after {
        content: ".";
        display: block;
        clear: both;
        height: 0;
        visibility: hidden;
}
.clearFix {
        display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearFix {
        height: 1%;
}
.clearFix {
        display: block;
}
/* End hide from IE-mac */

/*----- header  -----*/

#header { overflow:hidden; position:relative; width:1067px; height:272px; background:url(../images/bg_header.gif) left top no-repeat; }
#header h1 { position:absolute; text-indent:-9999px; }
#header h1 a { display:block; width:285px; height:130px; }
#header .noDisplay { height:1px; text-indent:-9999px; }
#header #gnav { margin:0 auto; position:absolute; left:57px; top:190px; width:953px; }
#header #gnav li { float:left; }
#header #backIndex { position:absolute; left:47px; top:154px; }

/*----- contents -----*/

#contents { margin:0 auto; width:994px; background:#FFFFFF url(../images/bg_contents.jpg) left top repeat-y; }
#index #contents { margin:0 auto; padding:30px 0; width:994px; height:auto; background:none; }

#contents #maincontents { margin-left:34px; width:932px; }

/*----- footer -----*/

#footer { margin:0 auto; width:994px; height:55px; background:url(../images/bg_footer.gif) left bottom no-repeat; }

/*----- goods -----*/

#dvdInfo { float:left; width:400px; }
#dvdBuyBtn { float:right; width:532px; background:url(../images/goods_bg.jpg) left top no-repeat; }
#dvdBuyBtn p { margin: 429px 139px 78px 128px; }

/*----- intro -----*/

/*----- story -----*/

#storyList { overflow:hidden; padding-bottom:33px; background:url(../images/bg_story.jpg) left bottom no-repeat; }
/*#storyList li { display:inline; }*/
#storyList li { overflow:hidden; float:left; height:189px; }

#storyDetail { padding:22px; width:576px; font-size:12px; }
#storyDetail h1 { display:inline; line-height:4em; font-size:1.2em; font-weight:bold; color:#f7347e; background-color:#FFFFFF; }
#storyDetail .date { display:inline; font-size:0.9em; color:#f7347e; }
#storyDetail p { line-height:1.6; color:#555555; background-color:#FFFFFF; }

/*----- cast -----*/

#castList { background:url(../images/bg_cast.jpg) left bottom no-repeat; }
#castList li h3, #castList li p { width:741px; float:right; position:relative; }
#castList li .photo { width:191px; float:left; }

#castList li p em { display:block; position:absolute; }
#castList #cast01 p em { width:741px; height:205px; background:url(../images/cast_text1.jpg) left top no-repeat; }
#castList #cast02 p em { width:741px; height:220px; background:url(../images/cast_text2.jpg) left top no-repeat; }
#castList #cast03 p em { width:741px; height:201px; background:url(../images/cast_text3.jpg) left top no-repeat; }
#castList #cast04 p em { width:741px; height:224px; background:url(../images/cast_text4.jpg) left top no-repeat; }

/*----- chart -----*/

#chartList {}
#chartList li { display:inline; }

/*----- info -----*/

#info #maincontents { position:relative; background:url(../images/bg_info.jpg) left top repeat-y; }

#info #infoMenu { position:absolute; left:499px; top:60px; }
#info #infoMenu li { display:inline; }

#info .section { padding:20px; padding-top:40px; }
#info #onair { background:url(../images/bg_info2.jpg) right top no-repeat; }

#info dl { font-size:11px; }
#info ul { font-size:12px; }
#info dl dt { font-weight:bold; }

#info #onair p { clear:both; padding:14px 0 9px 50px; }
#info #onair h4 { width:121px; float:left; padding-left:50px; }
#info #onair .dateList { width:711px; float:right; }
#info #onair dl { width:165px; float:left; margin-bottom:0.8em; line-height:2; }
#info #onair dt { color:#f51f80; }
#info #onair dd { }

#info #onair ul { float:left; width:280px; }
#info #onair ul li { padding-bottom:1em; width:280px; }
#info #onair ul li span { color:#f51f80; font-weight:bold; padding-right:0.7em; }


#info #magazin ul { padding:10px 0 0 50px; line-height:2.2; font-size:12px; } 
#info #magazin ul li span { color:#00a1e5; font-weight:bold; padding-right:1.8em; }

#info #tv ul { padding:10px 0 0 50px; line-height:2.2; font-size:12px; } 
#info #tv ul li span { color:#00a1e5; font-weight:bold; padding-right:1.8em; }