@charset "utf-8";

/*
--------------------------------------------------------
Since: 2009-06-24
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body{
margin:0px auto;
padding:0px;
font-family: "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif;
line-height: 1.5;
font-size: 12px;
color:#333;
text-align:center;
*font-size: 75%; /*for IE6,IE7*/
background-image:url(../img/bg_01.gif);
background-position:top;
background-repeat:repeat-x;
}

p,dl,dt,dd,div,ol,ul,li{ 
margin:0px;padding:0px;
}

ul,li {
list-style:none;
}

a img { border:0; }

img { vertical-align: bottom; }

hr { display: none; }

.clearfix:after {
  content: ".";
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

textarea { font-size: 100%; }


h1,h2,h3,h4,h5,h6 {
font-weight:normal;
}

a:link{
color:#993300;
text-decoration:none;
}

a:hover{
color:#fff !important;
background-color:#F44;
}

a:visited{
color:#993300;
text-decoration:none;
}

a:active{
color:#993300;
text-decoration:none;
}




.t_05{ margin-top:05px;}
.t_10{ margin-top:10px;}
.t_15{ margin-top:15px;}
.t_20{ margin-top:20px;}
.t_30{ margin-top:30px;}
.l_10{ margin-left:10px;}
.l_20{ margin-left:20px;}
.l_30{ margin-left:30px;}
.b_05{ margin-bottom:05px;}
.b_10{ margin-bottom:10px;}
.r{text-align:right;}
.c{text-align:center;}
.l{text-align:left;}
.fl{float:left;}
.fr{float:right;}
.b_14{
font-size:120%;
font-weight:bold;
color:#333;}
.red{
color:#FF0000;}
.ub{
text-decoration:underline;}

/*基本設定終了*/




/*header*/

.head{
width:820px;
height:150px;
position:relative;
margin:0 auto 10px auto;
border-bottom:5px solid #E9EFEF;
}

.head .logo{
position:absolute;
bottom:15px;
left:0px;
}

.head .mast{
position:absolute;
top:25px;
left:0px;
}


.head h1{
position:absolute;
top:3px;
left:0px;
font-size:10px;
font-weight:normal;
padding:0px;
margin:0px;
}


.tel{
position:absolute;
top:90px;
right:0;
}



/*contents*/


.con_box{
width:820px;
height:auto;
margin:auto;
}


.left_wrap{
float:left;
width:600px;
}


#top_img{
padding-right:6px;
background-color:#FFF !important;
}
#top_img a:hover{
color:#fff !important;
background-color:#FFF !important;
}


.right_wrap{
float:right;
width:204px;
}

.main_img{
margin:10px auto 20px auto; 
}

.sub_title{
margin:30px 0 5px 0 ;
}

.co_area{
width:600px;
height:150px;
position:relative;
background-color:#FCEEED;
padding-bottom:10px;
}

.co_logo{
top:10px;
left:6px;
position:absolute;
}

.co_text{
width:auto;
height:auto;
position:absolute;
top:40px;
left:10px;
font-size:10px;
text-align:left;
line-height:1.3em;
color:#333333;
}

.co_text a:hover{
color:#fff !important;
background-color:#F44 !important;
}



.co_photo{
position:absolute;
top:46px;
left:301px;
}

.co_map02{
position:absolute;
top:6px;
left:445px;
}


.co_map{
position:absolute;
top:40px;
left:444px;
}


.menu{
margin:0px;
padding:0px;
}


.menu a:hover{
color:#fff !important;
background-color:#fff !important;
}


.menu img{
margin-bottom:20px;
}


/*whatsnew*/
.w_new{
border:1px solid #CCC;
text-align:left;}

.w_new ul{
margin:10px auto 10px 30px;
*margin:10px auto 10px 15px;
}

.w_new ul li span{
font-weight:bold;
color:#436415;
margin-left:10px;}

.w_new ul li{
list-style:circle !important;
list-style-position:inside;}




/*footer*/
.foot{
width:820px;
font-size:10px;
text-align:left;
margin:30px auto 0 auto;
}

.copylight{
background-image:url(../img/bg02.gif);
background-position:top;
background-repeat:repeat-x;
margin:20px 0 0 0;
padding:10px 0 0 0;
}

.deep{
width:820px;
font-size:10px;
text-align:right;
margin:0 auto 20px auto;
}

.banner_link{
width:auto;
height:auto;
}

.banner_link a:hover img{
opacity:0.5;
filter: alpha(opacity=50);
-ms-filter: "alpha( opacity=50 )";
}



/*下層共通*/
.lower_title30{
margin-bottom:30px;
}

.lower_title20{
margin-bottom:20px;
}

.lower_title15{
margin-bottom:15px;
}

.lower_con_wrap{
width:600px;
margin:auto;
}

.link_ar{
text-align:left;
background:url(../img/ar_02.gif) left no-repeat;
padding:0 0 0 15px;
}

/*個人情報*/


.ko_text{
width:auto;
height:auto;
text-align:left;
margin:30px 0 0 10px;
line-height:1.8em;
}
.ko_text dl{
margin:15px 0 0 0; 
}

.ko_bg{
background-color:#FDF2F2;
padding:10px;}

.ko_text dt{
float:left;
}

.ko_text dd{
margin:0 0 0 25px;
}


.ko_text ol li{
list-style:decimal !important;
margin:0 0 0px 25px;
font-size:16px;
font-weight:bold;
color:#FF4444;
font-family:Arial, Helvetica, sans-serif;
}
.ko_text ol li span{
font-size:12px;
font-weight:normal;
color:#555;
}




/*会社概要*/


.companydata{
width:550px;
height:aut;
margin:auto;
text-align:left;
font-size:14px;
margin-bottom:30px;
}



/*物件リクエスト*/
.re_textarea{
text-align:left;
margin-bottom:20px;
}

.re_textarea{
text-align:left;
margin-bottom:20px;
}


.re_textarea a:link {
   color:#0000FF !important;
			text-decoration:underline !important;
}

.re_textarea a:visited {
   color:#6600CC; !important;
			text-decoration:underline !important;
}

.re_textarea a:hover {
	 color:#0099CC !important;
		text-decoration:none !important;
		background-color:#FFFFFF !important;
}


#contents{
width:570px;
text-align:center;
}

#contents_txt{
width:570px;
margin:20px auto 0px auto;
text-align:left;
}
#contents_txt span{
color:#FF0000;
font-size:1.5em;
font-weight:bold;
}

.contact_area{
width:570px;
margin:0 auto 30px auto;
background-color:#EDD2D2;
text-align:left;
}

.contact_area th{
font-weight:normal;
background-color:#FDF2F2;
border:#FFF 1px solid;
padding:5px;
width:110px;
}

.contact_area td{
font-weight:normal;
background-color:#FFF;
padding:5px;
}

.contact_area span{
font-size:x-small;
color:#FF0000;
margin-left:5px;
}

.btn{
margin:0 auto 0 auto;}


/*フォーム*/
label:hover {
background-color:#FDF2F2;
padding:5px 0 5px 0;
}

input:focus{
   background-color: #FDF2F2;
}

input:hover{
   background-color: #FDF2F2;
}

textarea:focus{
   background-color: #FDF2F2;
}

textarea:hover{
   background-color: #FDF2F2;
}


/*当社の特徴*/

.sub_area{
width:570px;
text-align:center;
margin:15px auto 30px auto;}

.sub_area_02{
width:570px;
text-align:left;
margin:15px auto 30px auto;}


.sub_area .toku_txt {
width:330px;
text-align:left;
float:left;
padding-right:20px;
}

.sub_area .toku_photo{
text-align:left;
float:left;
width:200px;
}
.sub_area #toku_ar{
float:left;
vertical-align:middle;
padding:0 35px;
margin-top:50px;
}


/*売買物件情報*/

.buy_btn{
float:left;
margin-right:5px;}

.buy_btn_l{
float:left;
}


/*白岡町で家を買う人へ*/

.shira{
background:url(../img/ar.gif) left no-repeat;
padding:0 0 0 20px;
}
.shira_s{
text-align:left;
border:5px #FCD8D8 solid;
padding:5px 5px 5px 15px;
width:160px;
margin:0 10px 10px 0;
}
.shira_s dt{
font-weight:bold;
color:#993333;
}

.bubble{text-align:left;
}

.bubble th{
font-size:1.4em;
text-align:right;
vertical-align:text-top;
padding:0 5px 1px 0 ;
}
.gr{
color:#444;
}
.s_ans{
color:#FF0000;
}
.s_que{
font-weight:bold;
color:#0066CC;
}

.shi_01 dt{
color:#006699;
margin-top:10px;
font-weight:bold;
}
.shi_01 dd{
margin-left:15px;
}
.shi_01 dd ul{
margin-left:15px;
}

.shi_02{
color:#009933;
margin-top:20px;
font-weight:bold;
}
.shi_02 li{
margin:0px 0 0 15px;
font-weight:normal;
color:#444;
}
.shi_indent01 {text-indent: -1em;padding-left: 1em;}

.or{
color:#FF6600;
}

.or01{
color:maroon;
}

.or_area{
border:5px double maroon;
padding:5px;
}

/*購入の流れ*/

.f_btn_01{
float:left;
padding-right:10px;}

.f_btn_02{
float:left;
}
.f_txt{
text-align:left;
margin-top:5px;
color:#0066CC;
}

.f_title{
border-left:8px #CC3333 solid;
background-color:#EFEFEF;
padding:2px 0 2px 12px;
font-weight:bold;
font-size:120%;
color:#CC3333;}

.f_photo{
float:left;
padding-right:15px;}

.f_r_txt{
float:left;
width:390px;}

.f_r_txt span{
font-size:80%;
color:#FF0000;
}
.f_r_txt p{
font-weight:bold;
color:#CC3333;}

.f_area{
margin:10px 0;
background-color:#FDFDE6;
padding:10px 10px 10px 10px ;
}

.f_area p{
color:#993300;
font-weight:bold;
}


.f_area dt{
color:#006633;
font-weight:bold;
}
.f_area dd{
margin-left:10px;}

.f_area ul{
margin-top:5px;}

.f_area li{
background-image:url(../../flow_01/img/re.gif);
background-position:left;
background-repeat:no-repeat;
padding:0 0 0 18px;
margin-left:10px;
}

.flow_motto{
margin:15px 0 0 10px;
font-size:110%;
font-weight:bold;
color:#FF3300;
}

.flow_motto a{
color:#555;}

/*購入の流れ＿アンカー*/

#flow01_img {
background:url(../../flow_01/img/img.gif) no-repeat;
width:570px;
height:230px;
margin:0;
padding:0;
}

#flow01_img span {
display: none;
}

#flow01_img li, #flow01_img a {
height:230px;
display:block;
}

#flow01_img li {
float:left;
list-style:none;
display:inline;
}

#flow01_img-01,#flow01_img-02,#flow01_img-03,#flow01_img-04,#flow01_img-05,#flow01_img-06,#flow01_img-07,#flow01_img-08,#flow01_img-09 {width: 59px;}
#flow01_img-10 {width: 39px;}

#flow01_img-01 a:hover {background:url(../../flow_01/img/img.gif) 0px -230px no-repeat; }
#flow01_img-02 a:hover {background:url(../../flow_01/img/img.gif) -59px -230px no-repeat; }
#flow01_img-03 a:hover {background:url(../../flow_01/img/img.gif) -118px -230px no-repeat; }
#flow01_img-04 a:hover {background:url(../../flow_01/img/img.gif) -177px -230px no-repeat; }
#flow01_img-05 a:hover {background:url(../../flow_01/img/img.gif) -236px -230px no-repeat; }
#flow01_img-06 a:hover {background:url(../../flow_01/img/img.gif) -295px -230px no-repeat; }
#flow01_img-07 a:hover {background:url(../../flow_01/img/img.gif) -354px -230px no-repeat; }
#flow01_img-08 a:hover {background:url(../../flow_01/img/img.gif) -413px -230px no-repeat; }
#flow01_img-09 a:hover {background:url(../../flow_01/img/img.gif) -472px -230px no-repeat; }
#flow01_img-10 a:hover {background:url(../../flow_01/img/img.gif) -531px -230px no-repeat; }


/*ajax*/


#bubble_tooltip{
	width:500px;
	position:absolute;
	display:none;
}
#bubble_tooltip .bubble_top{
	background-image: url('../img/bubble_top.gif');
	background-repeat:no-repeat;
	height:16px;	
}
#bubble_tooltip .bubble_middle{
	background-image: url('../img/bubble_middle.gif');
	background-repeat:repeat-y;	
	background-position:bottom left;
	padding-left:7px;
	padding-right:7px;
}
#bubble_tooltip .bubble_middle span{
	position:relative;
	top:-8px;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
}
#bubble_tooltip .bubble_bottom{
	background-image: url('../img/bubble_bottom.gif');
	background-repeat:no-repeat;
	background-repeat:no-repeat;	
	height:44px;
	position:relative;
	top:-6px;
}

.ans{
font-weight:bold;
color:#993300;
font-size:120%;
background:url(../img/an.gif) left no-repeat top;
padding:0 0 0 70px;
}

/*売却の流れ＿アンカー*/

#flow02_img {
background:url(../../flow_02/img/img.gif) no-repeat;
width:570px;
height:230px;
margin:0;
padding:0;
}

#flow02_img span {
display: none;
}

#flow02_img li, #flow02_img a {
height:230px;
display:block;
}

#flow02_img li {
float:left;
list-style:none;
display:inline;
}

#flow02_img-01,#flow02_img-02,#flow02_img-03,#flow02_img-04,#flow02_img-05,#flow02_img-06,#flow02_img-07{width: 76px;}
#flow02_img-08 {width: 38px;}

#flow02_img-01 a:hover {background:url(../../flow_02/img/img.gif) 0px -230px no-repeat; }
#flow02_img-02 a:hover {background:url(../../flow_02/img/img.gif) -76px -230px no-repeat; }
#flow02_img-03 a:hover {background:url(../../flow_02/img/img.gif) -152px -230px no-repeat; }
#flow02_img-04 a:hover {background:url(../../flow_02/img/img.gif) -228px -230px no-repeat; }
#flow02_img-05 a:hover {background:url(../../flow_02/img/img.gif) -304px -230px no-repeat; }
#flow02_img-06 a:hover {background:url(../../flow_02/img/img.gif) -380px -230px no-repeat; }
#flow02_img-07 a:hover {background:url(../../flow_02/img/img.gif) -456px -230px no-repeat; }
#flow02_img-08 a:hover {background:url(../../flow_02/img/img.gif) -532px -230px no-repeat; }


/*無料査定*/

.ass_area{
background:url(../../assessment/img/bk_01.jpg);
position:relative;
height:161px;
width:540px;
margin-left:30px;
zoom:1;}

.ass_txt{
position:absolute;
top:40px;
left:40px;
text-align:left
}

.ass_f{
width:540px;
margin:0 auto 30px auto;
background-color:#F0FCFF;
text-align:left;
border:#F0FCFF 5px solid;
}

.ass_f th{
font-weight:normal;
padding:5px;
width:110px;
text-align:left;
}

.ass_f td{
font-weight:normal;
background-color:#FFF;
padding:2px 0 2px 5px;
}

.ass_f span{
font-size:x-small;
color:#FF0000;
margin-left:5px;
}

/*フォーム*/
.ass_f label:hover {
background-color:#F0FCFF;
padding:5px 0 5px 0;
}

.ass_f input:focus{
background-color:#F0FCFF;
}

.ass_f input:hover{
background-color:#F0FCFF;
}

.ass_f textarea:focus{
background-color:#F0FCFF;
}

.ass_f textarea:hover{
background-color:#F0FCFF;
}

/*recruit*/
.rec_r,
.rec_r a
{
color:#FF0000 !important;}

.contact_area td dt{
font-size:120%;
font-weight:bold;
color:#006699;
}
.contact_area td dd{
margin-left:10px;
}

.rec_fl{
float:left;
text-align:left;
width:200px;
}
.rec_fr{
float:right;
text-align:left;
width:200px;
padding:3px 0 0 10px;
border:3px solid #AFD4F6;}