@charset "utf-8";


/*
--------------------------------------------------------
Since: 2010-01-15
Modified: none
Guideline: Ver1.0
Editor: DW8
-------------------------------------------------------- */

body {
margin:0px;
padding:0px;
font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", sans-serif;
line-height: 1.5;
font-size: 12px;
*font-size: 75%; /*for IE6,IE7*/
color:#333;
background: url(../image/body_bg.gif) repeat-y center top #EFF3F4;
}



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

ul,li {
list-style:none;
}

a{outline: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;
/**/
}

html>/**/body .clearfix {
height /*\**/: 1px\9;
height: auto\9;
overflow: hidden\9;
}


textarea { font-size: 100%; }


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

header, article, footer, article, aside, time ,nav{
display:block;
}

a:link{
color:#0066CC;
text-decoration:underline;
}
a:hover{
color:#99CCFF;
text-decoration:none;
}
a:visited{
color:#0066CC;
text-decoration:underline;
}
a:active{
color:#99CCFF;
text-decoration:underline;
}

label:hover {
background-color:#FFFFCC;
}


/*-----------------------------------------------
spacer
-----------------------------------------------*/
.mt05{
margin-top:5px;
}

.mt10{
margin-top:10px;
}

.mt15{
margin-top:15px;
}

.mt20{
margin-top:20px;
}

.mt25{
margin-top:25px;
}

.mt30{
margin-top:30px;
}

.mt40{
margin-top:40px;
}

.mb30{
margin-bottom:30px;
}

.mb10{
margin-bottom:10px;
}

.cen{
text-align:center;
}

/*-----------------------------------------------
text
-----------------------------------------------*/
.r10{
color:#FF3333;
font-size:10px;
}
.r12{
color:#FF3333;
}
.rb12{
color:#FF3333;
font-weight:bold;
}
.r16{
font-size:16px;
color:#FF3333;
font-weight:bold;
}

.bl10{
font-size:10px;
color:#575757;
font-weight:bold;
}
.bl12{
color:#000066;
font-weight:bold;
}
.bk25{
font-size:25px;
font-weight:bold;
color:#333333;
}


/*wrap*/
#wrap{
margin:0 auto;
padding:0 0 0 0px;
width:810px;
}

#wrap .head_001{
width:810px;
height:auto;
background:#FF7B0E;/*色替え*/
}

#wrap h1{
float:left;
margin:0;
padding:15px 25px;
color:#fff;
font-size: 16px;
font-weight:bold;
background:url(../image/arrow01.gif) no-repeat 10px center #FF7B0E;
}

.h1_tel{
float:right;
width:250px;
height:50px;
background:url(../image/h1_tel_bk.jpg) no-repeat;
padding:0 5px 2px 5px;
margin:0 15px 0 0;
*margin:0 5px 0 0;
text-align:center;
position:relative;
}

.tel_no{
font-size:18px;
color:#FF3333;
font-weight:bold;
margin:0;
padding:0;
position:absolute;
top:2px;
left:30px;
text-align:left;
}

.tel_no2{
position:absolute;
top:5px;
right:5px;
}

.tel_no3{
position:absolute;
top:27px;
left:8px;
}

#h2Box{
width:810px;
background:#FFDEC2 !important;
margin:0 0 15px 0;
}

#h2Box_l{
float:left;
width:390px;
background:#FFDEC2 !important;
height:20px;
padding:5px 5px 0 5px;
}

#wrap h2{
color:#333;
font-size: 12px;
font-weight:bold;
margin:0;
padding:0;
}

#h2Box_r{
float:right;
width:390px;
background:#FFDEC2 !important;
text-align:right;
margin:0;
padding:5px 20px 0 0;
height:20px;
}

.note {
margin: 0px auto;
width:810px;
}

.note th {
font-size:12px;
font-weight: bold;
color:#333;
width: 150px;
text-align: left;
line-height: 1.5;
padding:10px 0;
vertical-align: middle;
text-align:center;
background:#EFEFEF;
}

.note td {
font-size:12px;
padding: 5px 0;
vertical-align: middle;
background-color: #fff;
line-height: 1.5em;
text-align:center;
}

.note02 {
margin: 0px auto;
width:810px;
}

.note02 th {
font-size:12px;
font-weight: bold;
color:#333;
width: 150px;
text-align: left;
line-height: 1.5;
padding:10px 0;
vertical-align: middle;
text-align:center;
background:#EFEFEF;
}

.note02 td {
font-size:12px;
padding: 5px 10px;
vertical-align: middle;
line-height: 1.5em;
text-align:left;
height:23px;
}


.td01{
background:#EFEFEF;
width:85px;
}
.td02{
background:#fff;
width:285px;
}
.td03{
background:#fff;
width:350px;
text-align:center;
}
.td04{
background:#fff;
width:665px;
}

/*物件ポイント*/

.Area01{
background:#FFFEE2;
border:1px #D7D7D7 solid;
margin:10px 0 0 0;
padding:10px;
}

.list01{
margin:0;
padding:0;
float:left;
width:250px;
height:auto;
}

.list01 li{
background:url(../image/arrow02.gif) no-repeat left center;
color:#CC3300;
text-indent:12px;
}

.list02{
margin:0;
padding:0;
float:left;
width:350px;
height:auto;
}

.list03{
margin:0;
padding:0;
float:right;
width:175px;
height:auto;
}

.list03 img{
padding:5px 0 0 0;
}


/*物件外観写真・間取り図*/

.Area02{
margin:25px 0 0 0;
}

.box02{
margin:0;
float:left;
height:auto;
}

.box02 table{
border:1px #D7D7D7 solid;
height:305px;
width:395px;
text-align:center;
}

.box03{
margin:0;
float:right;
height:auto;
}

.box03 table{
border:1px #D7D7D7 solid;
height:305px;
width:395px;
text-align:center;
}

/*その他写真*/

.box01{
margin:20px 0 0 0;
height:auto;
}

.box01 p{
padding:20px 0;
height:auto;
width:810px;
}

.Area03{
width:810px;
border:1px #D7D7D7 solid;
padding:20px 0;
}
.Area03_l{
width:405px;
float:left;
height:auto;
text-align:center;
padding:20px 0 0 0;
}
.Area03_r{
width:405px;
float:right;
height:auto;
}

.Area03_r p{
display:inline;
}
.photo_table td{
border:1px #555 solid;
background:#FFFFFF;
width:70px;
height:70px;
text-align:center;
}


/* ボタン */
.btn01{
text-align:center;
margin:30px 0;
}
.linkbtn{
text-align:center;
margin:5px 0 0 0;
}
.button01{
color:#FFFFFF;
padding:2px;
background-color:#666666;
}

/* お問合せ */
.box04{
width:790px;
border:1px #D7D7D7 solid;
padding:20px 10px;
}
.Area04{
width:790px;
}
.Area04_l{
width:310px;
float:left;
height:auto;
text-align:center;
padding:0 0 0 0;
}
.Area04_m{
width:210px;
float:left;
height:auto;
}

.Area04_r{
width:250px;
float:right;
height:auto;
text-align:right;
}

.note03 {
margin:0;
width:280px;
}

.note03 td {
padding: 3px 10px;
vertical-align:top;
background-color: #fff;
line-height: 1.3em;
text-align:left;
}
.td05{
width:65px;
}
.td06{
font-weight:bold;
}

.Area05{
background:#FFFEE2;
border:1px #D7D7D7 solid;
margin:10px auto 0 auto;
padding:10px;
width:730px;
}
.Area05 dt{
float:left;
clear:both;
padding:10px;
}
.Area05 dd{
vertical-align:middle;
display:inline;
}





/*　　　　　　緑　　　　　　*/

#wrap2{
margin:0 auto;
padding:0 0 0 0px;
width:810px;
}

#wrap2 .head_001{
width:810px;
height:auto;
background:#208402;/*色替え*/
}

#wrap2 h1{
float:left;
margin:0;
padding:15px 25px;
color:#fff;
font-size: 16px;
font-weight:bold;
background:url(../image/arrow01.gif) no-repeat 10px center #208402; /*色変え*/
}

#h2Box2{
width:810px;
background:#CEFFBF !important;/*色変え*/
margin:0 0 15px 0;
}

#h2Box2_l{
float:left;
width:390px;
background:#CEFFBF !important;/*色変え*/
padding:5px 5px 0 5px;
}

#wrap2 h2{
color:#333;
font-size: 12px;
font-weight:bold;
margin:0;
padding:0;
}

#h2Box2_r{
float:right;
width:390px;
background:#CEFFBF !important;/*色変え*/
text-align:right;
margin:0;
padding:5px 20px 0 0;
}

/*　　　　　　緑　ここまで　　　　　*/

/*　　　　　　青　　　　　　*/

#wrap3{
margin:0 auto;
padding:0 0 0 0px;
width:810px;
}

#wrap3 .head_001{
width:810px;
height:auto;
background:#1060CD;/*色替え*/
}

#wrap3 h1{
float:left;
margin:0;
padding:15px 25px;
color:#fff;
font-size: 16px;
font-weight:bold;
background:url(../image/arrow01.gif) no-repeat 10px center #1060CD; /*色変え*/
}

#h2Box3{
width:810px;
background:#DCEBFF !important;/*色変え*/
margin:0 0 15px 0;
}

#h2Box3_l{
float:left;
width:390px;
background:#DCEBFF !important;/*色変え*/
height:20px;
padding:5px 5px 0 5px;
}

#wrap3 h2{
color:#333;
font-size: 12px;
font-weight:bold;
margin:0;
padding:0;
}

#h2Box3_r{
float:right;
width:390px;
background:#DCEBFF !important;/*色変え*/
text-align:right;
margin:0;
padding:5px 20px 0 0;
height:20px;
}

/*　　　　　　青　ここまで　　　　　*/

/*　　　　　　ピンク　　　　　　*/

#wrap4{
margin:0 auto;
padding:0 0 0 0px;
width:810px;
}

#wrap4 .head_001{
width:810px;
height:auto;
background:#DD4D98;/*色替え*/
}

#wrap4 h1{
float:left;
margin:0;
padding:15px 25px;
color:#fff;
font-size: 16px;
font-weight:bold;
background:url(../image/arrow01.gif) no-repeat 10px center #DD4D98; /*色変え*/
}

#h2Box4{
width:810px;
background:#FFCEE8 !important;/*色変え*/
margin:0 0 15px 0;
}

#h2Box4_l{
float:left;
width:390px;
background:#FFCEE8 !important;/*色変え*/
height:20px;
padding:5px 5px 0 5px;
}

#wrap4 h2{
color:#333;
font-size: 12px;
font-weight:bold;
margin:0;
padding:0;
}

#h2Box4_r{
float:right;
width:390px;
background:#FFCEE8 !important;/*色変え*/
text-align:right;
margin:0;
padding:5px 20px 0 0;
height:20px;
}

/*　　　　　　ピンク　ここまで　　　　　*/

/*　　　　　　グレー　　　　　　*/

#wrap5{
margin:0 auto;
padding:0 0 0 0px;
width:810px;
}

#wrap5 .head_001{
width:810px;
height:auto;
background:#2E2E2E;/*色替え*/
}

#wrap5 h1{
float:left;
margin:0;
padding:15px 25px;
color:#fff;
font-size: 16px;
font-weight:bold;
background:url(../image/arrow01.gif) no-repeat 10px center #2E2E2E; /*色変え*/
}

#h2Box5{
width:810px;
background:#E3E3E3 !important;/*色変え*/
margin:0 0 15px 0;
}

#h2Box5_l{
float:left;
width:390px;
background:#E3E3E3 !important;/*色変え*/
height:20px;
padding:5px 5px 0 5px;
}

#wrap5 h2{
color:#333;
font-size: 12px;
font-weight:bold;
margin:0;
padding:0;
}

#h2Box5_r{
float:right;
width:390px;
background:#E3E3E3 !important;/*色変え*/
text-align:right;
margin:0;
padding:5px 20px 0 0;
height:20px;
}

/*　　　　　　グレー　ここまで　　　　　*/




/*　　　　　　検索機能　　　　　*/

.search_h1{
background:none !important;
font-size:12px !important;
margin:0 !important;
padding:0 !important;
color:#333 !important;
display:inline !important;
}

.pan{
font-size:12px;
font-weight:bold;
text-align:right;
margin:0 0 15px 0;
}

.tab_01{
border-bottom:5px #1665D0 solid;
}
.tab_01 li{
display:inline;
}



.title_01{
background:url(../image/title_01.jpg) repeat-x;
height:42px;
font-size:14px;
font-weight:bold;
text-indent:15px;
line-height:3em;
margin:30px 0 0 0;
padding:0;
}

.title_02{
background:url(../image/arrow03.gif) no-repeat 10px center #F2F2F2;
height:35px;
margin:25px 0 10px 0;
font-size:14px;
font-weight:bold;
text-indent:30px;
line-height:2.5em;
}

.title_02 h3{
color:#333;
font-size:14px;
font-weight:bold;
margin:0;
padding:0;
}

.table_01{
width:770px;
margin:0 auto;
font-size:12px;
}
.table_01 td{
padding:5px 0 0 0;
width:180px;
}

.table_02{
width:770px;
margin-bottom:1em;
border-collapse:collapse;
border-style:solid;
border-color:#999;
border-width:1px 0 0 1px;
margin:30px 0 0 0;
font-size:14px;
}

.table_02 tr th,
.table_02 tr td{
border-style:solid;
border-color:#999;
border-width:0 1px 1px 0;
font-weight:normal;
padding:10px;
}

.table_02 tr th{
padding:10px;
border-style:solid;
border-color:#999;
border-width:0 1px 1px 0;
color:#000;
background-color:#eee;
white-space:nowrap;
text-align:left;
}

table#se_01 tr td{
background-color:#fff;
}




.form_btn{
text-align:center;
padding:40px 0 0 0;
}
.form_btn li{
display:inline;
margin:0 10px 0 0;
}
.form_btn-1{
position:relative;
top:-5px;
*top:0px;
}




/*オレンジ*/
#wrap .logo{
float:left;
margin:0;
font-weight:bold;
padding:10px 0 0 10px;
}
/*緑*/
#wrap2 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#208402; /*色変え*/
}
/*青*/
#wrap3 .logo{
margin:0;
float:left;
padding:10px 0 0 10px;
background:#1060CD; /*色変え*/
}
/*ピンク*/
#wrap4 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#DD4D98; /*色変え*/
}
/*グレー*/
#wrap5 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#2E2E2E; /*色変え*/
}




/*　　　　　　検索機能ここまで　　　　　*/


/*オレンジ*/
#wrap .logo{
float:left;
margin:0;
font-weight:bold;
padding:10px 0 0 10px;
}
/*緑*/
#wrap2 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#208402;　/*色変え*/
}
/*青*/
#wrap3 .logo{
margin:0;
float:left;
padding:10px 0 0 10px;
background:#1060CD;　/*色変え*/

}
/*ピンク*/
#wrap4 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#DD4D98;　/*色変え*/
}
/*グレー*/
#wrap5 .logo{
float:left;
margin:0;
padding:10px 0 0 10px;
background:#2E2E2E;　/*色変え*/
}

.close_btn{
margin:10px 0;
text-align:center;
}

.red_text{
font-size:10px;
color:#ff0000;
}

/*マイページを見る*/
.mypage{
width:810px;
margin:5px auto;
text-align:right;
padding:0 0 0 0px;
}
/*　　　　　パンくず　　　　　*/
.pan_menu{
margin:10px auto 5px auto;
font-size:12px;
}
/*　　　　　メッセージ　　　　　*/
.msg{
margin:150px auto 250px auto;
text-align:center;
}