@charset "shift_jis";

/*========== 大枠レイアウト ==========*/

* { margin:0px; padding:0px; font-style:normal; font-size:12px; }
h1,h2,h3,h4,ul,li,p { margin:0px; padding:0px; background-image:none; }

#preBody {
	height: auto;
	width: 920px;
	text-align:left;
	background: url(../img/pre_index_bg03.gif) repeat-y;
}
#preBody .pre_btm {
	background: url(../img/pre_index_bg04.gif) no-repeat bottom;
	height: 12px;
	clear: both;
	width: 100%; /* for IE6,7 */
}

/*========== 基本設定 ==========*/

.clr { clear:both; }
.left { float:left; }
.right { float:right; }

/*========== title ==========*/
#preBody #titleArea {
	background: url(../img/pre_index_bg_title.jpg) no-repeat;
	height: 138px;
	width: 920px;
}
#preBody #titleArea .title_l {
	height: 138px;
	width: 764px;
	float: left;
}
#preBody #titleArea .title_r {
	float: right;
	height: 138px;
	width: 156px;
}
#preBody #titleArea .title_l h1 {
	display: none;
}
#preBody #titleArea .title_r ul {
	padding-left: 15px;
}
/*#preBody #titleArea .title_r ul {
	padding-left: 25px;
}*/

#preBody #titleArea .kodateLink {
	margin-top: 37px;
}

#preBody #titleArea .title_r li {
	background: url(../img/arrow.gif) left 3px no-repeat;
	margin-bottom: 7px;
	margin-right: 2px;
	padding-left: 10px;

}

/*#preBody #titleArea .title_r li {
	background: url(../img/arrow.gif) left 3px no-repeat;
	margin-bottom: 7px;
	margin-right: 15px;
	padding-left: 10px;

}*/

.di		{ display: inline; }
.mT50	{ margin-top: 50px; }

/*========== MENU ==========*/
#preBody #indexArea {
	clear: both;
	width: 100%; /* for IE6,7 */
}
#preBody #indexArea h2 {
	margin: 0px;
	padding: 0px;
}
#preBody #indexArea h3 {
	border: none;
}
#preBody #indexArea .index_l {
	float: left;
	height: auto;
	width: 555px;
}
#preBody #indexArea .index_r {
	float: right;
	height: auto;
	width: 365px;
}

/*========== エリアから選ぶ ==========*/
#preBody #indexArea .box_area {
	background: url(../img/pre_index_bg_map.gif) 16px 30px no-repeat;
	float: left;
	height: 275px;
	width: 270px;
	padding-left: 16px;
}
#indexArea .area_l {
	float: left;
	height: 163px;
	width: 104px;
	margin-top: 17px;
	padding-left: 24px;
}
#indexArea .area_r {
	float: left;
	height: 163px;
	width: 104px;
	margin-top: 17px;
	padding-left: 8px;
}
#indexArea .area_b {
	clear: both;
}
#indexArea .area_b .area_b_l {
	float: left;
	height: auto;
	width: 115px;
	margin-top: 8px;
	padding-left: 20px;
}
#indexArea .area_b .area_b_r {
	float: left;
	height: auto;
	width: 130px;
	margin-top: 8px;
}
#indexArea .index_l .box_area .area_b li {
	background: url(../img/arrow.gif) no-repeat left 4px;
	padding-left: 10px;
	margin-bottom: 5px;
}

/*========== エリアから選ぶ（ボタン） ==========*/
#indexArea .index_l .box_area li { margin-bottom: 6px ; }
#indexArea .index_l .box_area.box_area p { display: none; }

#indexArea .index_l .box_area li.tokyo a { background: url(../img/pre_index_tokyo.gif) no-repeat; display: block; height: 44px; width: 104px; }
#indexArea .index_l .box_area li.tokyo23 a { background: url(../img/pre_index_23ku.gif) no-repeat; display: block; height: 44px; width: 104px; }
#indexArea .index_l .box_area li.kanagawa a { background: url(../img/pre_index_kanagawa.gif) no-repeat; display: block; height: 44px; width: 104px; }
#indexArea .index_l .box_area li.saitama a { background: url(../img/pre_index_saitama.gif) no-repeat; display: block; height: 44px; width: 104px; }
#indexArea .index_l .box_area li.chibaibaraki a { background: url(../img/pre_index_chibaibaraki.gif) no-repeat; display: block; height: 44px; width: 104px; }

#indexArea .index_l .box_area li.tokyo a:hover { background: url(../img/pre_index_tokyo_ov.gif); }
#indexArea .index_l .box_area li.tokyo23 a:hover { background: url(../img/pre_index_23ku_ov.gif); }
#indexArea .index_l .box_area li.kanagawa a:hover { background: url(../img/pre_index_kanagawa_ov.gif); }
#indexArea .index_l .box_area li.saitama a:hover { background: url(../img/pre_index_saitama_ov.gif); }
#indexArea .index_l .box_area li.chibaibaraki a:hover { background: url(../img/pre_index_chibaibaraki_ov.gif); }


/*========== 間取りから探す ==========*/
#preBody #indexArea .box_room {
	background: url(../img/pre_index_bg_room.gif) 14px 30px no-repeat;
	float: left;
	height: 275px;
	width: 240px;
	padding-left: 14px;
}
#indexArea .box_room .room_c {
	padding: 10px 0 0 18px;
}

/*========== 間取りから探す（ボタン） ==========*/
#indexArea .index_l .box_room li { margin-bottom: 8px ; _margin-bottom: 6px ; }
#indexArea .index_l .box_room p { display: none; }

#indexArea .index_l .box_room li.room1 a { background: url(../img/pre_index_room01.gif) no-repeat; display: block; height: 50px; width: 204px; }
#indexArea .index_l .box_room li.room2 a { background: url(../img/pre_index_room02.gif) no-repeat; display: block; height: 50px; width: 204px; }
#indexArea .index_l .box_room li.room3 a { background: url(../img/pre_index_room03.gif) no-repeat; display: block; height: 50px; width: 204px; }
#indexArea .index_l .box_room li.room4 a { background: url(../img/pre_index_room04.gif) no-repeat; display: block; height: 50px; width: 204px; }
#indexArea .index_l .box_room li.room1 a:hover { background: url(../img/pre_index_room01_ov.gif) ; }
#indexArea .index_l .box_room li.room2 a:hover { background: url(../img/pre_index_room02_ov.gif) ; }
#indexArea .index_l .box_room li.room3 a:hover { background: url(../img/pre_index_room03_ov.gif) ; }
#indexArea .index_l .box_room li.room4 a:hover { background: url(../img/pre_index_room04_ov.gif) ; }

/*========== テーマから探す ==========*/
#preBody #indexArea .box_theme {
	background: url(../img/pre_index_bg_theme.gif) left 30px no-repeat;
	float: left;
	height: 397px;
	width: 350px;
}
#indexArea .index_r .theme_c {
	padding-left: 18px;
	height: auto;
	margin-top: 7px;
}
#indexArea .index_r ul {
	height: 59px;
	width: 100%;
	background: url(../img/pre_index_theme_l.gif) no-repeat left 58px;
}
#indexArea .index_r li.theme_ph {
	height: 54px;
	width: 92px;
	margin: 2px 10px 0 0 ;
	float: left;
}
#indexArea .index_r li.theme {
	background: url(../img/arrow.gif) no-repeat left 9px;
	padding: 5px 0 0 10px ;
	float: left;
}
#indexArea .index_r li.theme6 {
	background: url(../img/arrow.gif) no-repeat left 16px;
	padding: 12px 0 0 10px ;
	float: left;
}
#indexArea .index_r p {
	font-size: 10px;
	line-height: 150%;
	width: 100%;
	margin-top: 3px;
	clear: both;
}
/*========== 記事を読む ==========*/
#preBody #indexArea .box_kiji {
	background: url(../img/pre_index_bg_kiji.gif) 14px top no-repeat;
	height: 106px;
	width: 528px;
	padding-left: 14px;
	margin-top: 15px;
}
/* for IE6 */
*html #preBody #indexArea .box_kiji {
	margin-top: 0px;
}
/* for IE7 */
*:first-child+html #preBody #indexArea .box_kiji {
	margin-top: 0px;
}
#indexArea .index_l .kiji_c {
	padding: 8px 0 0 83px ;
}
#indexArea .index_l .kiji_c p {
	line-height: 135%;
	padding-top: 5px;
	margin-top: 0px;
	float: left;
}

#indexArea .index_l .kiji_c span{
	color:#fb4e02;
	font-weight:bold;
}

/*========== 記事を読む（ボタン） ==========*/
#indexArea .box_kiji .kiji_c .go_kiji p { display: none; }
#indexArea .box_kiji .kiji_c .go_kiji a {
	background: url(../img/pre_index_kiji.jpg) no-repeat;
	height: 46px;
	width: 120px;
	margin: 24px 10px 0 0 ;
	float: right;
}
#indexArea .box_kiji .kiji_c .go_kiji a:hover {
	background: url(../img/pre_index_kiji_ov.jpg) no-repeat;
	height: 46px;
	width: 120px;
	margin: 24px 10px 0 0 ;
	float: right;
}


td.ms_name a{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	padding-bottom:8px;
	
}


/*========== テーマ ==========*/
#contents .title{
	margin:0px; padding:0px; background-image:none;
	margin-bottom:10px;
}

iframe #ichiran1{padding-left:8px;}