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

*{
	margin:0;
	padding:0;
}

a, img{
	border:0;
	margin:0;
	padding:0;
}

a{
	color:#fff;
}

h1,h2,h3,h4,h5,h6{
	font-style: normal;
	font-weight: normal;
	font-size: 1.0em;
}

body{
	background-color:#000000;
	text-align:center;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

/* サイト幅 */

#wrapper{
	width:728px;
	margin:0 auto;
	padding:0;
	color:#fff;
	font-size:12px;
}

#top{
	width:728px;
	height:576px;
	background:top left url(../img/black.gif) repeat;
}

#top a{
	border:0;
}

.top_notice{
	padding:5px;
	margin:5px auto;
	color:white;
	text-align:center;
	font-weight:bold;
	border:3px #333 solid;
}

#menu{
	width:456px;
	height:45px;
	margin:0 auto;
	padding:0;
}

#menu li{
	float:left;
	list-style:none;
}

#m_home a,#m_about a,#m_next a,#m_member a,#m_past a{
	display:block;
	height:42px;
	text-indent:-9999px;
	outline:none;
}

#m_home a{
	width:66px;
	background:top left url(../img/menu_01.jpg) no-repeat;
}
#m_home a:hover{
	background:top left url(../img/menu_01_on.jpg) no-repeat;
}


#m_about a{
	width:150px;
	background:top left url(../img/menu_02.jpg) no-repeat;
}
#m_about a:hover{
	background:top left url(../img/menu_02_on.jpg) no-repeat;
}

#m_next a{
	width:68px;
	background:top left url(../img/menu_03.jpg) no-repeat;
}
#m_next a:hover{
	background:top left url(../img/menu_03_on.jpg) no-repeat;
}

#m_member a{
	width:86px;
	background:top left url(../img/menu_04.jpg) no-repeat;
}
#m_member a:hover{
	background:top left url(../img/menu_04_on.jpg) no-repeat;
}

#m_past a{
	width:77px;
	background:top left url(../img/menu_05.jpg) no-repeat;
}
#m_past a:hover{
	background:top left url(../img/menu_05_on.jpg) no-repeat;
}


#logo_topics{
	width:728px;
	height:25px;
	background:top left url(../img/topics.jpg) no-repeat;
}

#info{
	width:728px;
	height:300px;
}

#topics{
	width:728px;
	height:300px;
	padding-bottom:20px;
	overflow:auto;
	background-color:#101010;
/*	background:top left fixed url(../img/bg_topics.jpg) no-repeat;*/
}

#topics_text{
	width:660px;
	margin:0 auto;
	padding-top:20px;
	padding-left:7px;
	text-align:left;
	letter-spacing:1px;
	line-height:17px;
	color:#FFF;
	font-size:12px;
}

#topics_text a{
	color:#3FF;
}

.topics_title{
	color:#F00;
}


/*　banner　エリア　*/
#banner{
	width:696px;
	margin:0 auto;
	padding-top:10px;
	text-align:left;
}

.banner_item{
	float:left;
	padding-right:10px;
}


/*　InnocentSphereとは　*/
#logo_about{
	width:728px;
	height:50px;
	text-indent:-9999px;
	background:bottom left url(../about/img/about.gif) no-repeat;
}



#about_text{
	width:650px;
	margin:0 auto;
	padding-bottom:20px;
	letter-spacing:1px;
	line-height:25px;
	color:#FFF;
	text-align:left;
	font-size:14px;
}

#about_past{
	width:631px;
	margin:0 auto;
	text-align:center;
}

.about_past_area{
	clear:both;
	width:631px;
	height:170px;
	color:#FFFFFF;
	text-align:left;
	letter-spacing:1px;
	background:top left url(../about/img/bg_about.jpg) no-repeat;
	margin-bottom:10px;
}

.about_pic{
	width:180px;
	float:left;
}

.about_pic img{
	display:block;
	text-align:center;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

,about_past_right{
	width:470px;
	float:right;
}

.about_past_title{
	font-weight:bold;
	font-size:24px;
	color:#FFFFFF;
	line-height:35px;
	padding-top:8px;
}

.about_past_date{
	font-size:12px;
	color:#FFFFFF;
	line-height:20px;
}


.about_past_text{
	width:450px;
	float:right;
	line-height:15px;
	font-size:12px;
	padding-top:5px;
	padding-bottom:20px;
}

.about_past_sub{
	font-size:14px;
	font-weight:bold;
	line-height:30px;
}


/*　次回公演　*/

#next{
	color:#FFFFFF;
}
/*	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";*/

#logo_next{
	width:728px;
	height:50px;
	text-indent:-9999px;
	background:top left url(../next/img/h3_next.gif) no-repeat;
}

#next_title{
	font-size:80px;
}

#next_sub{
	font-size:20px;
	letter-spacing:2px;
	padding-bottom:20px;
}

#next_description{
	font-size:14px;
	padding:30px 0 50px;
	line-height:25px;
}

#next_date,
.next_date{
	font-size:30px;
}

#next_place,
.next_place{
	font-size:25px;
	padding-bottom:20px;
}

.next_finished{
	color:#666666;
}


#next_author{
	font-size:20px;
}

#next_author_name{
	font-size:30px;
	padding-bottom:20px;
}

#next_cast{
	font-size:14px;
	line-height:30px;
	padding-bottom:30px;
}

#next_cast_title{
	font-size:18px;
}

#next_cast_innocent{
	font-size:18px;
	padding-bottom:10px;
}

#next_cast_guest{
	font-size:18px;
	padding-bottom:10px;
}

#next_staff{
	font-size:12px;
	padding-bottom:50px;
	letter-spacing:1px;
	line-height:14px;
}

#next_img_area{
	width:180px;
	float:left;
	padding-bottom:20px;
}

#next_story_area{
	width:540px;
	float:left;
	font-size:12px;
	text-align:left;
	line-height:20px;
	letter-spacing:1px;
	padding-bottom:50px;
}

#next_timetable{
	text-align:center;
	clear:both;
	color:#FFFFFF;
	padding-bottom:20px;
}

.next_timetable_text{
/*	text-align:left;*/
}

#next_timetable table{
	margin:0 auto;
	text-align:center;
}

#next_timetable table td{
	width:50px;
	height:17px;
	font-size:12px;
	text-align:center;
	background-color:#333333;
	color:#FFFFFF;
}

#next_timetable table #th{
	width:100px;
}


#next_access{
	float:left;
	width:250px;
	text-align:left;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
}

#next_ticket{
	float:right;
	width:450px;
	text-align:left;
	font-size:12px;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	line-height:20px;
}

.corich{
	font-size:10px;
	font-weight:normal;
}
.corich a{
	color:#333;
}

.link_ticket{
	height:80px;
	margin:0 auto;
	width:300px;
	float:left;
}

.link_ticket a{
	display:block;
	margin:0 auto;
	width:300px;
	padding:10px;
	background-color:#1682C2;
	font-size:20px;
	color:#ffffff;
	text-decoration:none;
}

.link_blog{
	height:80px;
	margin:0 auto;
	width:300px;
	float:right;
}

.link_blog a{
	display:block;
	margin:0 auto;
	width:300px;
	padding:10px;
	background-color:#33AE43;
	font-size:20px;
	color:#FFFFFF;
	text-decoration:none;
}

.link_special{
	height:80px;
}

.link_special a{
	display:block;
	margin:0 auto;
	width:600px;
	padding:10px;
	background-color:#D535B0;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}

.link_talkshow{
	height:80px;
	color:#ff0000;
}

.link_talkshow a{
	display:block;
	margin:0 auto;
	width:600px;
	padding:10px;
	background-color:#FF0000;
	font-size:20px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
}


#talkshow{
	width:600px;
	color:#fff;
	text-align:center;
	padding:10px;
}

#talkshow a{
	color:#fff;
}


/* メンバー */
#logo_member{
	width:728px;
	height:50px;
	text-indent:-9999px;
	background:top left url(../member/img/h3_member.gif) no-repeat;
}

#member_left{
	float:left;
	width:120px;
	text-align:left;
	color:#FFFFFF;
}

#member_left p{
	font-size:14px;
	font-weight:bold;
	padding-left:20px;
	line-height:25px;
}

#member_left a{
	color:#FFFFFF;
	text-decoration:none;
}

#member_left a:hover{
	color:#FF0000;
}

#member_right{
	float:right;
	width:580px;
	text-align:left;
	color:#FFFFFF;
}

#member_category{
	float:left;
	font-size:30px;
	font-weight:bold;
	letter-spacing:5px;
	line-height:40px;
}

#member_catch{
	float:left;
	font-size:10px;
	line-height:40px;
	padding-left:20px;
}

#member_name{
	clear:both;
	font-size:70px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
	font-weight:bold;
	letter-spacing:5px;
	border-bottom:10px #FF0000 solid;
}

#member_name_a{
	font-size:20px;
	font-weight:bold;
	letter-spacing:1px;
}

#member_contents{
	padding-top:20px;
	padding-bottom:50px;
}

#member_pic{
	float:left;
}

.member_pic02{
	clear:both;
	padding:5px 20px;
}
.member_pic02 img{
	float:left;
	padding:0 5px 0 0;
}

#member_text{
	float:left;
	padding-left:20px;
	font-size:12px;
	line-height:25px;
}

#member_text a{
	color:#FFFFFF;
}

.separate{
	width:505px;
	clear:both;
	padding-top:30px;
	padding-bottom:10px;
}

#member_history{
	font-size:12px;
	line-height:25px;
}

.member_sub{
	clear:both;
	font-size:16px;
	padding-top:10px;
}

.member_history_date{
	width:100px;
	float:left;
	text-align:right;
	padding-right:5px;
}




/*　過去の公演　*/
#past{
	color:#FFFFFF;
}

.past_layoutbox{
	width:600px;
	margin:0 auto;
	clear:both;
}

.past_title{
	padding-top:20px;
	line-height:30px;
	font-size:24px;
	font-weight:bold;
	border-bottom:5px #FF0000 solid;
}

.past_text{
	font-size:12px;
	line-height:30px;
	margin-bottom:10px;
}

.past_flyer{
	width:145px;
	float:left;
	padding:90px 5px;
	margin-right:5px;
	background-color:#101010;
	border:1px #333333 solid;
}

.past_picture_layoutbox{
	width:100px;
	height:70px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px #333333 solid;
}

.past_picture_layoutbox_b{
	width:100px;
	height:100px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px #333333 solid;
}
.past_picture_layoutbox_c{
	width:120px;
	height:120px;
	float:left;
	margin-right:5px;
	margin-bottom:5px;
	border:1px #333333 solid;
}

/*　チケット　*/
#ticket{
	color:#FFFFFF;
}

#ticket_title{
	line-height:50px;
	font-size:50px;
	font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3";
}

#ticket_attention{
	font-size:14px;
	line-height:18px;
}

#ticket_attention a{
	color:#FFFFFF;
}

#ticket_form{
	width:500px;
	margin:0 auto;
	text-align:left;
}
#new_input input,#new_input select{
	width:300px;
	height:20px;
	margin-bottom:10px;
}

#new_input textarea{
	margin-bottom:10px;
}


.items{
	width:110px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:right;
	padding-right:10px;
	margin-right:10px;
	clear:both;
	border-bottom:1px #CCCCCC solid;
}

.bodies{
	width:300px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:left;
	padding-left:10px;
	border-bottom:1px #CCCCCC solid;
}

.bodies_address{
	font-size:12px;
	width:300px;
	height:25px;
	line-height:25px;
	float:left;
	text-align:left;
	padding-left:10px;
	border-bottom:1px #CCCCCC solid;
}


#submit{
	float:right;
	width:80px;
	height:30px;
	line-height:30px;
	margin-right:10px;
}

#reset{
	float:right;
	width:80px;
	height:30px;
	line-height:30px;
}


.caution{
	color:#FF0000;
	font-size:12px;
	font-weight:bold;
	padding-right:30px;
}

#url{
	width:200px;
	height:18px;
}

.show{
	display:block;
}

.hide{
	display:none;
}

#confirm_input input{
	width:100px;
	float:right;
	margin:5px;
}

#inomaga_form{
	width:270px;
	margin:0 auto;
	padding-bottom:50px;
	text-align:center;
}











#footer{
	width:696px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:20px;
	margin-bottom:10px;
	color:#FFF;
	font-size:10px;
}

#link{
	float:right;
}
#link a{
	color:#FFF;
	text-decoration:none;
}

#copyright{
	clear:both;
	float:right;
}

#contact{
	float:left;
}

#contact a{
	color:#FFF;
	text-decoration:none;
}

#form{
	width:400px;
	color:#FFFFFF;
	margin:0 auto;
	line-height:40px;
	text-align:left;
}

#form input{
	color:#000000;
	background-color:#ffffff;
	cursor:pointer;
	border:2px #0000FF solid;
	margin:10px;
	width:100px;
	height:30px;
}

#form a{
	color:#FFFFFF;
}

/* CommonSettings */
.red{color:#FF0000;}
.blue{color:#0000FF;}
.aqua{color:#00FFFF;}
.magenta{color:#FF00FF;}

.small{font-size:small;}
.smaller{font-size:smaller;}
.q9{font-size:9px;}
.q10{font-size:10px;}
.q11{font-size:11px;}
.q12{font-size:12px;}
.q16{font-size:16px;}
.q20{font-size:20px;}
.q24{font-size:24px;}

.fl{float:left;}
.fr{float:right;}

.pr10{padding-right:10px;}
.pr20{padding-right:20px;}
.pr30{padding-right:30px;}
.pl10{padding-left:10px;}
.pl20{padding-left:20px;}
.pl30{padding-left:30px;}
.mr10{margin-right:10px;}
.mr20{margin-right:20px;}
.mr30{margin-right:30px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}

.w100{width:100px;}
.w200{width:200px;}
.w300{width:300px;}
.w400{width:400px;}
.w500{width:500px;}