@charset "shift_jis";

/*------------------------------------------------------------
import css
------------------------------------------------------------*/

@import url("../import.css");

/* CSS Document */

#top-img{
	margin-bottom: 15px;
	height: 460px;
	width: 960px;
	position: relative;
}
#top-img a:hover img{
	filter:alpha(opacity=85); 
	-moz-opacity:0.85; 
	opacity:0.85;
}
#top-img .slideElm{
	height: 460px;
	width: 960px;
	position: absolute;
	left: 0px;
	top: 0px;
}
/* トップイメージ画像リンクボタンマウスオーバー */
#top-img_waku{
	background-image: url(../../images/top/main-img03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:960px;
	height:460px;
}
#link_box{
	background-image: url(../../images/top/main-img03_link.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:697px;
	height:460px;
}
#link_box .link01 a{
	display : block;
	width:697px;
	height:239px;
	text-indent: -9999px;	
}
#link_box .link01 a:hover{
	background-image: url(../../images/top/main-img03_link.jpg);
	background-repeat: no-repeat;
	background-position: -697px -0px;
	width:697px;
	height:239px;
}
#link_box .link02 a{
	display : block;
	width:697px;
	height:221px;
	text-indent: -9999px;	
}
#link_box .link02 a:hover{
	background-image: url(../../images/top/main-img03_link.jpg);
	background-repeat: no-repeat;
	background-position: -697px -239px;
	width:697px;
	height:221px;
}
/* // */
#top-inner{
	font-size:75%;
	letter-spacing:0.1em;
	color:#363435;
}
#top-inner h2{
	padding:5px 0px 12px 5px;
	font-weight:normal;
	font-size:100%;
}
/* 上バナー */
.banner{
	margin-bottom:20px;
}
.banner a:hover img{
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;
}
/* セレクト3点 */
#top-menu {
	background-image: url(../../images/top/topnavi01_c.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 719px;
}
#top-menu ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-menu li {
	display : block;
	float:left;
	list-style-type: none;
	font-size: 0.6em;
	height: 180px;
	text-indent: -9999px;
}
#top-menu  li#menu01{
	width: 237px;
}
#top-menu  li#menu02{
	width: 237px;
	margin-left:4px;
}
#top-menu  li#menu03{
	width: 237px;
	margin-left:4px;
}
#top-menu li a{
	display : block;
	height: 180px;
	margin-right: 0px;	
}
#top-menu li a:hover{ 
        text-decoration: none; 
}
#top-menu #menu01 a:hover{
	background-image: url(../../images/top/topnavi01_c.jpg);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	width: 237px;
}
#top-menu #menu02 a:hover{
	background-image: url(../../images/top/topnavi01_c.jpg);
	background-repeat: no-repeat;
	background-position: -241px -180px;
	width: 237px;
}
#top-menu #menu03 a:hover{
	background-image: url(../../images/top/topnavi01_c.jpg);
	background-repeat: no-repeat;
	background-position: -482px -180px;
	width: 237px;
}
/* セレクト3点 追加下段 */
#top-menu_b {
	background-image: url(../../images/top/topnavi01_b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 719px;
	margin-top:10px;
}
#top-menu_b ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-menu_b li {
	display : block;
	float:left;
	list-style-type: none;
	font-size: 0.6em;
	height: 180px;
	text-indent: -9999px;
}
#top-menu_b  li#menu04{
	width: 237px;
}
#top-menu_b  li#menu05{
	width: 237px;
	margin-left:4px;
}
#top-menu_b  li#menu06{
	width: 237px;
	margin-left:4px;
}
#top-menu_b li a{
	display : block;
	height: 180px;
	margin-right: 0px;	
}
#top-menu_b li a:hover{ 
        text-decoration: none; 
}
#top-menu_b #menu04 a:hover{
	background-image: url(../../images/top/topnavi01_b.jpg);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	width: 237px;
}
#top-menu_b #menu05 a:hover{
	background-image: url(../../images/top/topnavi01_b.jpg);
	background-repeat: no-repeat;
	background-position: -241px -180px;
	width: 237px;
}
#top-menu_b #menu06 a:hover{
	background-image: url(../../images/top/topnavi01_b.jpg);
	background-repeat: no-repeat;
	background-position: -482px -180px;
	width: 237px;
}
/* LPO-不動産用2点 */
#top-menu02 {
	background-image: url(../../images/top/topnavi02.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 719px;
}
#top-menu02 ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-menu02 li {
	display : block;
	float:left;
	list-style-type: none;
	font-size: 0.6em;
	height: 180px;
	text-indent: -9999px;
}
#top-menu02  li#menu01{
	width: 357px;
}
#top-menu02  li#menu02{
	width: 357px;
	margin-left:4px;
}

#top-menu02 li a{
	display : block;
	height: 180px;
	margin-right: 0px;	
}
#top-menu02 li a:hover{ 
        text-decoration: none; 
}
#top-menu02 #menu01 a:hover{
	background-image: url(../../images/top/topnavi02.jpg);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	width: 357px;
}
#top-menu02 #menu02 a:hover{
	background-image: url(../../images/top/topnavi02.jpg);
	background-repeat: no-repeat;
	background-position: -361px -180px;
	width: 357px;
}
/* LPO-不動産用2点 下段 */
#top-menu02_b {
	background-image: url(../../images/top/topnavi02_b.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	height: 180px;
	width: 719px;
	margin-top:10px;
}
#top-menu02_b ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#top-menu02_b li {
	display : block;
	float:left;
	list-style-type: none;
	font-size: 0.6em;
	height: 180px;
	text-indent: -9999px;
}
#top-menu02_b  li#menu03{
	width: 357px;
}
#top-menu02_b  li#menu04{
	width: 357px;
	margin-left:5px;
}

#top-menu02_b li a{
	display : block;
	height: 180px;
	margin-right: 0px;	
}
#top-menu02_b li a:hover{ 
        text-decoration: none; 
}
#top-menu02_b #menu03 a:hover{
	background-image: url(../../images/top/topnavi02_b.jpg);
	background-repeat: no-repeat;
	background-position: 0px -180px;
	width: 357px;
}
#top-menu02_b #menu04 a:hover{
	background-image: url(../../images/top/topnavi02_b.jpg);
	background-repeat: no-repeat;
	background-position: -362px -180px;
	width: 357px;
}

/* トピックス*/
#top-rss {
	height: 17px;
	float:right;
}
#top-rss p{
	padding-top:5px;
	padding-right:5px;
	float:left;
}
/* トピックススクロール*/
#topics {
	margin:5px 0px 0px 0px;
	height:/*166px*/416px;
	border: 1px solid #BFBFBF;
}

#topics .scroll{
	height:/*156px*/406px;
  padding: 0px 0px;
  margin:5px;
  overflow: auto;
  scrollbar-3dlight-color: #FFFFFF;
  scrollbar-arrow-color: #515151;
  scrollbar-darkshadow-color: #FCFCFD;
  scrollbar-face-color: #FFFFFF;
  scrollbar-highlight-color:#FCFCFD;
  scrollbar-shadow-color: #ABABAC;
  scrollbar-track-color: #FFFFFF;
}
#topics dl{
  text-align:left;
  margin:5px 0px 5px 5px;
}
#topics dt{
	text-indent:10px;
	width:110px;
	height:21px;
	float:left;
	clear: both;
	background-image: url(../../images/top/topics_dt.gif);
	background-repeat: no-repeat;
	background-position: left center;
	padding-top:5px;
	letter-spacing:normal;
	line-height: 150%;
}
#topics dd{
	margin-left: 102px;
	margin-bottom: 10px;
	padding-top:5px;
	padding-bottom:10px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 150%;
	letter-spacing: 2px;
}
#topics a{
	color:#4B4948;
}
#topics a:visited {
	color: #4B4948;
}
#topics a:hover, a:active{
	color: #CC0000;
} 
/* おすすめ商品 */
.osusume{
	border: 1px solid #BFBFBF;
	width:719px;
}
.osusume a:hover img{
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;
}
#three-column{
	width: 703px;
	margin:8px;
	_margin:8px 4px;
	float:left;
}
#three-column .column01{
	width: 225px;
	float: left;
	margin-right:14px;
}
#three-column .column02 {
	width: 225px;
	float:left;	
	margin-right:14px;
}
#three-column .column03 {
	width: 225px;
	float:right;
}
#three-column .box-l{
	width: 121px;
	height:122px;
	float:left;	
}
#three-column .box-r{
	height:122px;
	width:97px;
	float:right;
	margin-left:7px;
}
#three-column .box-r p{
	line-height: 130%;
	_line-height: 120%;
}
*:first-child+html #three-column .box-r p{  /*IE7のみ適用*/
	line-height: 120%;
}
.nabi_bg01{
	background-color: #E0D9A3;
	width:719px;
}
.nabi_bg01 a:hover img{
	filter:alpha(opacity=80); 
	-moz-opacity:0.80; 
	opacity:0.80;
}
.nabi_bg01 img{
	float: right;
	margin:4px 8px;
}
.but_next_r{
	background-image: url(../../images/top/ico_right02.gif);
	background-repeat: no-repeat;
	background-position: right top;
	height:15px;
}
.but_next_r p{
	/*font-size:75%;*/
}
.but_next_r a:link {
	color: #157939;
	text-decoration: underline;
} 
.but_next_r a:visited {
	color: #157939;
	text-decoration: underline;
}
.but_next_r a:hover {
	color: #157939;
	text-decoration: none;
} 
.but_next_r a:active { 
	color: #157939; 
	text-decoration: underline;
}

/* top06 */
h1.top06 {
	position:relative;
	width:960px;
	height:460px;
	background: url(../../images/top/main-img06.jpg) no-repeat left top;
}
h1.top06 a span {
	display:none;
}
a.leftLink {
	display:block;
	position:absolute;
	width:458px;
	height:357px;
	left: 14px;
	top: 87px;
}
a.leftLink:hover {
	display:block;
	position:absolute;
	width:458px;
	height:357px;
	left: 14px;
	top: 87px;
	background: url(../../images/top/main-img06_left_on.jpg) no-repeat left top;
}
a.rightLink {
	display:block;
	position:absolute;
	width:458px;
	height:357px;
	left: 488px;
	top: 87px;
}
a.rightLink:hover {
	display:block;
	position:absolute;
	width:458px;
	height:357px;
	left: 488px;
	top: 87px;
	background: url(../../images/top/main-img06_right_on.jpg) no-repeat left top;
}