@charset "Shift_JIS";

/*------------------------------------------------------------------------------
　リセット
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* よく登場する要素のリセット */
h1, h2, h3, h4, h5, h6, p, address,
ul, ol, li, dl, dt, dd,
table, caption, th, td, img, form {
        margin: 0;
        padding: 0;
        border: none;
        font-style: normal;
        font-weight: normal;
        font-size: 100%;
        text-align: left;
        list-style-type: none;
}
/* 画像の下にできる隙間をなくす */
img { vertical-align: bottom; }




/*------------------------------------------------------------------------------
　ハック
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

/* float解除用 clearfix */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* clearfixここまで */


/*IE6で透過PNGを使う*/
.iepngfix {   
    behavior: expression(IEPNGFIX.fix(this));   
}  


/*------------------------------------------------------------------------------
　基本スタイル　と　Indexのスタイル
--------------------------------------------------------------------------------
------------------------------------------------------------------------------*/

html,body {
  margin: 0;
  padding: 0;
  height: 100%;
  color:#333333;
  line-height: 1.4;
  background: url(images/body_bg.gif) repeat-x #ececee;
}
#container {
  margin: 0 auto -80px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  width: 800px;
  padding: 0;
 }
#footer,#stopper {
  height: 80px;
}

/* 全リンク */
a:link, a:visited {
  color:#0083E9;
  text-decoration: none;
  }
a:hover {
  color:#0083e9;
  text-decoration: underline;
  }  

.news_list a {
	font-weight: bold;
}


/*  #header
----------------------------------------------------------------------------*/
#header {
	width: 800px;
	position: relative;
	margin-top: 10px;
	}
  
#box01 {
	width: 800px;
	padding-top: 60px;
	}

h1#logo {
    float: left;
    margin: 0;
    width: 425px;
    height: 58px;
    }
	
h1#logo a {
  	display: block;
    width: 425px;
    height: 58px;
    text-indent: -9999px;
    background: url(images/logo.gif);
    }
	
#fchange {
    float: right;
	display: block;
    margin-top: 30px;
    width: 180px;
	height: 27px;
    }

#fchange a {
	cursor:pointer;
}

#moji {
	float: left;
	display: block;
	width: 90px;
	height: 27px;
	text-indent: -9999px;
	background: url(images/fchange_moji.gif) no-repeat;
	}
#size {
	float: right;
	display: block;
	height: 27px;
	width: 84px;
	} 
#fsmall, #fmiddle, #flarge {
	float: left;
}
#fsmall a,#fmiddle a,#flarge a {
	display: block;
	margin-left: 4px;
	height: 27px;
	width: 24px;
}
#fchange .ftxt {
	display: none;
}

/*文字サイズ変更*/
h2#text01 {
	height: 40px;
	color:#26789d;
	position: absolute;
	top: 0;
	left: 0;
	line-height: normal;
	font-size: 11px;
	}

 
/*  #navigation
--------------------------------------------*/
#navigation {
  position: relative;
  margin-top: 15px;
  clear: both;
  width: 800px;
  height: 92px;
  background: url(images/navigation.png?20180921) no-repeat;
  }
  
#navigation ul {
  margin: 0;
  padding: 0 0 2px 0;
  width: 800px;
  height: 90x;
  }
  
#navigation ul li {
  display: block;
  width: 200px;
  height: 45px;
  padding: 0;
  float: left;
  list-style: none;
  text-indent: -9999px;
  }
  
#navigation ul li a {
  display: block;
  width: 200px;
  height: 45px;
  text-decoration: none;
  background: url(images/navigation.png?20170322) no-repeat;
  } 

#navigation ul li#nav01 a { background-position:    0px   0px; }
#navigation ul li#nav02 a { background-position: -200px   0px; }
#navigation ul li#nav03 a { background-position: -400px   0px; }
#navigation ul li#nav04 a { background-position: -600px   0px; }
#navigation ul li#nav05 a { background-position:    0px -45px; }
#navigation ul li#nav06 a { background-position: -200px -45px; }
#navigation ul li#nav07 a { background-position: -400px -45px; }
#navigation ul li#nav08 a { background-position: -600px -45px; }
  
#navigation ul li#nav01 a:hover { background-position:    0px  -92px; }
#navigation ul li#nav02 a:hover { background-position: -200px  -92px; }
#navigation ul li#nav03 a:hover { background-position: -400px  -92px; }
#navigation ul li#nav04 a:hover { background-position: -600px  -92px; }
#navigation ul li#nav05 a:hover { background-position:    0px -137px; }
#navigation ul li#nav06 a:hover { background-position: -200px -137px; }
#navigation ul li#nav07 a:hover { background-position: -400px -137px; }
#navigation ul li#nav08 a:hover { background-position: -600px -137px; }

#navigation ul li.current-page { background: url(images/navigation.png) no-repeat; }
#navigation ul li#nav01.current-page { background-position: 0 -184px; }
#navigation ul li#nav02.current-page { background-position: -200px -184px; }
#navigation ul li#nav03.current-page { background-position: -400px -184px; }
#navigation ul li#nav04.current-page { background-position: -600px -184px; }
#navigation ul li#nav05.current-page { background-position:      0 -229px; }
#navigation ul li#nav06.current-page { background-position: -200px -229px; }
#navigation ul li#nav07.current-page { background-position: -400px -229px; }
#navigation ul li#nav08.current-page { background-position: -600px -229px; }

.new_bullet_houtei {
	position: absolute;
	top: 62px;
	left: 235px;
}

.new_bullet_houtei {
	*top: 57px;
}

.new_bullet_shiken {
	position: absolute;
	top: 62px;
	left: 440px;
}

.new_bullet_shiken {
	*top: 57px;
}

/*  #contents
----------------------------------------------------------------------------*/
#contents {
  margin: 25px 0px 30px 0px;
  padding: 10px 30px 30px 30px;
  width: 738px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  }  

body#top #contents {/*TOPページのみ*/
  width: 768px;
  margin: 0 0px 30px 0px;
  padding: 15px;
  border: 1px solid #CCCCCC;
  background: #FFFFFF;
  }  
 
dl.qr {
	margin: 20px 0 0 0;
}


/*  #visual
--------------------------------*/
#visual {
  padding: 5px;
  width: 756px;
  border: solid 1px #CCCCCC;
  }  

/*写真をランダム表示にする*/
#inner_v {
  padding-left: 342px;
  background-position: left;
  }

#visual .bg_01 { background: url('images/visual/p_10.jpg') no-repeat; }
#visual .bg_02 { background: url('images/visual/p_11.jpg') no-repeat; }
#visual .bg_03 { background: url('images/visual/p_03.jpg') no-repeat; }
#visual .bg_04 { background: url('images/visual/p_04.jpg') no-repeat; }
#visual .bg_05 { background: url('images/visual/p_05.jpg') no-repeat; }
#visual .bg_06 { background: url('images/visual/p_06.jpg') no-repeat; }
#visual .bg_07 { background: url('images/visual/p_07.jpg') no-repeat; }
#visual .bg_08 { background: url('images/visual/p_08.jpg') no-repeat; }
#visual .bg_09 { background: url('images/visual/p_09.jpg') no-repeat; }
#visual .bg_10 { background: url('images/visual/p_01.jpg') no-repeat; }
#visual .bg_11 { background: url('images/visual/p_02.jpg') no-repeat; }
#visual .bg_12 { background: url('images/visual/p_12.jpg') no-repeat; } 
/*  #main_block
--------------------------------*/
#main_block {
  float: right;
  width: 575px;
  }
 
/*文字サイズ変更*/
#main_block #search h2,
#main_block #ttl_news {
  margin: 20px 0 10px 0;
  padding: 0 10px 0 20px;
  width: 545px;
  height: 35px;
  line-height: 35px;
  font-weight: bold;
  background: url(images/title_bg_01.gif) no-repeat;
  }
#main_block #ttl_news h2 {
  float: left;
  }
#main_block #ttl_news a {
  padding-left: 15px;
  float:right;
  background: url(images/arrow.png) no-repeat left;
  }


/*---  不動産フェア  ---*/

#container .fair_box {
	padding: 15px;
	border: 1px solid #CCC;
	background-color: #FFF;
}

#container .fair {
	position: relative;
	margin: 15px 0 0;
	padding: 15px 15px 15px 25px;
	border: 10px solid #3399CC;
	border-top: none;
}

#container .fair .title {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	padding: 30px 0 15px;
	line-height: 35px;
	text-align: center;
	font-weight: bold;
	font-size: 40px;
	background-color: #3399CC;
	color: #FFF;
}

#container .fair .title span {
	font-size: 18px;
}

#container .fair .text {
	padding-top: 95px;
}

#container .fair .text p {
	font-size: 23px;
}

#container .fair .text span.red {
	font-size: 28px;
}

#container .fair .text span.center {
	display: block;
	text-align: center;
	font-size: 20px;
	font-weight: bold;
}

#container .fair a {
	font-weight: bold;
	font-size: 23px;
	text-decoration: underline;
}

#container .fair a:hover {
	text-decoration: none;
	opacity: .7;
}

#container .fair_banner {
	margin-bottom: 15px;
}


/*---  宅建試験  ---*/

#contents .banner01 {
	margin: 0 0 1em;
}

#takken_exa #contents .banner01 {
	margin: 1em 0;
}

#contents .banner02 {
	float: left;
	margin-right: 20px;
}

#contents .banner03 {
	margin: 0 0 1em;
}

#takken_exa .attention {
	margin: 50px 0;
}

/*---  申請書等のダウンロード  ---*/

#down09 .table04 {
  width:100%;
  border-collapse:separate;
  border-spacing:0pt;
  border-left:1px solid #CCCCCC;
  border-top:1px solid #CCCCCC;
  }
	
#down09 .table04 th, .table04 td  {
  padding:6px;
  border-bottom:1px solid #CCCCCC;
  border-right:1px solid #CCCCCC;
  }

#down09 .table04 th {
  font-weight: normal;
  background-color: #e6f1fb;
  }
  
#down09 .table04 .gray {
  text-align: center;
  background: #E0E0E0;
  }
  
#down09 table.clear {
	border: none !important;
  }
  
#down09 .table04.clear .boder {
	border: 1px solid #CCCCCC !important;
  }
  
#down09 .table04 .clear {
  text-align: center;
  background: none;
  }
  
#down09 .table04 .clear td {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
  }
  
#down09 .table04 .clear2 td  {
	border-left: none;
	border-right: none;
	border-top: none;
	border-bottom: none;
  }


/*---  開業される皆様へ  ---*/

#contents dl.open  {
	position: relative;
	height: 95px;
	background: #6FC1E6;
	margin-bottom: 20px;
}

#contents dl.open dt {
	float: left;
	font-weight: bold;
	font-size: 18px;
	padding: 25px 0 0 20px;
    color: #004C66;
    text-shadow: 1px 1px 1px #FFF,
    -1px 1px 1px #FFF,
    1px -1px 1px #FFF,
    -1px -1px 1px #FFF;
}

#contents dl.open img {
	display: block;
	margin-top: 3px;
}

#contents dl.open dd {
	position: absolute;
	right: 5px;
	top: 5px;
	width: 574px;
	height: 64px;
	padding: 12px 0 10px 10px;
	background: #fff;
}

#contents dl.open dd p {
	margin-top: 10px; /*3行のときは削除*/
	font-size: 15px;
}

#contents dl.open a:hover {
	opacity: .7 !important;
}

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

#news iframe {
	width: 100%;
	height: 800px;
	border: none;
}

#news h3.text02 {
	margin-bottom: 10px;
}
  
.news_past .box04 {
	width: 738px !important;
}

.news_past .table_00 {
	table-layout: fixed;
	width: 100%;
}
 
.news_past .table_00 th {
	width: 100px !important;
}
 
/*---  物件を探す  ---*/
body#top #search .last {
	margin-right: 0;
}

#search h3 {
  display: block;
  height: 34px;
  text-indent: -9999px;
}
h3#search01 { margin: 15px 0; width: 264px; background: url(images/title_search1.gif) no-repeat; }
h3#search02 { margin: 15px 0; width: 221px; background: url(images/title_search2.gif) no-repeat; }
h3#search03 { margin: 15px 0; width: 179px; background: url(images/title_search3.gif) no-repeat; }
h3#search04 { margin: 0 0 15px; width: 276px; background: url(images/title_search4.gif) no-repeat; }
h3#search05 { margin: 20px 0 15px 0; width: 430px; background: url(images/title_search5.gif) no-repeat; }
h3#search06 { margin: 20px 0 15px 0; width: 430px; background: url(images/title_search6.gif) no-repeat; }


#search {
  width: 575px;
  margin: 0 0 20px;
  }

#inner_search01 {
  position: relative;
}

body#top .scale {
	position: relative;
}
body#top div#inner_search02 {
	margin-bottom: 20px;
}
body#top div#inner_search02 .banner {
	position: absolute;
	right: 70px;
	top: 110px;
	width: 170px;
	height: 100px;
}

body#top div#inner_search02 .takken-fk {
	right: 8px;
	top: 174px;
	width: 175px;
	height: 61px;
	margin-right: 0;
	border: 1px solid #A8B2BE;
}


#search ul#menu {
  position: relative;
  width: 575px;
  height: 146px;
}
#search ul#menu li {
  text-indent: -9999px;
  display: block;
  width: 187px;
}

/*文字サイズ変更*/
#search ul#menu li#menu01 {
  position: absolute;
  top: 0;
  left: 0;
  }
#search ul#menu li#menu02 {
  position: absolute;
  top: 0;
  left: 194px;
  }
#search ul#menu li#menu03 {
  position: absolute;
  top: 76px;
  left: 0;
  }
#search ul#menu li#menu04 {
  position: absolute;
  top: 76px;
  left: 194px;
  }
#search ul#menu li#menu05 {
  position: absolute;
  top: 0;
  left: 388px;
  }
#search ul#menu li a {
  display: block;
  width: 187px;
  background: url(images/search.png) no-repeat; 
  background-position: 0 0; 
  }
  
#search ul#menu li#menu01, #search ul#menu li#menu01 a { height:  70px; }
#search ul#menu li#menu02, #search ul#menu li#menu02 a { height:  70px; }
#search ul#menu li#menu03, #search ul#menu li#menu03 a { height:  70px; }
#search ul#menu li#menu04, #search ul#menu li#menu04 a { height:  70px; }
#search ul#menu li#menu05, #search ul#menu li#menu05 a { height: 146px; }

#search ul#menu li#menu01 a { background-position:      0     0; }
#search ul#menu li#menu02 a { background-position: -194px     0; }
#search ul#menu li#menu03 a { background-position:      0 -76px; }
#search ul#menu li#menu04 a { background-position: -194px -76px; }
#search ul#menu li#menu05 a { background-position: -388px     0; }

#search ul#menu li#menu01 a:hover { background-position:      0 -152px; }
#search ul#menu li#menu02 a:hover { background-position: -194px -152px; }
#search ul#menu li#menu03 a:hover { background-position:      0 -228px; }
#search ul#menu li#menu04 a:hover { background-position: -194px -228px; }
#search ul#menu li#menu05 a:hover { background-position: -388px -152px; }


dl#kensaku {
  position: relative;
  margin-top: 10px;
  height: 37px;
  }
dl#kensaku dt {
  float: left;
  display: block;
  width: 157px;
  height: 37px;
  }
dl#kensaku dt a {
  text-indent: -9999px;
  display: block;
  width: 157px;
  height: 37px;
  background: url(images/search2.gif) no-repeat;
 }
dl#kensaku dt a:hover {
 background-position: 0 -37px;
 }
dl#kensaku dd {
  margin-left: 165px;
  width: 390px;
  height: 37px;
  text-indent: -9999px;
  background: url(images/search2.gif) no-repeat;
  background-position: -165px 0;
  }

  
/*---  全国の物件を探す/住宅ローン  ---*/
#inner_search02 {
  position: relative;
  margin: 10px 0 70px 0;
  padding-top: 10px;
  border-top: solid 1px #CCCCCC;
  width: 575px;
  }

#search ul li {
  line-height: 1.5;
  }

#search #le   {
	width: 575px;
	margin: 0;
	padding: 0px;
  }

#search #le a:hover {
	opacity: 0.7;
}

#search #ri {
  width: 225px;
  line-height: 1.5;
  float: right;
  }

#search #le ul li {
  float: left;
  display: block;
  margin: 15px 15px 0 0;
  }

	
/* ホリー・ハック開始 \*/
* html #search #ri { width: 220px; }
/* ホリー・ハック終了 */


/*  #sub_block
--------------------------------*/
#sub_block{
  float: left;  
  margin-top: 20px;
  width: 175px;
  }
  
/*毎月発行*/

#book {
  margin: 0 0 15px 0;
  padding: 6px;
  width: 163px;
  background: #d0ecee;
  border-top: solid 3px #7fc9ce;
  }

.book #book p {
  text-align: center;
  font-weight: bold;
  font-size: 14px;
  }
  
/*#book p {
  height: 30px;
  text-indent: -9999px;
  background: url(images/title_book.png) no-repeat center top;
  }*/
  
#book ul li {
  margin-top: 5px;
}

#sub_block .text {
	font-size: 14px;
	text-align: center;
}

/*バナー*/
#banner {
  margin: 20px 0;
  padding: 10px;
  width: 143px;
  height: 370px;
  border: solid 6px #27B0E7;
}

body#top div#members {
	width: 143px;
	padding: 10px 10px 15px;
	margin: 5px 0 0;
	border: 6px solid #27B0E7;
}
* html body#top div#members {
	width: 143px;
	padding: 10px 10px 25px;
}

body#top div#members ul li {
	margin: 5px 0;
}

#banner1 {
  margin: 5px 0 15px 0;
  border-bottom: 1px dotted #339999;
  }
  
#banner1 #koukoku {
  margin: 0 0 10px 10px;
  width: 60px;
  height: 13px;
  text-indent: -9999px;
  background: url(images/banner1.gif) no-repeat;
  }
  
#banner2 #koukoku {
  margin: 0 0 10px 10px;
  width: 120px;
  height: 12px;
  text-indent: -9999px;
  background: url(images/banner2.gif) no-repeat;
  }

#banner #cnt {
  margin-bottom: 10px;
  }

#banner #cnt p {
  padding: 5px 0 5px 10px;
  }

.banner_1 {
	text-align: center;
	padding: 0 0 15px 0;
}

/*  #gallery
--------------------------------*/

#gallery {
  margin-bottom: 30px;
  padding: 10px 10px 0;
  width: 780px;
  background: #bababa;
	}
#cm_box {
  float: left;
  width: 160px;
  } 
#inner_cm_box {
  margin-top: 5px;
  width: 160px;
  height: 120px;
  }
#hp_box {
  float: right;
  width: 605px;
  }
#inner_hp {
  margin-top: 12px;
}
  
  
/*  #footer
----------------------------------------------------------------------------*/
#footer {
  margin: 30px auto 0;
  width: 770px;
  }

#footer ul#footnavi {
  width: 770px;
  height: 40px;
  background: url(images/foot_bg.gif) no-repeat;
  }

#footer ul#footnavi li {
  float: left;
  margin: 5px 0;
  line-height: 30px;
  display: block;
  text-align: center;
  }

#footer ul#footnavi li#f_nav01 { width: 160px; }
#footer ul#footnavi li#f_nav02 { width: 205px; }
#footer ul#footnavi li#f_nav03 { width: 185px; }
#footer ul#footnavi li#f_nav04 { width: 110px; }
#footer ul#footnavi li#f_nav05 { width: 110px; }

/*文字サイズ変更*/
#footer ul#footnavi li a {
  color:#333333;
  text-decoration: none;
  }
  
#footer ul#footnavi li a:hover {
  text-decoration: underline;
  }

p#copy {
  margin-top: 20px;
  text-align: center;
  font-size: small;
  }  
  

/* top */
.group {
	position: relative;
}

.group:after {
	content : '';
	display : block;
	clear : both;
	height: 0;
}

.group {
	*zoom: 1;
}

p.articles_of_incorporation {
	float: left;
	margin: 0 0 20px 0;
	width: 270px;
	height: 200px;
}

p.top_visitor {
	top: 140px;
	right: 0;
	font-size: 14px !important;
}