@charset "UTF-8";
body {
  text-align: center;
  margin: 0px;
  padding: 0px;
  background: #ebebeb;
}

h1 {
  margin: 0px 20px 0px 0px;
  padding: 0px;
  float: left;
}

img {
  vertical-align: bottom;
  border: none;
}

ul {
  list-style: none;
  margin: 0px;
  padding: 0px;
}

li {
  margin: 0px;
  padding: 0px;
}

ul.normal li {
  line-height: 100%;
  padding: 5px 3px;
  padding-left: 20px;
  background: url("image/li_link.gif") left top no-repeat;
}

a.link-back {
  line-height: 100%;
  padding: 5px 3px;
  padding-left: 20px;
  background: url("image/li_link_back.gif") left top no-repeat;
}

table { border-collapse: collapse; }

th, td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
}

a { color: #47b7ec; }
a:hover { color: #ff8811; }

strong {
  font-size: 140%;
  font-weight: bold;
  line-height: 120%;
}

/*** 全体 ***/
#all-top {
  font-size: 80%;
  line-height: 140%;
  background: #fff url("image/wall_all_top.gif") top repeat-x;
}

#all {
  font-size: 80%;
  line-height: 140%;
  background: #fff url("image/wall_all.gif") top repeat-x;
}

/*** ヘッダー ***/
#head {
  text-align: right;
  margin: 0px auto;
  width: 952px;
}

#head h2 {
  margin: 0px;
  padding: 0px;
  float: left;
}

#head p.button-no1 {
  margin: 11px 0 0px;
  padding: 0px;
  float: right;
}

#head p.button-contact {
  margin: 0px 0px 0px 12px;
  padding: 0px;
  display: block;
  float: right;
}

#head p.button-contact a {
  width: 212px;
  height: 53px;
  display: block;
  background: url("image/button_contact.gif") top left;
}

/* 201101 */
#head div.button-contact {
  zoom: 1;
  margin: 0px 0px 0px 12px;
  padding: 0px;
  float: right;
  overflow: hidden;
}

#head p.button-contact a.hd_contact {
  width: 131px;
  height: 45px;
  display: block;
  background: url("image/button_contact_hd.gif") top left;
  float: left;
}

#head p.button-contact a.hd_showroom {
  width: 84px;
  height: 45px;
  display: block;
  background: url("image/button_showroom_hd.gif") top left;
  float: right;
}

/* /201101 */
#head p.button-contact a:hover { background-position: bottom; }

p.head-info {
  margin: 0px;
  padding: 1px 0px 0px 0px;
  clear: both;
}

.head-info {
  zoom: 100%;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  clear: both;
  overflow: hidden;
}

.sbm_area {
  text-align: left;
  padding: 1px 0 0;
  float: left;
}

.sbm { float: left; }
#head ul { height: 33px; }
#head li { display: inline; }

#head li a {
  width: 158px;
  height: 32px;
  display: block;
  float: left;
}

#head li a.home { background: url("image/head_menu_home.gif") top left; }
#head li a.campaign { background: url("image/head_menu_campaign.gif") top left; }
#head li a.about { background: url("image/head_menu_about.gif") top left; }
#head li a.fudousan { background: url("image/head_menu_fudousan.gif") top left; }
#head li a.shohin { background: url("image/head_menu_shohin.gif") top left; }
#head li a.showroom { background: url("image/head_menu_showroom.gif") top left; }
#head li a:hover { background-position: bottom; }

/*** Flashエリア ***/
.flash {
  margin: 0px auto;
  width: 969px;
}

/*** メニュー ***/
#menu-top { border-top: solid 1px #ccc; }
#menu { margin-right: 3px; }

#menu-top ul {
  margin: 0px auto;
  width: 948px;
  height: 71px;
}

#menu ul {
  margin: 0px auto;
  width: 948px;
  height: 48px;
}

#menu-top li, #menu li { display: inline; }

#menu-top a {
  width: 237px;
  height: 71px;
  display: block;
  float: left;
}

#menu a {
  width: 237px;
  height: 48px;
  display: block;
  float: left;
}

#menu-top a.exp { background: url("image/menu_top_exp.jpg") top left; }
#menu-top a.int { background: url("image/menu_top_int.jpg") top left; }
#menu-top a.met { background: url("image/menu_top_met.jpg") top left; }
#menu-top a.mat { background: url("image/menu_top_mat.jpg") top left; }
#menu a.exp { background: url("image/menu_exp.jpg") top left; }
#menu a.int { background: url("image/menu_int.jpg") top left; }
#menu a.met { background: url("image/menu_met.jpg") top left; }
#menu a.mat { background: url("image/menu_mat.jpg") top left; }
#menu-top a:hover, #menu a:hover { background-position: bottom; }

/*** メイン ***/
#main {
  margin: 0px auto;
  width: 952px;
}

p.topicpath {
  text-align: left;
  margin: 0px;
  padding: 3px 5px;
}

p.topicpath a { display: inline; }

#content {
  text-align: left;
  margin-bottom: 10px;
  border: solid 1px #ccc;
  width: 731px;
  float: right;
}

#content h2 {
  margin: 0px;
  padding: 0px;
}

div.content-inner { padding: 23px 20px 0px 20px; }
div.content-inner-top { padding: 23px 15px 0px 15px; }

.backlink {
  text-align: right;
  margin: 0px;
  padding: 5px 0px;
}

.setplan-tab {
  margin: 0px;
  padding: 0px;
}

.setplan-tab img { margin: 0px 7px; }

div.content-inner2 {
  padding: 16px;
  border: solid 1px #ccc;
}

div.content-inner2 h4 {
  font-size: 140%;
  font-weight: bold;
  color: #5aa70e;
  margin: 0px;
  padding: 5px;
  border-bottom: dotted 1px #000;
}

div.content-inner3 { padding: 5px 13px; }

.page-top {
  text-align: right;
  margin: 10px 0px 0px 0px;
  padding: 0px;
  clear: both;
}

a.contact, a.contact2, a.contact3 {
  margin: 0px auto;
  width: 275px;
  height: 71px;
  display: block;
  clear: both;
}

a.contact { background: url("image/button_contact_wh.gif") no-repeat left top; }
a.contact2 { background: url("image/button_contact_bl.gif") no-repeat left top; }
a.contact3 { background: url("image/button_contact_wh.gif") no-repeat left top; }
a.contact:hover, a.contact2:hover, a.contact3:hover { background-position: bottom; }

/*201201*/
.btm_contact_box {
  text-align: center;
  margin: 0 auto;
  width: 450px;
  overflow: hidden;
}

a.sample_contact { background: url("image/button_contact02_wh.gif") no-repeat left top; }
a.sample_contact:hover { background-position: bottom; }
a.sample_showroom { background: url("image/button_showroom_wh.gif") no-repeat left top; }
a.sample_showroom:hover { background-position: bottom; }

a.sample_contact {
  margin: 0px auto;
  width: 225px;
  height: 71px;
  display: block;
  float: left;
}

a.sample_showroom {
  margin: 0px auto;
  width: 205px;
  height: 71px;
  display: block;
  float: right;
}

/*/201201/*/
/*
a.contact { background: url("image/button_contact2.gif") no-repeat left top; }
a.contact2 { background: url("image/button_contact3.gif") no-repeat left top; }
a.contact3 { background: url("image/button_contact4.gif") no-repeat left top; }
a.contact:hover, a.contact2:hover, a.contact3:hover { background-position: bottom; }
*/
div.beige {
  margin-top: 10px;
  padding: 5px 30px;
  background: #f1ecdf;
}

h3.blue-line {
  font-size: 140%;
  font-weight: bold;
  color: #333;
  line-height: 100%;
  padding: 4px;
  border-left: solid 3px #0a85e2;
}

table.top-banner { border-collapse: collapse; }

table.top-banner td {
  padding: 0px;
  border: 0px;
}

table.top-banner td.end-1 {
  vertical-align: bottom;
  padding-left: 5px;
}

table.top-banner td.end-1-2 { vertical-align: bottom; }
table.top-banner td.end-2 { padding-left: 5px; }

/* huan */
#huantop {
  text-align: left;
  padding: 0 0 10px 8px;
}

#huantop table {
  border: solid 3px #d01329;
  width: 933px;
  background: url(image/th_top_bg.gif);
}

#huantop th { width: 150px; }
#huantop td { padding: 8px 0 0; }

#huantop td.contactf {
  text-align: center;
  vertical-align: middle;
  padding: 0;
  width: 282px;
}

/*** 地盤保証 ***/
h4.jiban {
  font-size: 130%;
  color: #a86221;
  margin: 20px 0px 10px 0px;
  padding: 10px 0px;
  border-top: dotted 1px #ccc;
  border-bottom: dotted 1px #ccc;
}

h4.jiban span { color: #999; }

h5.jiban {
  font-size: 120%;
  color: #527a6f;
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

h5.jiban2 {
  font-size: 120%;
  color: #000;
  margin: 0px;
  padding: 10px 0px 5px 0px;
}

table.jiban td {
  vertical-align: top;
  padding: 5px;
}

/*** 採用情報 ***/
.recruit-top {
  padding-bottom: 30px;
  padding-right: 210px;
  background: url("image/img_recruit1.gif") right bottom no-repeat;
}

.recruit-message {
  margin-bottom: 30px;
  margin-top: 10px;
  padding: 10px;
  border: solid 1px #7fcff4;
}

.recruit-message h3 { margin: 0px; }

table.recruit {
  margin-bottom: 10px;
  border: solid 1px #ccc;
  width: 680px;
}

table.recruit th {
  padding: 4px;
  border: solid 1px #ccc;
  width: 100px;
  background: #e7f4ff;
}

table.recruit td {
  padding: 4px;
  border: solid 1px #ccc;
}

div.recruit h2 {
  font-size: 140%;
  font-weight: bold;
  color: #5aa70e;
  margin: 0px;
  padding: 5px;
  border-bottom: dotted 1px #000;
}

.gray-box {
  padding: 10px;
  background: #f5f5f5;
}

table.akirame-top { border-collapse: separate; }

table.akirame-top td.akirame-left {
  border-bottom: solid 5px #fff;
  border-right: solid 5px #fff;
  background: #f5f5f5;
}

table.akirame-top td.akirame-right {
  border-bottom: solid 5px #fff;
  border-left: solid 5px #fff;
  background: #f5f5f5;
}

table.akirame-top table { border-bottom: dotted 1px #600; }

.skyblue-box {
  padding: 10px;
  background: #e7f4ff;
}

.skyblue-box li { margin-left: 20px; }

/*** あきらめていませんか ***/
/** 共通 **/
div.akirame-shikin h3, div.akirame-anshin h3, div.akirame-tochi h3, div.akirame-soudan h3 {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: dotted 1px #000;
}

div.akirame-shikin p, div.akirame-anshin p, div.akirame-tochi p, div.akirame-soudan p {
  font-size: 120%;
  line-height: 130%;
}

div.akirame-shikin .gray-box, div.akirame-anshin .gray-box, div.akirame-soudan .gray-box, div.akirame-tochi .gray-box { margin-bottom: 10px; }
div.akirame-shikin .gray-box p, div.akirame-anshin .gray-box p, div.akirame-soudan .gray-box p, div.akirame-tochi .gray-box p { font-size: 100%; }
div.akirame-shikin p.align_r { text-align: right; }

/** ページ別 **/
div.akirame-shikin h4 {
  font-size: 140%;
  font-weight: bold;
  color: #600;
  margin: 0px;
  padding: 0px;
}

div.akirame-shikin .gray-box h5 {
  font-size: 140%;
  font-weight: bold;
  color: #600;
  margin: 0px;
  padding: 5px 0px;
  border-bottom: solid 1px #600;
}

div.akirame-shikin .gray-box h6 {
  font-size: 120%;
  font-weight: bold;
  color: #c00;
  margin: 0px;
  padding: 5px 0px;
}

div.akirame-shikin .gray-box em {
  font-style: normal;
  font-weight: normal;
  color: #c00;
}

div.akirame-anshin h4 {
  font-size: 140%;
  font-weight: bold;
  color: #0e70bb;
  margin: 0px;
  padding: 0px;
}

div.akirame-anshin .gray-box h5 {
  font-size: 140%;
  font-weight: bold;
  color: #0e70bb;
  margin: 0px;
  padding: 5px 0px;
  border-bottom: solid 1px #0e70bb;
}

div.akirame-tochi h4 {
  font-size: 130%;
  font-weight: bold;
  color: #396;
  margin: 0px;
  padding: 0px;
}

div.akirame-tochi .gray-box h5 {
  font-size: 140%;
  font-weight: bold;
  color: #396;
  margin: 0px;
  padding: 5px 0px;
  border-bottom: solid 1px #396;
}

div.akirame-tochi table { margin-bottom: 20px; }

.yerrow-box {
  padding: 10px;
  background: #f6ebbc;
}

div.akirame-soudan h4 {
  font-size: 140%;
  font-weight: bold;
  color: #9d7712;
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

div.akirame-soudan .gray-box h5 {
  font-size: 140%;
  font-weight: bold;
  color: #9d7712;
  margin: 0px;
  padding: 5px 0px;
  border-bottom: solid 1px #9d7712;
}

/*** セットプラン用 ***/
table.setplan-syousai-1 {
  border-collapse: separate;
  width: 650px;
}

table.setplan-syousai-1 th {
  color: #703f0e;
  vertical-align: middle;
  padding: 4px;
  border-bottom: solid 10px #fff;
  background: #ffe6cd;
}

table.setplan-syousai-1 td {
  font-size: 110%;
  line-height: 140%;
  vertical-align: top;
}

table.setplan-syousai-1 img { margin-left: 10px; }

table.setplan-syousai-2 {
  margin-top: 10px;
  border: solid 1px #7fcff4;
  width: 650px;
}

table.setplan-syousai-2 th, table.setplan-syousai-2 td {
  font-weight: normal;
  text-align: left;
  vertical-align: top;
  padding: 4px;
  border: solid 1px #7fcff4;
}

table.gray-box {
  margin-bottom: 10px;
  border: solid 16px #f5f5f5;
  border-collapse: separate;
  background: #f5f5f5;
}

table.gray-box th {
  font-size: 120%;
  padding: 4px;
  border-bottom: dotted 1px #000;
}

/*** お客様の声 ***/
table.voice-sumb td, table.voice-sumb th { padding: 5px 15px; }
table.voice-sumb td { width: 160px; }

td.underline {
  padding-bottom: 10px;
  border-bottom: #CCCCCC solid 1px;
}

div.voice-sumb {
  color: #fff;
  text-align: center;
  margin-top: 10px;
  padding: 10px;
  width: 272px;
  height: 230px;
  background: url("image/img_voice_sumb_wall.gif") no-repeat;
}

div.voice-sumb p {
  text-align: left;
  margin: 0px;
  padding: 0px;
}

div.voice-main table { margin-bottom: 30px; }
div.voice-main { padding: 0px 10px 10px 10px; }

.voice-movie {
  margin-left: 42px;
  width: 600px;
}

div.voice-box:after {
  height: 0pt;
  visibility: hidden;
  display: block;
  clear: both;
  content: ".";
}

div.voice-box {
  padding: 0px 15px;
  width: 300px;
  float: left;
}

div.voice-box dl {
  margin: 10px 0px 0px;
  padding: 0px;
}

div.voice-box dt {
  margin: 3px 5px 3px 0px;
  width: 70px;
  display: block;
  float: left;
}

div.voice-box dd {
  line-height: 220%;
  margin: 0px;
  padding-left: 90px;
  display: block;
}

/*** ショールーム ***/
h4.showroom-honsya {
  font-size: 100%;
  font-weight: normal;
  color: #b84272;
  padding: 4px;
  background: #eac6d4;
}

h4.showroom-jouhou {
  font-size: 100%;
  font-weight: normal;
  color: #44209f;
  padding: 4px;
  background: #a990e7;
}

h4.showroom-okayama {
  font-size: 100%;
  font-weight: normal;
  color: #20579f;
  padding: 4px;
  background: #d2ddec;
}

h4.showroom-housing {
  font-size: 100%;
  font-weight: normal;
  color: #77a523;
  padding: 4px;
  background: #d6e4bd;
}

h4.showroom-kurashiki {
  font-size: 100%;
  font-weight: normal;
  color: #189a63;
  padding: 4px;
  background: #b9e1d0;
}

h4.showroom-ushimado {
  font-size: 100%;
  font-weight: normal;
  color: #a4812d;
  padding: 4px;
  background: #e4d9c0;
}

table.showroom {
  margin-bottom: 10px;
  border: solid 3px #ccc;
}

table.showroom td, table.showroom th { padding: 15px; }

#amenu {
  margin-bottom: 10px;
  height: 35px;
}

#amenu li { float: left; }
h4#title { clear: both; }
.sh_panorama { margin-bottom: 10px; }

/*** 会社情報 ***/
h3.about {
  font-size: 100%;
  font-weight: normal;
  color: #666;
  padding: 4px;
  background: #bee2f9;
}

h4.about {
  font-size: 100%;
  font-weight: bold;
  font-weight: normal;
  color: #44b6ec;
}

#no1_img { padding-bottom: 20px; }

p.border-bottom {
  margin-bottom: 10px;
  padding: 0px 0px 10px 0px;
  border-bottom: dotted 1px #000;
}

table.about {
  margin-bottom: 10px;
  width: 680px;
}

table.about th {
  color: #44b6ec;
  padding: 4px;
  border-top: dotted 1px #000;
  border-bottom: dotted 1px #000;
  width: 180px;
  background: #f5f5f5;
}

table.about th.section {
  color: #666;
  border: none;
  width: 680px;
  background: #bee2f9;
}

table.about td {
  padding: 4px;
  border-top: dotted 1px #000;
  border-bottom: dotted 1px #000;
  width: 500px;
  background: #fff;
}

table.about em {
  font-style: normal;
  color: #2f8b03;
}

/*** 安心の管理施工 ***/
div.mieru-shinrai-point {
  padding: 142px 70px 0px 26px;
  background: url("image/mieru_shinrai_point_top_image.jpg") right top no-repeat;
}

p.mieru-shinrai-point {
  margin-top: 100px;
  float: right;
}

/*** 信頼君・見せるくん体験版枠 ***/
div.shinrai {
  margin: 10px 0px 10px 125px;
  padding-bottom: 5px;
  border: solid 1px #94cff8;
  width: 429px;
}

div.shinrai p {
  margin: 0px;
  padding: 10px;
}

div.shinrai form {
  margin: 10px 100px;
  border: solid 1px #fc0;
}

/*** こだわりのクォリティ ***/
table.comfort em {
  font-size: 140%;
  font-style: normal;
  font-weight: bold;
  color: #2a8803;
  line-height: 160%;
  padding-bottom: 5px;
}

/*** よくあるご質問 ***/
dl.faq {
  margin: 0px;
  padding: 0px;
  width: 680px;
}

dl.faq dt {
  font-size: 120%;
  color: #1c72ce;
  line-height: 120%;
  margin: 10px 0px;
  padding: 2px 0px 5px 30px;
  background: url("image/icon_faq_q.gif") left top no-repeat;
}

dl.faq dd {
  margin: 10px 0px 20px;
  padding: 2px 0px 10px 30px;
  border-bottom: dotted 1px #000;
  background: url("image/icon_faq_a.gif") left top no-repeat;
}

h4.faq {
  font-size: 100%;
  font-weight: normal;
  color: #666;
  padding: 3px;
  background: #bee2f9;
}

/*** リンク集 ***/
table.link {
  margin-bottom: 10px;
  width: 680px;
}

table.link td {
  padding: 5px 0px;
  border-bottom: dotted 1px #ccc;
}

table.link td.normal a {
  padding-left: 20px;
  background: url("image/li_link.gif") left bottom no-repeat;
}

table.link td.sub a {
  padding-left: 20px;
  background: url("image/li_link3.gif") left bottom no-repeat;
}

table.link td.sub a.sub { margin-left: 50px; }

/*** ブログ集 ***/
table.blog {
  border-collapse: separate;
  width: 680px;
}

table.blog th {
  font-size: 140%;
  font-weight: bold;
  color: #77a523;
  line-height: 100%;
  margin: 0px;
  padding: 5px 0px 5px 20px;
  border-bottom: dotted 1px #666;
  border-right: solid 10px #fff;
  background: url("image/th_blog.gif") left top no-repeat;
}

table.blog td {
  text-align: center;
  padding-bottom: 15px;
}

/*** マスコミ取材 ***/
div.syuzai-tv {
  margin: 15px;
  padding: 10px 23px 0px 23px;
  border: solid 1px #ccc;
  height: 250px;
  background: url("image/img_syuzai_wall.gif") top right no-repeat;
}

div.syuzai-paper {
  text-align: center;
  margin: 15px;
  padding: 10px 5px 0px 5px;
  border: solid 1px #ccc;
}

/*** 第三者機関 ***/
table.gray-box2 {
  margin-bottom: 10px;
  border: solid 6px #f5f5f5;
  border-collapse: separate;
  background: #f5f5f5;
}

table.jio { margin-bottom: 10px; }
table.jio td { padding: 5px; }

/*** CM出演者募集 ***/
table.model {
  margin-left: 10px;
  border: solid 2px #fdd08d;
  border-collapse: separate;
}

table.model th, table.model td { padding-left: 20px; }

/*** 見せるくん ***/
dl.miseru dd {
  margin-bottom: 15px;
  padding-left: 80px;
}

table.miseru {
  margin: 0px 15px 20px 15px;
  border: solid 2px #824e00;
}

table.miseru th, table.miseru td { padding: 10px; }

/*** セミナー情報 ***/
table.seminar {
  border: solid 1px #ccc;
  width: 680px;
}

table.seminar th {
  color: #0a85e2;
  padding: 4px;
  border: solid 1px #ccc;
  width: 70px;
  background: #e7f4ff;
}

table.seminar td {
  padding: 4px;
  border: solid 1px #ccc;
}

table.seminar2 { margin: 13px; }
table.seminar2 td, table.seminar2 th { padding: 2px; }
table.seminar2 th { font-size: 120%; }
table.seminar2 span { display: inline; }

/*** 商品情報 ***/
.black {
  color: #fff;
  background: #000;
}

.black h4 {
  margin: 0px;
  padding: 5px 0px;
}

table.shohin {
  margin-bottom: 15px;
  width: 680px;
}

table.shohin th img { border-bottom: solid 1px #4f0000; }
table.shohin td img { margin-right: 20px; }
table.shohin-type { width: 680px; }

table.shohin-type th {
  text-align: center;
  padding: 2px;
  background: #650000;
}

table.shohin-type th.code {
  color: #000;
  background: #fff;
}

table.shohin-type td {
  text-align: center;
  text-align: left;
  padding: 2px 6px;
  border-bottom: dotted 1px #4d4d4d;
}

table.shohin-type td.code {
  text-align: center;
  background: #1a1a1a;
}

table.shohin-type th span {
  font-size: 80%;
  display: inline;
}

table.shohin-second { border-collapse: separate; }

table.shohin-second th {
  color: #fff;
  padding: 2px 4px;
  border: solid 3px #000;
  background: #780001 url("image/th_shohin_header.gif") right repeat-y;
}

table.shohin-second td { border: solid 3px #000; }

table.shohin-second table {
  margin-bottom: 5px;
  border-collapse: separate;
  background: #fff;
}

table.shohin-second table th {
  padding: 10px;
  border: none;
  background: #fff;
}

table.shohin-second table td {
  color: #333;
  padding: 10px;
  border: none;
  background: #fff;
}

table.shohin-second table span { color: #780001; }

table.shohin-second table em {
  font-style: normal;
  color: #0096be;
}

table.shohin-second .bg-white { background: #fff; }

table.shohin-second strong {
  font-size: 120%;
  color: #000;
  line-height: 140%;
}

/*** サブメニュー（よこ） ***/
table.input {
  border: solid 1px #ccc;
  width: 680px;
}

table.input th {
  color: #0a85e2;
  padding: 4px;
  border: solid 1px #ccc;
  background: #e7f4ff;
}

table.input td {
  padding: 4px;
  border: solid 1px #ccc;
}

/*** サブメニュー（よこ） ***/
#sub-menu {
  text-align: left;
  width: 193px;
  float: left;
}

#sub-menu p {
  margin: 0px;
  padding: 0px 0px 5px 0px;
}

#sub-menu p.no-margin {
  margin: 0px;
  padding: 0px;
}

#sub-menu ul {
  margin-bottom: 10px;
  margin-top: 0px;
  padding-top: 10px;
  border-left: solid 1px #ccc;
}

#sub-menu li {
  line-height: 100%;
  padding: 5px 3px;
  padding-left: 20px;
  border-bottom: dotted 1px #ccc;
  background: url("image/li_link.gif") left top no-repeat;
}

#sub-menu li.inner-link {
  replaceemmacro[27];
  padding-left: 34px;
  background-image: url(image/li_link_inner.gif);
  background-position: left center;
  background-repeat: no-repeat;
}

/*** トップページのメニューテーブル ***/
.iframe {
  font-size: 80%;
  line-height: 140%;
  background: #fff;
}

table.top { margin: 20px 0px 10px 0px; }

table.top p {
  margin: 0px;
  padding: 2px 0px;
}

table.top th.top-1 { ; }

table.top th.top-2 {
  text-align: right;
  padding: 0px 6px 4px 0px;
  width: 347px;
  height: 23px;
  background: url("image/th_top_2.gif") left top no-repeat;
}

table.top th.top-3 {
  text-align: right;
  padding: 0px 0px 4px 0px;
  width: 347px;
  height: 23px;
  background: url("image/th_top_3.gif") left top no-repeat;
}

ul.top-1, table.top td.top-2, table.top td.top-3 {
  margin-bottom: 10px;
  padding-top: 10px;
  border-left: solid 1px #ccc;
}

table.top td { padding: 0px; }
table.top td.top-1, table.top td.top-2 { padding-right: 6px; }

ul.top-1 li, ul.top-2 li, ul.top-3 li {
  padding: 5px 3px;
  border-bottom: dotted 1px #ccc;
}

ul.top-1 li {
  line-height: 100%;
  padding-left: 20px;
  background: url("image/li_link.gif") left top no-repeat;
}

ul.top-1 li a { color: #666; }
ul.top-1 li a:hover { color: #3e8dc9; }
ul.top-2 li, ul.top-3 li { line-height: 100%; }
div.banner { text-align: left; }
div.banner img { margin: 1px; }

/*** フッター ***/
#foot {
  border-top: solid 1px #ccc;
  background: url("image/wall_foot.gif") top repeat-x;
  clear: both;
}

#foot ul {
  text-align: left;
  margin: 0px auto;
  padding: 7px 0px 10px 0px;
  width: 952px;
  background: url("image/wall_copyright.gif") top right no-repeat;
}

#foot li {
  margin: 0px 10px 0px 0px;
  padding: 0px 10px;
  border-right: solid 1px #ccc;
  display: inline;
}

#foot li a { color: #4F4F4F; }
#foot li a:hover { color: #3e8dc9; }

/*top iframe*/
#if_base {
  font-size: 12px;
  margin: 0;
  background: #fff;
}

#if_base .text10px {
  font-size: 10px;
  line-height: 10px;
}

#if_base .text12px_14 {
  font-size: 12px;
  line-height: 14px;
}

#if_base .set {
  font-size: 10px;
  line-height: 16px;
  padding: 5px;
}

#if_base a, #if_base a:visited { color: #333; }

#if_base_topi {
  font-size: 12px;
  margin: 0;
  background: #fff;
}

#if_base_topi .text12px_14 {
  font-size: 12px;
  line-height: 14px;
}

#if_base_topi a, #if_base_topi a:visited { color: #47b7ec; }

/*** 施工事例一覧 ***/
table.jirei_list img {
  margin: 0 3px 10px;
  border: 1px solid #6f6f6f;
}

p.jirei_listtitle {
  font-size: 10px;
  line-height: 12px;
  padding: 0 5px;
  border-left: 2px solid #369ad5;
  height: 30px;
}

#jirei_zoom_base { background: #fff; }

#jirei_zoom {
  color: #333;
  padding: 10px 0 20px;
  width: 490px;
  background: #fff;
}

#h_info {
  font-size: 14px;
  font-weight: bold;
  color: #6e0000;
  line-height: 32px;
  text-align: right;
  margin: 0 auto;
  width: 480px;
  background: url(image/zoom_t_bg.gif) no-repeat;
}

#jirei_zoom table {
  margin: 10px auto;
  width: 470px;
}

#jirei_zoom td { text-align: center; }

#jirei_zoom dl {
  text-align: left;
  margin: 0 auto 20px;
  width: 460px;
}

#jirei_zoom dt {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  border-bottom: 1px dotted #ccc;
}

#jirei_zoom dd {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 5px 10px;
}

#jirei_zoom .btn_close { text-align: center; }

/******商品一覧ページ******/
#syohin-warp * {
  margin: 0px;
  padding: 0px;
}

#syohin-warp {
  color: #999999;
  margin-left: auto;
  margin-right: auto;
  width: 655px;
}

#syohin-warp h3 { margin: 0px; }

#syohin-warp .syohin-sumb-warp {
  margin-bottom: 10px;
  margin-right: 7px;
  margin-top: 10px;
  width: 125px;
  float: left;
}

#syohin-warp .syohin-sumb-warp-end {
  margin-bottom: 10px;
  margin-top: 10px;
  width: 125px;
  float: left;
}

#syohin-warp img {
  margin-bottom: 20px;
  margin-top: 10px;
}

/******商品詳細ページ******//*---2008/6/17追加 清水---*/
#syohin-detail * {
  margin: 0px;
  padding: 0px;
}

#syohin-detail p.jirei_listtitle {
  font-size: 10px;
  line-height: 12px;
  padding: 0 5px;
  border-left: 2px solid #369ad5;
  height: 30px;
}

#syohin-detail {
  margin-left: auto;
  margin-right: auto;
  width: 690px;
}

#syohin-dateil-link { clear: both; }

#syohin-dateil-link a {
  margin-right: 6px;
  display: inline;
  float: left;
}

#syohin-detail h3 { background-color: #FFFFFF; }

#syohin-detail .syohin-detail-top {
  margin-bottom: 10px;
  padding: 10px;
  background-color: #FFFFFF;
}

#syohin-detail .syohin-detail-inner {
  margin-right: 20px;
  margin-top: 10px;
  width: 210px;
  display: block;
  float: left;
}

#syohin-detail .syohin-detail-inner-end {
  margin-top: 10px;
  width: 210px;
  display: inline;
  float: left;
}

.syohin-taste-line {
  color: #fff;
  margin-bottom: 5px;
  margin-left: 0px;
  margin-right: 0px;
  padding-bottom: 2px;
  padding-left: 3px;
  padding-right: 4px;
  padding-top: 2px;
  display: block;
  background: #780001 url("image/th_shohin_header.gif") right repeat-y;
  clear: both;
}

#syohin-detail li { display: inline; }

#syohin-detail li img {
  margin-bottom: 5px;
  margin-right: 8px;
  margin-top: 5px;
}

#syohin-detail .taste-dateil {
  color: #999999;
  margin-top: 10px;
  background-color: #333333;
}

#syohin-detail .taste-dateil p.taste-title-des {
  font-size: 120%;
  line-height: 180%;
  margin: 10px;
}

#syohin-detail .taste-dateil .dateil-left-box {
  margin-left: 10px;
  border-right-color: #CCCCCC;
  border-right-style: dotted;
  border-right-width: 1px;
  width: 385px;
  display: inline;
  float: left;
}

#syohin-detail .taste-dateil .dateil-left-box p {
  margin-bottom: 10px;
  margin-right: 10px;
  margin-top: 5px;
}

#syohin-detail .taste-dateil .dateil-right-box {
  margin: 0px 15px 0px 0px;
  width: 275px;
  display: inline;
  float: right;
}

.dateil-box-inner {
  margin-top: 10px;
  height: 115px;
  display: block;
  clear: both;
}

.dateil-box-inner dl {
  margin-left: 10px;
  width: 265px;
  float: left;
}

.dateil-box-inner dt {
  border-bottom-color: #666666;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

.dateil-box-inner dd {
  margin-left: 0px;
  margin-top: 3px;
}

#syohin-detail .taste-dateil .detaile-pageup {
  text-align: right;
  padding-bottom: 10px;
  padding-right: 10px;
  padding-top: 10px;
  clear: both;
}

#syohin-detail .taste-dateil .detail-income-left {
  margin-left: 12px;
  margin-right: 12px;
  width: 320px;
  display: inline;
  float: left;
}

#syohin-detail .taste-dateil .detail-income-left li {
  font-size: 120%;
  font-weight: bold;
  color: #CCCCCC;
  display: block;
}

#syohin-detail .taste-dateil .detail-income-left dt {
  border-bottom-color: #666666;
  border-bottom-style: dotted;
  border-bottom-width: 1px;
}

span.attention {
  font-size: 80%;
  color: #666666;
}

/********デザインのこだわり********/
div.design-inner {
  color: #333333;
  padding: 15px;
  border: solid 1px #ccc;
}

div.design-inner-dateil {
  color: #333333;
  padding: 0px 15px 15px;
  background: #000000;
}

div.design-inner h4 {
  margin: 0px;
  padding: 0px;
  clear: both;
}

div.design-inner p.interior-wall {
  padding-right: 210px;
  height: 190px;
  background: url(image/design_index_image1.gif) no-repeat right top;
}

div.design-inner p {
  margin: 20px 0px 30px;
  display: block;
}

h4.flow-button {
  text-align: right;
  margin: 0px;
  padding: 0px;
  background: url(image/design_flow_h4_06.gif) no-repeat left center;
}

div.design-inner table {
  margin-bottom: 10px;
  margin-top: 10px;
}

ul.flow-left-only, ul.flow-right-only { margin: 10px 0px; }

td.flow-left, ul.flow-left-only, ul.flow-right-only {
  padding-left: 50px;
  display: block;
  background: url(image/design_flow_arrow.gif) no-repeat left bottom;
}

div.flow-arrow-up {
  margin: 10px 0px 0px;
  background: url(image/design_flow_arrowred_up.gif) no-repeat right top;
}

div.flow-arrow-down {
  padding-bottom: 10px;
  padding-top: 10px;
  background: url(image/design_flow_arrowred_down.gif) no-repeat right bottom;
}

ul.flow-arrow-up2 {
  padding: 0px 0px 0px 50px;
  display: block;
  background: url(image/design_flow_arrow.gif) no-repeat left bottom;
}

td.flow-left li, ul.flow-left-only li, ul.flow-arrow-up2 li {
  color: #FFFFFF;
  margin: 2px;
  padding: 2px;
  width: 200px;
  background: #188BE5;
}

ul.flow-right li, ul.flow-right-only li {
  list-style: square;
  padding: 3px;
}

ul.flow-right-only li { margin: 0px 0px 0px 280px; }
ul.flow-right li { margin-left: 70px; }

/********しろあり防除施工***********/
p.shiroari-txt { padding: 0px 10px 20px; }

.bgcolor-gray {
  padding: 5px;
  background: #E7E7E7;
}

/********遮熱住宅***********/
div#syanetsu-warp {
  margin: 0px auto;
  width: 655px;
}

div#syanetsu-warp table { border-style: none; }
div#syanetsu-warp table td.desc { padding: 3px 10px 3px 0px; }
div#syanetsu-warp table td.image { padding: 0px 10px 0px 0px; }
div#syanetsu-warp table td#box-line { border: 1px solid #CCCCCC; }
div#syanetsu-warp p.list-up { text-align: right; }

p.layout1 {
  margin-right: 20px;
  float: left;
}

p.layout2 {
  margin-right: 20px;
  width: 230px;
  float: left;
}

p.layout3 {
  width: 240px;
  float: left;
}

p.layout2img {
  border: 1px solid #CCCCCC;
  float: left;
}

/*** 便利クラスたち ***/
.border-bottom { border-bottom: dotted 1px #000; }
.indent { padding-left: 15px; }
th span { display: none; }
th span.red_ex { display: inline; }

th span.red_n {
  color: #e71f19;
  display: inline;
}

.red { color: #e71f19; }
.perple { color: #b84272; }
.violet { color: #44209f; }
.blue { color: #20579f; }
.green { color: #77a523; }
.emel { color: #189a63; }
.brown { color: #a4812d; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.text-center img { margin: 0px auto; }
.text-middle { vertical-align: middle; }
.right { float: right; }
.no-border { border: none; }

.no-margin {
  margin: 0px;
  padding: 0px;
}

a span { display: none; }
.n { display: none; }
.red_ex { color: #f00; }

/****汎用クラス*****//*---2008/6/17追加 清水---*/
.cler {
  padding-top: 20px;
  display: block;
  clear: both;
}

.left {
  clear: both;
  float: left;
}

/*** 施工事例一覧 ****---2008/7/11追加---*/
#jirei_zoom_base { background: #fff; }

#jirei_zoom02 {
  color: #333;
  padding: 10px 0 20px;
  width: 680px;
  background: #fff;
}

#h_info02 {
  font-size: 14px;
  font-weight: bold;
  color: #6e0000;
  line-height: 32px;
  text-align: right;
  margin: 0 auto;
  width: 670px;
  background: url(image/zoom_t_bg02.gif) no-repeat;
}

#jirei_zoom02 table {
  margin: 10px auto;
  width: 665px;
}

#jirei_zoom02 td {
  text-align: center;
  padding-bottom: 10px;
}

#jirei_zoom02 td.ctr img { margin: 0 10px; }

#jirei_zoom02 dl {
  text-align: left;
  margin: 0 auto 20px;
  width: 650px;
}

#jirei_zoom02 dt {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
  border-bottom: 1px dotted #ccc;
}

#jirei_zoom02 dd {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 5px 10px;
}

#jirei_zoom02 .bigimg {
  text-align: center;
  margin: 0;
  padding: 10px 0;
}

#jirei_zoom02 .btn_close { text-align: center; }

/*** キャンペーン ***/
#campaign_list {
  margin: 0 auto;
  width: 650px;
}

#campaign_list dl {
  margin: 15px 0 15px;
  width: 300px;
}

#campaign_list dt {
  font-size: 14;
  font-weight: bold;
  color: #0480b8;
  margin-bottom: 5px;
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

#campaign_list dd {
  margin: 0;
  padding: 5px 0;
}

#campaign_list .detail_link { text-align: right; }
#campaign_list dl.fl { float: left; }
#campaign_list dl.fr { float: right; }

#campaign_list .clear {
  margin: 0;
  padding: 0;
  clear: both;
}

.clear { clear: both; }

/*** ピックアップコンテンツ 2008/12/19追加 ***/
table.top_pickup { margin: 0px 0px 20px; }

table.top_pickup th.top-4 {
  text-align: right;
  padding: 0px 0px 4px 0px;
  width: 711px;
  height: 28px;
  background: url("image/th_top_4.gif") left bottom no-repeat;
}

/*** 施工事例一覧 2008/12/19追加 ***/
#jirei_zoom_base { background: url(image/voice_t.gif) no-repeat #fff; }

.jirei_pagelink {
  color: #999;
  text-align: right;
}

#jirei_zoom03 {
  color: #333;
  padding: 70px 0 20px;
  width: 780px;
}

#h_info03 {
  font-size: 16px;
  font-weight: bold;
  color: #0b3e72;
  line-height: 32px;
  text-align: left;
  text-indent: 10px;
  margin: 0 auto;
  border-bottom: 1px solid #ccc;
  width: 755px;
}

#jirei_zoom03 table {
  margin: 0 auto 10px;
  width: 725px;
}

#jirei_zoom03 td {
  text-align: center;
  padding-bottom: 10px;
}

#jirei_zoom03 td.ctr img { margin: 0 64px; }

#jirei_zoom03 dl {
  text-align: left;
  margin: 10px auto 0;
  width: 755px;
}

#jirei_zoom03 dt {
  font-size: 14px;
  font-weight: bold;
  margin: 0;
  padding: 5px;
}

#jirei_zoom03 dd {
  font-size: 12px;
  line-height: 18px;
  margin: 0;
  padding: 5px 10px;
}

#jirei_zoom03 .btn_pdf {
  text-align: right;
  padding: 5px 15px 10px;
}

#jirei_zoom03 .bigimg {
  text-align: center;
  margin: 0;
  padding: 10px 0;
}

#jirei_zoom03 .btn_close { text-align: center; }

/*** 20090701追加 商品 ***/
h4.shohin_0907 {
  margin: 20px auto 0;
  padding: 0;
  width: 686px;
}

div.shohin_0907 {
  margin: 0 auto 0;
  padding: 15px 0;
  border-bottom: 1px solid #961b37;
  border-left: 1px solid #961b37;
  border-right: 1px solid #961b37;
  width: 684px;
  background: #200c10;
}

div.shohin_0907:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

div.shohin_0907 img.fl {
  margin-left: 15px;
  float: left;
}

div.shohin_0907 div {
  border-right: 15px solid #200c10;
  width: 380px;
  float: right;
}

div.shohin_0907 div p {
  font-size: 14px;
  margin: 0;
  padding: 0 0 15px;
}

div.shohin_0907 div a { margin-left: 10px; }
.taste-dateil p.clear { height: 15px; }

div.shohin_0907 div.icon {
  margin-top: 10px;
  border-right: none;
}

div.shohin_0907 div.icon img { margin-right: 5px; }

/*** 20090701追加 point スーパー耐震構造 ***/
.pointmesse { padding: 15px 0; }

#pointkabe p {
  margin: 0;
  padding: 0;
}

#pointkabe dl {
  margin: 0;
  padding: 10px 0 0;
}

#pointkabe dt {
  font-weight: bold;
  color: #0a3283;
  margin: 0 0 5px;
  padding: 15px 0 3px;
  border-bottom: 1px dotted #aaa;
}

#pointkabe dd {
  margin: 0;
  padding: 0;
}

#pointkabe dd p { font-weight: bold; }

#pointkabe dd p span {
  font-size: 10px;
  color: #557bc9;
}

.content-inner .panorama, .content-inner .panorama-income {
  margin: 2em auto;
  width: 680px;
}

.panorama, .panorama-income {
  margin: 2em auto;
  width: 800px;
}

.panorama p {
  font-weight: bold;
  margin: 0;
  padding: 5px;
  background: #DDD;
}

.panorama-income p {
  font-weight: bold;
  margin: 0;
  padding: 5px;
  background: #222;
}

.panorama h4 {
  font-size: 100%;
  font-weight: normal;
  color: #1A74CF;
  margin: 20px 0 5px 0;
  padding: 4px;
  border-bottom: 1px dotted #1A74CF;
}

.panorama-income h4 {
  font-size: 100%;
  font-weight: normal;
  color: #FFF;
  margin: 20px 0 5px 0;
  padding: 4px;
  border-bottom: 1px dotted #FFF;
}

/*** 20090827追加 太陽光発電 ***/
.solar h3 {
  margin: 0;
  padding: 10px 0;
}

.solar .read {
  font-size: 14px;
  font-weight: bold;
  color: #308c03;
  line-height: 22px;
  margin: 0;
  padding: 0 10px 20px;
}

.solar .read span {
  font-size: 12px;
  font-weight: normal;
  color: #999;
}

.solar #pic { text-align: center; }
.solar #pic img { padding: 20px 20px 10px; }

.solar .profit {
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

.solar .profit th, .solar .profit td {
  padding: 4px 10px;
  border-bottom: 1px solid #ccc;
  border-right: 1px solid #ccc;
}

.solar .profit th {
  font-weight: bold;
  color: #fff;
  text-align: center;
  background: #3085d7;
}

.solar .profit td { text-align: right; }

.solar h4 {
  font-size: 14px;
  color: #2e7ecc;
  margin: 0;
  padding: 0 0 16px 16px;
  background: url(image/solar_icon.gif) no-repeat left 2px;
}

.solar #table01 { width: 330px; }
.solar #table02 { width: 290px; }

.solar #table03 {
  width: 640px;
  clear: both;
}

.solar #table01, .solar #table02, .solar #table03 {
  padding: 0 0 0 20px;
  float: left;
}

.solar #table01 p, .solar #table02 p, .solar #table03 p {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  margin: 0;
  padding-top: 5px;
}

.solar #table03 { padding-top: 30px; }
.solar #table03 p { padding-bottom: 10px; }
.solar #link dd, .solar #link dt { float: left; }

.solar #link dt {
  font-weight: bold;
  color: #666;
  padding: 0 20px 0 10px;
}

.solar #link dd {
  margin: 0;
  padding: 0 20px 0 20px;
  border-left: 1px dotted #ccc;
}

.solar #banner { padding: 20px 0 0 4px; }

/*20100226追加*/
#study_allist {
  margin: 25px auto 55px;
  padding: 40px 0 15px;
  border-bottom: 3px solid #ccdae8;
  width: 680px;
  background: url(image/studylist_title.gif) no-repeat left top #f6f7f8;
}

#study_allist ul {
  font-size: 14px;
  padding: 0 35px;
}

#study_allist li {
  padding: 0 0 3px 15px;
  background: url(image/studylist_icon.gif) no-repeat 0 4px;
}

#study_allist li a, #study_allist li a:visited { color: #484848; }

/*** 20100312追加 ***/
#stadyflash { padding-top: 10px; }

/*** 20100415追加 ***/
#sr_event h3 {
  width: 687px;
  height: 227px;
  background: url(image/mainimg_bg.jpg) no-repeat 0 0;
}

#sr_event h3 img { margin: 4px; }

#sr_event dl#sr_elist {
  margin: 0 auto 20px;
  width: 680px;
  overflow: hidden;
}

#sr_event dl#sr_elist dt {
  font-size: 14px;
  font-weight: bold;
  color: #47B7EC;
  padding: 15px 0 0 21px;
  background: url(image/icon_srlist.gif) no-repeat 0 18px;
}

#sr_event dl#sr_elist dd {
  color: #525252;
  margin: 0 0 -1px;
  padding: 5px 0 25px;
  border-bottom: 1px dashed #b8afa7;
}

#sr_event #sr_ezoom {
  margin: 0 auto;
  width: 680px;
}

#sr_event h5.sr_esubtitle {
  padding: 0 0 10px;
  background: url(image/ez_subtitle_btm.gif) no-repeat left bottom #e3d7cc;
}

#sr_event h5.sr_esubtitle span {
  font-size: 14px;
  color: #6a5443;
  padding: 10px 20px 0 24px;
  display: block;
  background: url(image/ez_subtitle_top.gif) no-repeat left top;
}

#sr_event div.sr_econ { padding: 5px 10px 30px; }

/*201007追加*/
#sr_event #sr_list ul {
  font-size: 14px;
  margin-bottom: 30px;
  padding: 15px 0;
  border: 1px solid #bfbab4;
  border-top: none;
  width: 677px;
  background: #f4f1ec;
  overflow: hidden;
}

#sr_event #sr_list li {
  margin: 0 0 3px 25px;
  padding: 0 0 0 20px;
  background: url(image/event_elist_icon.gif) no-repeat 0 3px;
}

#sr_event #sr_list li a, #sr_event #sr_list li a:visited { color: #41403c; }

.sr_zoom {
  margin: 0 0 20px;
  margin-right: 12px;
  padding: 15px 10px 0;
  border: 1px solid #e7d5c7;
}

.sr_zoom h5 {
  font-size: 14px;
  color: #47B7EC;
  margin: 0 0 5px;
  padding: 0 0 0 21px;
  background: url(image/icon_srlist.gif) no-repeat 0 3px;
}

.sr_zoom p {
  color: #555;
  margin: 0 0 30px;
  padding: 0;
}

.sr_zoom dt {
  font-weight: bold;
  padding: 0 0 10px;
  background: url(image/ez_subtitle_btm.gif) no-repeat left bottom #e3d7cc;
}

.sr_zoom dt span {
  font-size: 14px;
  color: #6a5443;
  padding: 10px 20px 0 24px;
  display: block;
  background: url(image/ez_subtitle_top.gif) no-repeat left top;
}

.sr_zoom dd {
  margin: 0;
  padding: 10px 10px 25px;
}

#sr_btn { padding: 0 0 30px; }

#sr_cal {
  margin: 0 0 40px;
  width: 679px;
}

#sr_cal #t_area {
  font-size: 20px;
  font-weight: bold;
  color: #fff;
  text-align: center;
  margin: 0 0 10px;
  padding: 5px;
  background: #919191;
}

#sr_cal #month_area {
  font-size: 20px;
  font-weight: bold;
  color: #919191;
  text-align: center;
  margin: 0 0 10px;
  padding: 0;
  position: relative;
}

#sr_cal #month_area span {
  font-size: 14px;
  position: absolute;
}

#sr_cal #month_area span.prev { left: 0; }
#sr_cal #month_area span.next { right: 0; }

#sr_cal table {
  font-size: 14px;
  border-collapse: collapse;
  width: 100%;
}

#sr_cal th {
  font-weight: bold;
  padding: 7px;
  border: 1px solid #cfd2d7;
  width: 100px;
  background: #fff5f4;
}

#sr_cal th.nd { background: #efefef; }

#sr_cal td {
  padding: 7px;
  border: 1px solid #cfd2d7;
}

#sr_cal th span {
  font-size: 12px;
  color: #cc0000;
  display: block;
}

/*** 20100526追加 スーパー耐震工法 ***/
#super_point dl, #super_point dd, #super_point h5, #super_point p { margin: 0; }
#super_point .fl { float: left; }
#super_point .fr { float: right; }
#super_point .cb { clear: both; }

#super_point h5 {
  padding-bottom: 5px;
  border-bottom: 1px dotted #ccc;
}

#super_point .indent { padding-bottom: 20px; }

#super_point #s_point01 p.catch {
  text-align: center;
  padding: 10px 0 20px;
}

#super_point #s_point01 strong { color: #e00; }

#super_point #s_point01 #sp_basic {
  margin: 0 auto;
  border-top: 1px dotted #ccc;
  border-bottom: 1px dotted #ccc;
  width: 650px;
}

#super_point #s_point01 #sp_basic:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#super_point #s_point01 #sp_basic dt {
  padding: 20px 0;
  float: left;
}

#super_point #s_point01 #sp_basic dd {
  text-align: left;
  margin: 0;
  padding: 20px 0;
  width: 370px;
  float: right;
}

#super_point #s_point01 table {
  margin: 20px auto 0;
  width: 650px;
  clear: both;
}

#super_point #s_point01 th, #super_point #s_point01 td { text-align: center; }
#super_point #s_point01 th { padding-bottom: 10px; }

#super_point #s_point01 #sp_normal, #super_point #s_point01 #sp_healthy {
  text-align: left;
  padding: 10px;
  width: 180px;
}

#super_point #s_point01 #sp_normal {
  border-bottom: 1px solid #ccc;
  background: #efefef;
}

#super_point #s_point01 #sp_healthy {
  border-bottom: 1px solid #abd0f2;
  border-left: 1px solid #fff;
  background: #e6f1fb;
}

#super_point #s_point01 #sp_normal span {
  font-size: 14px;
  font-weight: bold;
  color: #666;
}

#super_point #s_point01 #sp_healthy span {
  font-size: 14px;
  font-weight: bold;
  color: #4c719f;
}

#super_point #s_point02 td { width: 170px; }
#super_point #s_point02 dt { padding: 30px 0 10px; }

#super_point #s_point02 dd span {
  font-weight: bold;
  color: #e00;
}

#super_point #s_point03 img.fl { padding-right: 10px; }
#super_point #s_point03 dl { padding: 20px 0; }

#super_point #s_point03 .sp_arr dt {
  font-weight: bold;
  color: #555;
  padding-bottom: 5px;
}

#super_point #s_point03 .sp_arr dd {
  font-weight: bold;
  color: #e00;
  padding: 2px 0 5px 25px;
  background: url("image/img_point_03d.gif") no-repeat left top;
}

#super_point #s_point03 #sst01 {
  width: 340px;
  float: left;
}

#super_point #s_point03 #sst01 h5 { width: 340px; }

#super_point #s_point03 #sst02 {
  width: 340px;
  float: left;
}

#super_point #s_point03 .notice {
  width: 320;
  float: right;
}

#super_point #s_point03 .notice dt { position: absolute; }

#super_point #s_point03 .notice dd {
  color: #e00;
  padding-left: 60px;
  width: 260px;
}

#super_point #s_point03 .catch {
  font-weight: bold;
  color: #e00;
  padding-top: 20px;
}

#super_point #s_point03 ul {
  padding-bottom: 20px;
  width: 650px;
}

#super_point #s_point03 ul:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#super_point #s_point03 .dry { padding: 20px 0 10px; }
#super_point #s_point04 img.fl { padding-bottom: 20px; }

#super_point #s_point04 #comment {
  width: 320px;
  float: left;
}

#super_point #s_point04 #comment p { padding: 10px 0; }

#super_point #s_point04 #comment #catch {
  font-size: 120%;
  font-weight: bold;
  color: #666;
}

#super_point #s_point04 #comment ul {
  padding: 10px;
  border: 5px solid #eee;
}

#super_point #s_point04 #comment li { padding: 2px 0; }

#super_point #s_point04 #comment ul span {
  font-weight: bold;
  color: #e00;
  padding-right: 5px;
}

#super_point #s_point04 #point04_01 { padding-top: 20px; }

#super_point #s_point04 #point04_01 dl {
  width: 420px;
  float: left;
}

#super_point #s_point04 #point04_01 dt {
  font-size: 120%;
  font-weight: bold;
  color: #666;
  padding-bottom: 10px;
}

#super_point #s_point04 #point04_01 dt span { color: #e00; }
#super_point #s_point04 #point04_01 .fr { padding-right: 20px; }

#super_point #s_point04 #point04_02 {
  padding: 20px 0;
  width: 650px;
}

#super_point #s_point04 #point04_02:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#super_point #s_point04 #point04_02 h5 { width: 260px; }
#super_point #s_point05 { width: 650px; }

#super_point #s_point05 #comment {
  width: 400px;
  float: right;
}

#super_point #s_point05 #comment p {
  font-size: 120%;
  font-weight: bold;
  color: #666;
  padding: 20px 0 10px;
  border-bottom: 1px dotted #ccc;
}

#super_point #s_point05 #comment dl {
  width: 200px;
  float: left;
}

#super_point #s_point05 #comment dt { padding: 10px 0; }

#super_point #s_point05 #comment dd {
  padding: 0 10px;
  border-left: 4px solid #ddd;
}

#cts_foot {
  text-align: center;
  margin: 0 auto;
  width: 683px;
}

/***  20100527追加 point 省エネ住宅 ***/
#ene_point .fl { float: left; }
#ene_point .fr { float: right; }
#ene_point .cb { clear: both; }

#ene_point dl, #ene_point dt, #ene_point dd, #ene_point h4 {
  margin: 0;
  padding: 0;
}

#ene_head {
  padding: 150px 70px 0px 30px;
  height: 130px;
  background: url(image/img_ene_head.jpg) right top no-repeat;
}

#ene_point .indent {
  margin: 0 auto;
  padding: 0 0 40px;
  width: 650px;
}

#ene_point #ene_01 { background: url(image/img_ene_01bg.gif) no-repeat right 10px; }

#ene_point #ene_01 dl {
  padding: 10px 0 10px;
  border-bottom: 1px solid #eee;
  width: 360px;
  clear: both;
}

#ene_point #ene_01 dl.last {
  padding-bottom: 0;
  border-bottom: none;
}

#ene_point #ene_01 dl:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#ene_point #ene_01 dt, #ene_point #ene_01 dd { float: left; }
#ene_point #ene_01 dt { width: 180px; }

#ene_point #ene_01 dd {
  font-weight: bold;
  color: #f60;
  text-align: center;
  padding: 8px 0;
  border: 1px dotted #ccc;
  width: 178px;
}

#ene_point #ene_02 img.fl { padding-bottom: 20px; }
#ene_point #ene_02 dt { padding: 15px 0 0; }

#ene_point #ene_02 dd {
  font-weight: bold;
  color: #555;
  padding: 10px 0;
  border-bottom: 1px dotted #ccc;
}

#ene_point .ene03_tbl {
  margin: 5px 0 10px;
  width: 650px;
}

#ene_point .ene03_tbl th, #ene_point .ene03_tbl td {
  text-align: center;
  vertical-align: middle;
  padding: 10px 5px;
  border: 2px solid #ccc;
}

#ene_point .ene03_tbl .ene_h4, #ene_point .ene03_tbl .ene_h11 {
  font-size: 120%;
  font-weight: bold;
  color: #0072CF;
}

#ene_point .ene03_tbl td.ene_h4 { color: #555; }

#ene_point .ene03_tbl td.ene_h11 {
  color: #2378d2;
  background: #ffffc7;
}

#ene_point .ene03_tbl .tbl_ttl {
  background: #dfefff;
  white-space: nowrap;
}

#ene_point #ene03 .note {
  font-size: 80%;
  color: #666;
}

#ene_point .ene03_run {
  margin-top: 10px;
  width: 650px;
}

#ene_point .ene03_run th, #ene_point .ene03_run td {
  vertical-align: middle;
  padding: 10px 5px;
  border-bottom: 2px solid #fff;
  background: #f6f6f6;
}

#ene_point .ene03_run th {
  font-weight: bold;
  padding-left: 10px;
}

#ene_point .ene03_run td {
  color: #fff;
  text-align: center;
  background: #5dac1c;
}

#ene_point .ene03_run td.ene03_price {
  font-weight: bold;
  background: #2378d2;
}

#ene_point .ene03_run td.ene03_arr { background: #fff; }

/***  20100527追加 point 省令準耐火構造 ***/
#proof_point .fl { float: left; }
#proof_point .fr { float: right; }
#proof_point .cb { clear: both; }

#proof_point dl, #proof_point dt, #proof_point dd, #proof_point h4 {
  margin: 0;
  padding: 0;
}

#proof_head {
  padding: 130px 70px 0px 30px;
  height: 140px;
  background: url(image/img_proof_head.jpg) no-repeat right top;
}

#proof_point .indent {
  margin: 0 auto;
  padding: 40px 0 0;
  width: 650px;
}

#proof_point .indent:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#proof_point #proof_cmt {
  width: 270px;
  float: right;
}

#proof_point #proof_cmt ul {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
}

#proof_point #proof_01 {
  padding-top: 20px;
  width: 650px;
}

#proof_point #proof_cmt ul { padding: 10px 0 0; }

#proof_point #proof_cmt ul li {
  font-size: 120%;
  font-weight: bold;
  padding: 0 0 15px 36px;
}

#proof_point #proof_cmt ul li#no1 {
  padding: 5px 0 25px 36px;
  background: url("image/img_proof_01a.gif") no-repeat left top;
}

#proof_point #proof_cmt ul li#no2 { background: url(image/img_proof_01b.gif) no-repeat left top; }
#proof_point #proof_cmt ul li#no3 { background: url(image/img_proof_01c.gif) no-repeat left top; }

#proof_point #proof_02 {
  padding-top: 40px;
  clear: both;
}

#proof_point #proof_02 h4 {
  padding-bottom: 10px;
  border-bottom: 1px dotted #ccc;
  width: 280px;
}

#proof_point #proof_02 p { width: 280px; }
#proof_point #proof_f_img { padding: 40px 0; }

/***  20110106追加 スーパーストロング構造体VALUE ***/
#value { width: 685px; }
#value h3 { margin: 0; }

#value #h_catch {
  margin: 0 0 30px;
  border: 5px solid #c11f3b;
  border-top: 0;
}

#value #h_catch dd {
  margin: 0;
  padding: 15px 10px;
  background: url(value/img/catch_img.gif) no-repeat 429px 114px;
}

#value h4 {
  margin: 0 0 20px;
  clear: both;
}

#value div.cont {
  margin: 0 auto 30px;
  width: 645px;
}

#value #vc01 {
  height: 603px;
  background: url(value/img/c01_img01.jpg) no-repeat 0 60px;
  position: relative;
}

#value #vc01 h5 { padding: 0 0 0 20px; }

#value #vc01 p {
  text-align: center;
  padding: 15px 0;
  width: 310px;
  top: 110px;
  left: 20px;
  background: #f8f8f8;
  position: absolute;
}

#value #vc01 p strong {
  font-size: 14px;
  padding: 5px 0 0;
  display: block;
}

#value #vc02 h5 { padding: 10px 0 0; }
#value #vc02 p.txt { padding: 15px 0 0; }

#value #vc02 p.att1 {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  text-align: center;
  padding: 2px 0 15px;
}

#value #vc02 dl.taishin {
  padding: 0 0 10px 150px;
  background: url(value/img/txt0202.gif) no-repeat 0 0;
}

#value dt, #value dd, #value p {
  margin: 0;
  padding: 0;
}

#value #vc02 dl.taishin dt img { margin: 0 0 5px; }
#value #vc02 dl.taishin dd { padding: 0 0 14px; }

#value #vc02 dl.taishin dd p {
  font-size: 12px;
  font-weight: bold;
  color: #333;
  line-height: 17px;
  margin: 0;
  padding: 2px 0 5px;
}

#value #vc02 dl.taishin dd.day {
  font-size: 10px;
  color: #999;
  line-height: 14px;
}

#value #vc03 {
  margin: 0 auto;
  padding: 0 0 15px;
  width: 650px;
}

#value #vc03 .box1 {
  zoom: 100%;
  margin: 0;
  padding: 0;
  border-bottom: solid 2px #ece9de;
}

#value #vc03 .box1:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#value #vc03 .box1 dl {
  border-left: solid 4px #fff;
  border-right: solid 5px #fff;
  width: 296px;
  float: left;
}

#value #vc03 .box1 p.kou {
  padding: 55px 0 0;
  float: left;
}

#value #vc03 .box1 dt { padding: 0 0 5px; }
#value #vc03 .box1 dd.txt { padding: 14px 10px 3px; }

#value #vc03 .box1 dd.txt p {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  padding: 4px 0 0;
}

#value #vc03 .box2 {
  zoom: 100%;
  margin: 0;
  padding: 15px 0;
  border-bottom: solid 2px #ece9de;
  clear: both;
}

#value #vc03 .box2:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#value #vc03 .box2 p.kou { float: left; }

#value #vc03 .box2 ul.kiji1 {
  border-left: solid 4px #fff;
  border-right: solid 6px #fff;
  width: 296px;
  float: left;
}

#value #vc03 .box2 ul.kiji1 li, #value #vc03 .box2 ul.kiji2 li { float: left; }

#value #vc03 .box2 ul.kiji1 li.txt {
  border-left: solid 10px #fff;
  width: 139px;
}

#value #vc03 .box2 ul.kiji1 li.txt p {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  padding: 4px 0 0;
}

#value #vc03 .box2 ul.kiji2 {
  width: 284px;
  float: left;
}

#value #vc03 .box2 ul.kiji2 li.txt {
  border-left: solid 10px #fff;
  width: 155px;
}

#value #vc03 .box3 {
  zoom: 100%;
  margin: 0;
  padding: 15px 0;
  clear: both;
}

#value #vc03 .box3:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#value #vc03 .box3 p.kou { float: left; }
#value #vc03 .box3 li { float: left; }

#value #vc03 .box3 ul.kiji1 {
  border-left: solid 4px #fff;
  border-right: solid 10px #fff;
  width: 285px;
  float: left;
}

#value #vc03 .box3 ul.kiji1 li.txt {
  border-left: solid 10px #fff;
  width: 127px;
}

#value #vc03 .box3 ul.kiji2 {
  border-left: solid 4px #fff;
  width: 287px;
  float: left;
}

#value #vc03 .box3 ul.kiji2 li.txt {
  border-left: solid 10px #fff;
  width: 140px;
}

#value #vc04 { zoom: 100%; }

#value #vc04:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#value #vc04 .box1 {
  padding: 10px 0 282px;
  border-left: solid 26px #fff;
  width: 270px;
  background: url(value/img/p0401.jpg) no-repeat right bottom;
  float: left;
}

#value #vc04 .box2 {
  width: 310px;
  background: url(value/img/p0402.jpg) no-repeat right top;
  float: right;
}

#value #vc04 .box2 p { padding: 10px 170px 209px 0; }

#value #vc04 .box2 span {
  font-weight: bold;
  color: #e60012;
}

#value #vc04 dl {
  padding: 30px 0 0;
  clear: both;
}

#value #vc04 dd { padding: 10px 0 0 26px; }

#value #vc05 .txtcont1 {
  padding: 0 375px 50px 0;
  background: url(value/img/p0501.jpg) no-repeat right top;
}

#value #vc05 .cut { zoom: 100%; }

#value #vc05 .cut:after {
  height: 0;
  display: block;
  clear: both;
  content: " ";
}

#value #vc05 .cut li.fl {
  border: solid 10px #efecea;
  width: 300px;
  background: #efecea;
  float: left;
}

#value #vc05 .cut li.fr {
  border: solid 10px #efecea;
  width: 300px;
  background: #efecea;
  float: right;
}

#value #vc05 .cut li.fl img, #value #vc05 .cut li.fr img {
  margin: 0 10px 0 0;
  float: left;
}

#value #vc05 h5 {
  padding: 30px 0 0;
  clear: both;
}

#value #vc05 .txtcont2 { padding: 0 0 10px 26px; }

#value #vc05 .txtcont2 p {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  padding: 4px 0 0;
}

#value #vc05 .txtcont3 { padding: 0 0 10px 26px; }

#value #vc05 .txtcont3 img {
  vertical-align: top;
  margin-right: 10px;
}

/*#value #vc05 .txtcont3 {
  padding: 0 180px 15px 26px;
  background: url(value/img/p0505.jpg) no-repeat right top;
}*/
#value #vc05 .txtcont3 h6 {
  font-size: 14px;
  line-height: 20px;
  margin: 0;
  padding: 0;
}

#value #vc05 .txtcont3 h6 span { color: #206ece; }

#value #vc05 .txtcont3 table {
  margin: 6px 0;
  border: solid 2px #fff;
  border-collapse: collapse;
  width: 100%;
}

#value #vc05 .txtcont3 th {
  font-weight: bold;
  color: #fff;
  text-align: center;
  padding: 10px 0;
  border: solid 2px #fff;
  background: #206ece;
}

#value #vc05 .txtcont3 td {
  text-align: center;
  padding: 10px 0;
  border: solid 2px #fff;
  background: #efecea;
}

#value #vc05 .txtcont3 p {
  font-size: 10px;
  color: #999;
  line-height: 14px;
  padding: 4px 0 0;
}

/***  20110826追加 商品情報 ***/
#shohin_jirei { padding: 0 0 15px; }
#shohin_jirei h4 { margin-bottom: 10px; }

#kinou_detail {
  color: #999999;
  margin: 10px 0 15px;
  padding: 0 0 20px;
  background-color: #333333;
}

#kinou_detail div.fl {
  margin-bottom: 15px;
  padding: 0 0 20px;
  border-right: 1px dotted #ccc;
  width: 365px;
  float: left;
}

#kinou_detail .fr {
  padding: 0 10px 0 0;
  float: right;
}

#kinou_detail .fl .kd_cont {
  padding: 10px 0 5px;
  width: 350px;
  clear: both;
  overflow: hidden;
}

#kinou_detail .fl .kd_cont img.fl {
  margin: 0 0 0 20px;
  border: 1px solid #fff;
  float: left;
}

#kinou_detail .fl .kd_cont dl {
  width: 218px;
  float: right;
}

#kinou_detail .fl .kd_cont dd { padding: 5px 0 0; }

#ex_payimg {
  text-align: center;
  padding: 10px 0;
  clear: both;
}

#ex_pay {
  color: #fff;
  margin: 0 auto;
  border: 2px solid #5e5e5e;
  width: 645px;
  clear: both;
}

#ex_pay dt {
  font-size: 14px;
  color: #fff;
  padding: 8px 0 10px 105px;
  background: url(shohin/img/sst_ex.gif) no-repeat 18px 5px #5e5e5e;
}

#ex_pay dt span {
  font-size: 16px;
  font-weight: bold;
}

#ex_pay dd table {
  color: #e1e1e1;
  margin: 10px auto;
  width: 590px;
}

#ex_pay dd table th {
  font-size: 14px;
  padding: 5px 0;
  width: 200px;
}

#ex_pay dd table td { padding: 5px 0; }

#ex_pay dd table td span {
  font-size: 14px;
  font-weight: bold;
  color: #fff;
  padding: 0 5px 0 0;
}

#ex_pay dd table tr.sum_area { border-top: 1px dotted #919191; }

#ex_pay dd table tr.sum_area th {
  font-size: 16px;
  line-height: 26px;
  padding: 10px 0;
}

#ex_pay dd table tr.sum_area td { padding: 10px 0; }

#ex_pay dd table tr.sum_area td span {
  font-size: 24px;
  line-height: 26px;
}

#shohin_voice {
  margin-bottom: 30px;
  padding: 14px 20px;
  background: url(shohin/img/bg_voice.gif) repeat-x left top #5e5e5e;
}

#shohin_voice p {
  color: #e8e8e8;
  padding: 10px 5px 0;
}

#shohin_voice p.align_r {
  color: #ccc;
  text-align: right;
}

#shohin_voice p.align_r img {
  vertical-align: top;
  margin: 0 5px 0 0;
}

/***  20110920追加 ***/
#first_base { margin-top: -20px; }

#first_base dl {
  margin: 0 auto;
  width: 692px;
}

#first_base dd {
  margin: 0;
  padding: 12px 0 0;
}

#first_base dd p {
  text-align: right;
  padding: 10px 0 0;
}

#first_base dd p a {
  font-weight: bold;
  color: #f13b3b;
  margin-left: 25px;
  padding: 0 0 0 16px;
  background: url(first/img/icon_first_link.gif) no-repeat left center;
}

#first_base ul {
  padding-left: 10px;
  height: 150px;
}

#first_base li {
  padding: 0 5px;
  float: left;
}

/**/
.followbox {
  width: 31px;
  top: 50px;
  right: 0;
  position: absolute;
}

.followbox li { padding: 0 0 10px; }