/* CSS Document for shiroutou*/

body {
	background-image: url(http://www.marumise.com/page/shiroutou/images2/bkgd.jpg);
	margin:0;
	padding:0;
	text-align:center;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	/*font-size: 12px;*/
	line-height: 1.3em;
	color: #FFFFFF;
}
body,td,th {
	font-size: 12px;
	color: #FFFFFF;
	line-height: 1.3em;
}
/*table {
	font-family: "ＭＳ Ｐゴシック", "Osaka";
	font-size: 12px;
	color: #666666;
	line-height: 1.0em;
}*/
#containerheader{
	margin:0 auto;
	width:800px;
	text-align:center;
	/*border: 1px solid #EBC4D7;*/
	/*background-color: #F0F8FA;*/
	background-color: #333333;
	position: relative;
	border: 1px solid #333333;
	height: 15px;
	z-index: 0;
	padding: 0px 0px 0px 0px;
	
}
#container {
	margin:0 auto;
	width:800px;
	text-align:left;
	/*border: 1px solid #EBC4D7;*/
	/*background-color: #F0F8FA;*/
	position: relative;
	border: 1px solid #333333;
	height: 930px;
	z-index: 0;
	padding-top: 0px;
	background-color: #000000;
	color: #FFFFFF;
}
/*#main{position:relative;}*/
#header{
	background-image: url(http://www.marumise.com/page/shiroutou/images2/header.jpg);
	background-repeat: no-repeat;
	background-position: left center;
	width: 800px;
	height: 85px;
}
#header2{
	/*background-image: url(http://www.marumise.com/page/shiroutou/images2/index_02.jpg);
	background-repeat: no-repeat;
	background-position: center;*/
	width: 800px;
	height: 20px;
	line-height: 1.8em;
	background-image: url(http://www.marumise.com/page/shiroutou/images2/header2.jpg);
}

/*marquee{
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
	/*width: 640px;
	position: absolute;
	left: 154px;
	top: 118px;
	line-height: 1.8em;
}*/
#header2 a{
	font-size:12px;
	color:#FFFFFF;
	text-decoration:none;
}
#header2 a:hover{ 
	color: #FFFF00; text-decoration:underline;
	}
/*#categorygirlbox{
	padding:2px;
	width:290px;
	position:absolute;
	left: 321px;
	top: 13px;
}

.pugirl {

	position: absolute;
	left: 7px;
	top: 27px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	font-size: 14px;
}*/

/*ここから左コラム*/
/*#left{
	position:absolute;
	width: 132px;
	top: 121px;
	left: 4px;
	color: #CCCCCC;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	font-size: 12px;
	background-image: url(http://www.marumise.com/page/site/images/index_03.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 273px;
	text-align: left;
}*/

#category{
	margin: 0px 0px 0px 15px;
	padding: 2px;
}
#category ul{
	margin: 0px 0px 0px 15px;
	padding: 2px;
}
#category li{
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	/*font-size: 11px;*/
	font-weight: bold;
	font-size: 12px;
	color: #D50086;
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
	list-style-image: url(http://www.marumise.com/page/shiroutou/images2/arrow.gif);
	margin-top: 0px;
	padding-top: 0px;
	letter-spacing: 0.2em;
	line-height: 1.2em;
	margin-right: 2px;
}
#category a{
	color: #D50086; text-decoration:none;
}

#category a:hover{
	color:  #D50086;
	text-decoration:underline;	
}
/*ここから左縦長バナー*/
#bannerbox{
	position:absolute;
	top: 2px;
	left: 2px;
	width: 122px;
	height: 264px;
	border-top: #FF6633;
	border-bottom: #ECE9D8;
	border-left: #FFFFFF;
}
/*ここからメインコラム*/
#mainBox{
	position:absolute;
	top: 104px;
	left: 2px;
	width: 800px;
	height: 801px;
	/*color: #FFFFFF;*/
}
/*ここからトップコンツ*/
#maintop{
	position: absolute;
	width: 785px;
	height: 204px;
	left: 8px;
	top: 122px;
	background-color: #010A2B;
	font-size: 12px;
}
#maintop a{
	color: #FFFF00;
	text-decoration:none;
	font-weight: bold;
}
#maintop a:hover{
	color: #FFFF00;
	text-decoration:underline;
	font-weight: bold;
}
#samplemovie{
	height: 120px;
	width: 160px;
	position: absolute;
	left: 143px;
	top: 4px;
	border: 1px solid #CCCCCC;
}	
.comment{
	background-image: url(http://www.marumise.com/page/shiroutou/images2/comment_box.gif);
	background-position: left bottom;
	height: 210px;
	width: 270px;
	float: left;
	margin-left: 12px;/*all browsers*/

	#margin-left: 12px;/*Microsoft Internet Explorer browsers*/
	_margin-left:6px;
}
.commentbox{
	width:250px;
	height:55px;
	margin:3px 0px 0px 0px;/*all browsers*/
	#margin:3px 0px 0px 0px;/*Microsoft Internet Explorer browsers*/
	_margin:3px 0px 0px 0px;/*IE browsers 6.0 and older*/
	text-align:left;
	color:#FFFFFF;
	font-size: 14px;
	float: left;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	line-height: 1.3em;
	padding: 2px;
}
/*#info{
	line-height: 1em;
	position:absolute;
	left: 217px;
	top: 60px;
	background:#000000;
	width: 188px;
	height: 233px;
	background-color: #07100B;
	text-align: left;
}
*/
/*.banner{
	width: 119px;
	border: 1px solid #999999;
	margin: 5px 3px 5px 5px;
}
*/
/*ここからジョインコンテンツ*/
#joinbox{
	position: absolute;
	width: 800px;
	height: 73px;
	left: 0px;
	top: 330px;
	background-repeat: no-repeat;
	background-position: left top;
	background-image: url(http://www.marumise.com/page/shiroutou/images2/join_bkgd.jpg);
}
/*i'm not using this this time
#playlinks a {
	width: 50px;
	background: url(http://www.marumise.com/page/shiroutou/images2/playbtn.gif);
	height: 55px;
	position: absolute;
}*/
#joinbtn a {
	display: block;
	width: 226px;
	background: url(http://www.marumise.com/page/shiroutou/images2/joi_btn.jpg);
	height: 55px;
	position: absolute;
	left: 564px;
	top: 10px;
	
 }
#joinbtn a:hover {
	background: url(http://www.marumise.com/page/shiroutou/images2/joi_btn_ro.jpg); 
}
/*ここからムービーリストコンテンツ*/
#movielistbox{
	position: absolute;
	width: 785px;
	height: 255px;
	top: 416px;
	left: 9px;
	background-color: #010A2B;
}
#movielistbox a{
	color: #FFFF00;
	text-decoration:none;
	font-weight: bold;
}
#movielistbox a:hover{
	color: #FFFF00;
	text-decoration:underline;
	font-weight: bold;
}	
#movielistbox a{
	color:#FFFF00; 
	text-decoration:none;
}

#movielistbox a:hover{ 
	color:  #FFFF00; text-decoration:underline;
	}
.moviethumbox{
	width:210px;
	height:95px;
	float:left;
	margin-left:2px;
	padding-top: 5px;
	margin-bottom: 20px;
}
#moviethumallbox{width:640px; height:241px; position:absolute; top:3px; left:143px}	
.thumbs{
	width:102px; 
	height:80px; 
	float:left; 
	border:#999999 solid 1px;
}
.thumttl{
	width:98px; 
	height:90px; 
	float:left; 
	margin:2px 0px 2px 8px; 
	font-size:14px; 
	font-weight:bold;
	line-height:1.1em;
}	
/*ここからサイト紹介コンテンツ*/
#siteinfo{
	position: absolute;
	width: 785px;
	height: 215px;
	top: 690px;
	left: 9px;
	background-color: #010A2B;
	color: #FFFFFF;
	
}
#siteinfo a{
	color:#FF0000;
	text-decoration:none;
	font-weight: bold;
}

#siteinfo a:hover{ 
	color:  #FF0000; text-decoration:underline;
	}
#urastory{
width:644px; height:206px; position:absolute; top:5px; left:139px;
	background-image: url(http://www.marumise.com/page/shiroutou/images2/btm_contents.jpg);
	background-repeat: no-repeat;}
.siteinfocomment{
	position: absolute;
	width: 118px;
	height: 144px;
	top: 44px;
	left: 3px;
	/*border: 1px solid #1F0F0C;*/
	background-color: #18203E;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	font-size: 12px;
	line-height: 1.2em;
	padding: 4px;
	color: #FFFFFF;
}
.recomendprf{
	position: absolute;
	width: 118px;
	height: 156px;
	top: 41px;
	left:3px;
	/*border: 1px solid #1F0F0C;*/
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	font-size: 12px;
	line-height: 1.3em;
	padding: 4px;
	background-color: #18203E;
}
#enterbtn1 a {
	display: block;
	width: 108px;
	background: url(http://www.marumise.com/page/shiroutou/images2/enter1.jpg);
	height: 92px;
	position: absolute;
	left: 5px;
	top: 196px;	
}
#enterbtn1 a:hover {
	background: url(http://www.marumise.com/page/shiroutou/images2/enter1_ro.jpg); 
}
#enterbtn2 a {
	display: block;
	width: 92px;
	background: url(http://www.marumise.com/page/shiroutou/images2/enter2.jpg);
	height: 123px;
	position: absolute;
	left: 332px;
	top: 77px;
	
}
#enterbtn2 a:hover {
	background: url(http://www.marumise.com/page/shiroutou/images2/enter2_ro.jpg); 
}
/*bodyfont*/
body,td,th {
	font-size: 11px;
	color: #333333;
}
/*ここからフッター*/
#footer{
	width: 800px;
	height: 21px;
	background-color: #0c0c0c;
	left: 0px;
	top: 911px;
	position: absolute;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	font-size: 12px;
	color: #FFFFFF;
	text-align: center;
	line-height: 1.8em;
	font-weight: bold;
}
#footer a{
color:#ffffff; text-decoration:none;
}

#footer  a:hover{ 
	color: #FFFF00; text-decoration:underline;
}
/*ここからテキストフォント*/
h1{
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	background-color: #333333;
	width: 800px;
	margin-bottom: 0px;
	text-align: center;
	margin-top: 0px;
	/*border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-left-color: #333333;*/
}
h2{
	font-size: 12px;
	color: #000000;
	font-weight: bold;
	color: #000000;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	background-color: #FF3399;
	margin-bottom: 0px;
}
h3{
	font-size: 10px;
	font-weight: bold;
	color: #000000;
	width: 20px;
	font-family: "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "ＭＳ ゴシック", "ＭＳ 明朝";
	background-color: #FF3399;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 0px;
	padding-bottom: 0px;
	float: left;
}
.line{
	/*color:#4D3e00;*/
	background-image: url(http://www.marumise.com/page/shiroutou/images2/hr.gif);
	background-repeat: no-repeat;
}
.white11 {
	color: #FFFFFF;
}
.pink11 {
color: #D7038B;
}
.profile {
	font-size: 10px;
	margin-right: 5px;
}
a:link {
	color: #FFFF00;
	text-decoration: none;
}
a:visited {
	color: #FFFF00;
	text-decoration: none;
}
a:hover {
	color: #FFFF00;
	text-decoration: underline;
}
a:active {
	color: #FFFF00;
	text-decoration: none;
}
.red {
	color: #FF0000;
	line-height: 1.3em;
}
.red a {
	color: #FF0000; 
	text-decoration:none;
}
.red a:hover{ 
	text-decoration:underline;
}
.black{
	color: #000000
}	
.white11 {
	color: #FFFFFF;
}
.white11 a {
	color: #FFFFfF; 
	text-decoration:none;
}
.white11 a:hover{ 
	color:  #0000FF; 
	text-decoration:underline;
}
/*this is for IE6 cuz class didn't work on IE6 */
#siteinfo .red {
	color: #FF0000;
}
#siteinfo .red a {
	color: #FF0000;
	text-decoration:none;
}

#siteinfo .red a:hover{
	text-decoration:underline;
}