@charset "shift-jis";

html , body {height:100%;}
body > #main {height:auto;}
body > #main2 {height:auto;}
body > #main3 {height:auto;}

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

.bevelmenu{
	font-size:20px;
color:#FFF;
padding: 6px 0;
margin: 0;
width: 100%;
background-color:#F03;
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:#fff;
background-color: #F03;
border: 2px solid #F03;
}

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

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:#000;
}

a:hover{
	color:#F30;
}


#main{
	width:900px;
	height:100%;
	background-color:#FFF;
	min-height:100%;
	margin:0 auto;
	text-align:center;
}

#main img{
	margin-bottom:10px;
}

#menu{
	width:900px;
	margin:0 auto;
	text-align:left;
}

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

#main3{
	width:900px;
	height:100%;
	min-height:100%;
	margin:0 auto;
	background-image:url(../img/top/back02.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	background-color:#000;
	border-right:#FFF solid 1px;
	border-left:#FFF solid 1px;
}


#footer{
	clear:both;
	width:900px;
	text-align:center;
	padding-top:50px;
	padding-bottom:30px;
}

#clear{
	clear:both;
}

.cast{
	width:250Px;
	text-align:left;
	padding-left:50px;
	padding-top:10px;
	float:left;
	font-size:131%;
}

.midashi{
	width:820px;
	margin:0 auto;
	text-align:left;
	margin-top:10px;
	margin-bottom:10px;
	font-size:167%;
}


.cast_pro{
	width:700px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:10px;
	border-bottom:#333 solid 1px;
	clear:both;
	font-size:123.1%;
	line-height:1.3;
}

.cast_photo{
	width:152px;
	height:100%;
	text-align:left;
	margin-right:10px;
	float:left;
}

.story{
	width:700px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
	margin-bottom:10px;
	font-size:123.1%;
}

.fly{
	width:700px;
	margin:0 auto;
	text-align:center;
	padding-top:5px
	margin-bottom:10px;
}

.top_com{
	width:590px;
	text-align:left;
	padding-left:10px;
	padding-top:10px;
	float:left;
	font-size:100%;
}

.sp00{
	width:800px;
	margin:0 auto;
	text-align:left;
	margin-bottom:15px;
}

.sp_midashi{
	width:800px;
	margin:0 auto;
	padding-left:40px;
	text-align:,left;
	margin-bottom:15px;
	font-size:153.9%;
	font-weight:bold;
	color:#333;
}

.sp01{
	width:800px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:15px;
	font-size:123.1%;
	line-height:1.5;
	clear:both;
}

.sp02{
	width:570px;
	margin:0 auto;
	text-align:left;
	line-height:1.6;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	border-color:#999;
	border-style:dashed;
}

.sp03{
	width:570px;
	margin:0 auto;
	text-align:left;
	line-height:1.6;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	margin-bottom:15px;
	border-color:#F93;
	border-style:dashed;
	font-size:123.1%;
	line-height:1.5;
}

.gray{
	background-color:#CCC;
}

.sp_name{
	width:100px;
	height:auto;
	text-align:right;
	font-size:123.1%;
	font-weight:bold;
	color:#333;
	padding-top:3px;
	margin-right:10px;
	float:left;
}

.sp_text{
	width:660px;
	height:auto;
	margin:0 auto;
	text-align:left;
	font-size:123.1%;
	padding-right:30px;
	line-height:1.7;
	float:left;
}

.big_box{
	width:700px;
	font-size:123.1%;
	margin:0 auto 5px auto;
	border-bottom:solid #333 1px;
	padding-top:6px;
	padding-bottom:6px;
	text-align:center;
}

.box{
	width:633px;
	font-size:100%;
	margin:0 auto 5px auto;
	border:solid #333 1px;
	padding-top:3px;
	padding-bottom:3px;
	text-align:center;
}

.box_day{
	float:left;
	width:210px;
	font-size:120%;
	text-align:right;
	color:#000;
	border-right:solid #333 1px;
	padding-right:3px;
	height:auto;
}

.box_status{
	float:left;
	width:400px;
	font-size:100%;
	text-align:left;
	color:#000;
	padding-left:10px;
	height:auto;
}

.box_day2{
	float:left;
	width:210px;
	font-size:120%;
	text-align:right;
	color:#fff;
	background-color:#603;
	border-right:solid #333 1px;
	padding-right:3px;
	height:auto;
}

.box_day3{
	float:left;
	width:210px;
	font-size:120%;
	text-align:right;
	color:#fff;
	background-color:#960;
	border-right:solid #333 1px;
	padding-right:3px;
	height:auto;
}

.box_status3{
	float:left;
	width:400px;
	font-size:100%;
	text-align:left;
	color:#063;
	padding-left:10px;
	height:auto;
}

.clear{
	width:654px;
	margin:0 auto;
	text-align:center;
	clear:both;
}

.sp01{
	width:750px;
	margin:0 auto;
	text-align:left;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	margin-bottom:15px;
	clear:both;
}

.sp_name{
	width:100px;
	height:auto;
	text-align:right;
	font-size:100%;
	color:#333;
	margin-right:10px;
	line-height:1.3;
	float:left;
}

.sp_text{
	width:610px;
	height:auto;
	margin:0 auto;
	text-align:left;
	font-size:100%;
	line-height:1.3;
	float:left;
}

.sp_midashi{
	width:750px;
	margin:0 auto;
	padding-left:40px;
	text-align:,left;
	margin-bottom:15px;
	font-size:153.9%;
	font-weight:bold;
	color:#333;
}

#text_box{
	width:800px;
	margin:20px auto;
	background-color:#FFF;
	padding:15px 25px 30px 25px;
	text-align:left;
	font-size:108%;
}