@charset "utf-8";

/*---------------------------
 ラッパー調整
---------------------------*/
#main{
	background: url(../../common/r_clm_bg.jpg);
	color: #333333;
	width: 959px;
	margin-right: auto;
	margin-left: auto;
}

/*---------------------------
 ヘッダー調整
---------------------------*/
#hd {
    height     : 152px;
    background : url(../common/header_bg.jpg);
}

#header01 {
    width: 959px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 12px;
}

/* ロゴ画像 */
#logo {
    width :152px;
    height :46px;
    margin :12px 0 0 0;
    float :left;
}

	#logo a {
		width :152px;
		height :46px;
		display :block;
		background-image :url(../common/logo.jpg);
		text-indent: -9999em;
		overflow: hidden;
	}

/* ヘッダーリンク */
#hd-navi {
	margin-left: auto;
	margin-right: auto;
	width: 310px;
	float: right;
}
	
	#hd-navi li {
		display : inline;
	}
	
		#hd-navi li a {
			height      : 28px;
			display     : block;
			float       : right;
			text-indent : -9999em;
			overflow: hidden;
		}

	#hd-navi-1 {
		width      : 99px;
		margin     : 10px 0 0 0;
		background : url(../common/header_faq.jpg) no-repeat;
	}
	
	#hd-navi-2 {
		width      : 100px;
		margin     : 10px 10px 0 0;
		background : url(../common/header_sitemap.jpg) no-repeat;
	}
	
	#hd-navi-3 {
		width      : 100px;
		margin     : 10px 10px 0 0;
		background : url(../common/header_contact.jpg) no-repeat;
	}

/* グローバルメニュー */
#global-navi {
	height      : 82px;
	width       : 959px;
	display     : block;
	margin-left : auto;
	margin-right: auto;
}

	#global-navi li {
		height      : 82px;
		width       : 159px;
		display     : block;
		float       : left;
	}
	
		#global-navi li a {
			height      : 82px;
			width       : 159px;
			display     : block;
			text-indent : -9999em;
			overflow: hidden;
		}
	
	/* 	不動産経営のためのインターネット活用術 */	
	#how-to-use a {
		background : url(../common/gbn_howtouse.jpg) no-repeat;
	}
	
		#how-to-use a:hover {
			background : url(../common/gbn_howtouse_h.jpg) no-repeat;
		}
	
	/* @dreamプログレ */	
	#products a {
		background : url(../common/gbn_products.jpg) no-repeat;
	}
	
		#products a:hover {
			background : url(../common/gbn_products_h.jpg) no-repeat;
		}
	
	/* 導入事例 */	
	#case-study a {
		background : url(../common/gbn_casestudy.jpg) no-repeat;
	}
	
		#case-study a:hover {
			background: url(../common/gbn_casestudy_h.jpg) no-repeat;
		}
	
	/* サポート体制 */	
	#support a {
		background : url(../common/gbn_support.jpg) no-repeat;
	}
	
		#support a:hover {
			background : url(../common/gbn_support_h.jpg) no-repeat;
		}
	
	/* 会社概要 */	
	#company a {
		background : url(../common/gbn_company.jpg) no-repeat;
	}
	
		#company a:hover {
			background : url(../common/gbn_company_h.jpg) no-repeat;
		}
	
	/* お問い合わせ */
	#contact-us a {
		background : url(../common/gbn_contactus.jpg) no-repeat;
	}
	
		#contact-us a:hover {
			background : url(../common/gbn_contactus_h.jpg) no-repeat;
		}

    /* @dreamプログレ・リンクなし */
	#global-navi li.no_link {
		height      : 82px;
		display     : block;
		float       : left;
		background  : url(../common/gbn_products.jpg) no-repeat;
		width       : 159px;
	}
	
		#global-navi li.no_link b {
			height      : 82px;
			width       : 159px;
			display     : block;
			text-indent : -9999em;
		}

#main-top {
    /*width :955px;*/
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 0px;
}

/*---------------------------
 コンテンツエリア調整
---------------------------*/
#main-left {
    width : 668px;
    float : left;
}

/* パンくずリスト */
#pan-kuzu {
	text-align: left;
	margin-bottom: 10px;
	padding-top: 5px;
}

/*---------------------------
 右メニュー調整
---------------------------*/
#main-right {
    width : 270px;
	padding-top: 10px;
	padding-bottom: 10px;
    float : right;
	background: url(../common/r_clm_bg.jpg) repeat-y;
	border: none;
}

	#main-right iframe {
		margin-left: 8px;
	}

/* 背景色なし */
#main-right2 {
    width : 270px;
	padding-top: 10px;
	padding-bottom: 10px;
    float : right;
	border: none;
}

/* お問い合わせバナー */
#inq {
    display : block;
    width: 265px;
	height: 80px;
    background: url(../common/link_contact.jpg) no-repeat;
	margin-bottom: 10px;
	overflow: hidden;
}

	#inq a {
		display: block;
		width: 265px;
		height: 80px;
		text-indent: -9999em;
	}

/* メールマガジンの登録 */	
#mail {
	width:265px;
	height:135px;
	margin-bottom: 10px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	background-image: url(../common/top_img_mail.jpg);
	background-position: center top;
}

	#mail p {
		font-size: 11px;
	}

	#mail a {
		float: right;
		font-size: 12px;
		padding-top: 5px;
	}

	#mail .desc {
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		width: 250px;
	}
	
	#mail #desc-1 {
		padding-top: 10px;
		margin-bottom: 20px;
	}

/* 出版および販売物情報 */	
#books {
    width: 265px;
    height: 165px;
    margin-bottom: 20px;
	background-repeat: no-repeat;
	border: 1px solid #CCCCCC;
	/*background-image: url(../common/top_img_mail.jpg);*/
	background-image: url(../common/top_img_books.jpg);
	background-position: center top;
}

	#books p {
		font-size: 11px;
	}

	#books a {
		float: right;
		font-size: 12px;
		padding-top: 5px;
	}

	#books .desc {
		margin-left: auto;
		margin-right: auto;
		padding-top: 40px;
		width: 250px;
	}
	
	#books #desc-1 {
		padding-top: 10px;
		margin-bottom: 20px;
	}

/* 金丸信一のブログ */
#blog-1 {
    background: url(../common/link_blog1.jpg) no-repeat;
	width: 267px;
    height: 60px;
    display: block;
	margin-bottom: 10px;
}

	#blog-1 a {
		width: 267px;
		height: 60px;
		display: block;
		text-indent: -9999em;
		overflow: hidden;
	}

/* 弊社のスタッフブログ */
#blog-2 {
    background: url(../common/link_blog2.jpg) no-repeat;
	width: 267px;
    height: 60px;
    display: block;
	margin-bottom: 10px;
}

	#blog-2 a {
		width: 267px;
		height: 60px;
		display: block;
		text-indent: -9999em;
		overflow: hidden;
	}
	
	/* 不動産成功セミナー */
#seminar_bt {
	width: 267px;
	height: 92px;
	background: url(../common/link_seminar.jpg) no-repeat;
	position: relative;
	text-indent: -9999px;
        margin-bottom: 10px;
}
#seminar_bt img {
	display: none;
}
#seminar_bt a {
	overflow: hidden;
}
#seminar_bt dt {
	display: none;
}
#seminar_bt dd a.photo01 {
	position: absolute;
	top: 0px;
	left: 0px;
	display: block;
	width: 267px;
	height: 70px;
}
#seminar_bt dd a.photo02 {
	position: absolute;
	top: 70px;
	left: 134px;
	display: block;
	width: 133px;
	height: 22px;
}
#seminar_bt dd a.photo03 {
	position: absolute;
	top: 70px;
	left: 0px;
	display: block;
	width: 134px;
	height: 22px;
}

/* リンク集 */
#link_bt {
    background: url(../common/link_link.jpg) no-repeat;
	width: 267px;
    height: 82px;
    display: block;
	margin-bottom: 10px;

}

	#link_bt a {
		width: 267px;
		height: 82px;
		display: block;
		text-indent: -9999em;
		overflow: hidden;
	}

/* さらなりドットネット */
#banner01 {
    background: url(../common/link_saranari.jpg);
	width: 267px;
    height: 50px;
    display: block;
	margin-bottom: 10px;

}

	#banner01 a {
		width: 267px;
		height: 50px;
		display: block;
		text-indent: -9999em;
		overflow: hidden;
	}



/* お問い合わせ先 */
#contact02 {
width: 267px;
border:1px solid #999999;
margin-bottom: 10px;
}

	#contact02 dt {
	background-color:#666666;
	color:#FFFFFF;
	height: 15px;
	text-align:center;
	padding-top: 4px;
	}
	
	#contact02 dd {
	padding: 5px;
	}
	
	#contact02 dd ul li{
	height: 18px;
	}

/* お客様の声 */
#localnavi {
	width: 252px;
	margin-left: auto;
	margin-right: auto;
}

#p-right {
    float      : right;
    background : url(../img/localnavi_bg.jpg);
    width      : 275px;
}
#p-localnavi {
    width  : 252px;
    margin : 12px auto 0 auto;
}
#p-localnavi li a {
    display     : block;
    width       : 252px;
    text-indent : -9999em;
	overflow: hidden;
}

/*---------------------------
 フッター調整
---------------------------*/
/* フッター */
#ft {
    height     : 100px;
	padding-top: 22px;
    background : url(../common/footer_bg.jpg) repeat-x;
}

/* フッターリンク */
.ft-navi {
	width: 650px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

	.ft-navi li {
		display: inline;
		margin-left : 5px;
		width: auto;
	}
	
/* コピーライト */
#copy {
    margin  : 0px auto 0 auto;
	padding-top : 30px;
	text-align: center;
}
































@charset "utf-8";
/*	-------------------------------------------------------------
	Description:	CSS file for screen media
	Filename:		layout.css
	Author: 		N Hayashi
	Date:			12/01/2008
	-------------------------------------------------------------
	1.wrapper設定
	2.base設定
	3.clearfix設定
	4.headerエリア設定
	5.anchor設定
	6.button設定
	7.left_content設定
	8.right_content設定
	9.footer設定
	10.size設定

FOR SCREEN ****************************************************** */
/*	-------------------------------------------------------------
	1.wrapper設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#wrapper {
	position: relative;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding: 0px;
	width: 960px;
	text-align: center;
	background-color: transparent;
	border: solid 1px #999999;
}

/*	-------------------------------------------------------------
	2.base設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#content {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0px;
	width: 940px;
	background-color: transparent;
}

/* 左右配置 */
.position_left {
	text-align: left;
}

.position_right {
	text-align: right;
}

.position_center {
	text-align: center;
}

.position_float_left {
    float: left;
}

.position_float_right {
    float: right;
}

.position_float_auto {
    margin-left: auto;
	margin-right: auto;
}

/* 横配列リスト */
.float_list {
    display: block;
	margin: 0px;
}

	.float_list li {
		float: left;
		display: block;
	}

	.float_list dt {
		float: left;
		display: block;
	}
	
	.float_list dd {
		float: left;
		display: block;
	}


/* ページの先頭へ戻る */
.page_top {
	margin-bottom: 8px;
	text-align: right;
}

/* パンくずリスト */
#breadcrumb {
    margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
	width: 100%;
}

/* フォントサイズ */
.font_bold {
	font-weight: bold;
}

.font_10 {
    font-size: 10px;
}

.font_12 {
	font-size: 12px;
}

.font_14 {
	font-size: 14px;
}

.font_16 {
	font-size: 16px;
}

/* フォントカラー */
.red {
	color: #CC3333;
}

.gray {
	color: #787878;
}

.green {
	color: #336600;
}

.blue {
	color: #224272;
}

/* 非表示 */
.none {
    display: none;
}

/*	-------------------------------------------------------------
	3.clearfix設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
.clearfix:after {
    content: ".";  
    display: block;  
    clear: both;
    height: 0;
    visibility: hidden;
}

.clearfix {
    min-height: 1px;
}

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

.clear {
    clear: both;
	height: 0px;
}

/*	-------------------------------------------------------------
	4.headerエリア設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#header {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	padding: 0px;
	width: 940px;
}

/*	-------------------------------------------------------------
	5.anchor設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#anchor {
   display: none;
}

/*	-------------------------------------------------------------
	6.button設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* グローバルナビゲーション */
#global_navi {
   margin-left: auto;
   margin-right: auto;
   width: 910px;
   text-align: center;
}

	#global_navi ul {
		display: block;
		text-align: center;
		height: 20px;
	}
	
		#global_navi li {
		    float: left;
			width: 130px;
		}
		
			#global_navi li a {
				display: block;
				width: 120px;
				height: 20px;
				text-decoration: none;
				text-indent: -5000px;
				overflow: hidden;
			}
		
			#global_navi li.gnavi01 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi01 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi02 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi02 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi03 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi03 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi04 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi04 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi05 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi05 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi06 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi06 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}
			
			#global_navi li.gnavi07 a {
				background-image: url(../images/button01.jpg);
				background-repeat: no-repeat;
				background-position: 0px 0px;
			}
			
				#global_navi li.gnavi07 a:hover {
					background-image: url(../images/button01.jpg);
					background-position: 0px -20px;
				}

/* ロールオーバー画像 */

/* 左右配列ボタン・バナー */
.area_buttonbox01 {
	width: 40%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 10px;
}	
	
	/* leftボタン・バナー */
	.area_buttonbox01 ul li.button a {
		width: 120px;
		height: 20px;
		background-image: url(../images/button01.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-indent: -5000px;
		display: block;
		overflow: hidden;
	}
	
		.area_buttonbox01 ul li.button a:hover {
			background-image: url(../images/button01.jpg);
			background-repeat: no-repeat;
			background-position: 0px -20px;
		}
	
	/* rightボタン・バナー */
	.area_buttonbox01 ul li.button a {
		width: 120px;
		height: 20px;
		background-image: url(../images/button01.jpg);
		background-repeat: no-repeat;
		background-position: 0px 0px;
		text-indent: -5000px;
		display: block;
		overflow: hidden;
	}
	
		.area_buttonbox01 ul li.button a:hover {
			background-image: url(../images/button01.jpg);
			background-repeat: no-repeat;
			background-position: 0px -20px;
		}
		
/* ボタン画像01 */
.buttonimage01 a {
	width: 120px;
	height: 20px;
	background-image: url(../images/button01.jpg);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -5000px;
	display: block;
	overflow: hidden;
}

	.buttonimage01 a:hover {
		background-image: url(../images/button01.jpg);
		background-repeat: no-repeat;
		background-position: 0px -20px;
	}

/*	-------------------------------------------------------------
	7.left_content設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#left_content {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: left;
	width: 300px;
	text-align: center;
}

/*	-------------------------------------------------------------
	8.right_content設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#right_content	{
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	float: right;
	width: 620px;
	text-align: center;
}

/*	-------------------------------------------------------------
	9.footer設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
#footer {
    margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0px;
	width: 940px;
}	

/*	-------------------------------------------------------------
	10.size設定
	- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -	*/
/* 横幅設定 */
.w20 {
    width: 20px;
}

.w40 {
    width: 40px;
}

.w60 {
    width: 60px;
}

.w80 {
    width: 80px;
}

.w100 {
    width: 100px;
}

.w120 {
    width: 120px;
}

.w140 {
    width: 140px;
}

.w160 {
    width: 160px;
}

.w180 {
    width: 180px;
}

.w200 {
    width: 200px;
}

.w210 {
    width: 210px;
}

.w220 {
    width: 220px;
}

.w230 {
    width: 230px;
}

.w240 {
    width: 240px;
}

.w250 {
    width: 250px;
}

.w260 {
    width: 260px;
}

.w270 {
    width: 270px;
}

.w280 {
    width: 280px;
}

.w290 {
    width: 290px;
}

.w300 {
    width: 300px;
}

.w310 {
    width: 310px;
}

.w320 {
    width: 320px;
}

.w330 {
    width: 330px;
}

.w340 {
    width: 340px;
}

.w350 {
    width: 350px;
}

.w360 {
    width: 360px;
}

.w370 {
    width: 370px;
}

.w380 {
    width: 380px;
}

.w400 {
    width: 400px;
}

.w420 {
    width: 420px;
}

.w440 {
    width: 440px;
}

.w460 {
    width: 460px;
}

.w480 {
    width: 480px;
}

.w500 {
    width: 500px;
}

.w520 {
    width: 520px;
}

.w540 {
    width: 540px;
}

.w560 {
    width: 560px;
}

.w580 {
    width: 580px;
}

.w600 {
    width: 600px;
}

.w620 {
    width: 620px;
}

.w640 {
    width: 640px;
}

.w660 {
    width: 660px;
}

.w680 {
    width: 680px;
}

.w700 {
    width: 700px;
}

.w720 {
    width: 720px;
}

.w740 {
    width: 740px;
}

.W760 {
    width: 760px;
}

.w780 {
    width: 780px;
}

.w800 {
    width: 800px;
}

.w820 {
    width: 820px;
}

.w840 {
    width: 840px;
}

.w860 {
    width: 860px;
}

.w880 {
    width: 880px;
}

.w900 {
    width: 900px;
}

.w_max {
	width: 100%;
}

/* 間隔(margin-bottom)設定 */
.m_bottom5 {
    margin-bottom: 5px;
}

.m_bottom10 {
    margin-bottom: 10px;
}

.m_bottom20 {
    margin-bottom: 20px;
}

.m_bottom30 {
    margin-bottom: 30px;
}

.m_bottom40 {
    margin-bottom: 40px;
}

.m_bottom50 {
    margin-bottom: 50px;
}

.m_bottom60 {
    margin-bottom: 60px;
}

.m_bottom70 {
    margin-bottom: 70px;
}

.m_bottom80 {
    margin-bottom: 80px;
}

.m_bottom90 {
    margin-bottom: 90px;
}

.m_bottom100 {
    margin-bottom: 100px;
}

/* 間隔(padding-top)設定 */
.p_top5 {
    padding-top: 5px;
}

.p_top10 {
    padding-top: 10px;
}

.p_top20 {
    padding-top: 20px;
}

.p_top30 {
    padding-top: 30px;
}

.p_top40 {
    padding-top: 40px;
}

.p_top50 {
    padding-top: 50px;
}

.p_top60 {
    padding-top: 60px;
}

.p_top70 {
    padding-top: 70px;
}

.p_top80 {
    padding-top: 80px;
}

.p_top90 {
    padding-top: 90px;
}

.p_top100 {
    padding-top: 100px;
}

/* 行間 */
.l_height150 {
    line-height: 150%;
}

.l_height200 {
    line-height: 200%;
}
/* 091028 追加*/
.l_height150_p {
    line-height: 150%;
	color:#FF9933;
}

/*---------------------------
 ページ下リンク
---------------------------*/

#page_link a {
}