/* CSS Document */

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

*Site Name : ailus saitama index
*Style Name : index.css
*Description : for index
*Version : 1.00
*Last Update : 2009/12/
*Author : Daisuke Muto


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



/* ----------------------------------------
*	main_content
---------------------------------------- */

#top_main_content{
	width:800px;
	height:267px;
	margin:10px 0 10px;
	overflow:hidden;
}

#top_main_content p#main_image{
	width:447px;
	height:267px;
	float:left;
	margin:0;
	padding:0;
}

#top_main_content p#movie_image{
	width:346px;
	height:267px;
	float:right;
	margin:0;
	padding:0;
}



/* ----------------------------------------
*	video and pr
---------------------------------------- */

#top_video_pr{
	width:780px;
	height:auto;
	background-color:#FFF;
	border:#f4af29 solid 1px;
	padding:9px;
	overflow:hidden;
}

#top_video_pr_inner{
	width:774px;
	height:auto;
	background-color:#FFF;
	border:#f4af29 solid 3px;
	overflow:hidden;
}

#top_video_pr_text{
	width:337px;
	padding:10px;
	font-size:10pt;
	float:left;
}

#top_video_pr_img{
	width:410px;
	height:160px;
	float:right;
	margin:25px 0 0 0;
	padding:0 7px 0 0
}


/* ----------------------------------------
*	Area Select
---------------------------------------- */

#area_select_h3{
	width:800px;
	height:40px;
	margin:10px 0 0 0;
}

#area_select{
	width:780px;
	height:auto;
	background-color:#FFF;
	border-left:#f4af29 solid 1px;
	border-right:#f4af29 solid 1px;
	border-bottom:#f4af29 solid 1px;
	padding:9px;
}

#area_select_p{
	width:280px;
	height:30px;
	margin:0 0 0 20px;
}

#area_select ul{
	width:750px;
	height:auto;
	background-color:#FFF;
	border:#f4af29 solid 3px;
	padding:10px 7px 0 17px;
	overflow:hidden;
}

div#area_select ul li{
	width:140px;
	height:60px;
	list-style-type:none;
	text-decoration:none;
	padding:0 10px 10px 0;
	float:left;
}

div#area_select ul li a{
	width:140px;
	height:60px;
	display:block;
	background-position:top;
	background-repeat:no-repeat;
	text-decoration:none;
}

div#area_select ul li a:hover{
	background-position:bottom;
}

#top-main-content dl{
	width:366px;
	margin:0 auto;
	padding-top:10px;
}

#top-main-content dl dt{
	width:167px;
	height:14px;
	background:url(../imgs/index/title-recruit.png) no-repeat top left;
	padding-bottom:10px;
}


#top-main-content dl dd{
	margin:0 auto;
	padding:0 20px;
}

#area_select_dl dt{
	width:180px;
	height:30px;
	margin:0 0 0 20px;
}

#area_select_dl dd{
	padding:0 0 0 50px;
}

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

#ailus_ecruitment_h3{
	width:800px;
	height:40px;
	margin:10px 0 0 0;
}

.new-recruitment{
	width:800px;
	margin: 0px auto 30px;
	overflow:hidden;
	position:relative;
}

.new-recruitment > dl{
	width: 800px;
	margin: auto;
	background-color: #fff;
	padding-bottom: 30px;
	padding-top: 18px;
}

.new-recruitment > dl > dt{
	width: 688px;
	height: 223px;
	margin: 0 auto 18px;
	padding: 0;
	text-align: center;
	border: solid 3px #f3a525;
}

.new-recruitment > dl > dt > img{
	width: 688px;
	height: 223px;
	margin: 0;
	padding: 0;
}

.new-recruitment > dl > dd{
	width: 688px;
	margin: 0 auto;
	padding: 0;
	font-size: 20px;
	text-align: center;
}

.new-recruitment > dl > dd > span{
	font-size: 28px;
	text-decoration: underline;
	visibility: visible;
}


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

#ailus_news_h3{
	width:800px;
	height:40px;
	margin:10px 0 0 0;
}

#ailus_news{
	width:780px;
	height:auto;
	background-color:#FFF;
	border-left:#f4af29 solid 1px;
	border-right:#f4af29 solid 1px;
	border-bottom:#f4af29 solid 1px;
	padding:9px;
	overflow:hidden;
}

#more_news{
	padding:0 0 0 670px;
	margin:0 0 10px 0;
}

#more_news a{
	width:100px;
	height:30px;
	display:block;
	text-decoration:none;
}

#ailus_news dl{
	padding:0 20px;
}

#ailus_news dl dt{
	width:150px;
	border-top:#f7c769 2px solid;
	padding:10px 0 0 0;
	float:left;
}

#ailus_news dl dt img{
	padding:0 10px 0 0;
}


#ailus_news dl dd{
	width:590px;
	border-top:#f7c769 2px solid;
	padding:10px 0 0 0;
	float:left;
}


/* ----------------------------------------
*	q and a
---------------------------------------- */

#qa_h3{
	width:800px;
	height:40px;
	margin:10px 0 0 0;
}

#qa{
	width:780px;
	height:auto;
	background-color:#FFF;
	border-left:#f4af29 solid 1px;
	border-right:#f4af29 solid 1px;
	border-bottom:#f4af29 solid 1px;
	padding:9px;
	overflow:hidden;
}

#qa_text{
	width:330px;
	margin:30px 0 20px 0;
	padding:0 10px;
	float:left;
}

#qa_img{
	width:420px;
	height:170px;
	margin:10px 0 20px 0;
	padding:0 10px 0 0;
	float:right;
}

#qa dl{
	clear:both;
	width:760px;
	height:auto;
	background-color:#FFF;
	border:#f4af29 solid 3px;
	padding:7px;
	margin:10px 0 0 0;
}

#qa dl dt{
	width:710px;
	height:25px;
	background:url(../imgs/index/qa_dt.gif) no-repeat top left;
	background-color:#f7c769;
	font-weight:bold;
	padding:5px 0 0 50px;
}

#qa dl dd{
	width:720px;
	padding:10px 20px 0;
}


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

#ailus_group_hp_h3{
	width:800px;
	height:40px;
	background:url(../imgs/index/h3_ailus_group_hp.jpg) no-repeat top left;
	margin:10px 0 0 0;
}

#ailus_group_hp{
	width:780px;
	height:auto;
	background-color:#FFF;
	border-left:#f4af29 solid 1px;
	border-right:#f4af29 solid 1px;
	border-bottom:#f4af29 solid 1px;
	padding:9px;
	overflow:hidden;
}

#ailus_group_hp ul{
	margin:15px auto;
	text-align:center;
	width:700px;
}

#ailus_group_hp ul li{
	padding:10px;
	float:left;
	list-style-type:none;
}

#ailus_group_hp li a{
	text-decoration:none;
}