/* CSS Document */

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

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


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

p#main-img{
	margin:0 auto;
	width:800px;
	border:1px solid #999898;
}

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


/*	top-main-erea
---------------------------------------- */

#top-main-erea{
	width:798px;
	border:solid 1px #999898;
	margin:0 auto 10px;
	background:url(../imgs/index/pr-bg.png) repeat-x top left;
	background-color:#EFF7FA;

}

/*
#top-main-erea ul{
	width:790px;
	overflow:hidden;
	margin:15px auto;
	padding:0 0 0 16px;
}

#top-main-erea ul li{
	float:left;
	list-style-type:none;
	display:inline;
}

#top-main-erea ul li#flash-content{
	width:390px;
	height:210px;
	border-right:#003299 solid 1px;
	border-bottom:#003299 solid 1px;
}

#top-main-erea ul li#flash-content object{
	width:390px;
	height:210px;
	border-right:#003299 solid 1px;
	border-bottom:#003299 solid 1px;
}
*/


#chibatv_movie{
	padding:0 0 0 12px;
}

#chibatv_movie a img{
	width:360px;
	height:209px;
	border:#003299 solid 1px;
}

#top-main-erea div{
	width:763px;
	border:solid 1px #999898;
	margin:0 auto 15px;
	background-color:#FFF;
	overflow:hidden;
}

#top-main-erea .main-image{
	border: none;
	margin:15px auto;
	background-color: transparent;
}

#top-main-erea-p-left{
	float:left;
	width:483px;
	padding:10px 15px;
	color:#666666;
}

#top-main-erea-p-right{
	float:left;
	width:200px;
	padding:10px 15px;
	text-align:center;
}

#top-main-erea-p-right img{
	margin:0 0 5px;
}





/*	pr-comment
---------------------------------------- */


div#pr-comment{
	width:760px;
	margin:15px auto 50px;
	background:url(../imgs/index/news-header.png) no-repeat top left;
}

div#pr-comment p{
	padding:35px 40px;
	width:680px;
	margin:auto;
	background:url(../imgs/index/news-footer.png) no-repeat bottom left;
}

/*	erea-map
---------------------------------------- */

#content #erea-map{
	background:url(../imgs/index/erea-title.png) no-repeat top center;
	width:780px;
	margin:30px auto 30px;
	overflow:hidden;
	padding-top:60px;
}

#erea-map p#area-select{
	width:387px;
	height:14px;
	margin:10px 0 10px 30px;
}

#erea-btn{
	overflow:hidden;
	width:780px;
	margin:auto;
}

#group-chiba{
	position:relative;
	width:778px;
	height:420px;
	margin:0 auto 10px;
	background-color:#eff7fa;
	border:solid 1px #CCC;
	overflow:hidden;
}

#group-chiba ul{
	width:680px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:90px;
}

#group-chiba p{
	position:absolute;
	top:193px;
	left:10px;
}

#group-ibaraki{
	position:relative;
	width:778px;
	height:120px;
	margin:0 auto 10px;
	background-color:#eff7fa;
	border:solid 1px #CCC;
	overflow:hidden;
}

#group-ibaraki p{
	position:absolute;
	top:48px;
	left:12px;
}

#group-ibaraki ul{
	width:680px;
	overflow:hidden;
	position:absolute;
	top:10px;
	left:90px;
}

#erea-btn li{
	list-style:none;
	width:160px;
	height:90px;
	float:left;
	margin:5px;
	display:inline;
}

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

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


/*	new-recruitment
---------------------------------------- */
.new-recruitment{
	background:url(../imgs/index/ailus-new-recruitment-top.png) no-repeat top right;
	width:765px;
	margin:10px auto 30px;
	overflow:hidden;
	position:relative;
	padding-top:70px;
}

.new-recruitment > dl{
	width: 760px;
	margin: auto;
}

.new-recruitment > dl > dt{
	width: 760px;
	height: 247px;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}

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

.new-recruitment > dl > dd{
	width: 758px;
	margin: 0 auto;
	padding: 25px 0;
	border: #8e8d8d solid 1px;
	font-size: 20px;
	text-align: center;
}

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

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

#content #news{
	background:url(../imgs/index/ailus-news-top.png) no-repeat top right;
	width:765px;
	margin:10px auto 30px;
	overflow:hidden;
	position:relative;
	padding-top:48px;
}

#content #more-news{
	width:68px;
	position:absolute;
	top:0;
	left:670px;
}


#content #more-news a{
	display:block;
	width:68px;
	height:52px;
}



#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{
	width:90px;
	padding-left:15px;
	margin-left:10px;
	background:url(../imgs/index/list-mark.png) no-repeat center left;
	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;
}

#content #news-group dd a{
	color:#97CA00;
}


/*	movie-list_title
---------------------------------------- */

#content #movie-list_title{
	background:url(../imgs/index/ailus-movie-top.png) no-repeat top right;
	width:765px;
	margin:10px auto 30px;
	overflow:hidden;
	position:relative;
	padding-top:48px;
}

#content #more-movie{
	width:68px;
	position:absolute;
	top:0;
	left:670px;
}


#content #more-movie a{
	display:block;
	width:68px;
	height:52px;
}

#content #movie_bg{
	position:relative;
	width:763px;
	height:320px;
	margin:30px auto 30px;
	background-color:#eff7fa;
	border:solid 1px #CCC;
	overflow:hidden;
}

.movie_list_div{
	clear:both;
	width:760px;
	margin:10px auto;
	overflow:hidden;
}

.movie_list_div dl{
	width:180px;
	height:250px;
	padding:0 5px 0 5px;
	float:left;
	overflow:hidden;
}

.movie_list_div dt{
	width:180px;
	margin:0 0 5px;
	text-align:center;
}

.movie_list_div dd.movie_list_dd_text{
	width:180px;
	padding:0 5px;
}

.movie_list_div dt a{
	text-decoration:underline;
	font-weight:bold;
	color:#97CA00;
}


/*	members_campaign
---------------------------------------- */
#members_campaign_box{
	width:800px;
	margin-top:20px;
	padding-top:10px;
	clear:both;
}

#members_campain a{
	text-decoration:none;
}

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

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

#content #ailus-list{
	background:url(../imgs/index/ailus-list-top.png) no-repeat top right;
	width:765px;
	padding-top:45px;
	margin:40px auto 10px;
}

#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;
}


h3{
	background:url(../imgs/link/title-link.png) no-repeat top left;
	width:765px;
	height:30px;
	margin:30px auto 10px;
}


#erea_menu{

	margin:0px auto;

	padding:10px 0px 15px 0px;

	width:670px;

}



#erea_menu div#chiba_area{

	width:680px;

	height:275px;

	margin:0 auto 15px;

	border:#d8e5b0 solid 5px;

	overflow:hidden;

}



#erea_menu div#ibaraki_area{

	width:680px;

	height:125px;

	margin:0 auto 15px;

	border:#d8e5b0 solid 5px;

	overflow:hidden;

}

div#ibaraki_area ul#ul_ibaraki_area {

	width:650px;

	height:105px;

	margin:0 auto;

	padding: 0px 15px 10px;

	overflow:hidden;

}



#chiba_area ul,#ibaraki_area ul{

	margin-left:16px;

}



#erea_menu #chiba_area p#chiba_title,p#ibaraki_title{

	margin:5px;

}



#erea_menu ul li{

	height:65px;

	width:98px;

	float:left;

	list-style-type:none;

	padding:5px;

}



#erea_menu ul li a{

	height:65px;

	width:98px;

	background-position:top;

	background-repeat:no-repeat;

	display:block;

	text-decoration:none;

}



#erea_menu ul li a:hover{

	background-position:bottom;

}


/* ----------------------------------------

*	erea_menu

---------------------------------------- */


li#chiba a{background-image:url(../imgs/list/btn-chiba.png);}

li#inzai a{background-image:url(../imgs/list/btn-inzai.png);}

li#imba a{background-image:url(../imgs/list/btn-imba.png);}

li#urayasu a{background-image:url(../imgs/list/btn-urayasu.png);}

li#ichikawa a{background-image:url(../imgs/list/btn-ichikawa.png);}

li#kamagaya a{background-image:url(../imgs/list/btn-kamagaya.png);}

li#narashino a{background-image:url(../imgs/list/btn-narashino.png);}

li#funabashi a{background-image:url(../imgs/list/btn-funabashi.png);}

li#yachimata a{background-image:url(../imgs/list/btn-yachimata.png);}

li#abiko a{background-image:url(../imgs/list/btn-abiko.png);}

li#mobara a{background-image:url(../imgs/list/btn-mobara.png);}



li#inashiki a{background-image:url(../imgs/list/btn-inashiki.png);}

li#shimotsuma a{background-image:url(../imgs/list/btn-shimotsuma.png);}

li#hitachi a{background-image:url(../imgs/list/btn-hitachi.png);}

li#toride a{background-image:url(../imgs/list/btn-toride.png);}

li#matsudo a{background-image:url(../imgs/list/btn-matsudo.png);}

li#shiroi a{background-image:url(../imgs/list/btn-shiroi.png);}

li#sakura a{background-image:url(../imgs/list/btn-sakura.png);}

li#kashiwa a{background-image:url(../imgs/list/btn-kashiwa.png);}

li#yotsukaido a{background-image:url(../imgs/list/btn-yotsukaido.png);}

li#ryugasaki a{background-image:url(../imgs/list/btn-ryugasaki.png);}