@charset "utf-8";

a{
	color: #fff;
}

body{
	background: #000 url(../images/bg_nanako.png) left top no-repeat fixed;
	background-size: auto 100%;
	color: #fff;
	text-shadow: 0 1px 2px #000;
}

td,
th{
	padding: 6px;
	border: #666 solid 1px;
}
input,
select,
textarea{
	width: 96%;
}

/***********************************/
/* dead_device */
	#dead_ie{
		position: absolute;
		top: 60px;
		left: 50%;
		z-index: 1000;
		width: 600px;
		margin-left: -320px;
		padding: 20px;
		background: #fff;
		color: #000;
		border: #aaa solid 2px;
	}
	#dead_ie a{
		color: #000;
		font-weight: bold;
	}
/* end_dead_device */

/* header */
	#header{
		padding: 13px 0 10px;
		margin-bottom: 16px;
		width: 100%;
		z-index: 10;
		text-align: center;
		background: #000 url(../images/bg_head.gif) bottom repeat-x;
	}
/* end_header */

/* main_content */
	#main_content{
		margin-left: 300px;
	}
	#main_content > div{
		margin-bottom: 24px;
		padding: 24px;
		background: #000;
		background: rgba(0,0,0,.7);
		border-radius: 8px;
	}

	#main_content h2{
		margin-bottom: 12px;
		font-size: 16px;
		font-weight: normal;
	}
	#main_content h2 span{
		font-size: 54px;
	}
	#main_content h2 span:after{
		font-size: 16px;
		content: "　- ";
		font-family:'ヒラギノ角ゴ Po W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	}
/* end_main_content */

/* news */
	#news li{
		padding: 8px;
		margin-bottom: 8px;
		border: #000 solid 2px;
		background: rgba(0,0,0,.5);
	}
/* end_news */

/* gallery */
	#gallery_wrap {
		overflow: hidden;
	}
	#gallery_list li{
		float: left;
		width: 25%;
		font-size: 14px;
		text-align: center;
	}
	@media screen and (max-width: 840px) {
		#gallery_list li{
			width: 33.3%;
		}
	}
	#gallery_list li a{
		display: block;
		margin: 4px;
	}
/* end_gallery */

/* nav */
	#button_nav{
		padding: 16px 16px 8px;
		width: 244px;
		border-radius: 0 8px 0 0;
	}
	#button_nav li{
		padding-bottom: 8px;
	}
	#button_nav a{
		display: block;
		overflow: hidden;
		border-radius: 22px 8px 8px 22px;
	}
	#button_nav a:hover{
		background: #111;
		background: rgba(0,0,0,.7);
	}
	#button_nav img{
		float: left;
		transition:transform 0.5s ease-out;
	}
	#button_nav a:hover img{
		transform: rotate(360deg);
		-webkit-transform: rotate(360deg);
		-moz-transform: rotate(360deg);
		transition: transform 0.2s ease-out;
		-webkit-transition: -webkit-transform 0.2s ease-out;
		-moz-transition: -moz-transform 0.2s ease-out;
	}
	#button_nav span{
		display: block;
		float: left;
		padding: 10px 0 0 12px;
	}
/* end_nav */

.formTable{
	width: 100%;
}
.formTable th{
	min-width: 140px;
}