@charset "utf-8";

/*********** Basic ***********/
body{
	font-family: sans-serif;
	color: #444;
	font-size: 14px;
	line-height: 2.0em;
}

img{
	padding: 0px;
	margin: 0px;
}

td{vertical-align:top;}

a{
	text-decoration: none;
	color: #333;
	}


a:hover{color: #999;}

div{background-color: transparent;}


#scrl{
	position: absolute;
	top: 0px;
	width: 10px;
	height: 10px;
}

.pages{
	display: none;
	width: 960px;
	position: absolute;
	top: 110px;
}

.text{
	width: 550px;
	height: 300px;
	float: right;
	margin-top: 50px;
}

.subTop{
	width: 350px;
	height: 175px;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px !important;
}

	.subTop img{
		width: 350px;
		height: 175px;
		border: 0px;
	}

/*********** menuButton ***********/

#menuButton{display: none;}

/*********** navi ***********/

#navi{
	background-color: #fff;
	height: 100px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	font-weight: bold;
	font-family: serif;
	position: fixed;
	top: 0px;
}
	ul{
		position: relative;
		top: 30px;
	}

		#navi li{
			padding-bottom: 8px;
			color: #999;
			cursor: pointer;
			display: inline;
			margin-left: 45px;
			position: relative;
			top: 10px;
		}

		li#toTop{
			margin: 0px;
			border-bottom: solid 2px;
			color: #333;
		}

	/*	#navi img{display: none;} */

/*********** top ***********/

#top{
	text-align: center; 
	display: block;
	height: 500px;
}

	#top img{ 
		margin-top: 50px;
		width: 700px;
		height: 350px;
	}

/*********** about ***********/

#about{
	height: 700px;
}

	#about .text{
		font-family: serif;
		height: 600px;
	}

	#about p{
		margin-bottom: 20px;
	}

/*********** shosai ***********/

#shosai{
	height: 1000px;
}

	#shosai .text{
		height: 1000px;
	}

	#shosai .text > div{
		overflow: hidden;
		width: 550px;
		position: relative;
		margin-bottom: 20px;
	}

	#info{
		height: 200px;
	}

		#info .title{
			font-size: 16px;
			font-weight: bold;
		}

		#info table{
			margin: 10px 0 0 10px;
		}

		#info table a{display: none;}

			.komoku{
				padding-right: 14px;
			}

	#zher{
		padding-top: 40px;
		border-top: solid 2px #666;
		font-size: 10px;
		color: #666; 
		line-height: 1.5em;
		height: 300px;
	}

		#zher img{
			width: 300px;
			height: 200px;
			position: absolute;
			top: 40px;
			right: 0px;
		}

		#shosai .name{ font-size: 14px; font-weight: bold; color: #333;}
		#shosai a{font-weight: bold; color: #F09199;  line-height: 1.8em; font-size: 12px;}
		#shosai a:hover{color: #2792C3;}


/*********** interview ***********/

#interview{
	height:5600px;
}


	#setsumei{
		display: none;
		width: 330px;
		height: 300px;
		position: absolute;
		margin: 0 0 0 10px;
		top: 200px;
		left: 0px;
	}

		#setsumei .title{
			font-weight: bold;
			font-family: sans-serif;
			font-size: 16px;
			margin: 0 0 14px 0;
		}

	#interview .text{
		height: 5500px;
	}

		#interview table{}

		#interview .text > p{
			text-align: center;
			padding: 30px 0 0 0;
			font-size: 20px;
		}

		td.catch{
			color: #fff;
			font-size: 14px;
			background-color: #2792C3;
			padding: 5px 0 5px 20px;
		}

		td.space{

			visibility: collapse;
			color: #fff;
			font-size: 16px;
		}

			.questioner{
				width: 30px;
				font-weight: bold;
				padding: 0 15px 0 0;
				font-family: sans-serif;
				text-align: right;
				text-decoration: line-through;
			}

			.question{
				padding: 0 20px 0 0;
				font-weight: bold;
			}

			.answerer{
				width: 30px;
				font-weight: bold;
				color: #2792C3; /*#2792C3#F09199*/
				padding: 0 15px 30px 0;
				font-family: sans-serif;
				text-align: right;
			}

			.answer{
				padding: 0 20px 30px 0;
			}

/*********** act ***********/

#act{
	height: 800px;
}

	.band{
		float: left;
		width: 306px;
		height: 600px;
		padding-right: 10px;
		border-right: dashed 1px #ccc;
		margin: 50px 10px 0 0;
	}

		.band img{
			width: 306px;
			height: 197.4px;
		}

		.bandName{
			font-family: "Prestige Elite Std", "Courier New", "Courier";
			font-size: 20px;
			text-align: center;
			line-height: 0.7em;
			margin-top: 10px;
		}

		.yomi{
			font-size: 10px;
			text-align: center;
		}

		.band > iframe{
			margin-top: 20px;
		}

		.band p.icon{
			margin-top: 20px;
			text-align: center;
		}

		.band i{
			font-size: 20px;
			padding-right: 20px;
		}

		.band .icon-home{
			padding-left: 20px;
		}

	#air{
		padding: 0px;
		border: 0px;
		margin: 50px 0 0 0;	
	}

/*********** ticket ***********/

#ticket{
	height: 1000px;
}

	#ticket .text{
		height: 900px;
	}
	
	#ticket .setsumei{
		position: relative;
		margin-bottom: 30px;
		padding-bottom: 25px;
		color: #666;
		font-size: 12px;
		border-bottom: solid 2px #666;
	}

	#ticket .setsumei p{line-height: 1.8em;}
	#ticket .setsumei p:first-child{
		color: #333;
		font-size: 14px;
		margin-bottom: 14px;
		font-weight: bold;
	}

	#form{
		position: relative;
	}

	#form a{ display: none;}

	#form input{width: 70%; -webkit-appearance: none; border: thin solid #999;}
	#form textarea{width: 70%; -webkit-appearance: none; border: thin solid #999;}
	#form select{width: 35%; -webkit-appearance: none; border: thin solid #999;}

	#form .submit input{
		color: #fff;
		cursor: pointer;
		border: 0;
		font-size: 18px;
		background-color: #F09199;
		height: 40px;
		margin-top: 20px;
	}

	#form li{
		margin: 15px 0 0 0;
		width: 50%;
	}

	#form [id^="Loading"], #form [id*="Loading"]{
		width: 70%;
		border: 0px;
	}

	#coution2{color: #F09199;}

	#form .submit input:hover{background-color: #2792C3;}

/*********** footer ***********/

#footer{
	background-color: #fff;
	height: 60px;
	width: 960px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: fixed;
	bottom: 0px;
}

	#footer img{ 
		width: 300px;
		height: 50px;
		position: absolute;
		top: 0px;
		left: 330px;
	}