@charset "shift_jis";
/* CSS Document */

/*ヘッター*/
.head{
	width:auto;
	height:auto;
	margin:0px auto;
	background:url(../img/line.jpg) repeat-x center bottom;
	}
	.head .head_section{
		width:958px;
		height:80px;
		margin:0px auto;
		background:url(../img/head_bg.gif) no-repeat 90% 50%;
		position:relative;
		}
		.head .head_section h1{
			width:320px;
			position:absolute;
			top:15px;
			left:10px;
				}
			.head .head_section h1 img{
				width:100%;
				}
	
	
/*メニュー*/
.navi{
	width:auto;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #5b4515), color-stop(0.39, #9a7525), color-stop(0.00, #cb9d3a));
	background: -webkit-linear-gradient(top, #cb9d3a 0%, #9a7525 39%, #5b4515 99%);
	background: -moz-linear-gradient(top, #cb9d3a 0%, #9a7525 39%, #5b4515 99%);
	background: -o-linear-gradient(top, #cb9d3a 0%, #9a7525 39%, #5b4515 99%);
	background: -ms-linear-gradient(top, #cb9d3a 0%, #9a7525 39%, #5b4515 99%);
	background: linear-gradient(top, #cb9d3a 0%, #9a7525 39%, #5b4515 99%);
	margin:5px auto 20px;
}
ul.menu{
	width:967px;
	height:45px;
	margin:0px auto;
	display:table;
	}
	ul.menu li{
		width:auto;
		height:15px;
		border-right:1px solid #000000;
		display:table-cell;
		text-align:center;
		}
	ul.menu li.access{
		border-right:0;
		}
		ul.menu li a{
			width:100%;
			height:100%;
			display:inline-block;
			padding:15px 0px;
			}
		ul.menu li img{
			vertical-align:middle;
			}
			ul.menu li a:hover{
			}

/*		ul.menu li.top{
			}
			ul.menu li.top a:hover{
				background:url(../img/menu_01-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.staff{
			}
			ul.menu li.staff a:hover{
				background:url(../img/menu_03-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.system{
			}
			ul.menu li.system a:hover{
				background:url(../img/menu_04-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.recruit{
			}
			ul.menu li.recruit a:hover{
				background:url(../img/menu_05-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.events{
			}
			ul.menu li.events a:hover{
				background:url(../img/menu_06-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.photo{
			}
			ul.menu li.photo a:hover{
				background:url(../img/menu_07-bg.png) no-repeat 0px 0px;
			}
		ul.menu li.access{
			border-right:none;
			}
			ul.menu li.access a:hover{
				background:url(../img/menu_08-bg.png) no-repeat 0px 0px;
			}
*/

/*コンテンツ*/
.contents{
	width:960px;
	height:auto;
	margin:40px auto;
	}
	.contents h2{
		width:auto;
		height:15px;
		margin:0px auto;
		text-align:center;
		}
	.contents p.frame{
		width:auto;
		height:26px;
		margin:5px auto 0px auto;
		text-align:center;
		}
	.other{
		width:960px;
		height:150px;
		margin:0px auto;
		}

/*スタッフ*/
	.contents ol.staff{
		width:960px;
		margin:20px auto 40px auto;
		overflow:hidden;
		}
		.contents ol.staff li{
			width:168px;
			float:left;
			display:inline;
			text-align:center;
			margin-left:20px;
		}
			.contents ol.staff li dl{
				}
				.contents ol.staff li dl dt{
					width:70px;
					height:25px;
					margin:0px auto 5px auto;
				}
				.contents ol.staff li dl dd{
					border:2px #C4BA83 solid;
					padding:7px;
					height:280px;
					background:#FFFFFF;
				}
				.contents ol.staff li dl dd img{
					width:100%;
				}
				.contents ol.staff a{
					color:#000000;
				}
				.contents ol.staff p.staff_name{
				    background:#A86D21;
				    color:#FFFFFF;
				    height:38px;
				    padding-top: 2px;
				    margin: 8px auto 0;
				    width: 100%;
				}
				.contents ol.staff p.messege{
				    color:#A86D21;
				    margin:5px auto 0;
				    width: 100%;
				    font-size:90%;
    				letter-spacing:0;
    				line-height:13px;
				}




/*フッター*/
.footer{
	clear:both;
	text-align:right;
	width:auto;
	height:auto;
	margin:0px auto 0px auto;
	background:url(../img/line.jpg) repeat-x center top;
	}
	.footer .foot_contents{
		width:850px;
		margin:auto;
		color:#FFFFFF;
		text-align:center;
		color:#E2DDBF;
	}
	.footer .foot_contents ul{
		margin:0px auto;
		padding:15px 0px;
		overflow:hidden;
		}
		.footer .foot_contents ul li{
			width:auto;
			display:inline;
			}
	.footer .foot_contents p{
		width:auto;
		font-size:90%;
		}

p.copy{
	font-size:100%;
	width:920px;
	margin:auto;
	text-align:center;
}