@charset "utf-8";

/*** total style ***/
html,
body,
div.content_wrapper,
#wrapper_02
{height:99%;}



body {height:99%
    background-color: #ff0084;
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #333333;
    font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	min-width:1020px;
}


body > #wrapper_02 { height:auto; min-height:99%;}


#wrapper_02{
    background: url(../images/bg_bottom.png) bottom  repeat-x #FFF;
    border-top: 5px solid #ff0084;
    position: relative;
	height:99%;
}


body > div.content_wrapper { height:auto; min-height:99%;}

div.content_wrapper{
    background: url(../images/bg.png) bottom center repeat;
	position: relative;
	min-height:99%;
	height: auto;
}
/*
.content_wrapper{
    background: url(../images/bg.png) bottom center;
    padding-bottom: 160px;
}
*/

p{
    margin: 0;
}

/*** clearfix ***/
.clearfix:before, .clearfix:after {
    content:"";
    display:block;
    overflow:hidden;
}
.clearfix:after { clear:both; }
.clearfix { zoom:1; }

/*** normalize 対策 ***/
ul {
    padding: 0;
    margin: 0;
}
li {
    list-style: none;
    float: left;
}
img{
    vertical-align: top;
	border: none;
}
table{
    border: 0;
    border-collapse:collapse;
}
table tr{
    padding: 0;
}
table tr td{
    border: 0;
    padding: 0;
}

h1,h2,h3,h4,h5,h6,dl,dt,dd{
    margin: 0;
    padding: 0;
}

a{
    color: #ff3366;
}
a:hover{
    text-decoration: none;
}

/*** mouse over ***/
/*a img {
    border: medium none transparent;
}
a img:hover {
    filter:alpha(opacity=60);
    opacity: 0.6;
}*/


/* テキスト ================================================================================================================= */
/* SIZE */
.text10             {font-size:10px; line-height:18px;}
.text12             {font-size:12px; line-height:18px;}
.text14             {font-size:14px; line-height:18px;}
.text16             {font-size:16px; line-height:18px;}

/* COLOR */
.red                {color:#ff0000;}
.pink               {color:#F36;}
.yellow             {color:#fff71e;}
.gray               {color:#666666;}
.white              {color:#ffffff;}
.black              {color:#444444;}
.orange{
    color: #ff8400;
}
.bold{
    font-weight: bold;
}






/********************************/

#wrapper{
    background: #FFF;
    position: relative;
}

h2{
    padding: 10px 0 0 20px;
    width: 184px;
    float: left;
}
h3{
    position: absolute;
    right: 15px;
    margin-top: 18px;
}
h4{
    background: url(../images/h4_bg.png);
    color: #FFF;
    font-size: 19px;
    font-weight: bold;
    padding: 8px 0;
    position: relative;
    line-height: 26px;
    width: 740px;
}
h4 p{
    padding: 2px 6px 3px 38px;
    background: url(../images/h4_icon.png) no-repeat left top;
    background-position: 8px 2px;
	vertical-align:bottom;
}


/*  index  */
.top_wrapper{
    background: url(../images/bg_top.png) top center repeat-x transparent;
    height: 960px;
    position: relative;
    width: 100%;
    z-index: 1;
}
.top_bg{
    background: url(../images/top_bg.png) top center transparent;
}

.top_cont{
    position: relative;
    width: 1030px;
    margin: 0 auto;
    text-align: center;
}
.key_visual{
    display: block;
    margin: 0 auto;
    background: url(../images/bg_top.png) top center repeat-x;
}
.top_copy{
    position: absolute;
    top: 225px;
    left: 455px;
}
.top_logo{
    position: absolute;
    top: 730px;
    left: 210px;
}
.onair_txt{
    position: absolute;
    top: 855px;
    left: 215px;
}
.top_cont #eventbtn{
    position: absolute;
    top: 20px;
    left: 590px;
}
/*  menu  */
ul.menu{
    width: 180px;
    position: absolute;
	left: 0;
}
ul.menu li{
    margin: 2px 0 0 20px;
    background: #FFC701;
}
ul.menu li.top{
    margin-top: 18px;
}
.cont_menu{
    float: left;
}


.onair{
    position: absolute;
    left: 20px;
    top: 345px
}

.onairmore{
    position: absolute;
    left: 22px;
    top: 768px
}
.onairat{
    position: absolute;
    left: 24px;
    top: 795px
}

#topbnr{ width:580px; 
	position: absolute;
    top: 905px;
    left: 200px;}
#topbnr ul{ margin:0; padding:0;}
#topbnr ul li{ margin:0 3px; padding:0; width:280px; height:50px; list-style-type:none; float:left;}

/*  sns  */
#snsbox{
    position: absolute;
    width: 180px;
    left: 25px;
    top: 830px;
    text-align: left;
}
#snsbox_02{
    position: absolute;
    width: 180px;
    left: 20px;
    top: 350px;
    text-align: left;
}
.fb-like{
    margin-top: 5px;
}


.btn_aj2014{
    position: absolute;
    right: 11px;
    top: 200px;
}

.btn_event{
    position: absolute;
    right: 11px;
    top: 255px;
}
.btn_cd{
    position: absolute;
    right: 15px;
    top: 403px;
}
.top_pv{
    position: absolute;
    right: 14px;
    top: 403px;
}
.pv_thum{
    display: block;
}
.pv_txt{
    margin-top: 3px;
}

.top_tw{
    position: absolute;
    right: 16px;
    top: 556px;
	background: url(../images/twbg.png) no-repeat;
	width:210px;
	height:280px;
	padding:45px 0 0 0;
	border-bottom:2px solid #01d9ff;
	border-top:2px solid #01d9ff;
}

.top_tw .timeline-header{ margin:0; padding:0;}


/*  .whatsnew  */
.whatsnew_wrapper{
    background: url(../images/whatsnew_bg.png) no-repeat;
    height: 222px;
    position: absolute;
    top: 18px;
    right: 12px;
    width: 216px;
}
.whatsnew_wrapper .whatsnew_cont{
    line-height: 20px;
    text-align: left;
    position: absolute;
    left: 0;
    top: 40px;
    padding: 0 10px 10px;
    height: 170px;
    width: 190px;
}
.scroll_area{
    height: 100px;
}
.whatsnew_wrapper .whatsnew_cont dt{
    display: block;
	font-weight:bold;
}
.whatsnew_wrapper .whatsnew_cont dd{
    margin-bottom: 20px;
}

/*  content  */


.conetnt_header_wrapper{
    height: 80px;
    border-bottom: 1px solid #ff0084;
}
.conetnt_header{
    margin: 0 auto;
    width: 1000px;
}

.content_main{
    position: relative;
    margin: 0 auto;
    width: 1000px;
}
/*
.content_main{
    position: relative;
    margin: 0 auto;
    width: 1000px;
}
*/
.cont_right{
    float: left;
    width: 770px;
    margin-top: 18px;
	margin-bottom:60px;
}
.cont_rightss{
    float: left;
    width: 760px;
    margin: 18px 0 60px 0;
	padding:0 0 0 0;
}

/*
#wrapper_02 .footer{
	margin-top: -2px;
}
*/



/*  news  */
.news{
    margin-left: 50px;
}
.detail{
    border-top: 2px solid #ff8500;
    line-height: 20px;
    width: 740px;
}
.detail .date{
    color: #ff8500;
    display: block;
    font-size: 10px;
    line-height: 20px;
}
.detail_cont{
    margin: 10px 0 40px;
}
.detail_fin{
    margin: 0;
}

.news .bdrbox{
	border:1px dotted #F90; margin:10px 0; padding:10px;
}

.news .imgleft{ float:left; margin:0 20px 0 0;}
.news .imgright{ float:right; margin:0 0 0 20px;}
.news .imgcenter{ text-align:center; margin:0 0 10px 0;}
/*  onair  */
.onair_wrapper{
    margin-left: 50px;
}
.onair_wrapper .atn{ margin:10px 0 0 5px;}
dl.tv{
    margin: 10px auto 0;
    display: block;
}
dl.tv dt{
    float: left;
    clear: both;
    padding: 10px 0 13px 5px;
}
dl.tv dd{
    background: url(../images/staff/dl_border.png) bottom left no-repeat;
    padding: 10px 0 13px 150px;
}
dl.tv dd.fin,
dl.web dd.fin{
    background: none;
}
h4.web{
    margin-top: 30px;
}
dl.web{
    margin: 10px auto 0;
    display: block;
}
dl.web dt{
    float: left;
    clear: both;
    padding: 10px 0 0 5px;
}
dl.web dd.tm{padding: 20px 0 0px 290px; line-height:0;}
dl.web dd.lnk{
    background: url(../images/staff/dl_border.png) bottom left no-repeat;
    padding: 0px 0 13px 5px;
	vertical-align:top;
	height:12px;
	margin:0;
}
dl.web dd.lnkfin{
    padding: 0px 0 13px 5px;
	vertical-align:top;
		height:12px;
		margin:0;
}



/*  character  */
.character{
    margin-left: 40px;
}
ul.character_menu{
    margin-left: 124px;
    height: 70px;
}
ul.character_menu li{
    margin-right: 12px;
}
ul.character_menu li.fin{
    margin: 0;
}
.character_img{
    position: relative;
	text-align:center;
    margin-top: 3px;
    margin-left: 23px;
}
.character_img p{
    right: 55px;
    position: absolute;
    top: 30px;
    z-index: 2;
    width: 450px;
}
.character_btn{
    text-align: center;
    margin-top: 7px;
    margin-bottom: 12px;
}
.character_btn img.btn_02{
    margin-left: 7px;
}


/*  story  */
.story{
    margin:0 0 0 50px;
    width: 740px;
	padding:0 0 30px 0;

}

.story_top{
    text-align: center;
	padding:15px 0 0 0;
    margin-bottom: 45px;
}
.story_detail_cont{
    margin-top: 10px;
	margin-left:5px;
	min-height:250px;
}
.story_detail_cont2{
    margin-top: 10px;
	margin-left:5px;
}
.story_img{
    float: left;
	margin:0;

}
.story_txt{
    margin: 0 0 40px 0;
	padding:0 0 0 10px;
	line-height:22px;
}
/*
.story_txt{
    float: left;
    margin-left: 20px;
    width: 350px;
}
*/
.story_sub_ttl {
    font-size: 15px;
}

/*  staff_cast  */
.staff_wrapper{
    margin-left: 50px;
}
dl.staff{
    margin: 10px auto 0;
    display: block;
}
dl.staff dt{
    float: left;
    clear: both;
    padding: 10px 0 13px 5px;
}
dl.staff dd{
    background: url(../images/staff/dl_border.png) bottom left no-repeat;
    padding: 10px 0 13px 340px;
}
dl.staff dd.fin,
dl.cast01 dd.fin,
dl.cast02 dd.fin{
    background: none;
}
h4.cast{
    margin-top: 60px;
}
dl.cast01{
    float: left;
    width: 352px;
    margin: 10px 0 0 0;
}
dl.cast02{
    float: left;
    width: 352px;
    margin: 10px 0 0 35px;

}
dl.cast01 dt,
dl.cast02 dt{
    float: left;
    clear: both;
    padding: 10px 0 13px 5px;
}
dl.cast01 dd,
dl.cast02 dd{
    background: url(../images/staff/dl_border_short.png) bottom left no-repeat;
    padding: 10px 0 13px 260px;
}


/*  book  */
.book{
    margin-left: 30px;
}
.book_cont_list{
	width:745px;
	height:34px;
	margin:0;
	padding:0 0 20px 2px;
}
ul.book_menu li{
    float: left;
    padding: 2px 5px;
}

.book_wrapper {
    width: 745px;
    margin: 0 auto;
}
.book_cont_detail{
    margin-left: 10px;
}
.novel_top,
.comic_top{
    text-align: center;
    margin-top: 10px;
}
.novel_top img,
.comic_top img{
    display: block;
    margin: 0 auto;
}
.novel_top .top,
.comic_top .top{
    font-size: 14px;
    font-weight: bold;
    line-height: 22px;
}
h4.book_ttl{
    margin-top: 15px;
    width: 740px;
    font-size: 19px;
}
.book_sub_ttl {
    font-size: 15px;
}
.book_detail{
    margin-top: 10px;
}
.book_detail .image{
    float: left;
    width: 200px;
	margin-bottom:20px;
}
.book_detail .text{
    float: left;
    width: 520px;
    margin-left: 10px;
}


/*  music  */
.music{
    padding: 18px 0 10px 225px;
}

/*  bddvd  */
.bddvd{
    padding: 18px 0 30px 225px;
}

.bddvd_cont_detail{
    margin: 0;
	width:745px;
	position:relative;
}
.bddvd_cont_detail h5{ margin:0 0 15px 0; padding:0;}

.bddvd_cont_list{
	width:745px;
	height:34px;
	margin:0;
	padding:0 0 20px 2px;
}
.bddvd ul{ margin:0; padding:0; }
.bddvd_menu li{
	float:left;
    padding: 2px 6px;
	margin:0;
}

h4.bddvd_ttl{
    width: 730px;
    margin: 10px 0 0 0;


}
.bddvd_detail{
    margin-top: 10px;
}
.bddvd_detail .image{
    float: left;
    font-size: 10px;
    width: 200px;
    text-align: center;
	margin-bottom:15px;
}
.bddvd_detail .image2{
    float: left;
    font-size: 10px;
    text-align: center;
	margin-bottom:15px;
	margin-left:10px;
}
.bddvd_detail .text{
    float: left;
    margin-left: 10px;
	width:500px;
	margin-bottom:25px;
	position:relative;

}
.bddvd_detail .text2{
    margin-left: 10px;
	width:500px;
	margin-bottom:5px;
	position:relative;

}
.bddvd_ttl .small{
    font-size: 15px;
}
/*h5.dvd{
    margin-top: 40px;
}
.bd_wrapper,
.dvd_wrapper{
    margin: 0;
    width: 730px;
}*/


/*  game  */
.game{
    margin-left: 50px;
}
.gamedetail{
    border-top: 2px solid #ff8500;
    line-height: 20px;
    width: 740px;
}

.game_cont{
    margin: 10px 0 40px;
}
.game_fin{
    margin: 0;
}

.game h4{ width: 740px; height:800px; margin: 0 0 20px 0; padding:0; background:none;}

.game h5{
    background: url(../images/h4_bg.png);
    color: #FFF;
    font-size: 19px;
    font-weight: bold;
    padding: 8px 0;
	margin:0 0 20px 0;
    position: relative;
    line-height: 26px;
    width: 740px;
}
.game h5 p{
    padding: 0 8px 0 40px;
	margin:0 0 1px 0; font-size: 19px;
    background: url(../images/h4_icon.png) no-repeat left top;
    background-position: 8px 2px;
	vertical-align:bottom;
}
.game h6{ color:#ff8500; font-weight:bold; font-size:16px; border-bottom:#ff8500 1px dotted; margin:0 0 5px 0;}

.game p{ margin:0 0 15px 0; font-size:14px;}

/*  movie  */
.movie{
    margin-left: 50px;
	min-height:550px;
}
.movie_wrapper{
    width: 250px;
    float: left;
    margin-right: 5px;
	margin-bottom:10px;
}
.movie_wrapper h4{
    margin-top: 3px;
    width: 250px;
    font-size: 16px;
    line-height: 20px;
    text-align: center;
}
.movie_right{
    margin-right: 0;
}


/*  footer  */
.top_footer{
    height: 40px;
    background: url(../images/footer_bg.png) repeat-x center bottom;
    color: #FFFFFF;
    font-size: 10px;
    height: 40px;
    position: relative;
    text-align: center;
    width: 100%;
    min-width: 100%;
    z-index: 9999;
}
.footer{
    height: 40px;
    background: url(../images/footer_bg.png) repeat-x scroll center bottom transparent;
    color: #FFFFFF;
    font-size: 10px;
    text-align: center;
    width: 100%;
	margin-top:-34px;
	z-index: 9999;
	position:relative;
}

/*
.footer{
    height: 40px;
    background: url(../images/footer_bg.png) repeat-x scroll center bottom transparent;
    color: #FFFFFF;
    font-size: 10px;
    height: 40px;
    bottom: 0;
    position: fixed;
    text-align: center;
    width: 100%;
    z-index: 9999;
}
*/


.top_footer p{
    margin-top: 12px;
    padding-top: 20px;
}
.footer p{
	margin:18px 0 0 0;
	padding:20px 0 0 0;
	display:block;
	line-height:0;

}


/*  page_top  */
div.page_top{
    position: fixed;
    bottom: 45px;
    right: 15px;
    z-index: 2;
}

.scrollFixIt{
    display: none;
}


/*  DB  */
.DBtmp_box                                                        { margin:0; padding:0; max-width:730px;}
.DBtmp_top                                                        {margin:0; padding:0 0 3px 0;}
.DBtmp_left                                                       {width:150px; text-align:center; margin:0; padding:15px 15px 0 0;}
.DBtmp_right                                                      {margin:0; padding:15px 0 0 0;}
.DBtmp_compound                                                   {margin:0; padding:0;}
.DBtmp_catch                                                      {font-size:10px; font-weight:bold; line-height:14px; margin:0; padding:0 0 3px 0;}
.DBtmp_title                                                      {font-size:19px; font-weight:bold; color:#ffffff; line-height: 26px; background:url(../images/music/dbttl_bg.png) left top no-repeat; width: 700px; margin:0 auto; padding: 8px 0 8px 40px;}
.DBtmp_subtitle                                                   {font-weight:bold; margin:0; padding:0;}
.DBtmp_date                                                       {font-weight:bold; color:#eb6132; margin:0; padding:0;}
.DBtmp_detail                                                     {margin:0; padding:0;}
.DBtmp_list                                                       {margin:0; padding:0;}
.DBtmp_listline                                                   {margin:0; padding:0;}
.DBtmp_line                                                       {height:40px; margin:0; padding:0;}


/*
.music_cont .DBtmp_box {width:740px;}
.music_cont .DBtmp_left{ width:150px;}
.music_cont .DBtmp_right{ width:590px;}
*/