@charset "utf-8";
/* CSS Document */

html {
	height:100%;
}

body {
	background-color:#000;
	color:#FFFFFF;
	font-family:"ＭＳ Ｐゴシック",Osaka,"ヒラギノ角ゴ Pro W3";
	font-size:12px;
	line-height:1.9;
	color:#FFF;
	margin:0;
	padding:0;
	text-align:center;
}

br {
	height:1px;
}

br.clear {
	clear:both;
}

img {
	border:medium none;
}

object, embed {
	margin:0px;
}

a {text-decoration:underline;}
a:link {color:#C8AFDE;}
a:visited {color:#C8AFDE;}
a:active {color:#C8AFDE;}
a:hover {text-decoration:none;color:#D9C8E8;}

strong {
	color:#F74704;
	font-weight:800;
}

blockquote{
	margin:10px 20px;
	padding:5px;
	background:#333333;
	border:solid 1px #999999;
	font-size:12px;
	font-weight:normal;
	color:#CCCCCC;
}


/* 段組 */

#page{
	width:900px;
	height:100%;
	margin:0 auto;
	padding:0;
	background:#111 url(../img/page_bg.jpg) repeat-x;
}

#head{
	width:900px;
	height:120px;
	margin:0;
	padding:0;
}

#main-contents{
	width:898px;
	height:100%;
	margin:0 1px;
	padding:1px 0;
	background:#333 url(../img/main_contents_bg.jpg) repeat-x;
}

#right-contents{
	width:590px;
	margin:20px 0 10px 20px;
	_margin:20px 0 10px 10px;
	padding:0;
	background:#2E2E2E url(../img/contents_bg.jpg) repeat-x;
	float:left;
}

#left-contents{
	width:250px;
	margin:20px 20px 10px 0;
	_margin:20px 10px 10px 0;
	padding:0;
	background:#2E2E2E url(../img/contents_bg.jpg) repeat-x;
	float:right;
}

#large-contents{
	width:860px;
	margin:19px 20px;
	padding:1px 0;
	background:#2E2E2E url(../img/contents_bg.jpg) repeat-x;
	text-align:left;
}


/* right-contents 
<div class="contents">
	<div class="date">2008年2月3日</div>
	<h3>見出し</h3>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<p>文章が入ります。文章が入ります。文章が入ります。文章が入ります。</p>
	<div class="foot"><a href="#top">↑top</a></div>
</div>

*/

#right-contents h2{
	margin:10px 0 0 0;
	padding:0;
	height:70px;
	text-align:left;
}

#right-contents .contents{
	margin:5px 20px 25px 20px;
	padding:0;
	border-left:dotted 1px #D0D000;
	text-align:left;
}

#right-contents .contents .date{
	margin:0 0 0 10px;
	padding:0;
	font-size:10px;
	font-weight:800;
	color:#D0D000;
}


#right-contents .contents .comment-title{
	margin:0 0 0 10px;
	padding:0;
	font-size:10px;
	font-weight:800;
	color:#D0D000;
	text-align:right;
}


#right-contents .contents h3{
	margin:0 0 5px 10px;
	padding:0;
	font-size:16px;
	font-weight:800;
}


#right-contents .contents h3.comment-name{
	margin:0 0 5px 10px;
	padding:0;
	font-size:16px;
	font-weight:800;
	text-align:right;
}

#right-contents .contents p img {
margin:0 0 0 10px;
	border: solid 10px #333333;
}

#right-contents .contents p{
	margin:5px 0 5px 10px;
	padding:0;
}

#right-contents .contents ul{
	margin:20px 0 0 20px;
	padding:0;
	list-style:disc;
	list-style-position:inside;
}

#right-contents .contents li{
	margin:0 0 10px 0;
	padding:0;
}

#right-contents .foot{
	margin:0 0 0 10px;
	padding:0;
	text-align:right;
}



/* left-contents 
<ul>
	<li>
		<div class="date">2008年2月3日</div>
		<h3><a href="#">見出しが入ります。</a></h3>
	</li>
</ul>
*/

#left-contents h2{
	margin:0;
	padding:0;
	text-align:left;
	height:35px;
	border-bottom:dotted 1px #505050;
}


#left-contents ul{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
}

#left-contents li{
	display:block;
	margin:10px;
	padding:0;
	border-left:dotted 1px #FFF;
	text-align:left;
}

#left-contents li .date{
	margin:0 0 0 10px;
	padding:0;
	font-size:10px;
	font-weight:800;
	color:#FFF;
}

#left-contents li h3{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
	font-size:12px;
	font-weight:normal;
}

#left-contents li h3 a {text-decoration:underline;}
#left-contents li h3 a:link {color:#FFF;}
#left-contents li h3 a:visited {color:#FFF;}
#left-contents li h3 a:active {color:#FFF;}
#left-contents li h3 a:hover {text-decoration:none;color:#D9C8E8;}


/* #large-contents submenu */

#large-contents .sub-menu{
	margin:0 0 0 0;
	padding:25px 10px 0 0;
}

#large-contents .sub-menu ul{
	margin:0 0 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:right;
}

#large-contents .sub-menu li{
	margin:0 3px 0 0;
	padding:0 0 0 0 ;
	list-style:none;
	float:left;
}


/* #large-contents introduction */

#introduction{
	margin:0;
	padding:0;
	background:url(../img/introduction_bg.jpg) no-repeat;
	background-position: 490px 50px;
}

#large-contents #introduction h2{
	margin:0;
	padding:10px 0 0 0;
	height:70px;
	text-align:left;
	float:left;
}

#large-contents #introduction h3{
	width:440px;
	margin:20px 20px 45px 30px;
	padding:0;
	text-align:left;
}

#large-contents #introduction h4{
	width:440px;
	margin:10px 30px 30px 30px;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:800;
}

#large-contents #introduction p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:14px;
	text-align:left;
}

#large-contents #productionnote p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:12px;
	text-align:left;
}


/* #large-contents director */

#director{
	margin:0;
	padding:0;
	background:url(../img/director_img.jpg) no-repeat;
	background-position: 530px 50px;
}

#large-contents #director h2{
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
}

#large-contents #director h3{
	margin:10px 30px 0px 30px;
	padding:0;
	text-align:left;
	font-size:18px;
	font-weight:800;
}

#large-contents #director h4{
	margin:10px 30px 30px 30px;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:800;
}

#large-contents #director p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:12px;
	text-align:left;
}


/* #large-contents #productionnote */

#productionnote{
	margin:0;
	padding:0;
	background:url(../img/productionnote_bg.jpg) no-repeat;
	background-position: 490px 50px;
}


#large-contents #productionnote h2{
	margin:0;
	padding:10px 0 0 0;
	text-align:left;
	float:left;
}

#large-contents #productionnote h3{
	width:440px;
	margin:20px 20px 30px 30px;
	padding:0;
	text-align:left;
}

#large-contents #productionnote h4{
	margin:10px 30px 30px 30px;
	padding:0;
	text-align:left;
	font-size:16px;
	font-weight:800;
}

#large-contents #productionnote p{
	width:440px;
	margin:10px 30px;
	padding:0;
	font-size:12px;
	text-align:left;
}


/* bbs */

#bbs{
margin:0;
padding:0;
}

#bbs h1{
width:450px;
margin:10px 20px;
padding:5px;
background:#333;
font-size:18px;
font-weight:800;
color:#FFFFFF;
}

#bbs .box{
width:450px;
margin:0 20px 10px 20px;
padding:5px;
font-size:12px;
text-align:left;
background: #333333;
}

#bbs .subject{
margin:0 10px 5px 10px;
padding:3px;
font-size:14px;
text-align:left;
color:#FFFFFF;
border-bottom:dotted #FFFFFF 1px;
}

#bbs .date{
margin:0 10px;
padding:0;
font-size:10px;
text-align:left;
color:#FFFFFF;
}

#bbs .body{
margin:0 10px;
padding:0;
font-size:12px;
text-align:left;
color:#FFFFFF;
}

#bbs .bbs-foot{
width:450px;
margin:0 20px;
padding:0;
font-size:10px;
text-align:center;
}

#bbs .bbs-forme{
width:450px;
margin:0 20px;
padding:0;
font-size:12px;
text-align:left;
}

#bbs .bbs-forme input{
margin:5px;
padding:5px;
font-size:12px;
text-align:left;
border: none;
background: #D9E2CF;
}

#bbs .bbs-forme textarea{
margin:5px;
padding:5px;
font-size:12px;
text-align:left;
border:none;
background: #D9E2CF;
}