@charset "UTF-8";
/* CSS Document */
html, body {  
    height: 100%;
    margin: 0;  
    padding: 0;  
	overflow-y: scroll;
}

body {
	background-color: #000000;
	background-image: url(../img/back.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	color: #ffffff;
	font-size:12px;
}

/* ~~ この固定幅コンテナが他の div を囲みます。~~ */
.container {
	position:relative;
	width: 800px;
	height:auto !important;
	height:100%;
	min-height:100%;
	margin: 0 auto;
	margin-bottom:-30px;
}

body > #container {
    height: auto;
}

.header {
	text-align:center;
	height:150px;
}

.menu {
	margin:5px auto;
	text-align:center;
	height:30px;
}

.menu div {
	float:left;
}

.clearFloat {
	clear:both;
}

.content {
	position:relative;
	margin:5px auto;
	text-align:center;
	padding:auto 8px 30px;
	overflow: auto;
}

.content div {
	float:left;
	width:200px;
	margin:10px 30px;
	background-color:#000;
}

.content div.new {
	border:2px solid #F00;
}

.content div.info {
	padding:5px;
	width:470px;
}

.content div.info2 {
	padding:5px;
	width:700px;
}


.content div.info p{
	text-align:left;
}

.content div.info2 p{
	text-align:left;
}

.content div.recruit {
	padding:5px 0px;
}

.content div.recruit span {
	display:block;
	padding:5px;
	text-align:left;
}

.content2 {
	position:relative;
	text-align:center;
	margin:5px auto;
}

.content2 div {
	float:left;
	height:auto;
	background-color:#000;
	margin:5px auto;
}

.content2 div.space {
	width:200px;
	background-color:transparent;
}

.content2 div.center {
	width:380px;
	padding:auto 5px;
	margin:5px 5px;
}

.content2 div.center p{
	text-align:left;
}


.footer {
	position:absolute;
	bottom:0px;
	height:30px;
}

.footer-space {
	height:30px;
	background:transparent;
}