﻿@import url(./css/menu.css);
@import url(./css/contents.css);
@import url(./css/works.css);
@import url(./css/meteor.css);

html {
margin:0;
padding:0;
}

body {
margin:0 auto;
padding:0;
font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', verdana, arial, sans-serif;
font-size:12px;
background-color:#fff;
}

form { margin: 0; padding: 0; }
a { color: #36414d; }
a:hover { color: #a3b8cc; text-decoration:underline;}
a img { border: 0; }

h1, h2, h3, h4, h5, h6 { font-weight: normal; }
h1, h2, h3, h4, h5, h6, p, ol, ul, pre, blockquote {
margin:10px 0 10px 0;
}

p,blockquote,li,td{line-height:120%;}
em{font-style:normal;font-weight:bold;}
.em_s{color:#CF3060;}
.small{font-size: 10px;}

.txt_top{vertical-align: top;}
.txt_bottom{vertical-align: bottom;}
.txt_center{text-align: center;}

.title{margin:2em 0 .8em 0;}
.bordernone{border:none;}

p{
margin: 0 auto 1em auto;
padding: 0;
}

.txt-red{color:#CC0000;}
.gray{color:#666;}

.right{float:right;}
.left{float:left;}
.clear{clear:both;}
.hrf{clear:both;visibility:hidden;}

hr{
clear:both;
margin:0.5em auto 0.5em auto;
border:solid 1px transparent;
border-top-color: #000;
color: #000;
}

/*---TOP---*/

#style{
clear:both;
margin:2em auto;
padding:0;
width:850px;
}

#top-index{
clear:both;
display:block;
margin:0;
padding:0;
width:850px;
height:403px;
background:url(./item/topimg01.jpg) no-repeat;
position:relative;
}

#top-index-fot{
clear:both;
display:block;
margin:0;
padding:0;
width:850px;
height:127px;
background:url(./item/topimg02.jpg) no-repeat top;
}

/*---MainCont---*/
#wrapper{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:850px;
}

/*---Header---*/
#header{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	height:85px;
	background:url(./item/head-bg.gif) no-repeat bottom;
}

/*---content---*/
#content{
	clear:both;
	margin:0 auto 0 auto;
	padding:0;
	width:800px;
	text-align:left;
	background:url(./item/content-bg.gif) repeat-y;
}

#anime-cont{margin:0 auto;
	padding:0;
	width:800px;
}

#main-content{
	margin:0 15px 0 25px;
	padding:1em 0;
	width:500px;
}

#sub-content{
	float:right;
	margin:0 8px 0 0;
	padding:0;
	width:200px;
vertical-align:bottom;
}

/*---Fotter---*/
#fotter{
	clear:both;
	width:800px;
	height:85px;
	margin:0 auto 0 auto;
	padding:0;
	text-align:center;
	background:url(./item/fot-bg.gif) no-repeat top;
}
#fotter p{
	margin:0;
	padding:1em 0;
	text-align:center;
	color:#ccccff;
}

/*---background---*/

.blue{
background:url(./item/back2005_b.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}
.redbg{
background:url(./item/back2005_r.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}
.yellow{
background:url(./item/back2005_y.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}
.greenbg{
background:url(./item/back2005_g.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}
.white{
background:url(./item/back2005_w.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}
.kinari{
background:url(./item/back2005_01.jpg) repeat;
margin:0 auto 1em auto;
padding:0.8em;
}

/*---List---*/
ul.list{
width:500px;
margin:0 auto 2em auto; 
padding:0.5em;
list-style:square inside;
border:solid 1px #aaa;
color:#666;
}
ul.list li{
padding:.1em 0;
}

ul.list li.last{
list-style:none;
}

/*---jisseki---*/

#jisseki{
width:500px;
margin:0 auto;
padding:0.5em;
font-size:12px;
text-align:left;
background:url(./item/back2005_b.jpg) repeat;
}

#jisseki table{
width:100%;
}
#jisseki table th{
padding:0.5em 0 0 0;
width:50%;
font-size:85%;
font-weight: normal;
color:#36414d;
border-top:dotted 1px #36414d;
}

#jisseki table td{
width:50%;
padding:0 0 1em 0;
}

/*---MusicNews---*/
.animenews{
width:500px;
margin:2em auto 1em auto; 
padding:0.5em;
font-size:12px;
text-align:left;
border:solid 1px #e2eeeb;
}

#musicnews{
width:500px;
margin:2em auto 1em auto; 
padding:0.5em;
font-size:12px;
text-align:left;
border:solid 1px #e2eeeb;
}

/*---Mail---*/
#formail{
width:500px;
margin:2em auto 1em auto; 
padding:0.5em;
font-size:12px;
text-align:left;
border:solid 1px #e2eeeb;
}

/*---Other---*/

.others{margin:1em 0;}
.others a{text-decoration:none;}

.totop{margin:3em 2em;
text-align:right;
font-size:10px;}


#info_staff table{
width:485px;
margin:1em auto 1em auto; 
padding:0.2em;
font-size:10px;
text-align:left;
}

#info_staff table th{
width:105px;
margin:0; 
padding:0.2em;
font-size:10px;
text-align:left;
vertical-align:top;
}

#info_staff table td{
width:380px;
margin:0; 
padding:0.2em;
font-size:10px;
text-align:left;
}