@charset "UTF-8";
@import url("parts.css");
@import url("ui.tabs.css");
@import url("lightbox.css");
/* Browser reset */

 *{
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: black;
  font-size: medium;
  font-family: Verdana,Arial,"ヒラギノ角ゴProW3","Osaka","MS Pゴシック",san-serif;
 }
 
 th,td,form{
  margin: 0;
  padding: 0;
  background-color: transparent;
  color: black;
  font-size: medium;
  font-family: Verdana,Arial,"ヒラギノ角ゴProW3","Osaka","MS Pゴシック",san-serif; 
 }
 
 ul{
 list-style-type: none;
 }
 
 body{
 width: 100%;
 height: 100%;
 text-align: center;
 background: url('../images/body.jpg') repeat-x 0 0;
 }
 
 em{
 font-style: normal;
 font-weight: bold;
 }
 
 img{
 border: 0;
 }
 
 a{
 overflow:hidden;
 outline:none;
}

p{
font-family: monospace;
}

.clearfix{
display:inline-block;
min-height:1%;  /* for IE 7*/
}

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

/* Hides from IE-mac */
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


.bye{
text-indent: -9999px;
}

/*---------------------------------
全体枠
---------------------------------*/

div#waku{
width: 1000px;
height: 100%;
min-height: 800px;
text-align: left;
margin: 0 auto;
}

/*---------------------------------
ヘッダー
---------------------------------*/

div#header{
width: 900px;
height: 115px;
padding: 0 50px;
position: relative;
}

* html div#header{
width: 1000px;
}

div#header h1{
color: #fff;
font-size: 13px;
position: absolute; top: 3px; left: 50px;
}

div#header p#logo{
width: 291px;
height: 68px;
background: url('../images/logo.jpg');
position: absolute; top: 35px; left: 50px;
}

div#header p#logo a{
width: 291px;
height: 68px;
display: block;
text-indent: -9999px;
}

/*---------------------------------
ナビゲーション
---------------------------------*/

div#menu{
width: 900px;
height: 45px;
padding: 0 50px;
position: relative;
}

* html div#menu{
width: 1000px;
}

div#menu ul li{
float: left;
width: 150px;
height: 45px;
position: relative;
}

div#menu ul li a{
width: 150px;
height: 45px;
display: block;
}

div#menu ul li a span{
display: none;
}

li.page1{
background: url('../images/menu.jpg') 0 0;
}

li.page1 a:hover{
background: url('../images/menu.jpg') 0 -45px;
}

li.page2{
background: url('../images/menu.jpg') -150px 0;
}

li.page2 a:hover{
background: url('../images/menu.jpg') -150px -45px;
}

li.page3{
background: url('../images/menu.jpg') -300px 0;
}

li.page3 a:hover{
background: url('../images/menu.jpg') -300px -45px;
}

li.page4{
background: url('../images/menu.jpg') -450px 0;
}

li.page4 a:hover{
background: url('../images/menu.jpg') -450px -45px;
}

li.page5{
background: url('../images/menu.jpg') -600px 0;
}

li.page5 a:hover{
background: url('../images/menu.jpg') -600px -45px;
}

li.page6{
background: url('../images/menu.jpg') -750px 0;
}

li.page6 a:hover{
background: url('../images/menu.jpg') -750px -45px;
}

ul.drop{
display: none;
filter: Alpha(opacity=90); /* IE系 */
opacity:0.9; /* Mozzila系 */
position: absolute; left: 0; margin: 0; padding: 0;
background: url('../images/alpha.jpg');
padding-bottom: 10px;
}

ul.drop li{
float: none;
width: 140px !important;
height: 15px !important;
padding: 5px;
text-indent: none !important;
}

ul.drop li a{
width: 130px !important;
height: 15px !important;
text-decoration: none;
font-size: 14px;
color: #fff;
font-weight: bold;
padding: 5px;
}

ul.drop li a:hover{
color: #fff;
background: red;
}

/*---------------------------------
メインビジュアル
---------------------------------*/

div#key{
clear: both;
width: 1000px;
height: 320px;
background: url('../images/Key_visual.jpg');
}

/*---------------------------------
メインコンテンツ
---------------------------------*/

div#mainBox{
float: right;
width: 650px;
height: 100%;
padding-right: 50px;
}

* html div#mainBox{
width: 700px;
}

div#main{
width: 900px;
min-height: 600px;
padding: 20px 50px 20px;
}

* html div#main{
width: 1000px;
}

/*---------------------------------
サイドコンテンツ
---------------------------------*/

div#leftBox{
float: left;
width: 220px;
height: 100%;
min-height: 600px;
padding-left: 50px;
}

* html div#leftBox{
width: 270px;
}

div#leftBoxIn{
width: 200px;
height: 100%;
min-height: 100%;
background: #f5f5f5;
padding: 0 10px 20px;
}

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

p.banner{
padding: 10px 0;
}

div#news{
border: 1px solid #c0c0c0;
padding: 2px;
}

div#news h3{
height: 21px;
color: #fff;
font-size: 14px;
line-height: 21px;
text-indent: 20px;
background: url('../images/newsTitle.jpg');
}

div#news li{
border-bottom: dotted 1px #c0c0c0;
}

div#news li span.date{
font-size: 11px;
font-weight: bold;
color: #333;
}

div#news li span.text{
font-size: 12px;
color: #555;
text-decoration: none;
}

div#news p{
text-align: right;
}

div#news p a{
font-size: 12px;
color: blue;
}

/*---------------------------------
帯・物件詳細
---------------------------------*/

div#widebox{
padding: 20px 50px 0;
}

/*---------------------------------
フッター
---------------------------------*/

div#footer{
clear: both !important;
height: 100px;
background: #333;
}

div#footerIn{
width: 900px;
padding: 10px 50px 0;
text-align: left;
margin: 0 auto;
}

* html div#footerIn{
width: 1000px;
}

div#footerIn p{
color: #ffffff;
font-family: monospace;
padding-left: 10px;
}

div#footerIn p.name{
float: left;
}

div#footerIn p.name span{
font-size: 12px;
color: #ffffff;
}

div#footerIn p.fLink{
float: right;
font-size: 12px;
}

div#footerIn p.fLink a{
font-size: 12px;
color: #ffffff;
text-decoration: none;
}

div#footerIn p.copy{
clear: both;
padding-top: 10px;
font-size: 10px;
}

/*---------------------------------
お知らせ
---------------------------------*/

div#newsMain{
float: left;
width: 650px;
padding-top: 20px;
}

div#newsMain h3.title{
text-indent: 10px;
border-bottom:1px solid #c0c0c0;
background: #f0f0f0;
padding-top: 10px;
}

div#newsMain h3.title span{
font-size: 12px;
text-align: right;
display: block;
padding-bottom: 5px;
padding-right: 5px;
}

div#newsMain div#user_area{
padding: 10px 10px 30px;
line-height: 150%;
text-align:justify;
text-justify:distribute;
}

div#newsMain div#user_area h3{
color:#0099cc;
border-left: 3px solid #FF9900;
border-bottom:1px dotted #cccccc;
text-indent: 5px;
line-height: 200%;
}

div#newsMain div#user_area p{
color: #555;
font-size: 14px;
padding: 10px 0;
}

div#newsSide{
float: right;
width: 220px;
padding-top: 20px;
}

/*-------------------------------------
提携店舗＆物件帯表示のナビリンク
-------------------------------------*/

div.page_navi{
clear: both;
padding-top: 15px;
}

.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 13px;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 1px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    background-color: #008CBA;
    color: #fff;
}
#ditto_pages .ditto_off {
    border: 1px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 1px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: black;
    font-size: 13px;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #000;
}