@charset "utf-8";
/* 基本カスケード */
/* ****************************************** 全体用 ****/
html{
	color:#FFFFFF;
	font-size:12px;
	font-family:Arial, "ＭＳ Ｐゴシック";
	width:100%;
	margin:0;
	overflow:auto;
}

html a{
	text-decoration:none;
	color:#FFFFFF;	
	}

html a:hover{
	text-decoration:none;
	color:#FF9900;
	}

body{
	background-color:#161616;  width:100%; margin:0;
	}

a img{border:none;}
	
/***************************************************************** 全体を囲むためのコンテナ */	
#container{
	width:886px;
	padding:0;
	height:678px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	overflow: hidden;
}

/********************************************************************************* header ****/	
#header
	{
	width: 886px;
	height: 70px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	background-image: url(../img/other/header_bk.png);
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}

#header p{margin:0; padding:0;}
	
#header ul {
	list-style: none;
	padding: 0;
	margin: 0;
	}
	
#header li{
	float: left;
	width: 110px;
	margin: 0;
	padding: 0;
	text-align:center;
	font-size: 85%;
}	
#header li a{
	height:70px;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	color: #C0C0C0;
}
#header li a:hover{
	color:#FF9900;
}
#header ul:after{
	clear:both;
	}
#header .act{color:#FF9900;}
	
/*************************************************************************** sideMenu ***/	
#sideMenu
	{
	float:left;
	width:172px;
	background-color: #161616;
	height: 540px;
	margin-top: 20px;
	}

#sideMenu ul{
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
	list-style-image: none;
	list-style-type: none;
	padding: 0px;
	}

#sideMenu li{
	margin-bottom:0.5em;
	margin-right:5px;
	padding-bottom:0.1em;
	list-style:none;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	width: 170px;
	}

#sideMenu li a {
	text-decoration:none;
	border-left:3px solid #ffffff;
	width: 168px;
	display: block;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;	
	height:16px;
}

#sideMenu li a:hover {
	padding-left:0.4em;
	border-left:3px solid #FF6600;
	background-color:#666666;
	width: 158px !important;
	width: 168px;
	display: block;
	padding-top: 4px;
	padding-left: 4px;
	padding-right: 4px;
	height:16px;
	text-align:right;
} 

#sideMenu li.act{
	background-color:#666666;
	width: 170px;
	height: 20px;
}
#sideMenu li span{font-size:11px;}

/************************************************************************** 右側のメインコンテンツ部分 ***/
#mainContents
	{
	float:left;
	width:702px;
	height: 540px;
	margin-top: 20px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	}
#mainContents h2{
	color:#fff;
	margin-left:35px;
	margin-bottom: 0px;
	font-size: 18px;
}	
#mainContents h3{
	color:#fff;
	margin-left:35px;
	margin-top:25px;
	margin-bottom: 0px;
	font-size: 15px;
}

#mainContents h2 span{
	margin-left:10px;
	font-size:60%;
	font-weight: normal;
}

/************************************************************************************ フッター部分 ********/
#footer
	{
	clear:left;
	height: 12px;
	width: 886px;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 80%;
	color: #FFFFFF;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #585858;
	}

/************************************************************************* 吹き出し（Headerメニュー用） ********/
.tooltip1{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip2{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip3{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip4{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip5{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip6{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}
.tooltip7{
	display:none;
	background:transparent url(../img/other/black_arrow.gif);
	font-size:12px;
	line-height:140%;
	height:70px;
	width:160px;
	padding:35px 25px 25px 25px;
	color:#eeeeee;
}


/************************************************************************ その他のコンテンツ用 （共通するもの等）********/
#mainbox{ width:720px; margin-left:20px; padding:10px;
}

#mainbox_h{
	width:680px;
	margin-left:20px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/index_img/bg_designhouse.png);
}
#mainbox_hbox{
	width:520px;
	margin-left:75px;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}

#mainbox_hbox span{font-size:10px;}

#mainbox_h h1{
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 25px;
}
#mainbox_r{
	width:680px;
	margin-left:20px;
	background-image: url(../img/index_img/bg_designreform.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

#mainbox_e{
	width:680px;
	margin-left:20px;
	background-image: url(../img/index_img/bg_realestate.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
#mainbox_e h1{
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 25px;
}
#mainbox_ebox{
	width:520px;
	text-align: left;
	line-height: 180%;
	margin-left: 75px;
}


#mainbox_rbox{
	width:520px;
	text-align: left;
	line-height: 180%;
	margin-left: 75px;
}
#mainbox_r h1{
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 25px;
}

#mainbox_otr{
	width:660px;
	margin-left:35px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(../img/index_img/bg_shopdesignetc.png);
}
#mainbox_otrbox{
	width:520px;
	text-align: left;
	line-height: 180%;
	margin-left: 75px;
}
#mainbox_otr h1{
	font-size:18px;
	margin-top: 15px;
	margin-bottom: 25px;
}

.box1{
	width:510px;
	line-height:160%;
	text-align: center;
	margin-bottom: 5px;
}

.box1 img{
	border: 5px solid #eeeeee;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 10px;
	margin-left: 5px;
}

.box1a{
	width:510px;
	line-height:175%;
	margin-bottom:35px;
}

.box1a h4{font-size:14px; margin:0 0 5px 0;}

.box2{
	margin:5px;
	border:1px #ffffff; padding:5px; width:150px;
	float:left;
	border: 1px solid #999999;
	padding: 5px;
}
.box2.link{margin-left:5px;}
.box2 p{margin:3px 0 3px 0; padding:0;}


.floatclear{clear:both;}

.mapbtn{margin-left:10px;}

.mapbtn a{background:url(../img/index_img/mapbtn.jpg); padding:2px; color:#000; }

.mapbtn a:hover{
	background:url(../img/index_img/mapbtn_over.jpg);
	padding:2px;
	color:#000;
}

/* ------------------------------------------------------------------------------------------------- Design House Concept ---- */

#concept{
	width:670px;
	margin-top: 30px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 30px;
}
.concept_box{
	width:210px;
	height:380px;
	float:left;
	text-align:center;
	margin-left:8px;
	background-color:#FEFEFE;
}
.concept_box .title{
	width:100%;
	padding:0px;
	color:#030303;
	text-align:center;
	font-size:105%;
	margin: 0px;
}
.concept_box .comment{width:192px; text-align:left; line-height:160%; margin-top:10px; margin-left:6px; color:#000;}

/* ------------------------------------------------------------------------------------------------- Design House Option ---- */

#option_box{
	width:640px;
	line-height:180%;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 45px;
}
#option_subbox{
	width:660px;
	height:360px;
	text-align:center;
	background-color:#F6F6F6;
	color:#000000;
	border:1px #ccc solid;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
}
#option_subbox .plus{
	width:165px;
	float:left;
	text-align:center;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#option_subbox .plus p{margin:5px 0 5px 0;}
#option_subbox .info{text-align:center; font-size:75%; color:#000;}


/* ------------------------------------------------------------------------------------------------- Real Estate Search ---- */

#estate_search_box{
	width:660px;
	height:440px;
	overflow:auto;
	margin:15px 0 0 35px;
	border:1px solid #999;
	color: #000000;
	background-color:#FEFEFE;
}
#estate_search_sub1{
	width:580px;
	padding:10px;
	line-height:140%;
	text-align:center;
	border:1px solid #333333;
	margin-top: 25px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 20px;
}
#estate_search_sub1 p{font-size:14px; margin:3px 0 20px 0;}

.estate_search_bond{width:600px; margin:0 20px 0 20px; padding:0; text-align:center;}

#estate_search_sub2{
	width:580px;
	margin:0 0 0 20px;
	padding:10px 10px 0 10px;
	line-height:140%;
	text-align:center;
	border:1px solid #333333;
}
#estate_search_sub2 p{font-size:14px; margin:3px 0 20px 0;}

#estate_search_sub2_1{width:360px; float:left; text-align:left;}

#estate_search_sub2_1 ul{}
#estate_search_sub2_1 li{margin-bottom:10px;}
#estate_search_sub2_2{
	width:200px;
	margin-right:10px;
	margin-bottom:10px;
	float:right;
	border: 1px solid #999999;
}
#estate_search_sub2_2 p{margin:0; font-size:80%; color:#979797;}

#estate_search_sub3{
	width:580px;
	line-height:160%;
	text-align:center;
	border:1px solid #333333;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 0;
	padding-left: 10px;
}
#estate_search_sub3 p{font-size:14px; margin:3px 0 20px 0;}
#estate_search_sub3_1{width:270px; float:left; text-align:left;}
#estate_search_sub3_1 ul{}
#estate_search_sub3_1 li{margin-bottom:12px;}
#estate_search_sub3_2{
	width:280px;
	margin-right:10px;
	margin-bottom:10px;
	float:right;
	border: 1px solid #999999;
}
#estate_search_sub3_2 p{margin:0; color:#979797; font-size:80%;}


/* -------------------------------------------------------------------------------------------- Real Estate rehouse（名前は暫定） ---- */
#estate_rehouse_box{
	width:660px;
	height:380px;
	overflow:auto;
	border:1px solid #999;
	color: #000000;
	background-color:#FEFEFE;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	text-align: center;
}

#estate_rehouse_con{
	margin:10px 10px 10px 35px;
	line-height: 160%;
}

/* ------------------------------------------------------------------------------------------------- Real Estate Loan ---- */

#loan_box{margin:20px 0 20px 40px; line-height:160%;}
#loan_subbox{
	width:560px;
	text-align:left;
	margin-top: 20px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 45px;
	background-color: #F2F2F2;
	color: #000000;
	height: 240px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 30px;
}
#loan_subbox #tblbox{float:left; width:336px;}
#loan_subbox #centerbox{
	width:45px;
	margin-top:30px;
	float:left;
}

#loan_subbox #tblbox table{border-collapse:collapse;}
#loan_subbox #tblbox caption{height:20px;}
#loan_subbox #tblbox th{
	height:30px;
	width:160px;
	border:1px solid #000;
	text-align:left;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 10px;
}
#loan_subbox #tblbox td{
	height:30px;
	width:140px;
	border:1px solid #000;
	padding-top: 5px;
	padding-right: 0;
	padding-left: 10px;
}

/* -------------------------------------------------------------------------------------------------- Topics Events ---- */

#event_box{width:640px; background-color:#F4F4F4; color:#000000; height:260px; margin:15px 0 0 35px; padding:10px;}

#event_box a{ color:#828282}
#event_box a:hover{ color:#FF9900;}

#event_box .small{
	font-size:80%;
	margin-top:3px;
	background-position: center;
}

#event_title{font-size:15px; background-color:#DEDEDE; padding:5px 0 2px 5px; border-bottom:2px solid #D5D5D5;}
#event_box_right{
	width:280px;
	text-align:center;
	float:right;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
}

#event_box_left{
	width:350px;
	line-height:160%;
	float:left;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0px;
}

#event_box_right p{font-size:75%; margin-top:2px;}

#event_box_left dl{
	border:1px solid #575757;
	width:330px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 5px;
}
#event_box_left dt{
	float:left;
	width:30px;
	clear:both;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}
#event_box_left dd{
	width:260px;
	margin-left:50px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #575757;
}

#event_box_left_contact{margin-top:15px;}
#event_box_left_contact a{color:#000;}
#event_box_left_contact a:hover{color:#FF6600;}


#estate_top{margin:10px 0 0 155px; line-height:160%; font-size:14px; font-weight:bold; width:320px; text-align:center;}
#estate_topsub{margin:20px 0 0 165px; line-height:180%; width:300px;}
#estate_topimg{text-align:center;}
#estate_topimg img{margin:20px 5px 0 5px;}


#event_past{width:640px; height:120px; border:1px solid #fff; margin:5px 0 0 35px; padding:10px; overflow:auto;}
.event_past_title{margin:0 0 10px 0; padding:5px; background-color:#666;}
.event_past_com{margin:0 0 25px 20px;}

/* ----------------------------------------------------------------------------------------------- Topics Estate ---- */

#estate_box{
	overflow: hidden;
	width: 660px;
	height:460px;
	margin-left:35px;
	background-color:#FEFEFE;
	color:#000;
	margin-top: 15px;
}
#estate_box dl {
	width: 760px;
	height: 440px;
	margin: 0px;
	padding: 0px;
}
#estate_box dt {
	float: left; width: 20px; height: 460px}
#estate_box dt span {
	display: block; width: 100%; text-indent: -9999px; height: 100%
}
#estate_box dt span.over {
	cursor: pointer
}
#estate_box dt span.selected {
	cursor: default
}
#estate_box dt#step1 span {background: url(../topics/img/background-3.png)}
#estate_box dt#step1 span.over {background: url(../topics/img/background-3-over.png)}
#estate_box dt#step1 span.selected {	background: url(../topics/img/background-3-selected.png)}
#estate_box dt#step2 span {	background: url(../topics/img/background-2.png)}
#estate_box dt#step2 span.over {	background: url(../topics/img/background-2-over.png)}
#estate_box dt#step2 span.selected {	background: url(../topics/img/background-2-selected.png)}
#estate_box dt#step3 span {	background: url(../topics/img/background-1.png)}
#estate_box dt#step3 span.over {	background: url(../topics/img/background-1-over.png)}
#estate_box dt#step3 span.selected {	background: url(../topics/img/background-1-selected.png)}

#estate_box .const{
	float: left;
	margin: 0px;
	overflow: hidden;
	width: 600px;
	height: 460px;
	background-image: url(../topics/img/comments2.png);
	background-repeat: no-repeat;
	background-position:center;
}

#estate_box .open{
	float: left;
	margin: 0px;
	overflow: hidden;
	width: 600px;
	height: 460px;
	background-image: url(../topics/img/comments.png);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#estate_box dd .title {
	font-size:13px;
	padding-right: 5px;
	padding-left: 0px;
	padding-bottom: 5px;
	width: 620px;
	text-indent: 1em;
	padding-top: 5px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
}

#estate_box img{margin-left:15px;}

/* ------------------------------------------------------------------------------------------------- Topics (History) ---- */

#topicslist{
	width:640px;
	overflow:auto;
	line-height:160%;
	border:1px groove #666;
	padding:10px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 35px;
	height: 440px;
	background-color: #eee;
	color: #000000;
}

#topicslist dt{
	float:left;
	width:60px;
	clear: left;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

#topicslist dd{
	margin-left:65px;
	width:460px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
}

/* --------------------------------------------------------------------------------------------- Topic Media ---- */

#public_box{width:640px; height:440px; padding:10px; margin:15px 0 0 35px; overflow:auto; border:1px solid #666; background-color:#FEFEFE; color:#000;}

.public_imgbox{
	width:100px;
	float:left;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.public_imgbox p{font-size:70%; margin:3px 0 0 5px;}

.public_commentbox{
	padding:0;
	width:400px;
	line-height:140%;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 10px;
	float: left;
}

/* ------------------------------------------------------------------------------------------------- Company ---- */

#company_box{
	text-align:center;
	width:700px;
	height: 540px;
}
#company_box_title{font-size:24px; width:100%; text-align:center; margin-bottom:20px;}
#company_subbox1{width:600px; line-height:150%; text-align:left; margin:0 auto 10px auto;}
#company_subbox2{width:480px;  margin:0 auto 0 auto;}

#abouths{width:350px; float:left; margin:20px 0 0 30px; line-height:140%; font-size:90%;}

.abouths_td1{
	vertical-align:top;
	border-bottom:1px solid #666;
	padding-bottom:3px;
	width:85px;
	padding-top: 1px;
}
.abouths_td2{
	border-bottom:1px solid #666;
	width:270px;
	padding-bottom:3px;
	line-height: 140%;
	padding-top: 1px;
}

#company_links{
	text-align:left;
	width:460px;
	height: 520px;
	margin-left: 100px;
	margin-top:10px;
}

#company_links h1{
	font-size:22px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 40px;
	margin-left: 0;
}
#company_links h1 span{font-size:14px; margin-left:20px;}


#company_links .links{
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 10px;
	padding-bottom:4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}

#company_links .links a{
	padding-left: 16px;
	background-image: url(../img/other/pfei.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#company_links .links a:hover{
	background-image: url(../img/other/pfei_on.gif);
}