@charset "utf-8";

/* ------------------------- TOC 
setup
wrapper
contents
header
globalnav
contents_inner
localnav
footer
 ------------------------- */

/* ============================== setup */
body { color:#000; background-color: #FFFFFF; font-size: 12px; font-family: "Lucida Grande", Verdana, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", sans-serif; }
table { border-collapse: collapse; border-spacing: 0; }

a { color: #00f; }
a:link { color: #00f; }
a:visited { color: #66c; }
a:hover, a:active { color: #f00; }
a img, a:link img, a:visited img, a:hover img, a:active img { border: none; text-decoration: none; }

/* ============================== header */
.header { width: 822px; }
.header p, .header h1 { float: left; }
.header .utility { float: right; padding: 10px 10px 0 0; }
.header a { color: #006633; }
.header a:hover { color: #339900; }

/* ============================== wrapper */
#wrapper { width: 822px; margin: 0 auto; }


/* ============================== contents */
#contents { width: 100%; margin-top: 7px; padding: 0 3px; background: url(../img/bg_contents.jpg) repeat-y; }

/* ============================== globalnav */
#globalnav { width: 816px; background: url(../img/bg_globalnav.jpg) repeat-x 0 0; }
#globalnav li { float: left; }
#globalnav li a { display: block; height: 31px; background: url(../img/globalnav.jpg) no-repeat; outline: none; }
/*nav_house*/
#globalnav ul li#nav_house a { width: 136px; background-position: 0 0; }
#globalnav ul li#nav_house a:hover,
#globalnav ul li#nav_house a:active { background-position: 0 -31px; }
/*nav_wood*/
#globalnav ul li#nav_wood a { width: 136px; background-position: -136px 0; }
#globalnav ul li#nav_wood a:hover,
#globalnav ul li#nav_wood a:active { background-position: -136px -31px; }
/*nav_grant*/
#globalnav ul li#nav_grant a { width: 136px; background-position: -272px 0; }
#globalnav ul li#nav_grant a:hover,
#globalnav ul li#nav_grant a:active { background-position: -272px -31px; }
/*nav_estate*/
#globalnav ul li#nav_estate a { width: 136px; background-position: -408px 0; }
#globalnav ul li#nav_estate a:hover,
#globalnav ul li#nav_estate a:active { background-position: -408px -31px; }
/*nav_qanda*/
#globalnav ul li#nav_qanda a { width: 136px; background-position: -544px 0; }
#globalnav ul li#nav_qanda a:hover,
#globalnav ul li#nav_qanda a:active { backgrobund-position: -544px -31px; }
/*nav_company*/
#globalnav ul li#nav_company a { width: 136px; background-position: -680px 0; }
#globalnav ul li#nav_company a:hover,
#globalnav ul li#nav_company a:active { background-position: -680px -31px; }

/* ============================== contents_inner */
#contents_inner { margin: 0; }
#contents_sub { float: left; width : 200px; margin: 30px 0 0 30px; }
#contents_main { width: 556px; margin-top: 15px; }
#contents_main h1 { color: #006633; font-size: 134%; font-weight: bold; border-bottom: 2px solid #A6D620; padding-bottom: 5px; width: 520px; margin-top: 30px; }
#contents_main h2 { background-color: #A6D620; color: #FFFFFF; font-size: 134%; font-weight: bold; margin-top: 15px; padding: 5px; width: 510px;  }
#contents_main h3 { color: #666666; font-size: 117%; font-weight: bold; margin-top: 10px; }
#contents_main p { line-height: 150%; }
#contents_main .step { color: #666666; }
#contents_main .quote { color: #CC6600; }
#contents_main .notes { color: #999999; }
#contents_main .notes_right { color: #999999; text-align: right; }
#contents_main .links { color: #FFFFFF; font-weight: bold; }
#contents_main .column { width: 510px; margin-top: 15px; padding-bottom: 10px; }
#contents_main .column p { margin-top: 10px; }
#contents_main .inner_column { margin-top: 15px; }
#contents_main .table_column { border-bottom: 1px solid #C1C1C1; padding-bottom: 10px; width: 510px; margin-top: 15px; }
#contents_main .table_column p { margin-top: 10px; }
#contents_main .residential_column { width: 510px; margin-top: 15px; padding-bottom: 10px; }
#contents_main .residential_column p { border: 1px solid #CCCCCC; margin: 0px 10px; padding: 10px; }
#contents_main .residential_detail { margin: 0px 10px; }
#contents_main .qa_column { padding-bottom: 10px; width: 510px; margin-top: 15px; }
#contents_main .qa_column td { padding: 10px; }

#contents_main a { color: #006633; }
#contents_main a:hover { color: #339900; }

#contents_main .nextarrow { color: #FF9900; font-weight: bold; margin-top: 6px; }
#contents_main .process_poptite { color: #663366; font-weight: bold; font-size:100%; }
#contents_main .point { color: #FF6600 ; font-weight: bold;  }
#contents_main .material { margin: 15px; padding: 10px; border: 1px dotted #CCCCCC; background:#EFEFEF; }
#contents_main .material dl { margin: 5px 15px; line-height: 150%; }
#contents_main .material dt { color:#666666 ; font-weight: bold; }
#contents_main .material dd { margin-left: 15px; }
#contents_main h4 { color: #A6D620; font-size: 109%; font-weight: bold; }
#contents_main h5 { color: #666666 ; font-size: 109%; font-weight: bold; }
#contents_main .point_column { margin: 15px; padding: 15px; border: 1px dotted #CCCCCC; background:#EFEFEF; }
#contents_main .point_column ul { margin-left: 10px; }
#contents_main .point_column li { color: #FF6600 ; font-weight: bold; line-height: 180%; list-style-type: square; }
#contents_main .point_column dl { margin: 5px 15px; line-height: 150%; }
#contents_main .point_column dt { color:#666666 ; font-weight: bold; margin-top: 10px; }
#contents_main .point_column dd { margin-left: 0; margin-top: 0px; }

#contents_main .performance_table { background: #ffffff; border: 1px solid #999999 ; width: 100% ; }
#contents_main .performance_table td { padding: 10px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
#contents_main .performance_table th { padding: 10px;  background:#666666; color:#FFFFFF; font-weight:bold; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }
#contents_main .flow_table { width: 500px; border: 5px solid #ffffff ; }
#contents_main .flow_table .step { background: #EFEFEF ; color: #666666; text-align: center; width: 150px; height: 80px; border: 10px solid #ffffff ; font-weight: bold; }
#contents_main .flow_table .arrow { color: #666666; text-align: center; width: 150px; border: 10px solid #ffffff ; font-weight: bold; }
#contents_main .photo_title { color: #A6D620; font-size: 109%; font-weight: bold; padding-top: 5px; }

#contents_main .profile_column { border-bottom: 1px solid #C1C1C1; padding-bottom: 10px; width: 510px; margin-top: 15px; }
#contents_main .profile_column table { border: 1px solid #999999 ; }
#contents_main .profile_column th { text-align: center ; color: #FFFFFF ; font-weight: bold ; background-color: #006666 ; padding: 10px; width: 60px; border-right: 1px solid #FFFFFF ; border-bottom: 1px solid #FFFFFF;}
#contents_main .profile_column td { padding: 10px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }

#contents_main .estate_column { padding-bottom: 30px; margin: 20px 40px 0 20px;}
#contents_main .new { font-size: 90% ; color: #FF6600; }
#contents_main .estate_add { font-size: 117%; font-weight: bold; margin-top: 20px; }
#contents_main .estate_spec { font-size: 109%; font-weight: bold; margin-top: 15px; padding: 5px; border: 2px solid #FFCC00; }
#contents_main .estate_spec .estate_price { color: #FF0000; }
#contents_main .estate_spec .notes { font-weight: normal; font-size: 90%; }
#contents_main .estate_detail { margin-top: 10px; }

#contents_main .annotation { margin-top: 10px; padding: 15px; border: 1px dotted #CCCCCC; }
#contents_main .illustration { margin-top: 10px; text-align:center; }

#contents_main .feature { margin-top: 20px; }
#contents_main .feature ul { padding-left: 20px; }
#contents_main .feature li { font-weight: bold; line-height: 180%; list-style-type: square; margin-top: 15px; }
#contents_main .feature .notes { font-weight: normal; color:#000000; }

#contents_main .pagetop { margin-top: 10px; text-align: right; margin-right: 40px; font-size: 92%}

#contents_main .forhousemaking { border: 1px solid #CCCCCC; }
#contents_main .forhousemaking th { background-color:#CCCCCC; padding: 7px; text-align:center; font-weight: bold; }
#contents_main .forhousemaking td { padding: 7px; border-bottom: 1px dotted #CCCCCC; border-right: 1px dotted #CCCCCC; }
#contents_main .forhousemaking p { margin: 0; }

#contents_main .index { margin-top: 20px; margin-left: 20px; }
#contents_main .index li { list-style-type: decimal; line-height: 200%; font-weight: bold; }

#contents_main .linklist { margin-top: 10px; margin-left: 20px; }
#contents_main .linklist li { list-style: disc; line-height: 200%; }
#contents_main .linklist li a { font-weight: bold; }

#contents_main .grant_table { background: #ffffff; border: 1px solid #999999 ; width: 100% ; margin-top: 10px; }
#contents_main .grant_table td { padding: 10px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
#contents_main .grant_table th { padding: 10px;  background:#666666; color:#FFFFFF; font-weight:bold; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }

#contents_main .inquiry { margin-top: 10px; padding: 15px; border: 1px dotted #CCCCCC; }
#contents_main .inquiry strong { font-weight: bold; }

#contents_main .links_table { background: #ffffff; border: 1px solid #999999 ; width: 100% ; }
#contents_main .links_table td { padding: 10px; border-right: 1px solid #999999; border-bottom: 1px solid #999999; }
#contents_main .links_table .links_title { width: 130px; background-color:#EBEBEB; font-weight: bold; }
#contents_main .links_table th { padding: 10px;  background:#666666; color:#FFFFFF; font-weight:bold; border-bottom: 1px solid #ffffff; border-right: 1px solid #ffffff; }

#contents_main .dvd { padding-top: 15px; color:#330066; }

/* ============================== localnav */
#localnav { width: 195px; border: #A6D620 1px solid; }
#localnav h2 { background: #A6D620; color: #FFFFFF; font-size: 117%; font-weight: bold; padding: 8px 10px; }
#localnav li { margin: 0 10px; padding: 5px 0 5px 12px; background: url(../img/bullet_arrow.gif) no-repeat 0 0.75em transparent ; border-bottom: 1px dotted  #C1C1C1; }
#localnav .localnav_last { border-bottom: none; }
#localnav li a { color: #006633; text-decoration: none; display: block; width: 100%; padding: 3px; }
#localnav li .stay { background: url(../img/bg_localnav_on.jpg) repeat-y 0 0; }
#localnav li a:hover { text-decoration: none; background: url(../img/bg_localnav_on.jpg) repeat-y 0 0; }
#localnav #localnav_sub { margin-left: 15px; }
#localnav #localnav_sub li { padding: 3px 0 3px 12px; font-size: 95%; }
#localnav #localnav_sub li .stay { background: url(../img/bg_localnavsub_on.jpg) repeat-y 0 0; }
#localnav #localnav_sub li a:hover { text-decoration: none; background: url(../img/bg_localnavsub_on.jpg) repeat-y 0 0; }

/* ============================== related_links */
#related_links { margin-top: 20px; width: 195px; }
#related_links .link_bnr { margin-top: 20px; font-size: 92%; }
#related_links a { color: #006633; }
#related_links a:hover { color: #339900; }

/* ============================== footer */
#footer { background: url(../img/bg_footer.jpg) repeat-x 0 0; height: 30px; width: 816px; clear: both; margin: 30px 0 0 0; }
#footer p#copyright { text-align: right; font-size: 84%; line-height: 200%; padding: 0 10px; }