@charset "UTF-8";
/*******************************************************

サイトレイアウト

 *******************************************************/
body {
font-size: 85%;
min-width: 950px;
background-color: #FFF;
}
#top_wrapper {
background: url(../img/common/img_main_base.png) repeat-x left top;
text-align: center;
}
#wrapper { /* border:1px solid red; */
background: url(../img/common/img_sub_base.png) repeat-x left top;
text-align: center;
}
/* ヘッダー ********************************/
#header { /*border:1px solid red;*/
position:relative;
background: url(../img/common/img_head.png) no-repeat left top;
margin: 0 auto;
width: 950px;
height: 114px;
}
#header p {
padding: 20px 0 0 !important;
font-size: 12px;
}
#header h1 {
position:absolute;
top:15px; left: 0px;
}
#header h1 a { 
width: 350px;
height: 85px;
display: block;
text-indent: -9999px;
-moz-outline-style: none;
}
#header #h_contact {
position: absolute;
top: 72px; right: 0px;
text-indent: -9999px;
}
#header #h_contact a {
width: 232px;
height: 35px;
display: block;
text-indent: -9999px;
}


/* ナビゲーション */
#nav { /* border: 1px solid red; */
margin: 0 auto 0 ;
width: 950px;
height: 47px;

background: url(../img/common/img_nav.png) no-repeat left top;

}
#nav li a {
margin: 0;
width: 190px;
height: 47px;
display: block; 
text-indent: -9999px; 
-moz-outline-style: none;
background-color:#FFF;
filter:alpha(opacity=0);
-moz-opacity: 0;
opacity: 0;

}

#nav .nav01 a:active, #nav .nav01 a:hover {
filter: alpha(opacity=40);
-moz-opacity:0.50;
opacity:0.50;
}
#nav .nav02 a:active, #nav .nav02 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}
#nav .nav03 a:active, #nav .nav03 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}
#nav .nav04 a:active, #nav .nav04 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}
#nav .nav05 a:active, #nav .nav05 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}
#nav .nav06 a:active, #nav .nav06 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}
#nav .nav07 a:active, #nav .nav07 a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.60;
opacity:0.60;
}

/* コンテンツ ********************************/
#title {
margin: 20px auto 30px;
width: 950px;
}
#title_sub {
margin: 20px auto 30px;
width: 950px;
}
#pankuzu {
width: auto;
padding-top: 16px;
padding-bottom: 16px;
font-size: 77%;
}
#contents { 
margin: 0 auto 30px auto;
width: 950px;
}
#contents a:link, #contents a:visited {
color: #336600;
text-decoration: none;
}
#contents a:hover, #contents a:active {
color: #336600;
text-decoration: underline;
}

/* パンくず */

.topicPath {
  color: #777;
  font-size: 83%;
  margin-bottom: 1.5em;
}

.topicPath p {
}

.topicPath p a,
.topicPath p strong,
.topicPath p .sep {
    display: -moz-inline-box;
    display: inline-block;
  }

.topicPath p a {
    color: #336600 !important;
    text-decoration: none;
  }

.topicPath p a.firstchild {
    padding-left: 0;
    margin-left: 0;
  }

.topicPath p strong {
    font-weight: normal;
    color: #333;
  }

.topicPath p .sep {
  }

.topicPath p a:hover,
.topicPath p a:focus {
    text-decoration: underline;
  }

/* トップページ メニュー枠 */
#top_menu {
position: relative;
margin: 0 auto 30px auto;
width: 950px;
zoom: 1;
}
#top_menu:after {  
content: "."; 
display: block;
height: 0;
clear: both;
visibility: hidden;
}  
#top_menu ul {
width: 950px;
}
#top_menu li {
margin:20px 25px 10px 0;
}
#top_menu li.L {
position: relative;
width: 300px;
float:left;
}
#top_menu li.end {
position: relative;
margin:20px 0 10px 0;
width: 300px;
float:right;
}
#top_menu li.end:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
#top_menu li .rightBox {
float : right;
width: 245px;
margin: 10px 10px 20px 15px
}
#top_menu li .rightBox:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}
#top_menu li p.tit {
margin: 10px auto;
padding: 0 0 5px 0px;
text-align: left;
font-size: 117%;
font-weight: bolder;
color: #8FBC43;
border-bottom: 1px dashed #ccc;
}

#top_menu li p.text {
font-size: 87%;
color:#666666;
}
#top_menu p a {
background-color:#FFF;
display:block;
width:100%;
height:100%;
position:absolute;
left:0;
top:0;
text-indent:-9999px;
filter: alpha(opacity=0.1);
-moz-opacity:0.1;
opacity:0.1;

}
#top_menu p a:active,#top_menu p a:hover {
filter: alpha(opacity=50);
-moz-opacity:0.5;
opacity:0.5;

}
#top_menu p a:link, #top_menu p a:visited,
#top_menu p a:hover, #top_menu p a:active {
color: #666;
text-decoration: none;
}
#top_menu p.catchTX {
position: absolute;
top:115px;left:25px;
font-size: 12px;
color: #210101;
}


/* 左サイド ********************************/
#aside {
margin-right: 20px;
margin-bottom: 30px;
float: left;
width: 230px;
}
#aside h2 {
margin-bottom: 10px;
}
#aside .widgetArea h2 {
margin-bottom: 10px;
padding: 0 0 3px;
font-size: 100%;
font-weight: normal;
text-align: left;
border-bottom: 1px solid #336600;
}
#aside .widgetArea ul {
margin: 0 0 30px;
}
#aside .widgetArea li a {
padding: 0 ;
font-size: 92%;
text-align: left;
color: #528C10;
}
/* トピックス */
#topics {
margin-bottom: 30px;
width: 240px;
border: 5px solid #EBE3BD;
font-size: 85%;
text-align: left;
}
#topics dt {
padding: 5px 8px 0 8px;
color: #562119;
}
#topics dd {
padding: 0 8px 5px 8px;
border-bottom: 1px solid #DBC295;
}
/* カテゴリーメニュー */
#sidemenu {
margin-bottom: 30px;
background-color: #EBE3BD;
padding: 6px;
}
#sidemenu li {
margin-bottom: 3px;
width: 238px;
_width: 208px;
height: 40px;
background: url(../images/back_sidemenu.jpg) no-repeat left 50%;
padding-left: 30px;
text-align: left;
}
#sidemenu a:link, #sidemenu a:visited {
line-height: 3;
color: #562119;
font-weight: bolder;
text-decoration: none;
}
#sidemenu a:hover, #sidemenu a:active {
color: #562119;
font-weight: bolder;
text-decoration: underline;
}


/* メイン ********************************/
#article {
width: 690px;
float: right;
}
#article a:link, #article a:visited {
color: #528C10;
text-decoration: none;
}
#article a:hover, #article a:active {
color: #528C10;
text-decoration: underline;
}
#article .sectionA {
margin: 0 auto 20 auto;
width: 690px;
text-align: left;
position: relative;
}
#article .sectionA h2 {
wigth: 690px;
height: 45px;
margin: 0 0 15px;
padding: 6px 20px 0px 45px;
font-size: 146%;
font-weight: normal;
color:#000000;
background: url(../img/common/tit_top.png) left 50% no-repeat;
}
#article .sectionA h2 span {
}
#article .sectionA h3 {
wigth: 690px;
height: 50px;
margin-top: 13px;
margin-bottom: 15px;
padding:10px 0 0px 45px;
font-size: 146%;
font-weight: normal;
color:#000000;
background: url(../img/common/tit_cat.png) left bottom no-repeat;
}
#article .sectionA h3 a {
font-weight: normal;
color:#603813;
}
#article .sectionA .btn {
position: absolute;
bottom: 20px; right: 20px;
}

#article .sectionA h4 {
    font-weight: normal !important;
}
/* トップページ　キャッチ */

.sectionA p span.catch {
padding: 0 0 20px 0;
font-size:15px;
font-weight:bold;
color:#c15824;
}



/* トップページインフォメーション */
 {
width: 690px;
margin-top: 15px;
background-color: #FFF;
border: 1px solid #CCCCCC;
}
#article .sectionA .waku h3 {
    height: 35px;
    margin: 0px;
    padding: 10px 0px 20px 0px;
    font-size: 100%;
    color: #336600;
    background: none;
}
#article .sectionA .waku h3 a {
    color: #336600;
    font-weight: normal;
}
.post-list li {
padding: 7px 0 7px 0;
border-bottom: 1px dashed #a0a0a0;
}
#article .post-list li a {
color: #528C10;
}
.post-list li span {
color: #528C10;
}

/* トップページ最新施工事例 */

#WorksImage li {
float :left;
width: 150px;
height: auto;
margin:30px 30px 10px 0;
}
#WorksImage li .eye-catch img {
margin: 0;
padding: 0;
border-radius: 10px;

}
#WorksImage li.last {
float :right;
margin:30px 0 10px 0;
}
#article .sectionA #WorksImage li h3 {
background-image: none;
}

/************** 投稿フォーマット **************/
.eye-catch img {
max-width: 100%;
height: auto;
margin-bottom: 0px;
padding:5px;
border: 1px solid #CCC;
}
h2.contents-head {
}
.blog-description {
margin: 20px 0 40px;
}
#article .sectionA #post-detail h1,
#article .sectionA #post-detail h2,
#article .sectionA #post-detail h3 {
height:100%;
background-image:none ;
margin:0;
padding :0;
}

/* 新着情報ページ */
#News .blog-box {
position: relative;
margin-bottom: 77px;
}

/* 製品紹介トップページ */
#new_itemT#post-detail p{
font-size:14px;
}
#new_itemT .post-body{
margin: 0 0 30px;
padding: 0 0 10px 0;
font-size:16px;
font-weight:bold;
color:#528C10;
overflow: auto;
}
#new_itemT .post-body p{
font-size:16px;
font-weight: bold;
color:#528C10;
}
#new_itemT .post{
padding: 0 0 10px 0;
font-size:16px;
color:#333;
}
#new_itemT .post p a{
padding: 0 0 10px 0;
font-size:14px;
color:#528C10;
}
#new_itemT {
}
#new_itemT .eye-catch {
float: right;
margin-left: 20px;
}
#new_itemT .eye-catch img {
max-width: 260px;
height: auto;
padding:4px;
border: 1px solid #CCC;
}
#new_itemT .blog-text {

}
#new_itemT .blog-box {
position: relative;
margin-bottom: 40px;
border-bottom: 1px solid #CCC;
}
#new_itemT .post-body p{
font-size:15px;
font-weight:normal;
color:#333;
}
#new_itemT .blog-box:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden; 
}


/************** 会社概要 **************/
#gaiyou table,
#post-detail table {
width: 690px;
border-top: 1px solid #CCC;
border-left: 1px solid #CCC;
}
#gaiyou th,
#post-detail th {
background-color: #e2ece4;
width: 20%;
padding: 8px 15px;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
font-weight: bolder;
}
#gaiyou td,
#post-detail td {
width: auto;
padding: 8px 15px;
background-color: #FFF;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
}
/* フッター ********************************/
#footerOuter { 
margin-top:50px;
background: url(../img/common/img_foot_base.png) repeat-x left bottom;
_height: 172px;
}
#footer {
position: relative;
text-align: center;
width: 950px;
min-height: 172px;
_height: 172px;
background: url(../img/common/img_foot.png) repeat-x left top ;
}
#footer a:link, #footer a:visited {
color: #333333;
text-decoration: none;
font-size: 100%;
}
#footer a:hover, #footer a:active {
text-decoration: underline;
}
#pagetop {
position: fixed;
bottom: 10px;
right: 20px;
z-index: 100;
}

/* テキストリンク */
#textNavL { /*border: 1px solid red; */
position: absolute;
top: 30px; left: 15px;
}
#textNavL li {
margin-bottom: 5px;
font-size: 77%;
}
#textNavR { /*border: 1px solid red; */
position: absolute;
top: 30px; left: 185px;
}
#textNavR li {
margin-bottom: 5px;
font-size: 77%;
}
/* 住所 */
#information {
position: absolute;
top: 45px; right: 0;
}
#information p {
padding-left: 15px;
font-size: 87%;
color: #333333;
line-height:1.1em;
}
#information p span {
    font-size: 181%;
}
/* コピーライト */
#footer address { /*border: solid 1px blue;*/
position: absolute;
bottom: 2px; right: 0;
font-style: normal;
color: #FFF;
font-size: 77%;
}
#footer address a:link, #footer address a:visited {
color: #FFF;
text-decoration: none;
font-size: 100%;
}
#footer address a:hover, #footer address a:active {
text-decoration: underline;
}

/* サイトマップ */
.sitemap {
margin-bottom: 30px;
}
.sitemap li {
background: url(../img/common/img_mark_maru.png) no-repeat 20px 50%;
padding: 15px 0 15px 50px;
border-bottom: 1px dashed #ccc;
}
/* プライバシーポリシー */
#privacy {
margin-top: 10px;
margin-bottom: 30px;
}
#privacy dt {
font-weight: bolder;
padding: 5px 10px 5px 50px;
border-bottom: 1px dashed #ccc;
text-align: left;
background: url(../img/common/img_mark_maru.png) no-repeat 20px 50%;
}
#privacy dd {
margin-bottom: 15px;
padding: 10px 10px 5px 10px;
text-align: left;
}

/* メールフォーム */
.mailForm {
}

.mailForm .lead {
    margin-bottom: 1.6em;
  }

.mailForm form table {
    margin-bottom: 0;
    width: 100%;
    border-top: 1px solid #CCC;
    border-left: 1px solid #CCC;
}

.mailForm form table tr th {
    width: 30%;
    padding: .5em 0 .5em 2%;
    text-align: left;
    background-color: #e2ece4;
    padding: 8px 15px;
    background-color: #e2ece4;
    border-bottom: 1px solid #CCC;
    border-right: 1px solid #CCC;
  }

.mailForm form table tr td {
width: auto;
padding: 8px 15px;
background-color: #FFF;
border-bottom: 1px solid #CCC;
border-right: 1px solid #CCC;
  }

.mailForm form table tr td input#MessageTel1,
.mailForm form table tr td input#MessageTel2,
.mailForm form table tr td input#MessageTel3 {
    width: 25%;
    max-width: 350px;
  }

.mailForm form table tr td input#MessageName1,
.mailForm form table tr td input#MessageName2,
.mailForm form table tr td input#MessageNameKana1,
.mailForm form table tr td input#MessageNameKana2{
    max-width: 350px;
  }
.mailForm form table tr td input#MessageZip {
    width: 30%;
    max-width: 150px;
  }
.mailForm form table tr td input#MessageEmail1,
.mailForm form table tr td input#MessageEmail2 {
    width: 70%;
    max-width: 350px;
  }

.mailForm form table tr td input#MessageAddress2,
.mailForm form table tr td input#MessageAddress3 {
    width: 70%;
    max-width: 350px;
  }
.mailForm form table tr td textarea#MessageMessage,
.mailForm form table tr td input#MessageRootEtc {
    width: 90%;
    max-width: 500px;
  }

.mailForm form input#MessageAuthCaptcha {
    width: 150px;
  }

.mailForm form table tr td input#MessageTel2,
.mailForm form table tr td input#MessageTel3,
.mailForm form table tr td input#MessageZip {
    margin-left: .5em;
  }

.mailForm form table tr td input#MessageTel1,
.mailForm form table tr td input#MessageTel2,
.mailForm form table tr td input#MessageZip,
.mailForm form table tr td input#MessageEmail2 {
    margin-right: .5em;
  }

.mailForm form table tr td input#MessageEmail1,
.mailForm form table tr td input#MessageZip,
.mailForm form table tr td select#MessageAddress1,
.mailForm form table tr td input#MessageAddress2,
.mailForm form table tr td select#MessageRoot {
    margin-bottom: .5em;
  }

.mailForm form table tr td select {
    padding: 2px;
  }

.mailForm form table tr td .checkbox {
    display: -moz-inline-box;
    display: inline-block;
    vertical-align: middle;
    margin-right: 2em;
  }

.mailForm .submit {
    margin: 2em 0 0;
    text-align: center;
  }

.mailForm .submit input {
    font-size: 100%;
    font-weight: bold;
  }

.mailForm .submit input[type='reset'] {
    display: none;
  }

.mailForm table tr td #FieldMessageName1,
.mailForm table tr td #FieldMessageNameKana1,
.mailForm table tr td #FieldMessageZip {
}
.mailForm table tr td  #RowMessageName1 .mail-before-attachment,
.mailForm table tr td  #RowMessageName2 .mail-before-attachment,
.mailForm table tr td  #RowMessageNameKana1 .mail-before-attachment,
.mailForm table tr td  #RowMessageNameKana2 .mail-before-attachment {
  margin-right: .5em;
}

.template-image-float-left {
overflow: hidden;
}
.template-image-float-left img {
float:left;
padding:0;
margin:0 20px 10px 0;
}

.template-image-float-right {
overflow: hidden;
}
.template-image-float-right img {
float:right;
padding:0;
margin:0 0 10px 20px;
}

.template-two-block .block-left {
float:left;
width:48%;
padding-right:2%;
}
.template-two-block .block-right {
float:right;
width:48%;
padding-left:2%;
}

/* clear
----------------------------------------------- */

.clear {
clear:both;
}
.clearfix:after {
content: " ";
display: block;
clear: both;
height: 0;
}
.clearfix {
display: inline-block;
}
.clearfix {
display: block;
}