@charset "utf-8";

/* ----------------------------------basic style----------------------------------- */
body{
	font-family:"Hiragino Maru Gothic Pro", "ヒラギノ丸ゴ Pro W4", sans-serif;
	font-size:10px;
	line-height:1.7;
}
* html body{
	font-size:62.5%;
	font-family:Verdana,"MS P ゴシック",sans-serif;
	text-autospace: ideograph-alpha;
	text-autospace: ideograph-numeric;
}
*:first-child+html body{
	font-family: 'メイリオ', Meiryo, sans-serif;
}
html { overflow-y: scroll;	margin-bottom:1px; }
html,body,h1,h2,h3,h4,h5,h6,div,p,ol,ul,li,dl,dt,dd,pre,blockquote,address,table,tr,th,td,form,fieldset{
	margin: 0;
	padding: 0;
	font-style: normal;
	list-style-type: none;
	line-height: 1;
}
table{ border-collapse: collapse;}
img{border: none;}

h1{font-size: 2em;}
h2{font-size: 1.7em;}
h3{font-size: 1.5em;}
h4,h5,h6,p,li,dt,dd,th,td{font-size: 1.3em;}
pre{
	border: solid 1px #ccc;
	padding: 5px;
	margin: 0 0 10px 0;
	background: #f6f6f6;
	font-family: monospace;
}


/*--------------------------
clearfix
---------------------------*/
.clearfix:after{content:".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix{ display:inline-table; }
/* Mac OS版IEには適用しない \*/
* html .clearfix { height: 1%; }
*+html .clearfix { height: 1%; }
.clearfix{ display: block; }
/**/



/*--------------------------
Sticky Footer by Ryan Fait
http://ryanfait.com/
--------------------------*/
*{margin: 0;}
html,body {height: 100%;}
#container{min-height: 100%;height: auto !important;height: 100%;margin-bottom:-50px;}
#foot, .push {height:50px;}
#foot{
	width:940px;
	margin:-50px auto 0;
}


/* ----------------------------------main style----------------------------------- */

body{
	background: url(../images/common/bg.jpg) no-repeat center top; 
}
#logo{
	position: absolute;
	top:2px;
	left:-36px;
	z-index: 50;
}
#top_container #logo{
	top:-15px;
}

.sidebar .head,
.sidebar .middle,
.sidebar .bottom,
.sidebar .fade{
	width:228px;
}
.sidebar .head{
	padding-top:10px;
	background: url(../images/common/fr228_h.png) no-repeat center top;
}
.sidebar .botton{
	padding-bottom:10px;
	background: url(../images/common/fr228_b.png) no-repeat center bottom;
}
.sidebar .middle{
	background: url(../images/common/fr228_m.png) repeat-y center center;
}
.sidebar .fade{
	background: url(../images/common/fr228_fade.gif) no-repeat center bottom;
}


.column_main .middle,
.column_main .fade{
	width:738px;
}
.column_main .middle{
	background: url(../images/common/fr738_m.png) repeat-y center center;
}
.column_main .fade{
	background: url(../images/common/fr738_fade.gif) no-repeat center bottom;
}




.keyvidual .head,
.keyvidual .middle,
.keyvidual .bottom{
	width:508px;
}
.keyvidual .head{
	padding-top:10px;
	background: url(../images/common/fr508_h.png) no-repeat center top;
}
.keyvidual .botton{
	padding-bottom:10px;
	background: url(../images/common/fr508_b.png) no-repeat center bottom;
}
.keyvidual .middle{
	background: url(../images/common/fr508_m.png) repeat-y center center;
}


.content_half .head,
.content_half .middle,
.content_half .bottom{
	width:485px;
}
.content_half .head{
	padding-top:10px;
	background: url(../images/common/fr485_h.png) no-repeat center top;
}
.content_half .botton{
	padding-bottom:10px;
	background: url(../images/common/fr485_b.png) no-repeat center bottom;
}
.content_half .middle{
	background: url(../images/common/fr485_m.png) repeat-y center center;
}


#container{
	position:relative;
	width:970px;
	left:50%;
	margin-left:-485px;
}

#column_side{
	margin:126px 0 250px 0;
	width:228px;
	float: left;
}
#column_main{
	margin: 0 0 38px 0;
	float: right;
	width:738px;
}

#banner_anime{
	padding:4px 14px 4px 14px;
}

#nav{
	position: relative;
}
#nav h2{
	position: absolute;
	top:14px;
	right:6px;
}
#nav ul{
	width:200px;
	height: 350px;
	padding:5px 14px 5px 14px;
}
#nav a,
#nav span{
	display: block;
	background: url(../images/common/nav.jpg) no-repeat;
	background-position: 0px 0px;
	text-indent : -9999px;
	overflow: hidden;
	vertical-align: bottom;
}
#nav .navhead{
	height:46px;
	background-position: 0px 0px;
}
#nav .news{
	height:27px;
	background-position: 0px -46px;
}
#nav .current .news,
#nav .news:hover{
	background-position: -210px -46px;
}
#nav .introduction{
	height:26px;
	background-position: 0px -73px;
}
#nav .current .introduction,
#nav .introduction:hover{
	background-position: -210px -73px;
}
#nav .keyword{
	height:26px;
	background-position: 0px -99px;
}
#nav .current .keyword,
#nav .keyword:hover{
	background-position: -210px -99px;
}
#nav .staff_cast{
	height:26px;
	background-position: 0px -125px;
}
#nav .current .staff_cast,
#nav .staff_cast:hover{
	background-position: -210px -125px;
}
#nav .charactor{
	height:26px;
	background-position: 0px -151px;
}
#nav .current .charactor,
#nav .charactor:hover{
	height:26px;
	background-position: -210px -151px;
}
#nav .story{
	height:26px;
	background-position: 0px -203px;
}
#nav .current .story,
#nav .story:hover{
	background-position: -210px -203px;
}
#nav .twitter{
	height:26px;
	background-position: 0px -177px;
}
#nav .current .twitter,
#nav .twitter:hover{
	background-position: -210px -177px;
}
#nav .onair{
	height:26px;
	background-position: 0px -229px;
}
#nav .current .onair,
#nav .onair:hover{
	background-position: -210px -229px;
}
#nav .goods{
	height:26px;
	background-position: 0px -255px;
}
#nav .current .goods,
#nav .goods:hover{
	background-position: -210px -255px;
}
#nav .special{
	height:26px;
	background-position: 0px -281px;
}

#nav .current .special,
#nav .special:hover{
	background-position: -210px -281px;
}

#nav .radio{
	height:26px;
	background-position: 0px -307px;
}

#nav .radio:hover{
	background-position: -210px -307px;
}

#nav .navfoot{
	height:17px;
	background-position: 0px -333px;
}

#column_side #nav{
	margin-bottom: 6px;
}
#banners{
	width:200px;
	margin: auto;
}
#banners li{
	margin-bottom:5px;
}

#footer{
	clear:both;
	width:960px;
	margin:auto;
	border-top:solid 1px #ddd;
	padding: 9px 0 45px 0;
}
#footer:after{
	display: block;
	content: '';
	clear: both;
	zoom : 1;
}

#footer .main{
	float: left;
	width:843px;
	overflow: hidden;
}
#footer .banners{
	margin:  0 0 10px 0;
}

#footer .banners:after{
	display: block;
	content: '';
	clear: both;
	zoom: 1;
}

#footer .banners li{
	float: left;
	margin-right: 8px;
}
#footer .banners .nazomate,
#footer .banners .animate,
#footer .banners .abc{
	margin-top: -15px;
}
#footnav{
	width:823px;
	margin : 0 0 10px 0;
}

#top_container #footnav{
	border-top:solid 1px #ddd;
}

#footnav:after{
	content: '';
	display: block;
	clear: both;
	zoom : 1;
}

#footnav li{
	float: left;
}
#footnav a,
#footnav span{
	display: block;
	height: 30px;
	background: url(../images/common/foot_nav.gif) no-repeat;
	text-indent : -9999px;
}
#footnav .home{
	width:49px;
	background-position:0px 0px;
}
#footnav .home:hover{
	background-position: 0px -30px;
}
#footnav .news{
	width:57px;
	background-position: -49px 0px;
}
#footnav .news:hover{
	background-position: -49px -30px;
}
#footnav .staff_cast{
	width:100px;
	background-position: -220px 0px;
}
#footnav .staff_cast:hover{
	background-position: -220px -30px;
}
#footnav .charactor{
	width:97px;
	background-position: -320px 0px;
}
#footnav .charactor:hover{
	background-position: -320px -30px;
}
#footnav .keyword{
	width:82px;
	background-position: -417px 0px;
}
#footnav .keyword:hover{
	background-position: -417px -30px;
}
#footnav .twitter{
	width:74px;
	background-position: -499px 0px;
}
#footnav .twitter:hover{
	background-position: -499px -30px;
}
#footnav .story{
	width:61px;
	background-position: -573px 0px;
}
#footnav .story:hover{
	background-position: -573px -30px;
}
#footnav .onair{
	width:64px;
	background-position: -634px 0px;
}
#footnav .onair:hover{
	background-position: -634px -30px;
}
#footnav .goods{
	width:64px;
	background-position: -698px 0px;
}
#footnav .goods:hover{
	background-position: -698px -30px;
}
#footnav .special{
	width:70px;
	background-position: -762px 0px;
}
#footnav .special:hover{
	background-position: -762px -30px;
}
#footnav .radio{
	width:55px;
	background-position: -832px 0px;
}
#footnav .radio:hover{
	background-position: -832px -30px;
}

#footer #link_top{
	position:relative;
	cursor : pointer;
	background : url(../images/common/link_top.gif) no-repeat center center;
	float : right;
	width : 115px;
	height: 120px;
	border:1px #ddd;
	border-style: none solid none solid;
}