/* CSS Document */

/* ****************************************

*Site Name : ailus
*Style Name : common.css
*Description : ¶¦ÄÌÍ×ÁÇÍÑ
*Version : 1.00
*Last Update : 2013/05/start
*Author : Syo Motohashi


**************************************** */

/* ----------------------------------------
*	½é¡¦E¾¯
---------------------------------------- */

*{
	margin:0px;
	padding:0px;
	font-family:"£Í£Ó £Ð¥´¥·¥Ã¥¯", Osaka, "¥Ò¥é¥®¥Î³Ñ¥´ Pro W3";
	font-size:14px;
	line-height:1.6em;
	border:0px;
	color:#000000;
}

span{
	visibility:hidden;
}

body{
	background:url(../imgs/common/body-bg.png) repeat-x top left;
	background-color:#FFF;
}


	
/* ----------------------------------------
*	wrapper
---------------------------------------- */
#wrapper{
	margin:0 auto 30px;
}

/* ----------------------------------------
*	content
---------------------------------------- */
#content{
	clear:both;
	padding-top:0;
	width:800px;
	background-color:#FFFFFF;
	margin:0 auto;
	overflow:hidden;
	border:1px solid #999898;
}

/* ----------------------------------------
*	header
---------------------------------------- */
#header{
	background:url(../imgs/common/header-bg.png) no-repeat top left;
	width:800px;
	height:150px;
	margin:auto;
	position:relative;
	margin-bottom:0;
	padding-bottom:0;
}

#header h1{
	width:458px;
	height:50px;
	position:absolute;
	top:20px;
	left:20px;
}


#header h1 a{
	width:458px;
	height:50px;
	display:block;
	text-decoration:none;
	background-position:top;
}

*:first-child+html #header h1 a{
	width:458px;
	height:50px;
	display:block;
	text-decoration:none;
	background-position:top;
}

*html #header h1 a{
	width:458px;
	height:50px;
	display:block;
	text-decoration:none;
}

#header h1 a:hover{
	background-position:bottom;
}

#header h2{
	width:106px;
	height:83px;
	position:absolute;
	top:10px;
	right:45px;
	text-decoration:none;
}

#header p{
	width:233px;
	height:30px;
	position:absolute;
	top:60px;
	right:30px;
	text-decoration:none;
}


/* ----------------------------------------
*	menu
---------------------------------------- */

#menu{
	width:800px;
	height:40px;
	margin:auto;
	position:absolute;
	top:100px;
	left:0;
}

#menu ul{
	width:800px;
	height:40px;
	margin:auto;
}

#menu li{
	list-style:none;
	height:40px;
	float:left;
	margin:0px;
}

#menu li a{
	height:40px;
	background-position:top left;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

#menu li a:hover{
	background-position:bottom;
}

#menu #association a{
	width:164px;
}

#menu #play a{
	width:181px;
}

#menu #price a{
	width:131px;
}

#menu #voice a{
	width:164px;
}



#menu #links a{
	width:160px;
}


#menu span{
	visibility:hidden;
}


/* ----------------------------------------
*	recruit
---------------------------------------- */

#recruit{
	clear:both;
	width:740px;
/*	background:url(../imgs/index/map-footer-bg.png) repeat-x bottom left;
*/	padding-bottom:15px;
	position:absolute;
	top: 70px;
	left:0;
}

#recruit p{
	width:500px;
	height:14px;
	font-size: 16px;
	font-weight: bold;
	position:absolute;
	top: 0px;
	left: 30px;
}


/* ----------------------------------------
*	content
---------------------------------------- */

/*	page-link
---------------------------------------- */

#content #page-link{
	width:800px;
	border-top:solid 1px #97CA00;
	margin-top:30px;
	clear:both;
}

#content #page-link ul{
	margin:20px 0px 10px;
	text-align:center;
}

#content #page-link li{
	display:inline;
	padding:5px;
}

#content #page-link li a{
	font-size:13px;
	color:#97CA00;
}

#content #page-link li a:hover{
	color:#FF821E;
}

/*	footer
---------------------------------------- */

#footer{
	margin:0 auto 20px;
	padding-top:0;
	width:806px;
	height:25px;
	background:url(../imgs/common/content-bg.jpg) repeat-y top right;
	clear:both;
	position:relative;
	overflow:hidden;
}

#footer p#summary{
	position:absolute;
	top:3px;
	left:70px;
	font-size:14px;

}

#footer p#copyright{
	position:absolute;
	left:400px;
	top:1px;
	font-size:14px;
}