

* {

	margin:0;

	padding:0;

}



body {

	line-height:1.5;

	font-size:12px;

	font-family:"ＭＳ Ｐゴシック","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",'メイリオ', Meiryo, Osaka,sans-serif;

	color:#ffffff;

	background:#000000 url(../img/main_bg.gif) left top;

}



img {

	border:none;

}



li{

list-style:none;

}



#wrapper{

	width:870px;

	margin:0 auto;

}







#container{

	margin:0 auto;

	width:922px;

}



a,

a:link,

a:visited{

	color:#f4f128;

	text-decoration:none;

}



a:hover,

a:active{

	color:#f4f128;

	text-decoration:underline;

}





/*--------------------------------

           TOP PAGE

 ------------------------------ */



#flash{

	background:#000000;

}



#top-header{

	width:900px;

	margin:0 auto;

}



div.top-contents{

	background:url(../img/bar.gif) no-repeat left bottom;

	margin:0 0 15px 0;

}



h2.topics{

	padding:30px 0 25px 0;

}



div.banner{

	background:url(../img/bar.gif) no-repeat left bottom;

	padding:0 0 15px 0;

}



div.banner ul li{

	float:left;

	margin:0 15px 0 0;

}



div.banner ul li.right{

	margin:0 0 0 0;

}



div.topics{

	width:432px;

	height:404px;

	float:left;

	background:url(../img/center_bar.gif) no-repeat right top;

}



div.player{

	width:404px;

	float:left;

	margin:0 0 0 0;

	padding:30px 0 0 15px;

}



div.news-wrap{

	width:385px;

	height:290px;

	padding:5px 10px 0 15px;

	overflow:auto;

	scrollbar-base-color:#4a4a4a;

	scrollbar-face-color:#4a4a4a;

	scrollbar-arrow-color:#080808;

	scrollbar-3dlight-color:#000000;

	scrollbar-darkshadow-color:#000000; 

}



div.news-wrap div.unit{

	border-bottom:1px dotted #272727;

	padding:0 0 10px 0;

	margin:10px 0 0 0;

}



div.news-wrap div.unit p.entryTitle{

	color:#2192f0;

	font-weight:bold;

	padding:0 0 5px 0;

}



div.news-wrap a,

div.news-wrap a:link,

div.news-wrap a:visited{

	color:#2192f0;

	text-decoration:none;

}



div.news-wrap a:active,

div.news-wrap a:hover{

	color:#2192f0;

	text-decoration:underline;

}





/*--------------------------------

           HEADER

 ------------------------------ */



#header{

	width:100%;

	background:#000000;

}



#header-in{

	width:870px;

	margin:0 auto;

	position:relative;

	padding:25px 0 0 0;

	position:relative;

}



#header-in p{

	position:absolute;

	right:0;

	top:145px;

}



#header-in h2{

	margin:0 0 20px 0;

}



#navigation ul{

	line-height:0;

}



#navigation ul li{

	float:left;

	line-height:1em;

	margin:0 3px 0 0;

}



#navigation ul li.diary{

	margin:0 0 0 0;

}



div.btnTop{

	position:absolute;

	top:0;

	right:0;

}



/*--------------------------------

           CONTENTS

 ------------------------------ */



div.unitA,div.unitB{

	background:url(../img/bar.gif) no-repeat left bottom;

	padding:0 0 16px 0;

	margin:30px 0 0 0; 

}



div.unitC{

	padding:0 0 16px 0;

	margin:30px 0 0 0; 

}



div.unitA div.left,

div.unitB div.left{

	width:442px;

	float:left;

}



div.unitA div.right,

div.unitB div.right{

	width:420px;

	float:left;

}



h3.discTitle{

	padding:0 0 10px 0;

}



h3.optionTitle{

	padding:0 0 13px 0;

}



dl.episode{

	margin:0 0 0 10px;

}



dl.episode dt{

	background:#1996f3;

	color:#000000;

	width:47px;

	height:17px;

	font-weight:bold;

	padding:1px 0 0 8px;

	float:left;

}



dl.episode dd{

	width:320px;

	margin:0 0 0 10px;

	float:left;

}



p.price{

	font-size:14px;

	padding:0 0 0 10px;

}



.blue{

	color:#1996f3;

	padding:0 5px 0 0;

}



.white{

	color:#ffffff;

	padding:0 5px;

}



img.left{

	padding-right:10px;

}



div.unitA p.caption{

	color:#1996f3;

	background:url(../img/icon_arrow.gif) no-repeat left 5px;

	padding:0 0 0 10px;

	font-weight:bold;

	margin:0 0 0 10px;

}



div.unitC p.caption2{

	color:#1996f3;

	font-weight:bold;

	margin:0 0 10px 10px;

	font-size:14px;

}



div.unitA p.sub-text{

	margin:0 0 5px 18px;

}



div.pageTop{

	text-align:right;

	padding:15px 0;

	background:url(../img/bar.gif) no-repeat left bottom;

}



#footer{

	font-size:11px;

	line-height:1.2;

	color:#676767;

	padding:15px 0 30px 0;

	position:relative;

}



#footer p.logo{

	position:absolute;

	top:15px;

	right:0;

}



#footer a{

	line-height:1.5;

}



#footer a,

#footer a:link,

#footer a:visited{

	color:#f6f020;

	text-decoration:none;

}



#footer a:active,

#footer a:hover{

	color:#f6f020;

	text-decoration:underline;

}



/*--------------------------------

           OVA

 ------------------------------ */

div.unitD{

	background:url(../img/bar.gif) no-repeat left bottom;

	padding:0 0 5px 0;

	position:relative;

	height:400px;

}



div.unitD p.text{

	font-size:14px;

	padding:0 0 0 10px;

}



div.unitD p.big-image{

	position:absolute;

	top:0;

	right:0;

	z-index:1;

}



h3.about{

	position:relative;

	padding:30px 0 20px 0;

	z-index:2;

}



img.left2{

	padding-right:5px;

}



img.top2{

	padding-top:5px;

}



img.leftTop2{

	padding-top:5px;

	padding-right:5px;

}



p.story-text{

	padding:0 0 0 10px;

}



div.staff,

div.cast{

	width:370px;

	float:left;

}



div.staff{

	margin:0 0 0 10px;

}





div.staff ul,

div.cast ul{

	margin:0 0 0 5px;

}



div.staff p.caption,

div.cast p.caption{

	background:#1996f3;

	color:#000000;

	width:47px;

	height:17px;

	font-weight:bold;

	padding:1px 0 0 8px;

	margin:0 0 10px 0;

}



/*--------------------------------

           DIARY

 ------------------------------ */



h2.pageTitle{

	margin:30px 0;

}



div.entryList{

	width:207px;

	float:left;

}



div.entryList ul{

	padding:0 15px 0 10px;

}



div.entryList ul li{

	background:url(../diary/img/list_title.gif) no-repeat left 2px;

	padding:0 0 0 8px;

	margin:0 0 10px 0;

	line-heigtht:1;

}



div.entryList ul li a,

div.entryList ul li a:link,

div.entryList ul li a:visited{

	text-decoration:underline;

}



div.entryList ul li a:hover,

div.entryList ul li a:active{

	text-decoration:none;

}



div.entryContents-wrap{

	width:655px;

	padding:0 0 20px 0;

	float:left;

	background:url(../diary/img/center_bar.gif) repeat-y left top;

}



div.entryContents{

	width:637px;

	margin:0 0 0 25px;

	padding:0 0 6px 0;

	background:url(../diary/img/box_bottom.gif) no-repeat left bottom;

}



div.entryContents-in{

	padding:6px 0 0 0;

	background:url(../diary/img/box_top.gif) no-repeat left top;

}



div.entryContents-bg{

	background:#2e2e2e;

	padding:10px;

}



div.entryContents-bg p.title{

	background:url(../diary/img/bg_title.gif) no-repeat left top;

	padding:0 0 0 8px;

	color:#1994f2;

	font-weight:bold;

	font-size:14px;

}



div.entryContents-bg p.title .date{

	color:#ffffff;

	font-size:11px;

	padding:0 0 0 20px;

	font-weight:normal;

}







div.entryContents-bg p{

	margin:0 0 20px 0;

}



/*--------------------------------

           CSS HACK

 ------------------------------ */

.clearfix:after{

	content:".";

	display: block;

	height:0px;

	clear:both;

	line-height:0;

	visibility:hidden;

}



.clearfix{

	zoom:1;/*for IE 5.5-7*/

}



/*--------------------------------

           CSS NEWS

 ------------------------------ */


 *.float
      {
         float: left;
         margin-right: 1em;
      }
      *.floatclear
      {
         clear: both;
      }
