@charset "utf-8";

/* -----------------------------------------------------------
CSS Information

 File name:      base.css
 Update:         2008.06.27
 Style Info:     各ページCSSファイル
----------------------------------------------------------- */
/* トップページ設定
-------------------------------------------------------------------------------*/
#fla {
 margin-top: 15px;
}
.news {
 margin-top: 15px;
 width: 460px;
}
.newsleft {
 float: left;
 width: 80px;
}
.newsright {
 float: right;
 width: 365px;
}
.newstitle {
 padding-bottom: 3px;
 border-bottom: 1px dashed #CCC;
 color: #484848;
}
.newscomment {
 margin-top: 15px;
 padding-bottom: 10px;
 border-bottom: 1px solid #CCC;
}

/* 各ページ共通タイトル設定
-------------------------------------------------------------------------------*/
h3 {
 margin: 20px 0 10px;
 padding-bottom: 2px;
 color: #66B3CC;
 border-bottom: 1px solid #66B3CC;
 font-size: 14px;
}

/* 各ページ共通ボックス設定
-------------------------------------------------------------------------------*/
.box01, .box03, .box05, .box06 {
 border-top: 1px solid #CCC;
}
.box01 {
 margin-top: 20px;
}
.box01 th, .box01 td, .box03 th, .box03 td, .box05 th, .box05 td, .box06 th, .box06 td {
 border-bottom: 1px solid #CCC;
}
.box01 th {
 width: 9em;
 border-right: 1px solid #CCC;
}
.box02 {
 margin-top: 20px;
 width: 428px;
 padding:15px;
 border: 1px solid #CCC;
}
.box02left {
 float: left;
 width: 100px;
}
.box02right {
 float: right;
 width: 315px;
}
.box03 {
 margin-top: 3px;
}
.box03 th {
 width: 12em;
 border-right: 1px solid #CCC;
}
.box04 {
 margin: 5px 0 10px;
 padding:5px;
 border: 1px solid #CCC;
}
.box05 th, .box05 td {
 border-left: 1px solid #CCC;
}
.box05 th, .box05 td, .box06 th, .box06 td {
 text-align: center;
}
th.box05left, td.box05left {
 border-left-width: 0;
}
th.box05left {
 text-align: left;
}
.boxpagetop {
 margin: 20px 0 40px;
}
.boxleft {
 float: left;
}
.boxright {
 float: right;
}
.boxpagetop p img {
 margin-right: 5px;
}

/* 各ページ共通リスト設定
-------------------------------------------------------------------------------*/
.square li {
 margin-left: 1em;
 text-indent: -1em;
 list-style-type: square;
 list-style-position: inside;
}
.circle li {
 margin-left: 1em;
 text-indent: -1em;
 list-style-type: circle;
 list-style-position: inside;
}
.disc li {
 margin-left: 1em;
 text-indent: -1em;
 list-style-type: disc;
 list-style-position: inside;
}

.number li {
 margin-left: 3em;
 list-style-type: decimal;
 list-style-position: outside;
}

/* 回り込み設定
-------------------------------------------------------------------------------*/
.flo-left {
 float: left;
 margin: 0 15px 15px 0;
}


/* 各ページタイトル設定
-------------------------------------------------------------------------------*/
#consult-title, #sitemap-title, #serv-title, #memb-title, #prof-title, #eve-title,
#inquiry-title, #order-title, #land-title, #letter-title, #magazine-title,
#policy-title, #blog-title {
 margin-top: 15px;
 width: 900px;
 height:100px;
}
#consult-title p, #sitemap-title p, #serv-title p, #memb-title p, #prof-title p,
#eve-title p, #inquiry-title p, #order-title p, #land-title p, #letter-title p,
#magazine-title p, #policy-title p, #blog-title p {
 padding: 70px 20px 0 0;
 text-align: right;
 font-size: 14px;
}

/* 資金相談ページタイトル設定
-------------------------------------------------------------------------------*/
#consult-title {
 background: url(../../consulting/img/bg_title.gif) no-repeat left top;
}

/* サイトマップページタイトル設定
-------------------------------------------------------------------------------*/
#sitemap-title {
 background: url(../../sitemap/img/bg_title.gif) no-repeat left top;
}

#sitemap-list li {
  margin-left: 2em;
}
#sitemap-list span {
 font-family: arial;
 font-style: italic;
 margin-right: 1em;
}

/* サービスメニューページ共通タイトル設定
-------------------------------------------------------------------------------*/
#serv-title {
 background: url(../../service/img/bg_title.gif) no-repeat left top;
}

/* シキシマ仕様ページ共通タイトル設定
-------------------------------------------------------------------------------*/
.teire {
 margin: 10px 0 0;
 text-align: right;
}
.specbox dt {
 color: #484848;
}
.specbox dd {
 margin-left: 1em;
}
/* メンバーズページ共通タイトル設定
-------------------------------------------------------------------------------*/
#memb-title {
 background: url(../../members/img/bg_title.gif) no-repeat left top;
}

/* プロフィールページ共通タイトル設定
-------------------------------------------------------------------------------*/
#prof-title {
 background: url(../../profile/img/bg_title.gif) no-repeat left top;
}

/* スタッフ紹介ページ設定
-------------------------------------------------------------------------------*/
.staffleft {
 float: left;
 width: 100px;
}
.staffright {
 float: right;
 width: 315px;
}
.staffname {
 padding-bottom: 3px;
 border-bottom: 1px solid #CCC;
 color: #484848;
}
.staffcomment {
 margin-top: 15px;
}
.staffcomment p {
 margin-left: 1em;
}
p.staff-q {
 color: #484848;
 margin-top: 0.5em;
 margin-left: 0;
}

/* イベントページ共通タイトル設定
-------------------------------------------------------------------------------*/
#eve-title {
 background: url(../../event/img/bg_title.gif) no-repeat left top;
}

/* リノベーションページ設定
-------------------------------------------------------------------------------*/
.reno-sub {
 float: right;
 color: #66B3CC;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 width: 350px;
 margin-bottom: 3px;
 padding-bottom: 3px;
 position: relative;
 top: 0;
 left: 0;
}
.reno-sub span {
 color: #CCC;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 position: absolute;
 right: 0;
}

#reno-top {
 width: 460px;
 height: 200px;
 overflow: hidden;
 position: relative;
}
#reno-top img, #reno-top-title, #reno-top-title-bg {
 position: absolute;
 top: 0px;
 left: 0px;
}

#reno-top img {
  z-index: 1;
}

#reno-top-title {
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
 padding: 8px 10px;
 width: 440px;
 z-index: 4;
}
#reno-top-title-bg {
 background-color: #000;
 font-size: 14px;
 padding: 8px 5px;
 width: 450px;
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 opacity: 0.3;
 z-index: 3;
}
#reno-top-case {
 color: #FFF;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 text-align: right;
 position: absolute;
 bottom: 10px;
 right: 10px;
 z-index: 2;
}

h3#reno-voice {
 margin: 20px 0 0;
 padding-bottom: 2px;
 color: #999;
 border: none;
 font-size: 14px;
 font-weight: bold;
}
.reno-voice {
 background-color: #F9F9FF;
 border: 1px solid #999;
 padding: 5px 10px;
}

/* ショップデザインページ設定
-------------------------------------------------------------------------------*/
.shop-sub {
 float: right;
 color: #66B3CC;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 width: 350px;
 margin-bottom: 3px;
 padding-bottom: 3px;
 position: relative;
 top: 0;
 left: 0;
}
.shop-sub span {
 color: #CCC;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 position: absolute;
 right: 0;
}

#shop-top {
 width: 460px;
 height: 200px;
 text-align: center;
}
#shop-sub {
 width: 460px;
 text-align: center;
}
#shop-sub a {
 margin: 5px;
}

.shop-dash {
 border-bottom: 1px dashed #CCC;
 width: 460px;
}
.shop-dash .f-right {
 width: 330px;
}

/* オーダー家具ページ設定
-------------------------------------------------------------------------------*/
.order-sub {
 float: right;
 color: #66B3CC;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 width: 350px;
 margin-bottom: 3px;
 padding-bottom: 3px;
 position: relative;
 top: 0;
 left: 0;
}
.order-sub span {
 color: #CCC;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 position: absolute;
 right: 0;
}

/* 新築／立替ページ設定
-------------------------------------------------------------------------------*/
.build-sub {
 float: right;
 color: #66B3CC;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 width: 350px;
 margin-bottom: 3px;
 padding-bottom: 3px;
 position: relative;
 top: 0;
 left: 0;
}
.build-sub span {
 color: #CCC;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 position: absolute;
 right: 0;
}

#build-top {
 width: 460px;
 height: 200px;
 overflow: hidden;
 position: relative;
}
#build-top img, #build-top-title, #build-top-title-bg {
 position: absolute;
 top: 0px;
 left: 0px;
}

#build-top img {
  z-index: 1;
}

#build-top-title {
 color: #FFF;
 font-size: 14px;
 font-weight: bold;
 padding: 8px 10px;
 width: 440px;
 z-index: 4;
}
#build-top-title-bg {
 background-color: #000;
 font-size: 14px;
 padding: 8px 5px;
 width: 450px;
 filter: alpha(opacity=30);
 -moz-opacity: 0.3;
 opacity: 0.3;
 z-index: 3;
}
#build-top-case {
 color: #FFF;
 font-family: arial;
 font-size: 16px;
 font-style: italic;
 text-align: right;
 position: absolute;
 bottom: 10px;
 right: 10px;
 z-index: 2;
}

/* お問い合わせページ設定
-------------------------------------------------------------------------------*/
#inquiry-title {
 background: url(../../inquiry/img/bg_title.gif) no-repeat left top;
}

.inquiry-box {
 border-top: 1px dashed #CCC;
 border-bottom: 1px dashed #CCC;
}
.inquiry-box th {
 background-color: #DDD;
 font-weight: normal;
 text-align: left;
 padding: 3px 5px;
 width: 100px;
}
.inquiry-box textarea {
 width: 300px;
}

.form-err {
 color: #F66;
 background-color: #FFE0E0;
 border: 1px solid #F66;
 padding: 5px;
 margin-bottom: 20px;
}

/* 資料請求ページ設定
-------------------------------------------------------------------------------*/
#order-title {
 background: url(../../documentorder/img/bg_title.gif) no-repeat left top;
}

.order-box {
 border-top: 1px dashed #CCC;
 border-bottom: 1px dashed #CCC;
}
.order-box th {
 background-color: #DDD;
 font-weight: normal;
 text-align: left;
 padding: 3px 5px;
 width: 100px;
}
.inquiry-box textarea {
 width: 300px;
}

/* 土地探しページ設定
-------------------------------------------------------------------------------*/
#land-title {
 background: url(../../land/img/bg_title.gif) no-repeat left top;
}

/* 会報ページ設定
-------------------------------------------------------------------------------*/
#letter-title {
 background: url(../../publish/img/bg_title.gif) no-repeat left top;
}

/* メールマガジンページ設定
-------------------------------------------------------------------------------*/
#magazine-title {
 background: url(../../magazine/img/bg_title.gif) no-repeat left top;
}

/* 個人情報保護方針(サイトポリシー)ページタイトル設定
-------------------------------------------------------------------------------*/
#policy-title {
 background: url(../../img/bg_title.gif) no-repeat left top;
}

/* ブログリンクページタイトル設定
-------------------------------------------------------------------------------*/
#blog-title {
 background: url(../../blog/img/bg_title.gif) no-repeat left top;
}

.bloglist {
  width: 460px;
	height: 100px;
}
.blogleft {
 float: left;
 width: 170px;
}
.blogright {
 float: right;
 width: 290px;
}
.blogcap {
 color: #484848;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 padding-bottom: 2px;
 margin-bottom: 2px;
}
/* 試し
-------------------------------------------------------------------------------*/
.common-sub {
 color: #66B3CC;
 font-size: 14px;
 border-bottom: 1px solid #CCC;
 padding-bottom: 3px;
	margin-bottom: 3px;
}
.common-sub2 {
	color: #CCC;
	font-family: arial;
	font-size: 16px;
	font-style: italic;
 border-bottom: 1px solid #CCC;
 padding-bottom: 3px;
	margin-bottom: 3px;
}
.common-detail {
 padding-top: 3px;
}
.shop-dash2 {
 border-bottom: 1px dashed #CCC;
 padding-bottom: 10px;
 padding-top: 15px;
}