@charset "shift_jis";
base {
}

/*all
------------------------------------*/
body{
  margin: 0px;
  padding: 0px;
  text-align: center;
  font-size: 100%;
}

*{
  margin: 0px;
  padding: 0;
  font-family: Geneva, Arial, Helvetica, sans-serif;
  font-family: Geneva, Arial, Helvetica, sans-serif;
}

* a{
  text-decoration: none;
}

img{
  border: none;
  vertical-align: bottom;
}

li{
  list-style-type: none;
}

/*****glovalnaviのlistがnoneにならない原因w***********
#subnavi li, #propertylist li, #footer li, ul{
  display: inline;
}

.topick1, .suginamiku, .kolamu, .reform{
  float: left;
}
/************************************************/


/*wrapper
-------------------------------------------*/
#wrapper{
  width: 100%;
  text-align: left;
  background: url(../img/bg/sidebg.gif) repeat-x left top;
}

/*header
-------------------------------------------*/
#header{
  height: 84px;
  margin: 0 auto;
  background: url(../img/bg/headbg.gif) repeat-x left top;
}

#headwr{
  width: 750px;
  height: 84px;
  margin: 0 auto;
}

.subtitle{
  float: left;
  margin-top: 6px;
}

.subnavi{
  float: right;
  margin-top: 3px;
  font-weight: bold;
}

#header p, .subnavi li a{
  font-size: 75%;
  color: #FFFFFF;
}

.live_plan img{
  clear: both;
  margin-top: 11px;
}

.subnavi li{
  float: left;
  width: 90px;
  padding-left: 12px;
  font-size: 14px;
  background: url(../img/arrow_sn.gif) no-repeat left center;
}

#mainimageArea{
  height: 286px;
  background: url(../img/bg/under_line.gif) repeat-x left bottom;
}
/*contentsu
-------------------------------------------*/
#contentsu{
  width: 750px;
  height: auto;
  margin: 0 auto;
  background: #FFFFFF;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}

h1{
  padding: 15px 0;
}

h2, h3, h4{
  clear: both;
  padding: 10px 0;
}



#h3_form{
  font-size: 140%;
  color: #84992D;
  background: url(../img/bg/form_midashi.gif) no-repeat left bottom;
}

.form_title{
  margin-left: 315px;
}

#formtext{
  height: 480px;
  text-align: left;
  background: url(../img/bg/forom_bg.gif) no-repeat left bottom;
}

#formtext p{
  font-weight: bold;
  clear: both;
}

#formtext .text_center{
  margin-top: 30px;
  text-align: center;
  font-size: 120%;
}

#form_contact{
  float: right;
  width: 440px;
  text-align: left;
  margin: 20px 0 0 45px;
}

#form_contact table th{
  padding: 10px;
  font-size: 90%;
  border-bottom: 1px dotted #333333;
}

#form_contact table td{
  padding: 10px;
  font-size: 90%;
  border-bottom: 1px dotted #333333;
}

.indent01{
  margin-left: 210px;
}

.indent02{
  clear: both;
  margin-left: 300px;
  font-size: 90%;
}


.submitbotton{
  text-align: right;
}




/*index.html
-------------------------------------------*/
#topic2{
  clear: both;
}

#glovalnavi{
  float: left;
  width: 202px;
  height: 284px;
}

#glovalnavi li{
  list-style: none;
}

#glovalnavi li img{
  vertical-align: bottom;
}

#mainimage{
  float: right;
  width: 540px;
}

#propertylist{
  clear: both;
  width: 750px;
  background: url(../img/bg/listbg.gif) no-repeat left bottom;
}

#propertylist li{
  float: left;
}

.topick1{
  float: left;
  width: 470px;
  height: 350px;
}

/*-- /topickchenger scrollbar/ --*/
#topickchenger{
  width: 450px;
  height: 330px;
  margin-left: 20px;
  overflow-y: scroll;
  scrollbar-arrow-color:#D7E4CD;
  scrollbar-base-color:#97C18E;
  scrollbar-darkshadow-color:#B9D5B3;
  scrollbar-highlight-color:#B9D5B3;
  scrollbar-shadow-color:#538349;
  scrollbar-track-color:#E2ECDB;
}

.photo{
  width: 100px;
  height: 100px;
  border: 1px solid #999999;
}

#topickchenger .buildname{
  padding-left: 13px;
  font-sixe: 95%;
  font-weight: bold;
  text-align: left;
  background-color: #D2D9FF;
  background: url(../img/arrow_tc.gif) no-repeat left center;
}

#topickchenger .buildname a{
  color: #006699;
}

#topickchenger .buildname a:hover{
  color: #0099FF;
}

#topickchenger .category_name{
  width: 65px;
  font-size: 85%;
  background: url(../img/dotteline.gif) repeat-x left bottom;
}

#topickchenger .b_syousai{
  width: 255px;
  font-size: 85%;
  background: url(../img/dotteline.gif) repeat-x left bottom;
}

.topick2{
  float: right;
  width: 260px;
  text-align: center;
}

.topick2 img{
  padding: 10px 17px 10px 10px;
}

.suginamiku_text{
  width: 170px;
  padding: 0 15px 15px 15px;
  font-size: 90%;
}

.suginamiku_text dt{
  margin-bottom: 10px;
  font-weight: bold;
  color: #5E7526;
}

.suginamiku_text p{
  margin-top: 10px;
}

.suginamititle{
  color: #66CC00;
  font-size: 85%;
}

#suginamiku{
  float: left;
  width: 370px;
  height: 300px;
  font-size: 95%;
  background: url(../img/bg/suginamikubg.gif) no-repeat right bottom;
}

#kolamu{
  float: left;
  width: 205px;
  height: 300px;
  padding-left: 15px;
  background: url(../img/bg/kolamubg.gif) no-repeat right bottom;
}

#kolamu .text{
  padding-left: 10px;
  font-size: 95%;
  lign-height: 0.1em;
}

#kolamu dd{
  margin-bottom: 5px;
}

#reform{
  float: left;
  width: 150px;
  height: 300px;
  background: url(../img/bg/reform2.gif) no-repeat right bottom;
}

.reform_text{
  padding: 3px 5px 0 15px;
  font-size: 80%;
}

.text dd{
  font-size: 70%;
}

.pagetop{
  clear: both;
  padding: 15px 0 15px 0;
  text-align: right;
}

/*footer
-------------------------------------------*/
#footer{
  clear:both;
  width: 750px;
  margin: 0 auto;
  font-size: 75%;
  color: #666666;
  border-left: 1px solid #666666;
  border-right: 1px solid #666666;
}

#footer p, #footer ul{
  padding: 0 10px;
}

#footer li{
  display: inline;
}

.fnavi1, .copyright{
  float: right;
}

.link{
  height: 20px;
  margin: 5px 0;
  color: #000000;
  background: url(../img/bg/footline.gif) repeat-x left bottom;
}

.copyright{
  text-align: right;
  font-weight: bold;
  color: #666666;
}

/*corpo_info Page 
-------------------------------------------*/
#corp_info{
  text-align: center;
}

.dotte_line{
  background: url(../img/dotteline.gif) repeat-x left bottom;
}

#corp_info table{
  background-color: #FFFFFF;
  margin: 0 125px;
}

#corp_info table td{
  padding: 5px 0;
}

#corp_info .corpinfo_left{
  width: 100px;
  text-align: left;
  font-size: 85%;
}

#corp_info .corpinfo_right{
  width: 400px;
  text-align: left;
  font-size: 85%;
}

.map{
  margin-top: 20px;
}

/*-- staff-----*/
table.staff01 {
  text-align:left;
  font-size: 90%;
}
table.staff02 {
  text-align:left;
  margin: 40px 0 0 0px;
  font-size: 90%;
}
td.va-b {
  vertical-align: bottom;
}
td.right {
  text-align: right;
}
td.bdr-b {
  padding-left: 15px;
}
h3.staff {
  font-size: 110%;
  font-weight: bold;
  color: #706F9B;
  margin: 0 0 0 10px;
  padding-left: 20px;
  background: url(../img/staff_mark.jpg) left 50% no-repeat;
}
.staff {
  height:auto;
}
dl.staff {
  margin: 20px 0 0 0;
}
dl.staff dt{
  margin: 0px;
  font-weight: bold;
  padding-left: 16px;
  background: url(../img/icon01.gif) no-repeat left top;
}
dl.staff dd{
  margin: 0 0 12px 16px;
  background: url(../img/dotteline.gif) repeat-x left bottom;
}

/*sitemap
-------------------------------------------*/
#wr02{
  float: right;
}

.h3sitemap{
  width: 350px;
  padding-left: 15px;
  color: #669933;
}

#sitelist{
  padding: 20px 0 0 50px;
}

#sitelist dt{
  padding-left: 10px;
  font-size: 100%;
  background: url(../img/arrow2.gif) no-repeat left center;
}

#sitelist dd{
  padding: 0 0 15px 30px;
  font-size: 90%;
}

#sitelist dt a{
  font-size: 100%;
  font-weight: bold;
  color: #9CA534;
}

#sitelist dt a:hover{
  color: #B3AB13;
}

/*siteporisy
-------------------------------------------*/
#siteporisy{
  width: 85%;
  padding-top: 15px;
  margin: 0 55px;
  letter-spacing: normal;
  text-align: left;
  text-indent: 1px;
}

.h3site{
  padding: 30px;
  background: url(../img/bg/bgsitepoly.gif) no-repeat left center;
}

#siteporisy{
  background-color: #F9F8EC;
  font-size: 90%;
}

#siteporisy dl{
  margin-bottom: 20px;
}

#siteporisy dl dt{
  padding-left:40px;
}

#siteporisy dl dd{
  padding-left: 70px;
}


/*inquiry Page
-------------------------------------------*/
#inquiry_main{
  text-align: center;
}

#otoiran{
  width: 90%;
  height: auto;
  margin: 1em 2em;
  font-size: 120%;
  text-align: left;
  background: url(../img/bg/otoibg.gif) no-repeat left bottom;
}

#contact{
  font-size: 85%;
  margin: 0 3em;
}


#confirmation{
  margin-top: 15px;
}

.inquirybg{
  color: #000000;
  padding-left: 45px;
  margin-bottom: 10px;
  background: url(../img/bg/inquiryh3bg.jpg) no-repeat left;
}

.common{
  padding-left: 40px;
  font-size: 90%;
}

.text_tel{
  padding-left: 40px;
  font-size: 120%;
  font-weight: bold;
}

.ques{
  padding: 5px 0 5px 10px;
  margin-top: 15px;
  background-color: #ABB931;
  text-align: left;
  font-size: 120%;
  font-weight: bold;
  color: #FFFFFF;
}

.condition{
  width: 200px;
  padding: 5px;
  background-color: #CEEAE9;
}/*-- /table td left--*/


.filling{
  margin-left: 10px;
  padding: 5px;
  text-align: left;
  background-color: #E6E6E6;
}/*-- /table td rightt--*/

.demandlist{
  margin-right: 10px;
  text-align: right;
  font-weight: bold;
}

.red{
  margin-right: 10px;
  color: #FF0000;
  text-align: right;
  font-weight: bold;
}

.submit{
  margin-top: 25px;
  padding: 10px 0;
  text-align: left;
  background-color: #E8E8E8;
  border-bottom: solid 1px #666666;
}/* /table buttun--*/


/*suginamiku_info
-------------------------------------------*/
#suginamikuwr{
  margin-top: 15px;
}

#suginamiku_info{
  float: right;
  font-size: 85%;
}

#link_list{
  width: 200px;
  height: auto;
  float: left;
  background: url(../img/bg/footline.gif) no-repeat left bottom;
}

#link_list{
  background: url(../img/bg/sugili_bg.gif) no-repeat left top;
}

#link_list li{
  background-image: url(../img/listmark.gif);
  background-repeat: no-repeat;
  background-position: left 6px;
}

#link_list .li_text{
  padding: 15px 0 0 60px;
}

.list{
  font-size: 115%;
  font-weight: bold;
}


#link_list .list a{
  display: block;
  width: 200px;
  height: 30px;
  padding: 5px 0;
  color: #333333;
}

#link_list .list a:hover{
  color: #617E41;
  background: #FFEFBF;
  background: url(../img/listmark_over2.gif) no-repeat left center;
}

#suginamiku_info .name1{
 width: 500;
  font-size: 110%;
  font-weight: bold;
  color: #FFFFFF;
  background: #B0B357;
  letter-spacing: 0.2em;
  text-indent: 0.5em;
}

#suginamiku_info .name2{
  width: 300;
  font-size: 90%;
  background: #EAF5C5;
}

#suginamiku_info .syousai{
  width: 200;
  font-size: 90%;
  background: #E7E7E7;
}

/*a link color******************************
-------------------------------------------*/
.sl_category li a{
  padding-left: 30px;
  color: #009900;
}

.sl_category li a:hover{
  color: #FF9900;
}

.sitelist li a{
  color: #666600;
}

.sitelist li a:hover{
  color: #990000;
}

.subnavi li a:hover{
  color: #1E7779;
}


#kolamu .text dt a{
  font-size: 80%;
  color: #006699;
  font-weight: bold;
}

#kolamu .text dt a:hover{
  color: #FA8167;
}

.link a: hover{
  color: #FF9900;
}

.pagetop a{
  padding-right: 10px;
  font-size: 75%;
  color: #336600;
}

.pagetop a:hover{
  color: #1E7779;  
}


#footer li a{
  color: #336600;
}

#footer li a:hover{
  color: #1E7779;  
}