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



*Site Name : ailus

*Style Name :index

*Description :for index



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



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

*	profile

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



#profile{

	width:190px;

	height:530px;

	background:url(../imgs/index/profile_bg.gif) no-repeat bottom left;

	margin:0;

	padding:0 10px 0 0;

	float:left;

}



#profile h2{

	width:190px;

	height:60px;

	padding:0;

	margin:0;


}



#photo_profile{

	width:170px;

	height:170px;

	margin:0 auto;

	padding:0 0 5px 0;

}



#profile dl{

	width:160px;

	height:50px;

	background:url(../imgs/index/profile_text_bg.gif) no-repeat top center;

	margin:5px auto 0;

	padding:0 10px;

}



#profile dt{

	width:155px;

	padding:3px 0 0 5px;

	font-size:13px;

	text-align:left;

	font-weight:bold;

	color:#333333;

}



#profile dd{

	width:140px;

	padding:0 0 0 20px;

	font-size:13px;

	text-align:left;

	color:#333333;



}





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

*	main

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



#main_contents{

	width:600px;

	height:530px;

	background:url(../imgs/index/main_bg.gif) no-repeat bottom left;

	float:left;

	position:relative;

}



#main_contents h2{

	width:600px;

	height:60px;

	background:url(../imgs/index/title_main.gif) no-repeat top left;

}



#main_dl_suit{

	position:absolute;

	top:70px;

	left:15px;

	z-index:3;

}



#main_dl_care{

	position:absolute;

	top:100px;

	left:195px;

	z-index:2;

}



#main_dl_casual{

	position:absolute;

	top:130px;

	left:375px;

	z-index:1;

}



#main_dl_suit dt{

	width:140px;

	height:50px;

	padding:0 35px;

}



#main_dl_care dt{

	width:140px;

	height:50px;

	padding:0 35px;

}



#main_dl_casual dt{

	width:140px;

	height:50px;

	padding:0 35px;

}



.main_text_bg{

	width:126px;

	height:43px;

	background:url(../imgs/index/main_dd_text_bg.gif) no-repeat top center;

	padding:7px 42px 0;

}





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

*	pr-box

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



#pr-box{

	clear:both;

	width:800px;

	background:url(../imgs/index/contents_bg_bottom.gif) no-repeat bottom left;

	margin:0 auto 0;

	padding:10px 0 30px;

}



#pr-box h2{

	width:240px;

	height:120px;

	float:left;

}



#pr-box p{

	width:560px;

	height:120px;

	background:url(../imgs/index/pr_photo_bg.gif) no-repeat top left;

	float:left;

}



#pr-box p img{

	padding:5px 0 0 20px;

}



#pr-box ul{

	clear:both;

	width:760px;

	margin:0;

	padding:0 20px;

	background: url(../imgs/index/contents_bg_1px.gif) repeat-y top left;

}



#pr-box li{

	width:740px;

	margin:0;

	padding:10px 10px 10px 10px;

	background:url(../imgs/index/contents_line.jpg) no-repeat bottom left;

	list-style:none;

}



#pr-box li span{

	width:705px;

	display:block;

	margin:0;

	padding:6px 20px 6px 35px;

	visibility:visible;

	background:url(../imgs/index/icon_rakuraku.gif) no-repeat top left;

}





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

*	work-box

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



#work-box{

	width:800px;

	background: url(../imgs/index/contents_bg_bottom.gif) no-repeat bottom left;

	margin:0 auto;

	padding:10px 0 30px;

}



#work-box h2{

	width:800px;

	height:60px;
}



#work-box ul{

	width:760px;

	margin:0;

	padding:0 20px;

	background: url(../imgs/index/contents_bg_1px.gif) repeat-y top left;

}



#work-box li{

	width:740px;

	margin:0;

	padding:10px 10px 10px 10px;

	background:url(../imgs/index/contents_line.jpg) no-repeat bottom left;

	list-style:none;

}



#work-box li span{

	width:705px;

	display:block;

	margin:0;

	padding:6px 20px 6px 35px;

	visibility:visible;

	background:url(../imgs/index/icon_rakuraku.gif) no-repeat top left;

}



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

*	for ie-6

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



/**html {

	behavior: expression(IEPNGFIX.fix(this));

}

*/