@charset "utf-8";
 /* Contents
-------------------------------------------------- */
div#slide {
	width: 500px;
	height: 250px;
	margin-bottom: 30px;
	float:right;
}

div#top_main {
	width: 715px;
	height: 250px;
	margin-bottom: 30px;
}

* html div#top_main {
	margin-bottom: 0px;
}

div#top_main ul{
	width:185px;
	height:201px;
	padding:39px 10px 10px 10px;
	background:url(/images/top/search_waku.jpg);
	float:left;
	background-repeat:no-repeat;
}

* html div#top_main ul{
	width:205px;
	height:250px;
	padding:39px 13px 10px 0px;
	background:url(/images/top/search_waku.jpg);
	float:left;
	background-repeat:no-repeat;
}


* html div#top_main ul li{
	margin-left:0px;
	padding-left:0px;
}

div#top_main ul li{
	list-style:none;
}

div#top_main ul li img{
	margin-bottom:7px;
}

div#top_main img{
	float:right;
}

h2.title-main {
	margin-bottom: 20px;
	background: url(../images/common/title_main_line.gif) left center repeat-x;
	line-height: 1.2em;
	font-size: 1.2em;
}

h2.title-main span {
	padding-left: 30px;
	padding-right: 10px;
	background: #fff url(../images/common/title_main.jpg)  left center no-repeat;
}

ul#recommend {
	height: 86px;
	list-style: none;
}

ul#recommend li {
	float: left;
	padding-right: 10px;
	position: relative;
}
ul#recommend li img { vertical-align: bottom;}
ul#recommend li#newlyweds { padding-right: 0 ! important;}

/* Aside */
div#top_aside {
	background:#E7E7E7;
	float:right;
}

div#top_aside h3 {
	margin-bottom: 10px;
	padding-left: 15px;
	border-right: #c4c4c4 solid 1px;
	border-bottom: #c4c4c4 solid 1px;
	background:  #fff url(../images/common/title_service.gif) left no-repeat;
	font-size: 1.1em;
}

div#top_aside h2, div#side h4 {
	margin-bottom: 10px;
	padding-left: 8px;
	background:  transparent url(../images/common/title_side.jpg) left no-repeat;
	font-size: 1em;
}

div#top_aside h4, div#side h4 {
	margin-bottom: 10px;
	padding-left: 8px;
	background:  transparent url(../images/common/title_side.jpg) left no-repeat;
	font-size: 1em;
}

div#service dl {
	padding-bottom: 15px;
	margin-bottom: 15px;
	background: url(../images/common/line_dot.gif) left bottom repeat-x;
}

div#service dl dt {
	margin-bottom: 0.5em;
}

div#service dl dt#jahouse_banner{
	margin-top: 15px;
}

div#service dl dd ul {
	list-style: none;
}

div#service dl dd ul li {
	padding-left: 12px;
	background:  url(../images/common/arrow_red2.gif) left no-repeat;
	line-height: 1.8em;
}

div#area-guide {
	clear: both;
	margin-bottom: 14px;
	padding-bottom: 5px;
	background: url(../images/common/line_dot.gif) left bottom repeat-x;
}

div#area-guide p {
	margin-bottom: 0.5em;
}

div#area-guide dl dd, div#area-guide dl dt {
	margin-bottom: 5px;
}

div#area-guide ul {
	padding: 0;
	list-style: none;
}

div#area-guide ul li {
	*zoom: 1;
	margin-bottom: 10px;
	background: url(../images/top/background_service.gif) top left no-repeat;
}

div#area-guide ul li dl {
	background: url(../images/top/background_service_bottom.gif) bottom left no-repeat;
	padding: 8px 10px 5px;
}

div#area-guide ul li dt {
	margin-bottom: 5px;
	font-size: 1.2em;
}

 /* メイン下検索エリア
-------------------------------------------------- */
#theme {
	padding:1px;
	width:712px;
	height:103px;
	background-color:#D2D2D2;
	font-weight:bold;
	}

* html #theme {
	padding:1px;
	width:715px;
	height:103px;
	background-color:#D2D2D2;
	}

#theme #in{
	width:702px;
	height:90px;
	background-color:#E5E5E5;
	border:#FFFFFF solid thin;
	padding:6px 3px 5px 5px;
	}

* html #theme #in{
	width:713px;
	height:90px;
	background-color:#E5E5E5;
	border:#FFFFFF solid thin;
	padding:6px 3px 5px 5px;
	}

#theme #in ul li{
	float:left;
	list-style:none;
	width:137px;
	height:43px;
	font-size:1.1em;
	font-style:bold;
	background-repeat:no-repeat;
	margin-bottom:3px;
	margin-right:3px;
	display:block;
	}
	
	
#theme #in ul li a{
	width:95px;
	height:20px;
	padding:15px 0px 10px 45px;
	display:block;
	}

* html #theme #in ul li a{
	width:137px;
	height:43px;
	padding:15px 0px 10px 45px;
	display:block;
	display:inline;

	}	


 /* 画像デフォルト */
#theme #in ul li#top_zero{
	background-image:url(/images/top/top_zero.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_kagu{
	background-image:url(/images/top/top_kagu.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_kagu a{
	height:27px;
	padding-top:6px;
	}	
#theme #in ul li#top_shinchiku{
	background-image:url(/images/top/top_shinchiku.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_shinchiku a{
	height:27px;
	padding-top:6px;
	}	
#theme #in ul li#top_shinkon{
	background-image:url(/images/top/top_shinkon.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_student{
	background-image:url(/images/top/top_student.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_designer{
	background-image:url(/images/top/top_designer.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_koukyu{
	background-image:url(/images/top/top_koukyu.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_reform{
	background-image:url(/images/top/top_reform.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_reform{
	letter-spacing:-2px;
	}
#theme #in ul li#top_reform a{
	height:27px;
	padding-top:6px;
	}
#theme #in ul li#top_ja{
	background-image:url(/images/top/top_ja.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_maker{
	background-image:url(/images/top/top_maker.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_maker a{
	height:27px;
	padding-top:6px;
	}
#theme #in ul li#top_maker{
	letter-spacing:-1px;
	}
	
 /* 画像マウスオーバー */
#theme #in ul li#top_zero a:hover{
	background-image:url(/images/top/top_zero_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_kagu a:hover{
	background-image:url(/images/top/top_kagu_on.jpg);
	background-repeat:no-repeat;
	height:27px;
	padding-top:6px;
	}
#theme #in ul li#top_shinchiku a:hover{
	background-image:url(/images/top/top_shinchiku_on.jpg);
	background-repeat:no-repeat;
	height:27px;
	padding-top:6px;
	}
#theme #in ul li#top_shinkon a:hover{
	background-image:url(/images/top/top_shinkon_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_student a:hover{
	background-image:url(/images/top/top_student_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_designer a:hover{
	background-image:url(/images/top/top_designer_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_koukyu a:hover{
	background-image:url(/images/top/top_koukyu_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_reform a:hover{
	background-image:url(/images/top/top_reform_on.jpg);
	background-repeat:no-repeat;
	height:27px;
	padding-top:6px;
	}
#theme #in ul li#top_ja a:hover{
	background-image:url(/images/top/top_ja_on.jpg);
	background-repeat:no-repeat;
	}
#theme #in ul li#top_maker a:hover{
	background-image:url(/images/top/top_maker_on.jpg);
	background-repeat:no-repeat;
	height:27px;
	padding-top:6px;
	}

 /* 画像デフォルトie6 */
* html #theme #in ul li#top_zero{
	background-image:url(/images/top/top_zero.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_zero a{
	background-image:url(/images/top/top_zero.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_kagu{
	background-image:url(/images/top/top_kagu.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_kagu a{
	height:27px;
	padding-top:6px;
	padding-bottom:0px;
	}	
* html #theme #in ul li#top_shinchiku{
	background-image:url(/images/top/top_shinchiku.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_shinchiku a{
	height:27px;
	padding-top:6px;
	padding-bottom:0px;
	}	
* html #theme #in ul li#top_shinkon{
	background-image:url(/images/top/top_shinkon.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_shinkon a{
	background-image:url(/images/top/top_shinkon.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_student{
	background-image:url(/images/top/top_student.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_student a{
	background-image:url(/images/top/top_student.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_designer{
	background-image:url(/images/top/top_designer.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_designer a{
	background-image:url(/images/top/top_designer.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_koukyu{
	background-image:url(/images/top/top_koukyu.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_koukyu a{
	background-image:url(/images/top/top_koukyu.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_reform{
	background-image:url(/images/top/top_reform.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_reform a{
	height:27px;
	padding-top:6px;
	padding-bottom:0px;
	}
* html #theme #in ul li#top_ja{
	background-image:url(/images/top/top_ja.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_ja a{
	background-image:url(/images/top/top_ja.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_maker{
	background-image:url(/images/top/top_maker.jpg);
	background-repeat:no-repeat;
	}
* html #theme #in ul li#top_maker a{
	height:27px;
	padding-top:6px;
	padding-bottom:0px;
	}




 /* ミドルサイドエリア
-------------------------------------------------- */
div#top_aside {
	width: 200px;
	float: right;
	padding: 10px;
	font-size: 1em;
}

*html div#top_aside { width: 220px;}

.aside_text{
	position:absolute;
	left:10px;
	right:5px;
	top:58px;
	}
#side_site .aside_text{
	position:absolute;
	left:5px;
	top:5px;
	}
.aside_img_banner{
	position:absolute;
	left:5px;
	top:5px;
	}

.aside_img_bottom{
	position:absolute;
	left:26px;
	top:143px;
	}

.aside_img{
	position:absolute;
	left:26px;
	top:113px;
	}
	
.aside_img_middle{
	position:absolute;
	left:26px;
	top:83px;
	}

#aside_waku{
	background-image:url(/images/top/aside_waku.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:145px;
	margin-bottom:5px;
	position:relative;
	}
	
#aside_waku_height3{
	background-image:url(/images/top/aside_waku_3.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:175px;
	margin-bottom:5px;
	position:relative;
	}

#aside_waku_bottom{
	background-image:url(/images/top/aside_waku.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:145px;
	margin-bottom:15px;
	position:relative;
	}

#side_site{
	background-image:url(/images/top/side_site.jpg);
	background-repeat:no-repeat;
	width:200px;
	height:570px;
	margin-bottom:0px;
	position:relative;
	font-size:1.1em;
	font-weight:bold;
	}
#side_site span{
	font-size:0.8em;
	color:#666666;
	font-weight:normal;
	}
#side_site .aside_text_site{
	position:absolute;
	left:10px;
	top:10px;
	right:10px;
	}

 /* 右サイドエリア
-------------------------------------------------- */

ul#new_banner{
	width:216px;
	padding:1px;
	height:auto;
	border:1px solid #DADADA;
	margin-bottom:20px;
}


ul#new_banner li.new_bukken{
	margin:0px 3px;
}

ul#new_banner li{
	list-style:none;
}
	
.aside_text_site a{
	color:#666666;
	}

.aside_text_site a:hover{
	color:#666666;
	text-decoration:underline;
	}

.aside_text_site a:link{
	color:#666666;
	}
	
#smart_banner{
	width:220px;
	height:205px;
	background-image:url(/images/top/smart_banner.jpg);
	background-repeat:no-repeat;
	margin-bottom:20px;
	position:relative;
	text-align:center;
	margin-top:20px;
}

#smart_banner a{
	position:relative;
	top:178px;
}


 /* ▼タブのアクティブ制御*/
 ul.navi-commitment li a {
	display: block;
	width: 100px;
	height: 41px;
	padding: 12px 0 0 16px;
	background: url(../images/common/tab_nonactive.gif) left bottom repeat-x;
	text-decoration:none;
	color: #FFFFFF;
}

ul.navi-commitment li a:hover, ul.navi-commitment li.select {
	width: 104px;
	height: 41px;
	padding: 12px 0 0 12px;
	background: url(../images/common/tab_active.gif) left bottom repeat-x;
	color: #1776ac;
}
ul.navi-commitment li.select a{
	background:none;
	color: #1776ac;
}
	

* html ul.navi-commitment li a:hover, *html ul.navi-commitment li.select { width: 116px; height: 53px;}

ul.navi-commitment li.select a{
	display: block;
	width: 100px;
	height: 41px;
	padding: 0px;
	text-decoration:none;
	color: #1776ac;
}
* html ul.navi-commitment li { width: 116px; height: 53px;}

 /*ul.navi-commitment li a:hover, ul.navi-commitment li.select  {
	width: 104px;
	height: 41px;
	padding: 12px 0 0 12px;
	background: url(../images/common/tab_active.gif) left bottom repeat-x;
	color: #1776ac;
}*/
* html ul.navi-commitment li a:hover, *html ul.navi-commitment li.select { width: 116px; height: 53px;}

 /* ▲タブのアクティブ制御*/

 /* ▼新築タブのアクティブ制御*/
 ul#navi-commitment-new{
	 display:block;
	 margin-left:4px;
	 margin-bottom:35px;
	 margin-top:5px;
 }
 
 ul#navi-commitment-new li{
	 float:left;
 }
	 
	 
 ul#navi-commitment-new li a {
	display: block;
	width: 49px;
	height: 21px;
	padding: 5px 10px 0px 10px;
	background: url(../images/top/tab_new.jpg) left bottom repeat-x;
	text-decoration:none;
}
* html ul#navi-commitment-new li a {
	display: block;
	width: 69px;
	height: 26px;
	padding: 10px 0px 5px 10px ;
}

ul#navi-commitment-new li a:hover, ul#navi-commitment-new li.select {
	width: 49px;
	height: 21px;
	padding: 5px 10px 0px 10px;
	background: url(../images/top/tab_new_on.jpg) left bottom repeat-x;
}

ul#navi-commitment-new li.select a{
	background:none;
	padding: 10px 0px 5px 10px ;
}
	

* html ul#navi-commitment-new{
	margin-bottom:5px;
}

* html ul#navi-commitment-new li a:hover, * html ul#navi-commitment-new li.select { 
	width: 69px;
	height: 26px;
	padding: 0px 0px 5px 10px ;
	}

ul#navi-commitment-new li.select a{
	display: block;
	width: 49px;
	height: 26px;
	padding: 0px;
	text-decoration:none;
	color: #3C3C3C;
}

* html ul#navi-commitment-new li.select a { 
	width: 69px; height: 26px;
	padding: 10px 0px 0px 10px ;}
* html ul#navi-commitment-new li { width: 69px; height: 26px;}
* html ul#navi-commitment-new li.select{
	padding:0px 0px 5px 0px;
}

 /*ul.navi-commitment li a:hover, ul.navi-commitment li.select  {
	width: 69px;
	height: 26px;
	padding: 12px 0 0 12px;
	background: url(../images/common/tab_active.gif) left bottom repeat-x;
	color: #1776ac;
}*/

 /* ▲新築タブのアクティブ制御*/

a:hover img.alpha{
	opacity:0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=60 )";
	background: #fff;
}

p.message{
	padding:5px;
	border:1px solid #666;
	display:block;
	margin-bottom:10px;
	font-size:110%;
	line-height:1.5em;
}

p.message span{
	display:block;
	text-align:right;
}