@charset "utf-8";
@import"menu.css";

/*-----------------------------
	基本
------------------------------*/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td {margin:0;padding:0;}
html, body {
	height: 100%; /*footer固定*/
}
body{
	font-family:"ＭＳ Ｐゴシック","MS P Gothic",Osaka,"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Verdana,Arial,sans-serif;
	font-size:small;
	color:#000;
	line-height:1.4;
}

h1,h2,h3,h4,h5,h6,th{font-size:100%;font-weight:normal;}
img{vertical-align:top;border:none;}
li{list-style-type:none;}
table{border-collapse:collapse;}
a{text-decoration:none; color:#FFF;}
a:hover{text-decoration: underline;}
address{font-style:normal;}

body{
	background:#6F6C64;
}

/*-----------------------------
	大枠
------------------------------*/

#wrapper{
	width:100%;
	background:url(../images/bg.gif) center top repeat-y;
	position: relative; /*footer固定*/
	height: 100%; /*footer固定*/
	min-height: 100%; /*footer固定*/
	min-width:900px;
}
body > #wrapper {
  height: auto; /*footer固定*/
}
#contents {
	padding-bottom: 40px; /*footer固定*/
}
#wrapper #container{
	width:900px;
	margin:0 auto;
	color:#fff;
}
* html #wrapper #container{
	width:901px;
	margin:0 auto;
	color:#fff;
}


/*-----------------------------
	左ナビゲーション
------------------------------*/

#wrapper #navi{
	width:250px;
	float:left;
}
* html #wrapper #navi{
	width:249px;
	float:left;
	padding-left:1px;
}
#wrapper #navi h1{
	padding:32px 0 40px 25px;
}
#wrapper #navi ul.navi_menu li{
	padding-bottom:20px;
	clear:both;
}

#wrapper #navi #banner{
	padding:0 0 20px 22px;
}
	
#banner p.new-episode_banner{
	padding:12px 0 0 0;
	}	

	
/*-----------------------------
	コンテンツ
------------------------------*/

#wrapper #contents{
	width:590px;
	float:right;
	padding:32px 30px;
	position:relative;
}


/*-----------------------------
	フッター
------------------------------*/

#wrapper #footer-wrapper{
	width:100%;
	position: absolute; /*footer固定*/
	bottom: 0; /*footer固定*/
	height: 40px; /*footer固定*/
	overflow: hidden;
}
#wrapper #footer-wrapper #home_pagetop{
	width:852px;
	margin: 0px auto 10px;
	height: 10px;
	overflow: hidden;
}
#wrapper #footer-wrapper #home_pagetop ul{
	height:10px;
}
#wrapper #footer-wrapper #home_pagetop li{
	padding-left:20px;
	float:right;
}


#wrapper #footer{
	width:100%;
	background:#4D4C49;
	clear: both;
}
#wrapper #footer_inner{
	width:852px;
	padding:5px 24px 0;
	margin: 0 auto;
	height:20px;

}
#wrapper #footer ul{
	width:540px;
	float:left;
}
#wrapper #footer li{
	float:left;
	background:url(../images/icon2.gif) left 1px no-repeat;
	padding:0 15px 0 12px;
	font-size:85%;
}
#wrapper #footer p.copy{
	float:right;
	padding:2px 0 0;
}














/******************clearfix*********************/
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-table;}
*html .clearfix{height:1%;}
*+html .clearfix{height:1%;}
.clearfix{display:block;}
/*********************************************/