/* General
------------------------------------------------------------------------------------------------------------------------ */
body {
text-align: left;
color: #555;
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
line-height: 2em;
background: #fff;
margin: 0 0 5px 0;
padding: 0;
}
#wrapBottom {
width: 820px;
background: #fff url("../image/bg_wrap_bottom.gif") bottom center no-repeat;
margin: 0 auto;
padding: 0 0 10px 0;
}
#wrapMiddle {
width: 820px;
background: #fff url("../image/bg_wrap_middle.gif") top center repeat-y;
margin: 0 auto;
padding: 0;
}

#wrapper {
width: 800px;
margin: 0 auto;
padding: 0;
}

.reset {
clear: both;
margin: 0;
padding: 0;
}

.cut {
clear: both;
height: 20px;
}

.break {
clear: both;
height: 110px;
}

.linebreak {
clear: both;
height: 2px;
background: url("../image/content_line.gif") 50% left repeat-x;
margin: 10px 0 20px 0;
padding: 0;
}

hr {
display: none;
}

img {
border-style: none;
margin: 0;
padding: 0;
}

a:link, a:visited {
color: #09c;
text-decoration: none;
}

a:active, a:hover {
color: #39f;
text-decoration: none;
}

.caution {
color: #aaa;
}

.care {
color: #A7432E;
}


/* Header
------------------------------------------------------------------------------------------------------------------------ */
#header {
margin: 0;
padding: 0;
}

#header h1 {
height:0px;
text-indent: -9999px;
font-size: 0px;
line-height: 0px;
margin: 0;
padding: 0;
}
#header .logo {
display:block;
}

/* Navi (Top Page)
------------------------------------------------------------------------------------------------------------------------ */
#naviTop {
clear: both;
width: 800px;
height: 84px;
margin: 0;
padding: 0;
}

#naviTop ul {
height: 84px;
margin: 0;
padding: 0;
}

#naviTop li {
float: left;
overflow: hidden;
list-style: none;
text-indent: -9999px;
margin: 0;
padding: 0;
}

#naviTop a, #naviTop a:hover {
display: block;
}

#naviTop #top a {
width: 147px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -0px 0;
}

#naviTop #company, #naviTop #company a {
display: block;
width: 127px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -147px 0;
}

#naviTop #estate, #naviTop #estate a {
display: block;
width: 126px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -274px 0;
}

#naviTop #common, #naviTop #common a {
display: block;
width: 127px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -400px 0;
}

#naviTop #recruit, #naviTop #recruit a {
display: block;
width: 126px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -527px 0;
}

#naviTop #contact, #naviTop #contact a {
display: block;
width: 147px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -653px 0;
}

#naviTop #top, #naviTop #top a:hover {
width: 147px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -0px -84px;
}

#naviTop #company a:hover {
display: block;
width: 127px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -147px -84px;
}

#naviTop #estate a:hover {
display: block;
width: 126px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -274px -84px;
}

#naviTop #common a:hover {
display: block;
width: 127px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -400px -84px;
}

#naviTop #recruit a:hover {
display: block;
width: 126px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -527px -84px;
}

#naviTop #contact a:hover {
display: block;
width: 147px;
height: 84px;
background: url("../image/navi_top.gif") top left no-repeat;
background-position: -653px -84px;
}

/* Navi (Sub Pages)
------------------------------------------------------------------------------------------------------------------------ */
#navi {
clear: both;
width: 800px;
height: 128px;
background: url("../image/bg_content.gif") top left repeat-y;
margin: 0;
padding: 0;
text-align: center;
}

#navi ul {
	height: 69px;
	padding: 0;
	margin:0;
}

#navi li {
float: left;
list-style: none;
overflow: hidden;
text-indent: -9999px;
margin: 0;
padding: 0;
}

#navi a, #navi a:hover {
display: block;
}

#navi #top a {
width: 147px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -0px 0;
}

#navi #company a {
display: block;
width: 127px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -147px 0;
}

#navi #estate a {
display: block;
width: 126px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -274px 0;
}

#navi #common a {
display: block;
width: 127px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -400px 0;
}

#navi #recruit, #navi #recruit a {
display: block;
width: 126px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -527px 0;
}

#navi #contact a {
display: block;
width: 147px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -653px 0;
}

#navi #top, #navi #top a:hover {
width: 147px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -0px -69px;
}

#navi #company, #navi #company a:hover {
display: block;
width: 127px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -147px -69px;
}

#navi #estate, #navi #estate a:hover {
display: block;
width: 126px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -274px -69px;
}

#navi #common, #navi #common a:hover {
display: block;
width: 127px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -400px -69px;
}

#navi #recruit, #navi #recruit a:hover {
display: block;
width: 126px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -527px -69px;
}

#navi #contact, #navi #contact a:hover {
display: block;
width: 147px;
height: 69px;
background: url("../image/navi.gif") top left no-repeat;
background-position: -653px -69px;
}

/* Menu
------------------------------------------------------------------------------------------------------------------------ */
#menu {
float: right;
width: 195px;
display: inline;
margin: 0 20px 0 0;
padding: 0;
}

#menu h2 {
width: 195px;
height: 76px;
display: block;
text-indent: -9999px;
overflow: hidden;
margin: 0;
padding: 0;
}

#menu h2#company {
height: 78px;
background: url("../image/menu_company.gif") top left no-repeat;
}

#menu h2#philosophy {
height: 78px;
background: url("../image/menu_philosophy.gif") top left no-repeat;
}

#menu h2#estate {
height: 78px;
background: url("../image/menu_estate.gif") top left no-repeat;
}

#menu h2#office {
height: 78px;
background: url("../image/menu_office.gif") top left no-repeat;
}

#menu h2#interior {
height: 84px;
background: url("../image/menu_office.gif") top left no-repeat;
}

#menu h2#recruit {
height: 76px;
background: url("../image/menu_recruit.gif") top left no-repeat;
}

#menu h2#contact {
height: 76px;
background: url("../image/menu_contact.gif") top left no-repeat;
}

#menu ul#company {
height: 197px;
margin: 0;
padding: 0;
}

#menu ul#estate {
height: 258px;
margin: 0;
padding: 0;
}

#menu ul#common {
height: 143px;
margin: 0;
padding: 0;
}

#menu ul#contact {
height: 90px;
margin: 0;
padding: 0;
}

#menu ul#recruit {
height: 90px;
margin: 0;
padding: 0;
}

#menu li {
float: left;
text-indent: -9999px;
overflow: hidden;
list-style: none;
margin: 0;
padding: 0;
}

#menu a, #menu a:hover {
display: block;
}

#menu #greeting a {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -0px -76px;
}

#menu #info a {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -0px -106px;
}

#menu #contents a {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -0px -136px;
}

#menu #access a {
width: 195px;
height: 31px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -0px -166px;
}

#menu #topPage a {
width: 195px;
height: 28px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -0px -85px;
}

#menu #contact a {
width: 195px;
height: 29px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -0px -113px;
}

#menu ul#contact a {
width: 195px;
height: 31px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -0px -82px;
}

#menu ul#recruit #topPage a {
width: 195px;
height: 28px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -0px -82px;
}

#menu #greeting, #menu #greeting a:hover {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -195px -76px;
}

#menu #info, #menu #info a:hover {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -195px -106px;
}

#menu #contents, #menu #contents a:hover {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -195px -136px;
}

#menu #access, #menu #access a:hover {
width: 195px;
height: 30px;
background: url("../image/menu_company.gif") top left no-repeat;
background-position: -195px -166px;
}

#menu #recommend {
width: 195px;
height: 30px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -78px;
}

#menu #newhouse a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -156px;
}

#menu #renewal a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -108px;
}

#menu #rent a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -132px;
}

#menu #land a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -156px;
}

#menu #invest a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -180px;
}

#menu #plan {
width: 195px;
height: 30px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -204px;
}

#menu #office a {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -0px -234px;
}

#menu #newhouse, #menu #newhouse a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -156px;
}

#menu #renewal, #menu #renewal a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -108px;
}

#menu #rent, #menu #rent a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -132px;
}
#menu #land, #menu #land a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -156px;
}

#menu #invest, #menu #invest a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -180px;
}

#menu #office, #menu #office a:hover {
width: 195px;
height: 24px;
background: url("../image/menu_estate.gif") top left no-repeat;
background-position: -195px -234px;
}

#menu #topPage, #menu #topPage a:hover {
width: 195px;
height: 28px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -195px -85px;
}

#menu ul#contact, #menu ul#contact a:hover {
width: 195px;
height: 29px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -195px -113px;
}

#menu ul#contact #topPage, #menu ul#contact #topPage a:hover {
width: 195px;
height: 30px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -195px -82px;
}

#menu ul#recruit #topPage, #menu ul#recruit #topPage a:hover {
width: 195px;
height: 29px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -195px -82px;
}

#menu ul#recruit #contact, #menu ul#recruit #contact a:hover {
width: 195px;
height: 29px;
background: url("../image/menu_office.gif") top left no-repeat;
background-position: -195px -113px;
}

/* Menu (Top Page)
------------------------------------------------------------------------------------------------------------------------ */
#home #menu {
margin-right: 0;
margin: 0;
padding: 0;
text-align: left;
}

#home #menu p {
margin: 0;
padding: 0;
text-align: left;
}

#home #menu #accessBox {margin-top: 15px;}
#home #menu #accessBox ul {
margin: 0;
padding: 0;
text-align: left;
}
#home #menu #accessBox ul li.mt10 {margin-top: 10px;}
#home #menu #accessBox ul li {
float: none;
margin: 5px 0 0 0;
padding: 0 0 0 1em;
text-indent: -1em;
overflow: inherit;
font-size: 84%;
line-height: 1.5;
}
#home #menu #accessBox ul #mapImage {
padding-left: 0px;
text-indent: 0;
line-height: 0;
}

#home #menu #accessBox p.notes {
color: #e60012;
text-indent: inherit;
font-size: 84%;
}
#home #menu #accessBox p.notes a:link, 
#home #menu #accessBox p.notes a:visited {color:#e60012; text-decoration: underline;}
#home #menu #accessBox p.notes a:hover,
#home #menu #accessBox p.notes a:active,
#home #menu #accessBox p.notes a:focus {color:#e60012; text-decoration: none;}

/* Content (Top Page)
------------------------------------------------------------------------------------------------------------------------ */
#home #contentTop {
width: 750px;
text-align: left;
margin: 20px 0 0 30px;
padding: 0;
line-height:1.8;
}

#home #contentTop #main {
float: left;
width: 520px;
margin: 0;
} 

#home #contentTop #main div.wrap {
width: 504px;
margin-bottom: 42px;
} 

#home #contentTop #main div.wrap .rightImage {
float: right;
width: 209px;
margin: 0;
text-align: right;
} 

#home #contentTop #main p {
margin-bottom: 0;
} 

#home #contentTop #main p.mt15 {
margin-top: 15px;
}

#home #contentTop #main #officeBtn {
margin-top: 20px;
text-align: right;
}

#home #contentTop #main table {
width: 484px;
margin-left: 20px;
border: 1px solid #dfdfdf;
border-collapse: collapse;
}
#home #contentTop #main table th {
width: 100px;
padding: 10px;
vertical-align: top;
border-top: 1px solid #dfdfdf;
font-weight: normal;
background-color: #f5f5f5;
}
#home #contentTop #main table td {
width: 384px;
padding: 10px;
vertical-align: top;
border-top: 1px solid #dfdfdf;
}

#home #contentTop p.privacy {
float: right;
font: 10px 'Lucida Grande', Geneva, Verdana, sans-serif;
padding: 0;
margin-top: 20px;
margin-right: 20px;
margin-bottom: 10px;
margin-left: 0;
clear: both;
}

#home #contentTop p.privacy a, p.privacy a:hover {
color: #555;
text-decoration: none;
}


/* Content (Sub Pages)
------------------------------------------------------------------------------------------------------------------------ */
#content {
clear: both;
width: 800px;
text-align: left;
background: url("../image/bg_content.gif") top center repeat-y;
margin: 0;
padding: 0; 
}

#content-estate {
clear: both;
width: 800px;
text-align: left;
background: url("../image/bg_content_estate.gif") top center repeat-y;
margin: 0;
padding: 0;
}

*html #content {
margin: -3px 0 0 0;
padding: 0;
}
*html #content-estate  {
margin: -3px 0 0 0;
padding: 0;
}

/* Main
------------------------------------------------------------------------------------------------------------------------ */
#main {
float: left;
width: 525px;
display: inline;
margin: 0 0 0 35px;
padding: 0;
}

#main p.topicpath {
font: 10px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 5px 0 20px 0;
padding: 0;
}

#main p.topicpath a, a:hover {
color: #555;
text-decoration: none;
}

#main h2 {
clear: both;
display: block;
margin: 0 0 20px 0;
padding: 0;
}

#main h3 {
font: 14px 'Lucida Grande', Geneva, Verdana, sans-serif;
line-height: 2em;
font-weight: bold;
margin: 0 0 10px 20px;
padding: 0;
}

#main h4 {
font: 12px 'Lucida Grande', Geneva, Verdana, sans-serif;
line-height: 2em;
font-weight: bold;
margin: 0 0 5px 20px;
padding: 0;
}

#main h4 a, #main h4 a:hover {
color: #555;
text-decoration: underline;
}

#main h4#flow1 {
height: 33px;
background: url("../image/estate_plan_h02.gif") top left no-repeat;
padding: 5px 0 0 50px;
}

#main h4#flow2 {
height: 33px;
background: url("../image/estate_plan_h03.gif") top left no-repeat;
padding: 5px 0 0 50px;
}

#main h4#flow3 {
height: 33px;
background: url("../image/estate_plan_h04.gif") top left no-repeat;
padding: 5px 0 0 50px;
}

#main h4#flow4 {
height: 33px;
background: url("../image/estate_plan_h05.gif") top left no-repeat;
padding: 5px 0 0 50px;
}

#main h4#flow5 {
height: 33px;
background: url("../image/estate_plan_h06.gif") top left no-repeat;
padding: 5px 0 0 50px;
}
#main h4#flow6 {
height: 33px;
background: url("../image/estate_plan_h13.gif") top left no-repeat;
padding: 5px 0 0 50px;
}



#main p {
margin: 0 0 10px 20px;
padding: 0;
}

#main p.contact {
margin: 0 0 20px 20px;
padding: 0;
}

#main img.top {
clear: both;
float: left;
margin: 30px 0 30px 20px;
padding: 0;
}

#main img.topInside {
margin: 20px 0 0 20px;
padding: 0;
}

#main img.sign {
margin: 20px 0 0 0;
padding: 0;
}

#main img.text {
margin: 10px 0 25px 0;
padding: 0;
}

#main img.right {
clear: both;
float: right;
margin: 0 10px 15px 0;
padding: 0;
}

#main .wrap {
clear: both;
width: 520px;
margin: 0;
padding: 0;
}

#main .wrapLeft {
float: left;
width: 215px;
margin: 0;
padding: 0;
}

#main .wrapLeft img {
margin: 0 0 10px 0;
padding: 0;
}

#main .wrapRight {
float: right;
width: 295px;
background: url("../image/content_line.gif") bottom left repeat-x;
height: 90px;
margin: 0;
padding: 0;
}

#main .wrapRight h2 {
margin: 0;
padding: 0;
}

#main .wrapRight h2 img {
margin: 0 0 10px 0;
padding: 0;
}

#main .wrapRight p {
height: 45px;
line-height: 1.8em;
margin: 0;
padding: 0;
}

#main .wrapRight img.more {
float: right;
margin: 0;
padding: 0;
}

#main .wrap2 {
clear: both;
width: 500px;
margin: 0;
padding: 0;
}

#main .wrapLeft2 {
float: left;
width: 165px;
margin: 0;
padding: 0;
}

#main .wrapLeft2 img {
float: left;
margin: 0 0 0 20px;
padding: 0;
}

#main .wrapRight2 {
float: right;
width: 330px;
margin: 0;
padding: 0;
}

#main .wrapRight2 p {
margin: 0 0 10px 0;
padding: 0;
}

#main .wrapAction {
clear: both;
width: 480px;
height: 52px;
background: #eee;
margin: 20px 0 10px 20px;
padding: 0;
}

#main .wrapAction img {
margin: 2px 0 2px 5px;
padding: 0;
}

#main table#info {
clear: both;
width: 480px;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 0 20px;
padding: 0;
}

#main table#info td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}

#main table#info td.title {
width: 100px;
background: #edf1fc;
}

#main #tableWrapper {
clear: both;
width: 480px;
border-top: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 20px 0 0 20px;
padding: 2px 0 2px 0;
}

#main table#history {
clear: both;
width: 480px;
border-collapse: collapse;
border-top: 1px solid #ccc;
margin: 0;
padding: 0;
}

#main table#history td {
line-height: 1.6em;
background: #fff;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}

#main table#history td.year {
width: 55px;
padding: 5px 0 5px 10px;
}

#main table#history td.month {
width: 30px;
}

#main table#contact {
clear: both;
width: 480px;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 0 20px;
padding: 0;
}

#main table#contact td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 10px 5px 10px;
}

#main table#contact td.title {
width: 150px;
background: #edf1fc;
}

#main table#contact select {
margin: 15px 0 5px 0;
padding: 0;
}

#main table#recruit {
clear: both;
width: 480px;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 30px 20px;
padding: 0;
}

#main table#recruit td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 10px 5px 10px;
}

#main table#recruit td.title {
width: 65px;
background: #edf1fc;
}

#main table#recPhoto {
clear: both;
width: 480px;
text-align: center;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table#recPhoto th {
color: #fff;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 0;
}

#main table#recPhoto td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 0;
}

#main table#recPhoto td.bottom {
text-align: left;
background: #e6ecfb;
margin: 0;
padding: 5px 0 5px 20px;
}

#main table#recOverview {
clear: both;
width: 480px;
text-align: left;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table#recOverview th {
text-align: center;
color: #fff;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 0;
}

#main table#recOverview td {
vertical-align: top;
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}
#main table#recOverview td.right {
width: 230px;
}

#main table#recChart {
clear: both;
width: 480px;
text-align: center;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table#recChart th {
color: #fff;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 0;
}

#main table#recChart td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 0;
}

#main table#recDetail {
clear: both;
width: 480px;
text-align: left;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table#recDetail th {
text-align: center;
color: #fff;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 0;
}

#main table#recDetail td {
vertical-align: top;
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}
#main table#recDetail td.name {
width: 120px;
background: #e6ecfb;
}

#main table#recEquip {
clear: both;
width: 480px;
text-align: left;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table#recEquip th {
text-align: center;
color: #fff;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 0;
}

#main table#recEquip td {
vertical-align: top;
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}
#main table#recEquip td.right {
width: 230px;
}

#main table.house {
clear: both;
width: 480px;
border-collapse: collapse;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
margin: 0 0 10px 20px;
padding: 0;
}

#main table.house th {
color: #fff;
text-align: left;
font-weight: normal;
background: #5d7dec;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 1px 0 1px 10px;
}

#main table.house td {
line-height: 1.6em;
background: #fff;
border-right: 1px solid #ccc;
border-bottom: 1px solid #ccc;
margin: 0;
padding: 5px 0 5px 10px;
}

#main table.house td .innerLeft {
float: left;
width: 205px;
margin: 0;
padding: 0;
}

#main table.house td .innerLeft img {
margin: 0 0 5px 0;
padding: 0;
}

#main table.house td .innerRight {
float: right;
width: 260px;
margin: 0;
padding: 0;
}

#main table.house td .innerRight p {
width: 240px;
font-weight: bold;
background: url("../image/content_line_double.gif") bottom left repeat-x;
margin: 0 0 5px 10px;
padding: 0 0 10px 0;
}

#main table.specific {
clear: both;
width: 100%;
border-top: none;
border-left: none;
margin: 0;
padding: 0;
}

#main table.specific td {
vertical-align: top;
border-right: none;
border-bottom: none;
margin: 0;
padding: 5px 0 0 0;
}

#main table.specific td.name {
width: 60px;
}

#main .insideLeft {
float: left;
width: 215px;
margin: 0;
padding: 0;
}

#main .insideLeft img {
margin: 0 0 30px 20px;
padding: 0;
}

#main .insideRight {
float: right;
width: 290px;
height: 90px;
margin: 0 15px 0 0;
padding: 0;
}

#main .insideRight p {
line-height: 1.8em;
margin: 0;
padding: 0;
}

#main .insideLeft2 {
float: left;
width: 215px;
margin: 0;
padding: 0;
}


#main .insideRight2 {
float: right;
width: 290px;
margin: 35px 15px 0 0;
padding: 0;
}

#main #estate-btn {
	width: 700px;
}
#main #estate-btn ul{
list-style: none;
}
#main #estate-btn li{
width:314px;
display: inline;
float: left;
margin: 0 10px 0 0;
padding:0;
}

#main #estate-btn .osusume{
width:314px;
height: 110px;
background: url(../image/estate_osusume.gif) top left no-repeat;
margin:0;
padding:0;
display: block;
}

#main #estate-btn .osusume ul{
clear:both;
padding:0;
margin:5px 0 0 30px;
line-height:135%;
}

#main #estate-btn li.osusume ul li{
width: 90px;
display:block;
}

#main #estate-btn li.osusume ul li a{
margin: 0 0 0 0;
padding:0;
text-decoration: underline;
}

/* Popup Page
------------------------------------------------------------------------------------------------------------------------ */
#plain {
float: left;
width: 90%;
text-align: left;
margin: 10px;
padding: 0;
}

#plain h1 {
height: 0px;
text-indent: -9999px;
font-size: 0px;
line-height: 0px;
margin: 0;
padding: 0;
}

#plain h2 {
margin: 0;
padding: 0;
}

#plain h3 {
font: 14px 'Lucida Grande', Geneva, Verdana, sans-serif;
line-height: 2em;
font-weight: bold;
margin: 20px 0 5px 20px;
padding: 0;
}

#plain p {
margin: 0 0 10px 20px;
padding: 0;
}

#plain ul {
margin: 0 0 20px 20px;
padding: 0;
}

#plain ul {
margin: 0;
padding: 0;
}

#plain li {
list-style: none;
margin: 0 0 0 30px;
padding: 0;
}

img.close {
float: left;
margin: 20px 0 40px 20px;
padding: 0;
}

/* Content Bottom (Top Page)
------------------------------------------------------------------------------------------------------------------------ */
#home #topContentBottom {
margin-top: 50px;
padding-right: 23px;
text-align: right;
}

#home #topContentBottom p {
margin: 0;
color: #575151;
font-size: 84%;
}
#home #topContentBottom p a:link,
#home #topContentBottom p a:visited {color: #575151}



/* Content Bottom
------------------------------------------------------------------------------------------------------------------------ */
#contentBottom {
clear: both;
width: 800px;
height: 50px;
text-align: left;
background: url("../image/bg_content_bottom.gif") bottom center no-repeat;
margin: 0;
padding: 0;
}

#contentBottom p {
font: 10px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 10px 0 0 265px; 
padding: 0;
}

#contentBottom a, #contentBottom a:hover {
color: #555;
text-decoration: none;
}

#contentBottom-estate {
clear: both;
width: 800px;
height: 50px;
text-align: left;
background: url("../image/bg_content_bottom_estate.gif") bottom center no-repeat;
margin: 0;
padding: 0;
}

#contentBottom-estate p {
font: 10px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 10px 0 0 400px;
padding: 0;
}

#contentBottom-estate p#index {
font: 10px 'Lucida Grande', Geneva, Verdana, sans-serif;
margin: 10px 0 0 600px;
padding: 0;
}


#contentBottom-estate a, #contentBottom-estate a:hover {
color: #555;
text-decoration: none;
}

#frame {
margin: 30px 0 30px 0;
}
.red {
line-height: 15px;
margin: 30px 0 0 0;
color:#FF0000;
}


/* Footer
------------------------------------------------------------------------------------------------------------------------ */
#footer {
clear: both;
height: 50px;
text-align: left;
background: url("../image/bg_footer.gif") top left no-repeat;
margin: 0;
padding: 0;
}

#footer img {
float: right;
margin: 0 21px 0 0;
padding: 0;
}

#footer p {
color: #fff;
margin: 0;
padding: 25px 0 0 15px;
font-family: 'Lucida Grande', Geneva, Verdana, sans-serif;
font-style: normal;
font-size: 10px; 
}


/* clearfix
__________________________________________________*/
.clearfix:after { 
content: ""; 
display: block; 
clear: both; }
.clearfix {display: inline-block;} 
/* Hides from IE-mac \*/ 
* html .clearfix {height: 1%;}
.clearfix {display: block;} 
/* End hide from IE-mac */