@charset "utf-8";
@import url("main.css"); /* common stylesheet */

#dammy {
	background: url() no-repeat;
	margin: 0;
	padding: 40px 0 0 0;
	width: 216px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:40px;/* for ie5.x */
	}


/* #
--------- --------- --------- --------- --------- */
.top_fl {
	margin: 0;
	padding: 0;
	width: 794px;
	height:310px;
	}
		
.top_stitle1, .top_stitle2, .top_stitle3 {
	margin: 0 0 10px 0;
	padding: 30px 0 0 0;
	width: 794px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:30px;/* for ie5.x */
	}
	
.top_stitle1 {
	background: url(../images/top/top_stitle1.jpg) no-repeat;
	margin: 20px 0 10px 0;
	}
	
.top_stitle2 {
	background: url(../images/top/top_stitle2.jpg) no-repeat;
	margin: 0;
	}
	
.top_stitle3 {
	background: url(../images/top/top_stitle3.jpg) no-repeat;
	width:300px;
	}

.area1 {
	margin:0 0 10px 0;
	padding:0;
	}

.area1_lbox {
	background: url(../images/top/area1_lbottom.jpg) no-repeat;
	background-position: 0 bottom;
	margin:0;
	padding:0;
	width:397px;
	height:160px;
	float:left;
	position: relative;
	}
	
.area1_rbox {
	background: url(../images/top/area1_rbottom.jpg) no-repeat;
	background-position: 0 bottom;
	margin:0;
	padding:0;
	width:396px;
	height:160px;
	float:right;
	position: relative;
	}
	
.area1_title1, .area1_title2 {
	margin: 0 0 10px 0;
	padding: 72px 0 0 0;
	width: 397px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:72px;/* for ie5.x */
	}
	
.area1_title1 {
	background: url(../images/top/area1_ltitle.jpg) no-repeat;
	}
	
.area1_title2 {
	background: url(../images/top/area1_rtitle.jpg) no-repeat;
	width:396px;
	}
	
.area1_list1 {
	background: url(../images/top/area1_lbtn1.jpg) no-repeat;
	margin:0;
	padding:52px 0 0 5px;
	list-style-type: none;
	position: absolute;
	top:72px;
	left:10px;
	width:182px;
	height:23px;
	line-height:1.4;
	}
	
.area1_list2 {
	background: url(../images/top/area1_lbtn2.jpg) no-repeat;
	margin:0;
	padding:32px 0 0 10px;
	list-style-type: none;
	position: absolute;
	top:72px;
	left:203px;
	width:177px;
	height:43px;
	line-height:1.4;
	}
	
.area1_list1 li, .area1_list2 li {
	margin:0;
	padding:0;
	}
	
.area1_list1 li a, .area1_list2 li a {
	background: url(../images/top/icon2.jpg) no-repeat;
	margin:0;
	padding:0 0 0 19px;
	font-size:1.4em;
	color:#00A33E;
	text-decoration:none;
	font-weight: bold;
	}
	
.area1_list1 li a:hover, .area1_list2 li a:hover {
	color:#FF6600;
}

.area1_list3 {
	margin:0;
	padding:0;
	list-style-type: none;
	position: absolute;
	top:72px;
	left:10px;
	}
	
.area1_list3 li {
	margin:0 6px 0 0;
	padding:0;
	float:left;
	width:185px;
	height:75px;
	}
	
.area1_list3 li a {
	margin:0;
	padding:53px 0 0 10px;
	>padding:56px 0 0 15px;
	display: block;
	width:175px;
	height:22px;
	>width:170px;
	>height:19px;
	font-size:1.1em;
	text-decoration: none;
	}
	
.area1_list3 .esco a {
	background: url(../images/top/area1_rbtn1.jpg) no-repeat;
	}
	
.area1_list3 .esp a {
	background: url(../images/top/area1_rbtn2.jpg) no-repeat;
	}

.news_area {
	margin:10px 0 15px 0;
	padding:5px;
	border:1px solid #CCC;
	}

.news1 {
	background: url(../images/top/news1.jpg) no-repeat;
	margin:0 0 5px 0;
	padding:7px 0 0 115px;
	width:667px;
	height:32px;
	font-size:1.4em;
	}

.news1 a {
	text-decoration: none;
	}
	
.news1 a span {
	margin:0 10px 0 0;
	}

.news2 {
	background: url(../images/top/news2.jpg) no-repeat;
	margin:0;
	padding:4px 0 1px 115px;
	width:667px;
	position: relative;
	}

.news2_list {
	margin:0 0 2px 0;
	list-style-type: none;
	line-height:1.4;
	}
	
.news2_list li {
	margin:0 0 2px 0;
	padding:0;
	font-size:1.4em;
	}
	
.news2_list li a {
	text-decoration: none;
	}
	
.news2_list li a span {
	margin:0 10px 0 0;
	}

.news_link {
	background: url(../images/top/icon.jpg) no-repeat;
	position: absolute;
	top:39px;
	left:12px;
	margin:0;
	padding:0 0 0 18px;
	}
	
.news_link a {
	margin:0;
	padding:0;
	font-size:1.2em;
	line-height:1.2;
	text-decoration: none;
	}





.area2 {
	margin:10px 0 15px 0;
	padding:5px;
	border:1px solid #CCC;
	height:65px;
	}
	
.area2body {
	background: url(../images/top/top_area2back.jpg) no-repeat;
	background-position: 5px 5px;
	margin:0;
	padding:0 0 0 165px;
	position: relative;
	height:65px;
	}

.info {
	margin:0 0 5px 0;
	font-size:1.4em;
	border-bottom:1px solid #999;
	width:610px;
	}

.news_list {
	margin:0;
	list-style-type: none;
	line-height:1.4;
	}
	
.news_list li {
	margin:0;
	padding:0;
	font-size:1.4em;
	}
	
.news_list li a {
	text-decoration: none;
	}
	
.news_list li a span {
	margin:0 10px 0 0;
	}
	
.news_more {
	background: url(../images/top/icon3.jpg) no-repeat;
	position: absolute;
	top:36px;
	left:18px;
	margin:0;
	padding:0 0 2px 17px;	
	}
	
.news_more a {
	font-size:1.2em;
	text-decoration: none;
	}
	
.area3 {
	background: url(../images/top/area3_back.jpg) no-repeat;
	background-position: 2px 0;
	margin:0 0 15px 0;
	padding:0;
	position: relative;
	width:789px;
	height:254px;
	}
	
.area3_list1 {
	margin:0;
	padding:0;
	list-style-type: none;
	width: 780px;
	height:200px;
	}
	
.area3_list1 li {
	position:absolute;
	margin:0;
	padding:0;
	width:74px;
	height:19px;
	}
	
.area3_list1 li.al1 {
	top:110px;
	left:48px;
	}

.area3_list1 li.al2 {
	top:80px;
	left:170px;
	}
	
.area3_list1 li.al3 {
	top:120px;
	left:288px;
	}
	
.area3_list1 li.al4 {
	top:85px;
	left:410px;
	}
	
.area3_list1 li.al5 {
	top:100px;
	left:540px;
	}
	
.area3_list1 li.al6 {
	top:82px;
	left:670px;
	}
		
.area3_list1 a {
	background: url(../images/top/icon1.jpg) no-repeat;
	margin: 0;
	padding: 19px 0 0 0;
	width: 74px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:19px;/* for ie5.x */
	}
	
.area3_list1 a:hover {
	background-position: 0 -19px;
	}
	
.area3_list2 {
	position: absolute;
	top:220px;
	>top:224px;
	left:45px;
	margin:0;
	padding:0 0 0 50px;
	list-style-type: none;
	width: 712px;
	height:20px;
	}
	
.area3_list2 li {
	margin:0 35px 0 0;
	padding:0;
	float:left;
	}
	
.area3_list2 li a {
	margin:0;
	padding:1px 0 2px 18px;
	background: url(../images/top/icon4.jpg) no-repeat;
	font-size:1.2em;
	text-decoration: none;
	font-weight:bold;
	}
	


.area4 {
	margin:0 0 10px 0;
	}

.area4_lbox {
	margin:0;
	padding:0;
	float:left;
	width:380px;
	}

.linklist_box1, .linklist_box2,
.linklist_box4 {
	margin:0;
	padding:6px 0 0 120px;
	height:77px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	}
	
.linklist_box5 {
	margin:0;
	padding:6px 0 0 148px;
	height:77px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	}
	
.linklist_box3 {
	margin:0;
	padding:6px 0 0 120px;
	height:80px;
	border-left:1px solid #808080;
	border-right:1px solid #808080;
	border-bottom:1px solid #808080;
	}
	
.linklist_box1 {
	background: url(../images/top/linkarea_banner1.jpg) no-repeat;
	background-position: 10px 6px;
	border-top:1px solid #808080;
	background-color: #F5F5F5;
	}
	
.linklist_box2 {
	background: url(../images/top/linkarea_banner2.jpg) no-repeat;
	background-position: 10px 6px;
	background-color: #F5F5F5;
	}
	
/*<家族>
*/
.linklist_box3 {
	background: url(../images/top/linkarea_banner5.jpg) no-repeat;
	background-position: 10px 6px;
	background-color: #F5F5F5;
	}
	
/*<cool biz>

.linklist_box3 {
	background: url(../images/top/linkarea_banner3.jpg) no-repeat;
	background-position: 10px 6px;
	background-color: #F5F5F5;
	}
	
*//*<worm biz>*/

.linklist_box5 {
	background: url(../images/top/linkarea_banner3.jpg) no-repeat;
	background-position: 10px 6px;
	background-color: #F5F5F5;
	}
	

.linklist_box4 {
	background: url(../images/mansion/blog/bunner.jpg) no-repeat;
	background-position: 10px 6px;
	background-color: #F5F5F5;
	}
	
.ll_title {
	margin:0 0 5px 0;
	padding:0;
	}
	
.ll_title a {
	color:#21733A;
	font-size:1.2em;
	}

.ll_title span{
	color:#0000CC;
	font-weight:600;
	font-size:14px;
	}
	
.ll_title_new {
	background:url(../images/top/new.jpg) no-repeat ;
	padding:0 0 0 40px;
	margin:0 0 5px 0;
	}

.ll_title_new a {
	color:#21733A;
	font-size:1.2em;
	}


.ll_ex {
	margin:0 10px 0 0;
	padding:0;
	font-size:1.1em;
	}

.area4_rbox {
	margin:0;
	padding:0;
	float:right;
	width:400px;
	}

/*.top_banner1 {
	background: url(../recruit/img/20081014_EE/design.jpg) no-repeat;
	margin:0 0 8px 0;
	padding:30px 0 0 17px;
	width:383px;
	height:120px;	
	}
*/
.banner1_title {
	background: url(../images/top/banner_title.jpg) no-repeat;
	margin: 0 0 3px 0;
	padding: 35px 0 0 0;
	width: 180px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:35px;/* for ie5.x */
	}


.banner1_ex {
	margin:0 0 5px 0;
	padding:0;
	font-size:1.1em;
	}
	
.banner1_more {
	background: url(../recruit/img/20081014_EE/design.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:120px 8px 8px 280px;
	width:112px;
	height:22px;
	}
	
.banner1_more a {
	background: url(../recruit/img/20081014_EE/btn1.jpg) no-repeat;
	margin: 0;
	padding: 22px 0 0 0;
	width: 112px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:22px;/* for ie5.x */
	}

.banner1_more a:hover {
	background-position:0 -22px;
	}
	

.banner1_more090515 {
	background: url(../images/top/bannerarea_banner10515.jpg) no-repeat;
	margin:0 0 10px 0;
	padding:89px 11px 9px 202px;
	width:187px;
	height:52px;
	}
	
.banner1_more090515 a {
	background: url(../images/top/banner_btn0515.jpg) no-repeat;
	margin: 0;
	padding: 52px 0 0 0;
	width: 187px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	}

.banner1_more090515 a:hover {
	background-position:0 -52px;
	}
	
.top_banner2 a{
	background: url(../images/top/bannerarea_banner2.jpg) no-repeat;
	margin:0 0 8px 0;
	padding: 96px 0 0 0;
	width: 400px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	position:relative;
	}

.top_banner2_2 a{
	background: url(../images/top/bannerarea_banner2_2.jpg) no-repeat;
	margin:0 0 8px 0;
	padding: 96px 0 0 0;
	width: 400px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	position:relative;
	}

.top_banner2_3 a{
	background: url(../images/top/bannerarea_banner2_3.jpg) no-repeat;
	margin:0 0 8px 0;
	padding: 96px 0 0 0;
	width: 400px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	position:relative;
	}

.top_banner2_4 a{
	background: url(../images/top/bannerarea_banner2_4.jpg) no-repeat;
	margin:0 0 8px 0;
	padding: 96px 0 0 0;
	width: 400px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:52px;/* for ie5.x */
	position:relative;
	}

/*.top_banner2 {
	background: url(../images/top/bannerarea_banner2.jpg) no-repeat;
	margin:0 0 8px 0;
	padding:0;
	width:400px;
	height:96px;
	position:relative;
	}
*/

.rec_more {
	position:absolute;
	top:75px;
	right:13px;
	}
	
.rec_more a {
	margin:0;
	padding:0 0 0 15px;
	background: url(../images/common/icon2.jpg) no-repeat;
	font-size:1.1em;
	text-decoration: none;
	}
	
.top_banner3 {
	background: url(../images/top/bannerarea_banner3.jpg) no-repeat;
	margin: 0;
	padding: 115px 0 0 0;
	width: 400px;
	overflow: hidden;
	display: block;
	border: none;
	text-decoration: none;
	height: 0px!important;
	height /**/:115px;/* for ie5.x */
	}
	
	
.top_bottom {
	margin:0 0 10px 0;
	padding:0;
	position:relative;
	}

.tb_links {
	margin:0;
	padding:0;
	list-style-type: none;
	}
	
.tb_links li {
	margin:0 10px 0 0;
	float:left;
	}
	
.tb_links li a {
	margin:0;
	padding:0 0 0 15px;
	background: url(../images/common/icon2.jpg) no-repeat;
	font-size:1.1em;
	text-decoration: none;
	}
	
.to_top {
	margin:0;
	padding:0;
	position:absolute;
	top:0;
	right:0;
	}
	
.to_top a {
	
	}linklist_box3