@charset "UTF-8";

/*▲▲▲▲ */

*{
	margin:0;
	padding:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
	
body{
	background:url(/images/body_bg.jpg) top repeat-x fixed;
	background-color:#111111;}

ul,ol{
	list-style:none;}

a{
	text-decoration:none;}

a:link,
a:visited{
	color:#FF8C00;}
a:hover,
a:active{
	color:#FFD700;}

img{
	border:none;}

h1,h2,h3{
	text-shadow:1px 1px 2px #555555;}
	
#wrap{
	width:950px;
	margin:0 auto;
	padding:0 15px;
	background-color: rgba(0, 0, 0, 0.8);
	background: rgba(0, 0, 0, 0.8);
	color: rgba(0, 0, 0, 0.8);}

/*＝＝＝＝＝＝＝＝＝＝＝＝▼▼ヘッダー▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
header{
	width:950px;
	margin:0 0 20px;
	background:url(/images/header_bg.jpg) top no-repeat;
	border-bottom:1px dotted #FFFFFF;}

#h1{
	height:18px;
	margin:0 0 10px;
	filter:alpha(opacity=40);
	-moz-opacity:0.40;
	opacity:0.40;
	background: #FFFFFF;
	/*background: -moz-linear-gradient(top, #ffd700 0%, #ff8c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd700), color-stop(100%,#ff8c00));
	background: -webkit-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: -o-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: -ms-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: linear-gradient(to bottom, #ffd700 0%,#ff8c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ff8c00',GradientType=0 );*/}
#h1 h1{
	font-size:12px;
	margin:0 0 10px;
	text-indent:10px;}
	
#main_logo{
	clear:both;
	float:left;
	height:120px;
	margin-left:20px;
	font-size:14px;}

#main_h2{
	font-size:14px;
	width:710px;
	margin-left:240px;
	color:#FFFFFF;}
#facebook{
	width:150px;
	float:right;}
header p{
	font-size:12px;
	width:550px;
	height:40px;;
	margin-left:240px;
	color:#FFFFFF;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲ヘッダー▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝▼▼ナビ▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
nav ul{
	width:756px;
	margin:21px 0 30px 240px;
	height:30px;
	/*border:1px solid #000000;*/}
	
	nav ul li{
		float:left;
		width:110px;
		height:30px;
		margin-left:1px;
		/*border:1px solid #000000;*/
		text-shadow:1px 1px 2px #555555;}
		
nav ul li a{
	text-indent:-9999px;
	display:block;
	width:110px;
	height:30px;
	text-align:center;
	line-height:30px;
	text-decoration:none;}
	#nav_top a{
		background-image:url(/images/nav_top.jpg);}
	#nav_stuff a{
		background-image:url(/images/nav_stuff.jpg);}
	#nav_menu a{
		background-image:url(/images/nav_menu.jpg);}
	#nav_album a{
		background-image:url(/images/nav_album.jpg);}
	#nav_access a{
		background-image:url(/images/nav_access.jpg);}
	#nav_info a{
		background-image:url(/images/nav_info.jpg);}
	
	nav ul li a:link,
	nav ul li a:visited{
		background-position:0 0;}
	nav ul li a:hover,
	nav ul li a:active{
		background-position:0 30px;}

#main_image{
	width:850px;
	margin:50px auto;}
#slider {
	width:850px;
	height:300px;}
	#slider li{
		list-style:none;}
				
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲ナビ▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
	

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼コンテント▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#content{
	width:650px;
	margin-bottom:100px;
	float:left;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲コンテント▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
		
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼コンテント内部▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

article{
	width:650px;
	float:left;
	margin:0 0 20px;}
#new{
	width:650px;
	height:450px;}
#twitter{
	width:480px;
	height:290px;
        padding:30px 70px;
	border:15px solid #555555;}

#genkidama div{
	background:#222222;
	border:15px solid #555555;
	padding:15px;}
#genkidama div p{
	color:#FFFFFF;
	font-size:12px;}
#genkidama .space{
	margin:0 0 15px 0;}
#genkidama .big{
	font-size:20px;}
#new h2,
#genkidama h2{
	line-height:30px;
	/*background: #ffd700;
	background: -moz-linear-gradient(top, #ffd700 0%, #ff8c00 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffd700), color-stop(100%,#ff8c00));
	background: -webkit-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: -o-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: -ms-linear-gradient(top, #ffd700 0%,#ff8c00 100%);
	background: linear-gradient(to bottom, #ffd700 0%,#ff8c00 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffd700', endColorstr='#ff8c00',GradientType=0 );*/}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲コンテント内部▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼aside▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

aside{
	width:270px;
	margin-left:680px;}
#recruitment{
        padding:30px 0;}
#map p{
	font-size:10px;
	margin-bottom:30px;}
#map p a{
	color:#FF0000;}
#calendar{
	margin-top:30px;}
#holiday{
	color:#FFFFFF;
	text-align:right;
	font-size:10px;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲aside▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#page_top{
	clear:both;
	height:30px;
	text-align:right;
	margin-right:5px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼footer▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

footer{
	clear:both;
	padding-top:10px;
	text-align:center;
	font-size:12px;
	font-weight:900;
	height:150px;
	line-height:15px;
	background:url(/images/footer.jpg) no-repeat;}
footer ul{
	height:15px;
	line-height:15px;
	font-size:10px;
	width:545px;
	margin:0 auto;}
footer ul li{
	float:left;
	width:90px;}
footer ul li a{
	display:block;
	width:90px;}
#copyright a:link,
#copyright a:visited,
footer ul li a:link,
footer ul li a:visited{
	color:#004400;}
#copyright a:hover,
#copyright a:active,
footer ul li a:hover,
footer ul li a:active{
	text-decoration:underline;
	color:#FF0000;}
.right_border{
	border-right:1px dotted #000000;}
footer img{
	clear:both;}
#copyright{
	font-size:10px;
	margin:5px 0 0;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲footer▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝■ここから中ページ■＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼共通▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲共通▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼topic_pass▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#topic_pass{
	width:650px;
	height:20px;
	font-size:11px;
	color:#FFFFFF;
	margin:0 0 25px 0;}
#topic_pass ul{
	margin:0 0 0 10px;}
#topic_pass li{
	float:left;}
.topic_pass{
	font-weight:900;
	margin:0 0 0 10px;
	text-indent:25px;
	background:url(/images/topic_pass.png) left no-repeat;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲topic_pass▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼album▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#album{
	width:650px;
	background-color:#000000;
	text-align:center;}
#click{
	text-align:center;
	line-height:80px;
	color:#FF0000;
	font-size:14px;
	text-shadow:1px 1px 2px #555555;}
#album ul img{
	box-shadow:1px 1px 2px #FFFFFF;}
#album li{
	float:left;
	margin:0 0 30px 10px;
	background-color:#000000;
	width:150px;
	height:100px;}
#album a{
	font-size:12px;
	font-weight:900;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲album▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼stuff▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*
#stuff{
	width:650px;
	background-color:#FF0000;}
.stuff_area{
	width:620px;
	margin:0 auto;
	border:1px solid #000000;}
.stuff_area h3{
	font-size:80px;
	width:150px;}
.stuff_area img{
	float:left;
	margin-right:50px;}
.stuff_area table{
	width:550px;
	margin-left:200px;
	border:1px solid #000000;}
.stuff_area th{
	width:100px;
	border:1px solid #000000;}
.stuff_area td{
	border:1px solid #000000;}*/

#stuffpage h2{}

.stuff{
	width:640px;
	height:350px;
	margin:0 0 20px 0;
	background:url(/images/stuff_back.jpg) no-repeat;}
.stuff table{
	width:600px;
	padding:40px 0 0 40px;}
.stuff table img{
	box-shadow:1px 1px 2px #000000;}
.stuff table h3{
	text-shadow:1px 1px 1px #000000 !important;
	font-size:14px;}
.stuff table th{
	font-weight:900;
	width:100px;
	padding:5px;
	font-size:14px;
	box-shadow:2px 2px 3px #000000;
	background:url(/images/stuff_txt.jpg) #FFFFFF;}
.stuff table td{
	background:url(/images/stuff_txt.jpg) #FFFFFF;
	padding:5px;
	font-size:14px;
	box-shadow:2px 2px 3px #000000;}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲stuff▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼menu▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
#menu{
	padding:50px 0 0 50px;
	background:url(/images/menu_back.jpg);}
.menu_page{
	width:550px;
	border-bottom:1px dotted #000000;
	padding:0 0 15px;
	clear:both;}
.menu_page h3{
	font-size:16px;}
.menu_page dl{
	width:550px;
	padding:15px 0 0;
	border-top:2px solid #000000;}
.menu_page dt{
	font-weight:900;
	clear:both;
	float:left;
	font-size:14px;}
.menu_page dd{
	float:right;
	font-weight:900;
	font-size:14px;}
#menu_logo{
	clear:both;
	text-align:right;
	margin:0 45px 0 0;
	opacity:0.5;
	filter: alpha(opacity=50);
	-ms-filter: "alpha(opacity=50)";
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲menu▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼info▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#info{
	height:940px;
	background:url(/images/info_back.png);}
#form_body{
	width:550px;
	margin:180px auto 0;}
#info h3{
	font-size:14px;
	line-height:30px;
	text-align:center;}
#info p{
	font-size:12px;
	text-align:center;}
#form_tbl{
	width:550px;
	margin:30px auto 0;}
#info .q_title{
	width:200px;
	padding:5px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 2px #000000;}
#info .q_item{
	padding:5px;
	font-size:12px;
	background-color:#FFFFFF;
	box-shadow:1px 1px 2px #000000;}
#info .red{
	color:#FF0000;}
#info .submit{
	margin:20px 0;}
#info .error{
	color:#FF0000;
	margin:20px 0 0;}
#form_home{
	line-height:50px;
	font-weight:900;}
	
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲info▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼access▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

#map_frame{
	background:url(/images/access_bg.jpg);
	width:500px;
	height:450px;
	padding:25px 0;
	margin:30px auto;}
#access iframe{
	display:block;
	margin:0 auto;}
#map_comment{
	font-size:12px;
	color:#FFFFFF;
	margin:15px 0 0 80px;}
#google_map{
	float:left;
	font-weight:900;
	color:#FF0000;
	line-height:25px;
	margin:15px 0 0;}
#map_comment img{
	background:url(/images/topic_pass.png) left no-repeat;
	margin:15px 0 0 10px;
	padding:0 0 0 30px;}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲access▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */

.ninja_onebutton{
	width:150px;
	background-color:#FFFFFF;
	position:fixed;
	right:15px;
	top:15px;
	padding:10px;}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▼▼▼▼＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝▲▲▲▲＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */