/* ページ */

body {
	background: url(img/bg.gif) repeat-x;
	background-color: #ffffff;
	margin: 0px;
	}

body, td, th {
	font-size: 12px;
	color: #333333;
	line-height: 140%;
	font-family: "ＭＳ Ｐゴシック";
	}

img {
	border: 0px;
	vertical-align: bottom;
	}

ul, ol, li, dl, dt, dd {
	margin: 0px;
	padding: 0px;
	list-style: none;
	}

form {
	margin: 0px;
	}

h2 {
	font-size: 18px;
	font-weight: bold;
	line-height: 120%;
	margin: 0px;
	}

.font01 {
	font-size: 10px;
	font-weight: bold;
	line-height: 100%;
	}

.font02 {
	font-size: 10px;
	line-height: 120%;
	}

.font03 {
	font-size: 14px;
	}

.font04 {
	font-size: 18px;
	font-weight: bold;
	}

.font05 {
	font-size: 10px;
	margin: 0px 0px 0px 10px;
	}

.font06 {
	font-weight: bold;
	}

.photo01 {
	border: 1px #eeeeee solid;
	margin: 0px 0px 3px 0px;
	}

a:link { color: #4082B3; text-decoration: underline }
a:visited { color: #4082B3; text-decoration: underline }
a:hover { color: #A0C4DE; text-decoration: underline }
a:active { color: #4082B3; text-decoration: underline }

span.new {
    display: none;
	margin: 0px 3px 0px 0px;
	}

#slink {
	display: block;
	position: absolute;
	top: -500px;
	left: -500px;
	font-size: 10px;
	line-height: 100%;
	}


/* 全体レイアウト */

#layout {
	width: 810px;
	margin: 0px auto 0px auto;
	}

#main {
	width: 810px;
	background: url(img/bgmain01.gif) repeat-y;
	float: left;
	}

#main_bg {
	width: 810px;
	background: url(img/bgmain02.jpg) no-repeat;
	float: left;
	}

#main_center {
	width: 800px;
	background: url(img/bgcontents.gif) no-repeat 0px 128px;
	margin: 0px 5px 0px 5px;
	float: left;
	}

#main_contents {
	width: 760px;
	padding: 15px 20px 20px 20px;
	float: left;
	}

#main_photo {
	margin: 15px 4px 0px 4px;
	float: left;
	}


/* ヘッダー */

#head {
	width: 800px;
	height: 75px;
	background:url(img/bghead.png) no-repeat 0px 9px;
	padding: 15px 0px 0px 0px;
	float: left;
	}

#head h1 {
	font-size: 10px;
	font-weight: normal;
	line-height: 100%;
	margin: 0px 0px 0px 8px;
	}

#head h1 a:link { color: #BB7100; text-decoration: none; }
#head h1 a:visited { color: #BB7100; text-decoration: none; }
#head h1 a:hover { color: #BB7100; text-decoration: none; }
#head h1 a:active { color: #BB7100; text-decoration: none; }

#head .logo {
	margin: 0px 0px 0px 109px;
	}

#head .com .btn {
	margin: 45px 10px 0px 0px;
	float: left;
	}


/* フッター */

#cfoot {
	width: 760px;
	margin: 20px 0px 20px 20px;
	float: left;
	}

#pagetop {
	margin: 0px 0px 20px 0px;
	float: right;
	}

#cfoot .mailmag {
	width: 760px;
	height: 60px;
	background: url(img/bgmailmag.gif) repeat-x;
	border: 1px #FFEDD2 solid;
	margin: 20px 0px 10px 0px;
	padding: 5px 10px 5px 10px;
	float: left;
	}

#cfoot .mailmag input { 
	background: #f0f0f0; 
	}

#cfoot .area {
	width: 758px;
	/*\*/
	_width: 760px;
	/**/
	background: #FFF2DF;
	border: 1px #FFEDD2 solid;
	float: left;
	}

#cfoot .area .title {
	height: 80px;
	background: #FFD697;
	margin: 2px 10px 2px 2px;
	float: left;
	}

#cfoot .area .title img {
	margin: 35px 10px 0px 10px;
	float: left;
	}

#cfoot .area p {
	font-size: 10px;
	line-height: 130%;
	margin: 5px 5px 5px 0px;
	}

#cfoot .area p a:link { color: #333333; text-decoration: none }
#cfoot .area p a:visited { color: #333333; text-decoration: none }
#cfoot .area p a:hover { color: #333333; text-decoration: none }
#cfoot .area p a:active { color: #333333; text-decoration: none }

#fmenu {
	width: 794px;
	background: url(img/bgfootmenu.gif) repeat-x;
	margin: 0px 3px 3px 3px;
	padding: 4px 0px 4px 0px;
	font-size: 12px;
	text-align: center;
	float: left;
	}

#foot {
	width: 810px;
	height: 46px;
	background: url(img/bgfoot.gif) no-repeat;
	font-size: 10px;
	line-height: 120%;
	padding: 21px 0px 0px 0px;
	float: left;
	text-align: center;
	}

#foot img {
	margin: 0px 10px 0px 175px;
	float: left;
	}

#copyright {
	width: 795px;
	/*\*/
	_width: 810px;
	/**/
	background: #ffffff;
	font-size: 10px;
	color: #666666;
	padding: 5px 15px 5px 0px;
	float: left;
	text-align: right;
	}


/* トップページ */

#top .non {
	width: 770px;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#top .non img {
	margin: 0px 10px 0px 0px;
	float: left;
	}

#top .info {
	width: 746px;
	/*\*/
	_width: 760px;
	/**/
	border: 2px #ff9900 solid;
	background: #FFFAF2;
	font-size: 10px;
	line-height: 130%;
	margin: 20px 0px 0px 0px;
	padding: 5px;
	float: left;
	text-align: left;
	}

#top .news {
	width: 760px;
	background: url(img/bgrecommend.gif);
	margin: 20px 0px 10px 0px;
	float: left;
	}

#top .news ul {
	width: 735px;
	line-height: 100%;
	margin: 10px 0px 0px 13px;
	float: left;
	}

#top .news li {
	width: 735px;
	background: url(img/line01.gif) no-repeat bottom;
	margin: 0px 0px 5px 0px;
	padding: 0px 0px 5px 0px;
	float: left;
	}

#top .news li a {
	background: url(img/arrow02.gif) no-repeat 0px 3px;
	margin: 0px 0px 5px 5px;
	padding: 0px 0px 0px 7px;
	}

#top .rec {
	width: 760px;
	background: url(img/bgrecommend.gif);
	float: left;
	}

#top .rec .menu {
	width: 760px;
	height: 80px;
	background: url(img/titlerecommend.gif);
	float: left;
	}

#top .rec .menu p {
	margin: 46px 0px 0px 10px;
	float: left;
	}

#top .rec .menu p img {
	float: left;
	}

#top .rec ul {
	width: 720px;
	margin: 0px 0px 0px 13px;
	float: left;
	}

#top .rec li {
	width: 113px;
	height: 155px;
	font-size: 10px;
	line-height: 130%;
	margin: 10px 0px 5px 7px;
	float: left;
	}

#top .rec li ol {
	width: 111px;
	/*\*/
	_width: 113px;
	/**/
	height: 82px;
	/*\*/
	_height: 84px;
	/**/
	background: #f6f6f6;
	border: 1px #eeeeee solid;
	margin: 0px 0px 3px 0px;
	float: left;
	text-align: center;
	position: relative;
	}

#top .rec li ol img {
	width: 111px;
	}

#top .rec li ol a:hover img {
	filter: alpha(style=0, opacity=60);
	}

#top .rec li a.aro {
	background: url(img/arrow01.gif) no-repeat 0px 0px;
	padding: 0px 0px 0px 13px;
	}


/* 会社概要 */

#com {
	width: 760px;
	height: 1137px;
	background: url(company/img/com.jpg) no-repeat;
	float: left;
	}

#com iframe {
	width: 570px;
	height: 350px;
	margin: 264px 0px 0px 190px;
	float: left;
	}

.com_box01 {
	width: 760px;
	}

.com_box01 th {
	width: 160px;
	background: #FFEDD2;
	border-top: 1px #ffffff solid;
	border-right: 1px #ffffff solid;
	border-bottom: 1px #eeeeee solid;
	font-weight: normal;
	padding: 10px;
	text-align: left;
	}

.com_box01 td {
	background: #f6f6f6;
	border-top: 1px #ffffff solid;
	border-bottom: 1px #eeeeee solid;
	padding: 10px;
	}

.com_box01 td p {
	width: 572px;
	margin: 10px 0px 10px 0px;
	}

.com_box01 td img {
	border: 3px #dddddd solid;
	margin: 0px 10px 0px 0px;
	float: left;
	}

.com_box01 td iframe {
	width: 562px;
	height: 350px;
	margin: 10px 0px 0px 0px;
	}


/* お客様の声 */

#voi {
	text-align: left;
	}

#voi img {
	vertical-align: bottom;
	}

#voi .title {
	margin: 30px 0px 20px 0px;
	}

#voi .list {
	width: 760px;
	margin: 30px 0px 0px 0px;
	}

#voi .list h2 {
	width: 200px;
	height: 22px;
	background: url(voice/img/titlevoice.gif) no-repeat;
	font-size: 14px;
	line-height: 100%;
	color: #ffffff;
	padding: 13px 0px 0px 30px;
	}

#voi .list .box01 {
	width: 754px;
	border: 3px #eeeeee solid;
	float: left;
	}

#voi .list .box01 img {
	float: left;
	}

#voi .list p {
	width: 434px;
	margin: 10px;
	float: left;
	}

#voi .list p .btn {
	margin: 10px 0px 0px 0px;
	float: right;
	}

#void {
	width: 760px;
	margin: 0px 0px 0px 20px;
	text-align: left;
	}

#void img {
	vertical-align: bottom;
	}

#void h2 {
	width: 750px;
	/*\*/
	_width: 760px;
	/**/
	height: 23px;
	background: url(voice/img/bgtitle01.gif);
	border: 1px #ffdfdf solid;
	font-size: 16px;
	line-height: 100%;
	color: #333333;
	margin: 30px 0px 20px 0px;
	padding: 8px 0px 0px 8px;
	float: left;
	}

#void .left {
	width: 306px;
	float: left;
	}

#void .left img {
	border: 3px #eeeeee solid;
	margin: 0px 0px 15px 0px;
	}

#void .left .btn {
	border: none;
	margin: 50px 0px 0px 0px;
	}

#void .right {
	width: 440px;
	float: right;
	}

#void .right .copy {
	width: 420px;
	background: #fff0f0;
	margin: 0px 0px 25px 0px;
	padding: 10px;
	}

#void .right .enq {
	margin: 0px 0px 25px 0px;
	}

#void .right .q1, .q2, .q3, .q4, .q5, .q6, .q7, .q8 {
	width: 375px;
	height: 19px;
	line-height: 100%;
	color: #FF6666;
	margin: 0px 0px 10px 10px;
	padding: 7px 0px 0px 45px;
	}

#void .right .q1 {
	background: url(voice/img/q1.gif) no-repeat;
	}

#void .right .q2 {
	background: url(voice/img/q2.gif) no-repeat;
	}

#void .right .q3 {
	background: url(voice/img/q3.gif) no-repeat;
	}

#void .right .q4 {
	background: url(voice/img/q4.gif) no-repeat;
	}

#void .right .q5 {
	background: url(voice/img/q5.gif) no-repeat;
	}

#void .right .q6 {
	background: url(voice/img/q6.gif) no-repeat;
	}

#void .right .q7 {
	background: url(voice/img/q7.gif) no-repeat;
	}

#void .right .q8 {
	background: url(voice/img/q8.gif) no-repeat;
	}

#void .right .ans {
	width: 375px;
	background: url(voice/img/a.gif) no-repeat 21px 0px;
	line-height: 130%;
	margin: 0px 0px 15px 10px;
	padding: 0px 0px 0px 45px;
	}

#void .right .enqline {
	margin: 10px 0px 0px 0px;
	}


/* 無料システム */

.system_title01 {
	width: 100%;
	background-image: url(system/img/bgtitle.gif);
	background-repeat: no-repeat;
	padding: 70px 0px 0px 0px;
	text-align: left;
	}

.system_title02 {
	margin: 30px 0px 10px 0px;
	}


/* 不動産 */

#est {
	width: 760px;
	float: left;
	}

#est .title01 {
	margin: 15px 0px 10px 0px;
	}

#est .area {
	width: 760px;
	background: #eeeeee;
	padding: 0px 0px 20px 0px;
	float: left;
	}

#est .area ul {
	width: 720px;
	margin: 20px 0px 0px 20px;
	float: left;
	}

#est .area ul h3 {
	width: 716px;
	/*\*/
	_width: 720px;
	/**/
	border-bottom: 1px #ffffff solid;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	margin: 0px;
	padding: 0px 0px 4px 4px;
	float: left;
	}

#est .area ul h2 {
	width: 140px;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	margin: 10px 0px 0px 4px;
	float: left;
	}

#est .area ul h2 a {
	background: url(estate/img/arrow01.gif) no-repeat;
	padding: 0px 0px 0px 16px;
	}

#est .city h3 {
	width: 756px;
	/*\*/
	_width: 760px;
	/**/
	background: url(estate/img/line01.gif) no-repeat bottom;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	margin: 5px 0px 25px 0px;
	padding: 0px 0px 6px 4px;
	float: left;
	}

#est .city ul {
	width: 760px;
	margin: 0px 0px 0px 10px;
	float: left;
	}

#est .city li {
	width: 182px;
	height: 195px;
	line-height: 130%;
	margin: 10px 4px 10px 0px;
	float: left;
	position: relative;
	}

#est .city li ol {
	width: 180px;
	/*\*/
	_width: 182px;
	/**/
	height: 133px;
	/*\*/
	_height: 135px;
	/**/
	background: #f6f6f6;
	border: 1px #eeeeee solid;
	margin: 0px 0px 3px 0px;
	float: left;
	text-align: center;
	}

#est .city li ol img {
	width: 180px;
	}

#est .city li ol a:hover img {
	filter: alpha(style=0, opacity=60);
	}

#est .city li .sold {
	width: 160px;
	background-color: #ff0000;
	font-weight: bold;
	color: #ffffff;
	line-height: 100%;
	margin: 5px;
	padding: 5px;
	text-align: left;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
	}

#est .city li h4 a {
	background: url(img/arrow01.gif) no-repeat 0px 2px;
	font-size: 12px;
	font-weight: normal;
	padding: 0px 0px 0px 13px;
	float: left;
	}

#estd {
	width: 792px;
	margin: 0px 0px 0px 4px;
	float: left;
	}

#estd .left {
	width: 580px;
	margin: 30px 0px 0px 16px;
	float: left;
	}

#estd .left h2 {
	width: 576px;
	/*\*/
	_width: 580px;
	/**/
	background: url(estate/img/line01.gif) no-repeat left bottom;
	font-size: 14px;
	font-weight: normal;
	line-height: 100%;
	margin: 15px 0px 25px 0px;
	padding: 0px 0px 6px 4px;
	float: left;
	}

#estd .left h3 {
	width: 578px;
	/*\*/
	_width: 580px;
	/**/
	background: url(estate/img/bgtitle01.gif);
	border: 1px #DEF2DD solid;
	font-size: 14px;
	line-height: 100%;
	margin: 0px 0px 10px 0px;
	float: left;
	}

#estd .left h3 p {
	background: url(estate/img/rec.gif) no-repeat;
	margin: 4px;
	padding: 5px 0px 5px 100px;
	float: left;
	}

#estd .left .sold {
	width: 560px;
	/*\*/
	_width: 580px;
	/**/
	background: #ff0000;
	font-size: 24px;
	font-weight: bold;
	line-height: 100%;
	color: #ffffff;
	margin: 0px 0px 10px 0px;
	padding: 10px;
	float: left;
	}

#estd .left .exp {
	width: 560px;
	margin: 10px 10px 50px 10px;
	float: left;
	}

#estd .left .btn {
	margin: 0px 0px 50px 0px;
	float: left;
	}

#estd .right {
	width: 184px;
	/*\*/
	_width: 185px;
	/**/
	background: #f6f6f6;
	border-left: 1px #eeeeee solid;
	margin: 2px 0px 0px 0px;
	float: right;
	}

#estd .right ul {
	width: 170px;
	margin: 10px 0px 0px 7px;
	float: left;
	}

#estd .right li {
	width: 115px;
	/*\*/
	_width: 170px;
	/**/
	background: url(estate/img/line02.gif) no-repeat bottom;
	margin: 0px 0px 10px 0px;
	padding: 0px 28px 10px 27px;
	float: left;
	position: relative;
	}

#estd .right li ol {
	width: 113px;
	/*\*/
	_width: 115px;
	/**/
	background: #f6f6f6;
	border: 1px #eeeeee solid;
	margin: 0px 0px 3px 0px;
	float: left;
	text-align: center;
	}

#estd .right li ol img {
	width: 113px;
	}

#estd .right li ol a:hover img {
	filter: alpha(style=0, opacity=60);
	}


#estd .right li h4 a {
	background: url(img/arrow01.gif) no-repeat 0px 1px;
	font-size: 10px;
	font-weight: normal;
	line-height: 120%;
	padding: 0px 0px 0px 13px;
	float: left;
	}

#estd .right .sold {
	width: 93px;
	/*\*/
	_width: 103px;
	/**/
	background: #ff0000;
	font-weight: bold;
	line-height: 100%;
	color: #ffffff;
	margin: 5px;
	padding: 5px;
	float: left;
	top: 0px;
	left: 0px;
	z-index: 1;
	position: absolute;
	}

#estd .right .btn {
	margin: 0px 0px 10px 7px;
	float: left;
	}

#est .city .box01 {
	width: 760px;
	}

#est .city .box01 li {
	width: 100%;
	background: #f6f6f6;
	border: 1px #eeeeee solid;
	margin: 0px 0px 3px 0px;
	float: left;
	text-align: center;
	position: relative;
	}


/* 住宅ローン */

#loa {
	margin: 20px 0px 30px 0px;
	}

#loa li {
	background: url(loan/img/arrow01.gif) no-repeat 0px 4px;
	font-size: 14px;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 14px;
	}

.search_box01 {
	margin: 20px 0px 30px 0px;
	}

.search_box02 {
	background: url(search/img/arrow01.gif) no-repeat 0px 4px;
	font-size: 14px;
	margin: 10px 0px 0px 10px;
	padding: 0px 0px 0px 14px;
	}