@charset "utf-8";
/*共通CSS*/

/*body wrapper 設定*/

body{
	padding:0;
	margin:0;
	background:url(../images/back.gif) repeat-y center;
	_text-align:center;
	behavior:url("css/csshover.htc"); 
}

a:hover{
	color:#3399FF;
}

div#wrapper{
	margin:0 auto;
	padding:0;
	width:800px;
	_text-align:left;
}

/*header 設定*/
div#header{
	margin:0;
	padding:0;
	width:800px;
	height:84px;
	/*もとは#91C400;*/
	background-color:#ff8402;
	_background-color:#FFFFFF;
	_height:1%;
}

div#header h1{
	padding:0 2px;
	margin:0;
	color:#FFFFFF;
	font-size:0.75em;
	height:14px;
	font-weight:normal;
}

/*IE6ハック用CSS*/
* html h1{
	_background-color:#ff8402;
	_text-align:left;
	_padding:0;
}

/*IE7ハック用CSS*/
*:first-child+html h1{
	font-size:0.7em;
}

div#header img{
	width:800px;
	height:70px;
	margin:0;
	padding:0;
}

/*メインコンテンツ 設定*/
/*左*/
div#ContentsContainer{
	margin-bottom:10px;
	_width:790px;
	_text-align:center;
}

div#LeftBox{
	clear:both;

/*レイアウト用*/
/*	
	border:1px #999 solid;
*/
}

div#LeftBox{
	padding:0;
	padding-left:10px;
	_padding-left:20px;
	margin:0;
	width:140px;
	background-color:#FFFFFF;
	float:left;
	_text-align:leftl;
	font-size:0.8em;
}

div#LeftBox h3{
	font-size:0.9em;
	color:#ff8402;
	padding:3px 0 2px 5px;
	border-left:solid #ff8402 7px;
	border-bottom:solid #ff8402 1px;
	_text-align:left;
}

div#LeftBox ul{
	padding:0;
	margin:0;
	width:140px;
	_text-align:left;
}

div#LeftBox li{
	padding:0;
	margin:0;
	width:140px;
	list-style-position:inside;
	vertical-align:middle
	font-size:0.8em;
	_font-size:0.7em;
}

/*menu 設定*/
div#MenuContainer{
	padding:0;
	margin:0;
	width:800px;
	height:310px;
}

div#MainMenu{
	padding:0;
	margin:0;
	margin-left:-10px;
	width:140px;
	height:305px;
	background-color:#ccc;
	float:left;
}

div#MainMenu ul{
	list-style-type: none;
	padding:0;
	margin:0;
	width:140px;
	height:305px;
	_text-align:left;
}

div#MainMenu ul a{
	text-decoration:none;
	color:#0033CC;
}
div#MainMenu ul a:hover{
	cursor:pointer;
	text-decoration:underline;
}

div#MainMenu a{
	color:ff8402;
}

div#MainMenu li{
	display:inline-table;
	vertical-align:middle;
	padding:0;
	margin:0;
	list-style-position:inside;
	font-size:small;
	width:140px;
	height:30px;
	background:url(../images/mein_menu_off.jpg) center no-repeat #FFFFFF;
	text-indent:1em;
	border-bottom:1px #ccc solid;
}

div#MainMenu li:hover{
	background:url(../images/mein_s_menu_on.jpg) center no-repeat #FFFFFF;
	text-decoration:underline;
	cursor:pointer;
}

div#MainMenu span{
	display:block;
	padding-top:8px;
}

/*IE6ハック用CSS*/
* html div#MainMenu li{
	list-style-position:outside;
}

/*IE7ハック用CSS*/
*:first-child+html div#MainMenu li{
	list-style-position:outside;
}

div#MainFlash{
	padding:0;
	margin:0;
	height:270px;
	float:right;
	width:660px;
	text-align:center;
}

div#MainFlash img{
	padding:0;
	margin:0;
	width:660px;
	height:270px
}

div#SubMenuContainer{
	clear:both;
/*	float:right;*/
}




/*左サイド伝言板*/
div#BbsFrame{
	margin-top:5px;
	margin-bottom:5px;
	padding-bottom:10px;
	height:150px;
	width:140px;
	border:none;
}
div#BbsFrame iframe{
	width:140px;
}
div.BbsYmd{
	padding-left:5px;
	color:#677CFF;
	font-size:small;
	_text-align:left;
}
div.BbsBody{
	padding-left:8px;
	color:#000000;
	font-size:x-small;
	_text-align:left;
}


/*携帯閲覧*/
#mob_view{
	list-style-type:none;
}

#mob_view div{
	padding:1px 2px 7px 0;
	width:115px;
}
span.mob_come{
	font-size /**/:smaller;
	color:#FF3333;
	font-weight:bold;
}


 
/*右*/

/*サブメニュー 設定*/
div#SubMenuContainer{
	width:600px;
	height:60px;
	margin:0px;
	padding:0px 20px 30px 20px;
}
/*IE6用ハック*/
* html div#SubMenuContainer{
	width:600px;
	height:60px;
	margin:5px auto;
	padding:0 10px;
}

div#SubMenuContainer a{
	color:#000000;
	text-decoration:none;
}

div.SubMenuBox{
	width:200px;
	height:70px;
	background:url(../images/s_menu.jpg) center no-repeat #FFFFFF;
	float:left;
}

div#SubMenuBox1,#SubMenuBox2,#SubMenuBox3{
	width:200px;
	height:80px;
	margin:0;
	padding-top:12px;
	float:left;
}
div#SubMenuBox1{
	background:url(../images/s_menu1.jpg) center no-repeat #FFFFFF;
}
div#SubMenuBox2{
	background:url(../images/s_menu2.jpg) center no-repeat #FFFFFF;
}
div#SubMenuBox3{
	background:url(../images/s_menu3.jpg) center no-repeat #FFFFFF;
}

div#SubMenuBox1:hover, #SubMenuBox2:hover, #SubMenuBox3:hover{
	color:#ff8402;
	cursor:pointer;
	text-decoration:underline;
}

h2.SubMenuTitle{
	padding:1px 0 0 0;
	margin:0;
	width:200px;
	text-align:center;
	color:#FFFFFF;
	font-size:x-small;
}

/*IE7ハック用CSS*/
*:first-child+html h2.SubMenuTitle{
	padding:7px 0 2px 0;
}

div.SubMenuBoxL{
	padding-left:7px;
	padding-top:10px;
	margin:0;
	width:134px;
	height:50px;
	font-size:0.6em;
	float:left;
	line-height:1.2em;
}

*:first-child+html div.SubMenuBoxL{
	padding:5px 0 0 7px;
}

div.SubMenuBlxR{
	text-align:center;
	padding-left:2px;
	color:#FFFFFF;
	padding-top:40px;
	margin:0;
	font-size:0.6em;
}



div#RightBox{
	padding:0;
	margin:0 5px;
	_margin:0 5px 0 5px;
	background-color:#FFFFFF;
	width:610px;
	_width:600px;
	float:right;
}
div#RightBox h2{
	height:23px;
	background:url(../images/midashi.gif) no-repeat left top;
	color:#ffffff;
	font-size:0.9em;
	padding:3px 0 0 25px;
	_text-align:left;
}

div#RightBox h2.midashi{
	padding:0;
	margin:0;
	width:640px;
	_width:600px;
	height:20px;
}
div.TextBox{
	text-align:center;
	border:solid #ff8402 1px;
	width:628px;
	padding:5px;
}

div#RightBoxFrame{
	margin-top:5px;
	margin-bottom:5px;
	height:1020px;
	width:638px;
	border:solid #ff8402 1px;
}

div#RightBoxFrame iframe{
	border:none;
	width:100%;
	height:100%;
	_width:95%;
}

div#NewsBox{
	border:solid #ff8402 1px;
	width:628px;
	padding:5px;
}
div#NewsBox h3{
	font-size:smaller;
	border-bottom:solid #ff8402 1px;
	_text-align:left;
}
div.NewsBody{
	font-size:smaller;
	_text-align:left;
}

/*フッター*/
div#Footer{
	margin-top:10px;
	width:800px;
	height:100px;
	background:url(../images/footer.gif) center #FFFFFF;
	text-align:center;
}

div#Footer ul{
	font-size:smaller;
	list-style-type: none;
	padding:10px 10px 0 50px;
}

/*IE7ハック用CSS*/
*:first-child+html div#Footer ul{
	padding:10px 10px 0 20px;
}

div#Footer li{
	color:#FFFFFF;
	float:left;
	padding-left:5px;
	padding-right:5px;
	border-left:solid #FFFFFF 1px ;
}

li.last{
	border-right:solid #FFFFFF 1px ;
	border-left:solid #FFFFFF 1px ;
}
div#copy{
	width:800px;
	text-align:center;
	font-size:smaller;
	color:#FFFFFF;
}

/***その他共通設定***/
.clear{
	clear:both;
}

.BastEstateStrong{
	color:#ff8402;
	font-weight:bold;
}

.font_lr{
	font-size:larger;
}

.fl{
	float:left;
}

img{
	border:0;
}



/******************************/
/***	物件検索
/******************************/
div#SerachBox {
	text-align:center;
	padding-top:30px;
}

/*
div.ChirashiLeft{
	width:270px;
	float:left;
	padding:3px;
}
div.ChirashiRight{
	float:left;
	width:270px;
	padding:3px;
}
*/
div#SerachBox h3{
	width:550px;
	margin-left:10px;
	margin-bottom:20px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	text-align:left;
	padding:3px;
}



/******************************/
/***	スタッフ紹介
/******************************/
div#Staff{
	width:600;
	margin:30px 0 0 0;
	padding:0 10px;
}
div.StaffPresen{
	width:440px;
	height:180px;
	float:right;
}
div.StaffPhoto{
	float:left;
	width:120px;
	height:160px;
	margin-left:20px;
	_margin-left:10px;
}
div.StaffName{
	width:380px;
	height:23px;
	background:url(../images/midashi2.gif) no-repeat right top;
	font-size:1em;
	color:#FFFFFF;
	font-family:"HG丸ｺﾞｼｯｸM-PRO";
	text-align:right;
	padding:4px;
	padding-right:20px;
	margin-right:20px;
}
div.StaffText{
	padding-left:1em;
	font-size:0.8em;
}
span.StaffStrong{
	color:#003399;
	font-weight:bold;
}
div.StaffBottom{
	margin:10px 0px;
	border-top:2px #ff8402 solid;
}


/******************************/
/***	会社紹介
/******************************/
div#CompanyBox{
	font-size:0.8em;
	width:620px;
	_width:600px;
	text-align:center;
}

div#CompanyOutline{
	margin-top:15px;
/*	border:1px #ff8402 solid;*/
}

div#CompanyOutlineTitle{
	color:#000099;
	width:95%;
	background-color:#BBD9FF;
	margin-left:10px;
	margin-bottom:20px;
	padding:5px;
	font-size:x-large;
	font-weight:bold;
}

div#President{
	padding-left:15px;
	width:570px;
	text-align:left;
}

div#OutlineText{
	text-align:left;
	padding-left:15px;
	color:#000099;
}

div.CompanyContents{
	padding:0;
	width:570px;
	background-color:#FFF0D0;
	margin:0 0 0 10px;
}

div.CompanyLeft{
	width:100px;
	float:left;
	text-align:left;
	padding:25px 0 25px 30px;
	margin:0;
}

div.CompanyRight{
	width:410px;
	float:left;
	text-align:left;
	padding:25px 0 25px 30px;
	margin:0;
	background-color:#FFFFFF;
}

div.CompanyBottom{
	width:560px;
	border-bottom:1px #ff8402 solid;
	clear:both;
	height:1px;
	position:static;
	margin:0 10px;
	padding:0;
}


/******************************/
/***	ローン・銀行
/******************************/

div#BankLoanBox{

}

div#BankLoanBox h2{
	height:23px;
	background:url(../images/midashi.gif) no-repeat left top;
	color:#ffffff;
	font-size:0.9em;
	padding:5px 0 0 25px;

}

div#BankLoanBox h3{
	width:550px;
	margin-left:10px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	padding:3px;
}

.BankList{
	text-align:center;
}

.Bank{
	padding:10px;
	margin:10px;
}

div#BankLoanInquiry{
	width:400px;
	margin-top:20px;
	_margin-left:-30px;
	padding-left:80px;
	_padding-left:0;
}
div#LoanSimulation{
	margin:30px 0 0 165px;
	_margin-left:40px;
}
div#LoanSimulation img{
	width:152px;
	height:76px;
	background:url(../images/loan_simulation.jpg) no-repeat left top;
}
div#LoanSimulation img:hover{
	background:url(../images/loan_simulation_on.jpg) no-repeat left top;
}
/******************************/
/***	リンク
/******************************/
div#LinkBox{
	width:600px;
	padding:5px;
	_padding:0px;
	padding-bottom:20px;
}

div#LinkBox h2{
	height:23px;
	background:url(../images/midashi.gif) no-repeat left top;
	color:#ffffff;
	font-size:0.9em;
	padding:5px 0 0 25px;
}

.LinkLeft{
	float:left;
	width:220px;
	height:50px;
	padding:20px 0 0 20px;
}
.LinkRight{
	float:left;
	width:350px;
	padding:30px 0 0 0;
}
.LinkBottom{
	margin-left:10px;
	width:570px;
	border-bottom:1px #ff8402 solid;
}

.LinkText{
	height:1.1em;
	border-left:1px #ff8402 solid;
	padding-left:40px;
}


/******************************/
/***	競売代行
/******************************/
div#AgencyBox h2{
	height:23px;
	background:url(../images/midashi.gif) no-repeat left top;
	color:#ffffff;
	font-size:0.9em;
	padding:5px 0 0 25px;
}

div#AgencyBox h3{
	width:550px;
	margin:5px 5px 5px 10px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	padding:3px;
}

div#AgencyBox img{
	margin-left:40px;
}

div#AgencyFAQ h3{
	border-left:none;
	padding-left:30px;
	font-size:large;
	color:#ff8402;
}

h3#AgencyQ1{
	background:url(../images/q1.gif) no-repeat left top;
}
h3#AgencyQ2{
	background:url(../images/q2.gif) no-repeat left top;
}
h3#AgencyQ3{
	background:url(../images/q3.gif) no-repeat left top;
}
h3#AgencyQ4{
	background:url(../images/q4.gif) no-repeat left top;
}
h3#AgencyQ5{
	background:url(../images/q5.gif) no-repeat left top;
}
h3#AgencyQ6{
	background:url(../images/q6.gif) no-repeat left top;
}
h3#AgencyQ7{
	background:url(../images/q7.gif) no-repeat left top;
}
h3#AgencyQ8{
	background:url(../images/q8.gif) no-repeat left top;
}

div.AgencyFAQText{
	width:540px;
	padding-left:40px;
	font-size:0.9em;
	padding-bottom:10px;
	line-height:1.1em;
}


div#ConstructionBox h2{
	height:23px;
	background:url(../images/midashi.gif) no-repeat left top;
	color:#ffffff;
	font-size:0.9em;
	padding:5px 0 0 25px;
}



/******************************/
/***	個人情報の扱い
/******************************/
div#PolityBox div{
	font-size:small;
	margin-bottom:20px;
}

div.PolicyText{
	line-height:1.1em;
	width:570px;
	padding:0 0 10px 10px;
}


/******************************/
/***	チラシ
/******************************/
div#ChirashiBox {
	text-align:center;
	padding-top:30px;
}

div.ChirashiLeft{
	width:270px;
	float:left;
	padding:3px;
}
div.ChirashiRight{
	float:left;
	width:270px;
	padding:3px;
}
div#ChirashiBox h3{
	width:550px;
	margin-left:10px;
	margin-bottom:20px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	text-align:left;
	padding:3px;
}


/******************************/
/***	お家を売りたい方
/******************************/
div.HouseSaleBox{
	margin-bottom:20px;
	padding-left:10px;
	width:570px;
	font-size:0.8em;
	line-height:1.5em;
	text-align:center;
}


.HouseSaleIcon{
	margin-left:50px;
	margin-bottom:20px;
	float:left;
}




/******************************/
/***	ベストエステートとは
/******************************/
div#WhatBox h3{
	width:550px;
	margin-left:10px;
	margin-bottom:20px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	padding:3px;
}

.WhatLeftContents{
	margin-left:0px;
	width:200px;
	height:130px;
	float:left;
}

.WhatRightContents{
	width:390px;
	height:170px;
	float:left;
	line-height:1.5em;
	font-size:small;
	vertical-align:middle;
	_text-align:left;
}

.WhatButton{
	float:right;
	margin-right:20px;
}

.WhatBottom{
	border-bottom:1px #ff8402 solid;
}






/******************************/
/***	採用情報
/******************************/
div#RecruitBox{
	font-size:0.8em;
	width:600px;
	text-align:center;
}

div.RecruitLeft{
	width:100px;
	float:left;
	text-align:left;
	padding:25px 0 25px 30px;
	margin:0;
	background-color:#FFF0D0;
}

div.RecruitRight{
	width:410px;
	float:left;
	margin:0;
	text-align:left;
	padding:25px 0 25px 30px;
	background-color:#FFFFFF;
}

div.RecruitBottom{
	width:560px;
	border-bottom:1px #ff8402 solid;
	clear:both;
	position:static;
	margin:0 10px;
}


/******************************/
/***	問合せ
/******************************/
div#InquiryForm{
	width:580px;
}

div.InquiryArea{
	width:580px;
	border-top:1px #ffcc33 solid;
	border-left:1px #ffcc33 solid;
	background-color:#fff0d0;
}

div.InquiryAreaBottom{
	width:580px;
	border:1px #FFC933 solid;
	border-right:none;
	background-color:#fff0d0;
}

div.InquiryLeft{
	width:150px;
	float:left;
	padding:15px;
}

div.InquiryRight{
	width:367px;
	float:left;
	padding:15px;
	border-left:1px #ffcc33 solid;
	border-right:1px #ffcc33 solid;
	background-color:#ffffff;
}

div#InquirySubmit{
	text-align:center;
	margin:20px 0 20px 0;
}


div#ResultBox{
	text-align:center;
	vertical-align:middle;
	width:597px;
	height:60px;
	border:1px #ff8402 solid;
	padding:50px 0;
}



/******************************/
/***	リフォーム
/******************************/
div#ReformBox h3{
	width:550px;
	margin-left:10px;
	margin-bottom:20px;
	border-left:5px #ff8402 solid;
	border-bottom:1px #ff8402 solid;
	padding:3px;
}

#ReformHeader{
	display:inline;
	margin-bottom:40px;
}

#ReformHeaderString{
	font-family:"ＭＳ Ｐ明朝";
	padding-top:20px;
	float:left;
	font-size:38px;
	color:#008200;
	font-weight:bold;
	width:400px;
	line-height:1.3em;
}

#Charange25Best{
	font-size:x-small;
	font-weight:bold;
	float:left;
}

#ReformTitleBox{
	padding-top:25px;
	clear:left;
}

.ReformFrame{
	padding:0 10px 5px 10px;
	/padding:10px;
	float:left;
	margin-right:10px;
	_margin:0;
	width:260px;
	_width:255px;
	height:110px;
	background:url(../images/reform_frame.gif) left top no-repeat;
}

.ReformFrame h4{
	display:table-cell;
	width:280px;
	height:45px;
	color:#0099FF;
	text-align:center;
	vertical-align:middle;
	font-size:large;
}

#Simulation:hover{
	cursor:pointer;
}
.ReformDescription{
	display:block;
	/width:260px;
	height:60px;
	padding-top:10px;
	/padding-top:0;
	/margin-top:-15px;
	font-size:small;
	text-align:left;
}

#EcoCute{
	margin-top:30px;
	margin-bottom:30px;
	background:url(../images/eco_cute.jpg) left top no-repeat;
	width:600px;
	height:671px;
	
}

#SolarPower{
	display:table-cell;
	background:url(../images/solar_power.jpg) left top no-repeat;
	width:600px;
	height:640px;
	text-align:right;
	vertical-align:bottom;
}

#SolarPower img{
	/margin:540px -5px 0 0;
	_margin-right:0;
	margin-bottom:10px;
}