/* CSS Document */

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

*Site Name : ailus
*Style Name : index.css
*Description : INDEX
*Version : 1.00
*Last Update : 2008/12/start
*Author : Syo Motohashi


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

/* ----------------------------------------
*	�顦E��
---------------------------------------- */

*{
	margin:0px;
	padding:0px;
	font-family:"�ͣ� �Х����å�", Osaka, "�ҥ饮�γѥ� Pro W3";
	font-size:14px;
	line-height:1.5em;
	border:0px;
}


body{
	background:url(../imgs/index/index-bg.jpg) repeat-x top left;
	background-color:#FFFCF6;
}



/* ----------------------------------------
*	wrapper
---------------------------------------- */

/* ----------------------------------------
*	content
---------------------------------------- */
#content{
	padding-top:0;
	width:806px;
	background:url(../imgs/common/content-bg.jpg) repeat-y top right;
	background-color:#FFFFFF;
	margin:0 auto;
	overflow:hidden;
}

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

#header h1{
	width:457px;
	height:47px;
	position:absolute;
	top:10px;
	left:20px;
}


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

/*
*html #header h1 a{
	background-image:url(../imgs/common/rogo-ie.png);
}
#header h1 a:hover{
	background-position:bottom;
}
*/

#header h2{
	width:144px;
	height:34px;
	position:absolute;
	top:2px;
	right:40px;
	text-decoration:none;
}

#header p{
	width:197px;
	height:29px;
	position:absolute;
	top:37px;
	right:23px;
	text-decoration:none;
}




p#main-img{
	margin:0 auto;
	width:806px;
	background:url(../imgs/common/content-bg.jpg) repeat-y top right;
}


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

#menu{
	width:100%;
	height:52px;
	background:url(../imgs/index/index-menubg.jpg) repeat-x top left;
}

#menu ul{
	width:802px;
	height:52px;
	margin:auto;
}

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

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

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

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

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

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

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

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



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

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

}

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




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

/*	new-recruitment
---------------------------------------- */

.new-recruitment{
	background:url(../imgs/index/ailus-new-recruitment-top.jpg) no-repeat top right;
	width:756px;
	margin:10px auto 50px;
	padding-top: 65px;
	padding-right:10px;
	overflow:hidden;
}

.new-recruitment > dl{
	width:673px;
	margin: 0 auto;
	padding: 0;
	background-color: #f8f4df;
	border: solid 1px #a0d98e;
}

.new-recruitment > dl > dt{
	width: 673px;
	height: 219px;
	margin: 0;
	padding: 0;
}

.new-recruitment > dl > dd {
	margin: 10px 25px;
	padding: 25px 50px;
	background-color: #fff;
	border: solid 1px #fe920b;
	font-size: 18px;
}

.new-recruitment > dl > dd > span{
	color: #fc5900;
	font-size: 23px;
	text-decoration: underline;
}

/*	ailus-news
---------------------------------------- */

#content #ailus-news{
	background:url(../imgs/index/ailus-news-top.jpg) no-repeat top right;
	width:756px;
	margin:10px auto 30px;
	padding-top:15px;
	padding-right:10px;
	overflow:hidden;
}

#content #more-news a{
/*	margin-left:570px;
*/	display:block;
	width:185px;
	height:31px;
}

#content #more-news a:hover{
	background-position:bottom;
}


#content #more-news{
	width:185px;
	text-align:right;
	margin-left:570px;
}


#content #more-news a img{
	margin-top:15px;
	display:inline;
}

#content #news-group{
	width:700px;
	height:auto;
	margin:20px auto;
	overflow:hidden;
}

#content #news-group dl{
	background:url(../imgs/index/dl-underline.gif) repeat-x bottom left;
	width:700px;
	overflow:hidden;
	padding-bottom:5px;
	padding-top:5px;
}


#content #news-group dt.new{
	width:90px;
	padding-left:30px;
	margin-left:10px;
	background:url(../imgs/index/news-newmark.gif) no-repeat center left;
	float:left;
	line-height:1.6em;
	display:inline;
}

#content #news-group dt.old{
	width:90px;
	padding-left:30px;
	margin-left:10px;
	background:none;
	float:left;
	line-height:1.6em;
	display:inline;
}


#content #news-group dd{
	width:520px;
	padding-right:20px;
	padding-left:30px;
	float:left;
	line-height:1.6em;
	display:inline;
}

/*	page-link
---------------------------------------- */
#content #page-link ul{
	margin:30px 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;
}


/*	area_search
---------------------------------------- */
#area_search{
	width:671px;
	margin:10px auto 25px;
/*	background:url(../imgs/index/areabox-bg.gif) no-repeat bottom left;
*/	overflow:hidden;
	background-color:#F9F6E3;
	padding:0;
	border: solid 1px #AADE99;
}

#area-image{
	float:left;
	margin-left:20px;
	display:inline;
}

#area_search ul{
	width:390px;
	height:200px;
	background-color:#FFFFFF;
	border:solid 1px #FE9D04;
	position:relative;
	padding-top:0;
	margin-top:5px;
}

#area_search li{
	list-style-type:none;
	position:absolute;
}

#area_search li a{
	background-position:top;
	background-repeat:no-repeat;
	display:block;
	text-decoration:none;
}

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

li#kita{
	top:10px;
	left:85px;
}

li#adati{
	top:10px;
	left:185px;
}

li#arakawa{
	top:55px;
	left:85px;
}

li#sumida{
	top:55px;
	left:235px;
}

li#daitou{
	top:100px;
	left:85px;
}

li#chuuou{
	top:145px;
	left:85px;
}

li#koutou{
	top:145px;
	left:185px;
}

li#katsushika{
	top:10px;
	left:303px;
}

li#edogawa{
	top:97px;
	left:303px;
}

li#bunkyo{
	top:10px;
	left:34px;
}

li#chiyoda{
	top:97px;
	left:34px;
}

li#adati a{
	width:118px;
	height:45px;
}

li#arakawa a{
	width:150px;
	height:45px;
}

li#sumida a{
	width:68px;
	height:90px;
}

li#daitou a{
	width:150px;
	height:45px;
}

li#chuuou a{
	width:100px;
	height:45px;
}

li#koutou a{
	width:118px;
	height:45px;
}

li#katsushika a{
	width:51px;
	height:87px;
}

li#edogawa a{
	width:51px;
	height:93px;
}

li#kita a{
	width:100px;
	height:45px;
}

li#bunkyo a{
	width:51px;
	height:87px;
}

li#chiyoda a{
	width:51px;
	height:93px;
}

#area_summarytxt{
	width:220px;
	height:200px;
	background-color:#FFFFFF;
	border:solid 1px #FE9D04;
	margin-left:18px;
	float:left;
	display:inline;
	margin-bottom:10px;
	margin-top:5px;
	padding-top:0;
}

#pr-comment h3{
	font-weight:normal;
	font-size:13px;
	clear:both;
	text-align:center;
	border:solid 1px #FE9D04;
	width:630px;
	padding:5px 0;
	background:url(../imgs/list/description_bg.gif) no-repeat bottom right;
	background-color:#FFFFFF;
}

#pr-comment{
	width:630px;
	margin:0 auto 5px;
}


/*	members_campaign
---------------------------------------- */

#members_campain a{
	text-decoration:none;
}

#members_campain li{
	width:723px;
	height:174px;
	list-style:none;
	margin:25px auto;
}

/*	ailus-list
---------------------------------------- */

#content #ailus-list{
	background:url(../imgs/link/ptitle-ailusgroup-link.jpg) no-repeat top right;
	width:756px;
	padding-top:65px;
	margin:30px auto 10px;
	overflow:hidden;
}

#content #ailus-list ul{
	margin:10px 0px;
	text-align:center;
	width:756px;
	padding-bottom:20px;

}

#content #ailus-list ul li{
	display:inline;
	padding:10px;
}

#content #ailus-list ul li a{
	text-decoration:none;
}



#title_link h3{
	background:url(../imgs/link/ptitle-link.jpg) no-repeat top left;
	width:756px;
	height:59px;
	margin:15px auto;
}