@charset "shift-jis";

html , body {height:100%;}
body > #r_main {height:auto;}
body > #r_main2 {height:auto;}
body > #r_main3 {height:auto;}

body{
	width:100%;
	height:100%;
	background-image:url(../img/back3.jpg);
	background-color:#633;
	padding: 0;
	margin:0;
	text-align:center;
	color:#000;
}

#head{
	width:900px;
	height:65px;
	background-image:url(../img/009.jpg);
}

.menu{
	width:900px;
	margin:0 auto;
	background-color:#900;
	text-align:left;
	line-height:1.3;
}

#top_menu{
	width:900px;
	margin-top:730px;
	background-color:#FC0;
	text-align:left;
	line-height:1.3;
}

.bevelmenu{
	font-size:20px;
color:#FFF;
padding: 6px 0;
margin:0;
width: 100%;
background-color:#FC0;
text-align: center; /*set value to "right" for example to align menu to the right of page*/
}

.bevelmenu li{
list-style: none;
display: inline;
}

.bevelmenu li a{
padding: 3px 0.5em;
text-decoration: none;
color:#000;
background-color: #FC0;
border: 2px solid #FC0;
}

.bevelmenu li a:hover{
color:#c00;
}

html>body .bevelmenu li a:active{ /* Apply mousedown effect only to NON IE browsers */
border-style: inset;
}

.text10 { font-size:77%; }
.text11 { font-size:85%; }
.text12 { font-size:93%; }
.text13 { font-size:100%; }
.text14 { font-size:108%; }
.text15 { font-size:116%; }
.text16 { font-size:123.1%; }
.text17 { font-size:131%; }
.text18 { font-size:138.5%; }
.text19 { font-size:146.5%; }
.text20 { font-size:153.9%; }
.text21 { font-size:161.6%; }
.text22 { font-size:167%; }
.text23 { font-size:174%; }
.text24 { font-size:182%; }
.text25 { font-size:189%; }
.text26 { font-size:197%; }


a:link{
	color:#666;
}

a:hover{
	color:#fc0;
}

a:visited{
	color:#666;
}


#r_main{
	width:900px;
	margin:0 auto;
	min-height:100%;
	background-image:url(../img/back.jpg);
	border-right:#FFF solid 1px;
	border-left:#FFF solid 1px;
}

.top_back{
	width:900px;
	height:850px;
	background-image:url(../img/011.jpg);
	background-repeat:no-repeat;
}

#r_main2{
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	background-color:#FFF;
	border-right:#666 solid 1px;
	border-left:#666 solid 1px;
}

#r_main3{
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#000;
	border-right:#FFF solid 1px;
	border-left:#FFF solid 1px;
}

#box_txt{
	width:740px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	font-size:110%;
	line-height:140%;
	padding:10px;
	color:#000;
}

.box_in{
	width:600px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	font-size:110%;
	line-height:140%;
	padding:10px;
	color:#000;
}

#story_com{
	width:780px;
	margin-left:40px;
	text-align:left;
	margin-top:10px;
	margin-bottom:20px;
	font-size:120%;
	line-height:120%;
	padding:10px;
}

#credit{
	width:800px;
	text-align:left;
	padding-left:40px;
	margin-top:30px;
	margin-bottom:20px;
}

#top_footer{
	width:900px;
	text-align:center;
	font-size:116%;
	padding-bottom:100px;
	margin-top:50px;
}


#footer{
	width:900px;
	text-align:center;
	color:#000;
	font-size:116%;
	padding-bottom:100px;
}

#clear{
	clear:both;
}

.p_cast{
	width:153px;
	float:left;
	margin-right:10px;
}

.text_cast{
	overflow:hidden;
}

#tira_box{
	width:700px;
	text-align:center;
	margin:10px auto;
}

.midashi{
	font-size:160%;
	line-height:120%;
	color:#FFF;
}

.menu img{
	margin-bottom:20px;
}

.clear{
	clear:both;
}