@charset "utf-8";

/* layout--------------*/
#wrapper{
	width: 500px;
	margin:0 auto;
	padding:0;
	background-color: #FFFFFF;		
}

#header{
	width:500px;
	height:290px;
}

#main{
	width:500px;	
}

#footer{
	width:500px;
	height:30px;		
}

/* common--------------*/
body{
	margin: 0px;
	padding: 0px;
	color: #333333;
	background-attachment: scroll;
	background-color: #000;
	background-image: url(../img/groupbg.jpg);
	background-repeat: repeat-y;
	background-position: center top;	
}

.non-disp{
	display: none;
}

a:link {
	color: #0000ff;
}

a:visited {
	color: #333;
}

a:hover {
	color: #ff6600;
}

/* header */

#header{	
	background-image: url(../img/header.jpg);
	background-repeat: no-repeat;
}

#header h1{	
	display:none;
}

/* main */

#bluehole{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g01.jpg);
	background-repeat: no-repeat;	
}

#bluehole h2{	
	width:205px;
	height:58px;
	margin:0;
	padding: 25px 0px 0px 60px;		
}

#bluehole2{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g02.jpg);
	background-repeat: no-repeat;
	
}

#bluehole2 h2 {
	width:203px;
	height:58px;
	margin:0;
	padding: 20px 0px 0px 60px;	
}

#pero{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g03.jpg);
	background-repeat: no-repeat;	
}

#pero h2{
	width:209px;
	height:58px;
	margin:0;	
	padding: 15px 0px 10px 60px;		
}

#pero2{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g04.jpg);
	background-repeat: no-repeat;	
}

#pero2 h2{
	width:207px;
	height:58px;
	margin:0;	
	padding: 15px 0px 0px 60px;		
}

#utada{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g05.jpg);
	background-repeat: no-repeat;	
}

#utada h2{
	width:208px;
	height:58px;
	margin:0;	
	padding: 25px 0px 0px 60px;		
}

#renai{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g06.jpg);
	background-repeat: no-repeat;	
}

#renai h2{
	width:208px;
	height:58px;
	margin:0;	
	padding: 10px 0px 0px 60px;	
}

#sharanq{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g08.jpg);
	background-repeat: no-repeat;	
}

#sharanq h2{
	width:208px;
	height:77px;
	margin:0;	
	padding: 15px 0px 0px 60px;		
}

#hurin{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g07.jpg);
	background-repeat: no-repeat;	
}

#hurin h2{
	width:209px;
	height:107px;
	margin:0;
	padding: 10px 0px 0px 60px;	
}

#kindan{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g09.jpg);
	background-repeat: no-repeat;	
}

#kindan h2{
	width:209px;
	height:87px;
	margin:0;
	padding: 15px 0px 0px 60px;		
}

#angelwife{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g10.jpg);
	background-repeat: no-repeat;	
}

#angelwife h2{
	width:203px;
	height:80px;
	margin:0;
	padding: 15px 0px 0px 60px;		
}

#yuuwaku{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g11.jpg);
	background-repeat: no-repeat;	
}

#yuuwaku h2{
	width:111px;
	height:112px;
	margin:0;
	padding: 5px 0px 0px 105px;		
}

#recruit{
	width:500px;
	height:200px;
	position: relative;
	background-image: url(../img/g12.jpg);
	background-repeat: no-repeat;	
}

#recruit h2{
	width:240px;
	height:100px;
	margin:0;
	padding: 15px 0px 0px 60px;		
}


.move{
	width:300px;	
	position: absolute;	
	left: 20px;
	top:93px;
	line-height: 1.5em;	
}

.move_2{
	width:300px;	
	position: absolute;	
	left: 20px;
	top: 110px;
	line-height: 1.3em;
}

.move_3{
	width:300px;	
	position: absolute;	
	left: 20px;
	top: 88px;
	line-height: 1.5em;	
}
.qr{
	width:100px;
	height:100px;
	position: absolute;
	left: 380px;
	top: 80px;
}

#main p{
	display:block;
	margin:0;
}


/* footer */
#footer{
	margin:0;
	padding:0;		
}


#footer p{	
	display: block;
	padding:5px 0 0;
	text-align: center;
	color: #333;	
}