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

html,body,div,ul,ol,li,a,dl,dt,dd,h1,h2,h3,h4,h5,h6,p{
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	box-sizing:border-box;
	padding:0;
	margin:0;
	border:0;
}

a{
	text-decoration:none;
}

.clear{
	clear:both;
}

.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
	font-size:0;
}

* html .clearfix{ /* IE6 */
	zoom:1;
}

*:first-child+html .clearfix{ /* IE7 */
	zoom:1;
}

/*
.clearfix{
	display:inline-block;
}

 hide from ie-mac
* html .clearfix{
	height:1;
}

.clearfix{
	display:block;
}
 end hide from ie-mac */

img{
	border:0;
}

body{
	background-color:#362614;
	font-size:14px;
	line-height:1.6em;
}

#container{
	width:100%;
	background-color:black;/*メニューの所にライン入れたいならここ。しょっと分厚くなる可能性がうまくやるべし*/
}

#header{
	width:100%;
	background-image:url(../img/bg/header_bg.jpg);
	background-repeat:repeat-x;
}

	#header #headerArea, #contents #contentsArea, .menuArea{
		width:800px;
		margin:0 auto;
		position:relative;
	}

		#headerArea img#logo{
			width:104px;
			position:relative;
			top:0px;
			left:10px;
		}

		#headerArea ul#menuList{
			list-style:none;
			position:absolute;
			top:10px;
			right:0px;
			font-size:0.8em;
		}

			ul#menuList li{
				display:block;
				float:left;
				color:#CFC251;
				width:120px;
				text-align:right;
			}

			ul#menuList li a{
				color:#CFC251;
			}

			ul#menuList li a:hover, ul#menuList li a.On{
				color:#CDCDCD;
			}

#contents{
	width:100%;
	background-color:#000000;
}

	#contentsArea img{
		/*margin-top:10px;*/
		margin-bottom:30px;
	}

#footer{
	width:100%;
	height:120px;
	position:relative;
	background-image:url(../img/bg/footer_bg.jpg);
	background-repeat:repeat-x;
}

	#footer img#footerLogo{
		width:104px;
		position:absolute;
		top:10px;
		right:20px;
	}

	#footer ul#footerMenu{
		position:absolute;
		top:0;
		right:50px;
		list-style:none;
		width:420px;
		height:120px;
		color:#FFFFFF;
	}

		#footer ul#footerMenu li{
			display:block;
			width:50px;
			height:120px;
			float:left;
		}

		#footer ul#footerMenu li a{
			display:block;
			width:15px;
			height:90px;
			margin-top:30px;
			overflow:hidden;
			background-image:url(../img/bg/menu/footerMenu_bg.jpg);
			background-repeat:no-repeat;
			padding-left:15px;
		}

			#footerMenu li a.footerMenu{
				background-position:0 0;
			}

			#footerMenu li a.footerStaff{
				background-position:-15px 0;
			}

			#footerMenu li a.footerStyle{
				background-position:-30px 0;
			}

			#footerMenu li a.footerBlog{
				background-position:-45px 0;
			}

			#footerMenu li a.footerEvent{
				background-position:-60px 0;
			}

			#footerMenu li a.footerAbout{
				background-position:-75px 0;
			}

			#footerMenu li a.footerMap{
				background-position:-90px 0;
			}

ul#breadcrumbs{
	list-style-type:none;
}

	ul#breadcrumbs li{
		display:block;
		float:left;
		padding-right:5px;
	}

		ul#breadcrumbs li a{
			display:block;
			margin-right:10px;
			color:#CCCCCC;
			text-decoration:underline;
			float:left;
		}

		ul#breadcrumbs li a:hover{
			text-decoration:none;
		}
/*******************************
top page
********************************/
.informationArea{
	color:white;
	mar
}

	#news{
		width:440px;
		float:left;
	}
		#news h2{
			margin-right:20px;
			margin-bottom:10px;
		}

		#news ul{
			margin:10px 20px;
			/*height:134px;*/
			overflow:auto;
			color:#ffffff;
		}

			#news ul li{
				margin:5px;
			}

			.date,
			#introduce ul li .date{
				width:100px;
				float:left;
			}

			.date_content{
				width:275px;
				float:left;
			}

	#introduce{
		width:360px;
		float:left;
	}

		#introduce ul{
			width:100%;
			padding:10px;
			height:200px;
			overflow:auto;
			margin-bottom:1em;
		}

		#introduce ul li{
			width:100%;
			margin-bottom:.5em;
		}

		#introduce ul li .date_content{
			width:220px;
			float:left;
		}

		#introduce p{
			width:100%;
			padding:10px;
			background-image:url(../img/bg/home/introduce_bg.jpg);
			background-repeat:no-repeat;
			color:black;
		}

/**********************************************/
/* topページ以外で利用するbase
/**********************************************/
#globalmenuArea{
	width:800px;
	color:white;
	margin:0 auto;
	margin-top:20px;
	margin-bottom:20px;
}

.globalM{
	margin-top:10px;!important;
	margin-bottom:30px!important;
}

.globalUnderM{
	margin-top:0px!important;
	margin-bottom:30px;
}

	#globalmenuArea ul{
		list-style:none;
		float:left;
		width:600px;
	}

		#globalmenuArea ul li{
			display:block;
			width:120px;
			height:31px;
			overflow:hidden;
			float:left;
		}

			#globalmenuArea ul li a{
				display:block;
				width:120px;
				height:31px;
				background-image:url(../img/bg/globalmenuBg.jpg);
				background-repeat:no-repeat;
				padding-top:31px;
			}

			li a.menu{
				background-position:0 0;
			}

			li a.menu:hover, li a.menuOn{
				background-position:0 -31px;
			}

			li a.staff{
				background-position:-120px 0;
			}

			li a.staff:hover, li a.staffOn{
				background-position:-120px -31px;
			}

			li a.style{
				background-position:-240px 0;
			}

			li a.style:hover, li a.styleOn{
				background-position:-240px -31px;
			}

			li a.blog{
				background-position:-360px 0;
			}

			li a.blog:hover, li a.blogOn{
				background-position:-360px -31px;
			}

			li a.event{
				background-position:-480px 0;
			}

			li a.event:hover, li a.eventOn{
				background-position:-480px -31px;
			}

	#globalmenuArea #contact{
		width:200px;
		height:31px;
		float:left;
	}

		#contact img{
			margin:0!important;
		}

#contents #mainContent{
	width:800px;
	margin:0 auto;
}
	#mainContent .leftBox{
		width:200px;
		float:left;
		color:#D8BA16;
	}

		.leftBox #pageTitle{
			width:135px;
			height:50px;
			overflow:hidden;
			margin:0 auto;
		}
			#pageTitle h1{
				width:135px;
				height:50px;
				background-image:url(../img/bg/pageTitle_all.jpg);
				background-repeat:no-repeat;
				padding-top:60px;
			}

			.pMenu{
				background-position:0 0;
			}

			.pAbout{
				background-position:-540px 0;
			}

			.pAccess{
				background-position:-675px 0;
			}

			.pStaff{
				background-position:-135px 0;
			}

			.pStyle{
				background-position:-270px 0;
			}

			.pEvent{
				background-position:-405px 0;
			}

		.leftBox ul.mainList{
			width:180px;
			list-style:none;
			margin-top:30px;
			margin-left:10px;
			margin-right:10px;
			text-align:right;
		}

		ul.mainList li{
			width:180px;
			height:50px;
			overflow:hidden;
		}

			ul.mainList li a{
				display:block;
				width:180px;
				height:50px;
				padding-right:30px;
				vertical-align:middle;
				font-size:1.2em;
				color:#ffffff;
				padding-top:16px;
				background-image:url(../img/bg/mainListBg.jpg);
				background-position:0 0;
			}

			ul.mainList li a:hover{
				background-position:0 -50px;
			}

	#mainContent .mainBox{
		width:600px;
		float:left;
		color:white;
	}

	#mainContent.event{
		/* height: 250px; */
	}

	#mainContent.event p{
		/* margin-bottom: 45px; */
	}

	#mainContent.event section{
		margin-bottom: 2em;
	}

	#mainContent.event section h2{
		margin-bottom: 1em;
	}

	.mainBox a.recruite{
		text-align: center;
		color: #fff;
		background-color: #D8BA16;
		border-radius: 1em;
		-moz-border-radius: 1em;
		-webkit-border-radius: 1em;
		padding: 1em;
		margin-left: 10px;
		margin-top: 3em;
	}

/***************************************
size, font etc.
****************************************/
.size08{
	font-size:0.8em;
}

.size09{
	font-size:0.9em;
}

.size12{
	font-size:1.2em;
}

.size20{
	font-size:2.0em;
}

.clrG{
	color:#CFC251;
}

.fw8{
	font-weight:800;
}

.cf:before,
.cf:after{
		content: "";
		display: table;
}
.cf:after{ clear: both; }