@charset "shift_jis";
@import url("common.css"); 

/* ==========================================================

title : 東建ウェブサイト
scope : トップページ

last modify : 2010/01/07 041_ooba
memo ： バナー差し替え

========================================================== */

/* ----------------------------------------------------------
 topmain
---------------------------------------------------------- */
#topmain {
	overflow:hidden;
	clear:both;
	width:924px;
	padding:0px;
	margin:6px 13px 0px;
	}

/* --------------------------------
 topflash
-------------------------------- */	
#topflash {
	display:inline;
	float:left;
	width:705px;
	margin:0px 10px 10px 2px;
	padding:8px 0px;
	background:url(../img/bg_topflash.gif) no-repeat 0 0;
	}
	
/* --------------------------------
 topcm
-------------------------------- */	
#topcm {
	float:right;
	width:205px;
	height:211px;
	margin:0px 2px 10px 0px;
	padding:0px;
	/*background:url(../img/panel_tvcm.jpg) no-repeat 0 0;*/
	background:url(../img/panel_cup.jpg) no-repeat 0 0;
	text-indent:-10000px;
	/*background:url(../img/panel_homemate.jpg) no-repeat 0 0;*/		/* 繁忙期対応のためホームメイトに差替え */
	}
#topcm a {
	display:block;
	width:205px;
	height:211px;
	/*background:url(../img/panel_tvcm.jpg) no-repeat 0 0;*/
	background:url(../img/panel_cup.jpg) no-repeat 0 0;
	/*background:url(../img/panel_homemate.jpg) no-repeat 0 0;*/		/* 繁忙期対応のためホームメイトに差替え */
	}
#topcm a:hover {
	/*background:url(../img/panel_tvcm.jpg) no-repeat 0 -211px;*/
	background:url(../img/panel_cup.jpg) no-repeat 0 -211px;
	/*background:url(../img/panel_homemate.jpg) no-repeat 0 -211px;*/		/* 繁忙期対応のためホームメイトに差替え */
}

/* --------------------------------
 topcm_hm
-------------------------------- */	
#topcm_hm {
	float:right;
	width:205px;
	height:211px;
	margin:0px 2px 10px 0px;
	padding:0px;
	text-indent:-10000px;
	background:url(../img/panel_homemate.jpg) no-repeat 0 0;
}
#topcm_hm a {
	display:block;
	width:205px;
	height:211px;
	background:url(../img/panel_homemate.jpg) no-repeat 0 0;
}
#topcm_hm a:hover {
	background:url(../img/panel_homemate.jpg) no-repeat 0 -211px;
}


	
/* --------------------------------
 purposebox
-------------------------------- */	

#purposebox {
	overflow:hidden;
	position:relative;
	clear:both;
	width:920px;
	margin:0px auto;
	padding:0px 0px 28px 0px;
	background:#f5f5f5 url(../img/purposebox_bottom.gif) no-repeat left bottom;
	}
#purposebox h2 {
	position:absolute;
	top:0px;
	left:0px;
	width:45px;
	height:125px;
	background:url(../img/purposebox_ttl.gif) no-repeat 0 0;
	text-indent:-9999px;
	}
/* 開閉ボタン */
#purposebox .btn_purposeother {
	position:absolute;
	/*right:5px;*/
	left:45px;
	bottom:0px;
	width:870px;
	height:17px;
	text-indent:-9999px;
	}
#purposebox .btn_purposeother a {
	display:block;
	width:870px;
	height:17px;
	background:url(../img/btn_purposeother_slow.gif) no-repeat center 0;
	}
#purposebox .btn_purposeother a:hover {
	background:url(../img/btn_purposeother_slow.gif) no-repeat center -17px;
	}
/* 目的リスト（表示） */
#purposebox dl.purpose1 {
	display:inline;
	overflow:hidden;
	float:left;
	width:876px;
	margin:0px 2px 0px 42px;
	/*text-indent:-9999px;*/
	}
#purposebox dl.purpose1 dt {
	float:left;
	width:219px;
	height:38px;
	text-indent:-9999px;
	}
#purposebox dl.purpose1 dt#ttl_estate1 {
	margin:0px 657px 0px 0px;
	background:url(../img/purposettl_estate.gif) no-repeat 0 0;
	}
#purposebox dl.purpose1 dt#ttl_rent1 {
	margin:-38px 438px 0px 0px;
	background:url(../img/purposettl_rent.gif) no-repeat 0 0;
	}
#purposebox dl.purpose1 dt#ttl_apartment1 {
	margin:-38px 219px 0px 0px;
	background:url(../img/purposettl_apartment.gif) no-repeat 0 0;
	}
#purposebox dl.purpose1 dt#ttl_other1 {
	margin:-38px 0px 0px 0px;
	background:url(../img/purposettl_other.gif) no-repeat 0 0;
	}
#purposebox dl.purpose1 dd {
	float:left;
	width:219px;
	background:url(../img/purpose1_bg.gif) no-repeat 0 0;
	}
/* 目的リスト（開閉） */
#purposebox dl.purpose2 {
	display:inline;
	overflow:hidden;
	float:left;
	width:876px;
	margin:0px 2px 0px 42px;
	text-indent:-9999px;
	}
#purposebox dl.purpose2 dt {
	float:left;
	width:219px;
	height:20px;
	text-indent:-9999px;
	}
#purposebox dl.purpose2 dt#ttl_estate2 {
	margin:-20px 657px 0px 0px;
	}
#purposebox dl.purpose2 dt#ttl_rent2 {
	margin:-20px 438px 0px 0px;
	}
#purposebox dl.purpose2 dt#ttl_apartment2 {
	margin:-20px 219px 0px 0px;
	}
#purposebox dl.purpose2 dt#ttl_other2 {
	margin:-20px 0px 0px 0px;
	}
#purposebox dl.purpose2 dd {
	overflow:hidden;
	float:left;
	width:219px;
	text-indent:0px;
	}
	
#purposebox dl dd ul {
	overflow:hidden;
	list-style:none;
	width:209px;
	margin:0px auto;
	padding:0px;
	}
#purposebox dl dd ul li {
	margin:0px 5px 2px;
	padding:0px 0px 2px 0px;
	background:url(../img/purpose_dotline.gif) repeat-x left bottom;
	}
#purposebox dl dd ul li a {
	padding:0px 0px 0px 15px;
	}
#purposebox dl.purpose1 dd ul li a {
	background:url(../img/purpose1_arrow.gif) no-repeat 5px 4px;
	}
#purposebox dl.purpose1 dd ul li a:hover {
	background:url(../img/purpose1_arrow.gif) no-repeat 6px 4px;
	}
#purposebox dl.purpose2 dd ul li a {
	background:url(../img/purpose2_arrow.gif) no-repeat 5px 4px;
	}
#purposebox dl.purpose2 dd ul li a:hover {
	background:url(../img/purpose2_arrow.gif) no-repeat 6px 4px;
	}

.toggler {
   margin:25px 0 25px 0;
	cursor:pointer;
	text-decoration: none;
	font-size: 1.4em;
	font-weight:bold;
	line-height:30px;
	display: block;
}
.toggler-closed {
	color:#333;
	padding-left:20px;
	height:30px;
	background: #efefef url('../css/togglerc.gif') center right no-repeat;
	border: solid 1px white;
}
.toggler-closed:hover {
	color: #000;
	padding-left:20px;
	height:30px;
	background: #fff url('../css/togglerch.gif') center right no-repeat;
	border: solid 1px #e3e3e3;
}
.toggler-opened {
	color:#333;
	padding-left:20px;
	height:30px;
	background: #efefef url('../css/togglero.gif') center right no-repeat;
	border: solid 1px white;
}
.toggler-opened:hover {
	color: #000;
	padding-left:20px;
	height:30px;
	background: #fff url('../css/toggleroh.gif') center right no-repeat;
	border: solid 1px #e3e3e3;
}	
	
	
	
	
	
/* --------------------------------
 topmain_left
-------------------------------- */
#topmain_left {
	display:inline;
	float:left;
	width:490px;
	padding:0px;
	margin:15px 10px 10px 2px;
	}
	
#topics {
	overflow:hidden;
	width:490px;
	height:202px;
	background:url(../img/topics_bg.gif) repeat-y 0 0;
	}
#topics #topi_in {
	width:490px;
	height:202px;
	background:url(../img/topics_bottomline.gif) repeat-x left bottom;
	}
#topics h2 {
	display:none;
	}
ul#topics_tab {
	list-style:none;
	width:490px;
	height:35px;
	background:url(../img/topics_tab_bg.gif) no-repeat 0 0;
	}
ul#topics_tab li {
	float:left;
	width:100px;
	height:35px;
	margin:0px 1px 0px 0px;
	text-indent:-10000px;
	}
ul#topics_tab li a {
	display:block;
	width:100px;
	height:35px;
	}
ul#topics_tab li#topics_tab01 a {
	background:url(../img/topics_tab.gif) no-repeat 0 0;
	}
ul#topics_tab li#topics_tab01.selected a,
ul#topics_tab li#topics_tab01 a:hover {
	background:url(../img/topics_tab.gif) no-repeat 0 -35px;
	}
ul#topics_tab li#topics_tab02 a {
	background:url(../img/topics_tab.gif) no-repeat -101px 0;
	}
ul#topics_tab li#topics_tab02.selected a,
ul#topics_tab li#topics_tab02 a:hover {
	background:url(../img/topics_tab.gif) no-repeat -101px -35px;
	}
ul#topics_tab li#topics_tab03 a {
	background:url(../img/topics_tab.gif) no-repeat -202px 0;
	}
ul#topics_tab li#topics_tab03.selected a,
ul#topics_tab li#topics_tab03 a:hover {
	background:url(../img/topics_tab.gif) no-repeat -202px -35px;
	}
	
#topics_02,
#topics_03 {
	display:none;
	}
	
ul.topicsbox {
	list-style:none;
	width:488px;
	margin:0px auto;
	}
ul.topicsbox li {
	clear:both;
	width:478px;
	margin:0px 0px 0px 5px;
	padding:5px 0px 6px;
	background:url(../img/topics_list_line.gif) repeat-x left bottom;
	line-height:110%;
	}
ul.topicsbox li .date {
	padding:0px 10px 0px;
	}
ul.topicsbox li .text {
	padding:0px 0px 0px 20px;
	background:url(../img/topics_icon_arrow.gif) no-repeat 0 0;
	}
ul.topicsbox li .text a:hover {
	color:#ff0000;
	}
	
#topics .topilink {
	overflow:hidden;
	width:478px;
	height:22px;
	margin:8px 5px 0px 5px;
	padding:0px;
	border:#cccccc solid 1px;
	}
#topics .topilink p {
	float:right;
	margin:4px 8px 0px;
	padding:0px 0px 0px 20px;
	background:url(../img/topilink_arrow.gif) no-repeat 0 1px;
	}
	

/* --------------------------------
 topmain_right
-------------------------------- */	
#topmain #topmain_right {
	display:inline;
	float:right;
	width:420px;
	margin:10px 2px 10px 0px;
	padding:0px;
	}

#topmain #topmain_right ul#bnr_box {
	overflow:hidden;
	list-style:none;
	clear:both;
	width:420px;
	margin:0px;
	padding:0px;
	}
#topmain #topmain_right ul#bnr_box li {
	float:left;
	width:134px;
	margin:0px 9px 0px 0px;
	padding:0px;
	text-indent:-10000px;
	}
#topmain #topmain_right ul#bnr_box li a {
	display:block;
	width:134px;
	}
#topmain #topmain_right ul#bnr_box li#bnr_inquiry_estate,
#topmain #topmain_right ul#bnr_box li#bnr_inquiry_estate a {
	height:97px;
	background:url(../img/bnr_inquiry_estate.gif) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_inquiry_estate a:hover {
	background:url(../img/bnr_inquiry_estate.gif) no-repeat 0 -97px;
	}
#topmain #topmain_right ul#bnr_box li#bnr_inquiry {
	height:92px;
	margin:5px 9px 0px 0px;
	background:url(../img/bnr_inquiry.gif) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_inquiry a {
	height:92px;
	background:url(../img/bnr_inquiry.gif) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_inquiry a:hover {
	background:url(../img/bnr_inquiry.gif) no-repeat 0 -92px;
	}
#topmain #topmain_right ul#bnr_box li#bnr_shop {
	height:97px;
	margin:0px;
	background:url(../img/bnr_shop.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_shop a {
	height:97px;
	background:url(../img/bnr_shop.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_shop a:hover {
	background:url(../img/bnr_shop.jpg) no-repeat 0 -97px;
	}
#topmain #topmain_right ul#bnr_box li#bnr_tvcm {
	width:206px;
	height:105px;
	margin:5px 8px 0px 0px;
	background:url(../img/bnr_tvcm.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_tvcm a {
	width:206px;
	height:105px;
	background:url(../img/bnr_tvcm.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_tvcm a:hover {
	background:url(../img/bnr_tvcm.jpg) no-repeat 0 -105px;
}

/**#topmain #topmain_right ul#bnr_box li#bnr_calendar {
	width:206px;
	height:105px;
	margin:5px 0px 0px 0px;
	background:url(../img/bnr_calendar.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_calendar a {
	width:206px;
	height:105px;
	background:url(../img/bnr_calendar.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_calendar a:hover {
	background:url(../img/bnr_calendar.jpg) no-repeat 0 -105px;
}**/
	
#topmain #topmain_right p#bnr_homemate a {
	clear:both;
	display:block;
	width:420px;
	height:105px;
	margin:5px 0px 0px 0px;
	padding:0px;
	background:url(../img/bnr_homemate.jpg) no-repeat 0 0;
	text-indent:-10000px;
	}
#topmain #topmain_right p#bnr_homemate a:hover {
	background:url(../img/bnr_homemate.jpg) no-repeat 0 -105px;
	}

#topmain #topmain_right ul#bnr_box li#bnr_ecopoint {
	width:206px;
	height:105px;
	margin:5px 0px 0px 0px;
	background:url(../img/bnr_ecopoint.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_ecopoint a {
	width:206px;
	height:105px;
	background:url(../img/bnr_ecopoint.jpg) no-repeat 0 0;
	}
#topmain #topmain_right ul#bnr_box li#bnr_ecopoint a:hover {
	background:url(../img/bnr_ecopoint.jpg) no-repeat 0 -105px;
	}
	
/* --------------------------------
 panelbox
-------------------------------- */	
#panelbox {
	clear:both;
	width:920px;
	margin:0px 2px 0px;
	padding:10px 0px;
	background:#dddddd;
	}
#panelbox dl {
	overflow:hidden;
	clear:both;
	width:910px;
	margin:0px 0px 0px 10px;
	padding:0px;
	}
#panelbox dl dt {
	float:left;
	width:219px;
	height:50px;
	margin:0px;
	padding:0px;
	}
#panelbox dl dt a {
	display:block;
	width:219px;
	height:50px;
	color:#444444;
	text-decoration:none;
	cursor:pointer;
	}
#panelbox dl dt a:hover {
	color:#666666;
	}
#panelbox dl dt#panel_01 a {
	background:url(../img/panel.jpg) no-repeat 0 0;
	}
#panelbox dl dt#panel_01 a:hover {
	background:url(../img/panel.jpg) no-repeat -219px 0;
	}
#panelbox dl dt#panel_02 a {
	background:url(../img/panel.jpg) no-repeat 0 -50px;
	}
#panelbox dl dt#panel_02 a:hover {
	background:url(../img/panel.jpg) no-repeat -219px -50px;
	}
#panelbox dl dt#panel_03 a {
	background:url(../img/panel.jpg) no-repeat 0 -100px;
	}
#panelbox dl dt#panel_03 a:hover {
	background:url(../img/panel.jpg) no-repeat -219px -100px;
	}
#panelbox dl dt#panel_04 a {
	background:url(../img/panel.jpg) no-repeat 0 -150px;
	}
#panelbox dl dt#panel_04 a:hover {
	background:url(../img/panel.jpg) no-repeat -219px -150px;
	}
#panelbox dl dt .conname {
	position:relative;
	display:inline-block;
	margin:0px 0px 0px 70px;
	padding:6px 0px 0px 0px;
	font-weight:bold;
	z-index:100;
	}
#panelbox dl dd {
	position:relative;
	float:left;
	width:168px;
	height:50px;
	margin:0px 8px 0px -168px;
	padding:0px;
	font-size:80%;
	}
#panelbox dl dd p {
	padding:22px 5px 0px 16px;
	line-height:120%;
	}
#panelbox dl dd img.qr {
	position:absolute;
	top:8px;
	right:8px;
	}
#panelbox dl dd ul {
	list-style:none;
	padding:22px 5px 0px 16px;
	}
#panelbox dl dd ul li {
	margin:0px;
	padding:0px;
	line-height:120%;
	}

/* --------------------------------
 qualificationt
-------------------------------- */	
#qualification ul.competency {
	list-style:none;
	overflow:hidden;
	clear:both;
	width:830px;
	margin:30px auto 10px;
	}
#qualification ul.competency.bnr_2 {
	width:657px;
	}
#qualification ul.competency li {
	float:left;
	height:55px;
	}
	
#qualification ul.competency li .veriarea {
	display:block;
	width:272px;
	height:55px;
	margin:0px 0px 0px 10px;
	}

#qualification ul.competency li .veriarea h2 {
	float:left;
	width:115px;
	height:55px;
	margin:0px;
	padding:0px;
	}
#qualification ul.competency li .veriarea p {
	padding:0px 0px 0px 125px;
	}


.vacation{
	display: block;
	height: 40px;
	width: 900px;
	padding:0 0 5px 0;
}