body {
    min-width:1024px;
    max-width:100%;
}
 /*body.cc-indexpage {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/back.png?t=1425882037) 0px 132px repeat-x;}*/


/* ----------------------------------------------- */
/*  20190225編集新規追加分*/
/* ----------------------------------------------- */
.new_head_contents{
  width: 950px;
  margin: auto;
}


.new_head_contents h1 {
  text-align: center;
  font-weight: bold;
  color: #0b9911;
}

.new_contents_flex {
  display: flex;
  width: 100%;
}

.new_contents {
  width: 30%;
  padding:2.5%;
}

.new_contents h2 {
  font-size: 1em;
  font-weight: bold;
}



/* ----------------------------------------------- */
/*  20190913編集新規追加分*/
/* ----------------------------------------------- */

.header_container{
    width:100%;
    background: #ffffff;
    margin-bottom:15px;
}

.sp_only {display:none;}
.slider_container{display:none;}
.notice_container{display:none;}
.section_title_container{display:none;}
.works_gallery_container{display:none;}

/* トップページのみ表示 */
body.cc-indexpage .slider_container{
    width:100%;
    margin-bottom:50px;
    margin-top:-1px;
    background:#000000;
    display:block;
}

#amazingslider-9{
    display:block;
    width:960px;
    height:451px;
    margin-left:auto;
    margin-right:auto;
}

hr.green_line{
   border: solid 0.5px #0f7814;
   width:100%;
}

/* トップページのみ表示 */
body.cc-indexpage .section_title_container{
    width:100%;
    background:#ffffff;
    display:block;
}

.section_title_block_top45{
    margin-top: 10px;
    margin-bottom: 10px;
    margin-left: auto;
    margin-right: auto;
    padding-left: 5px;
    width: 955px;
    display: block;
}

/* トップページのみ表示 */
body.cc-indexpage .works_gallery_container{
    width: 100%;
    background: #e5e5e6;
    margin-bottom: 35px;
    position: relative;
    display:block;}

.works_gallery_box{
    width: 950px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
}

.gallery_child{
    width: 167px;
    height: 136px;
    display: inline-block;
    margin-right: 23px;
}

.gallery_child:nth-child(4){
    width: 167px;
    height: 136px;
    display: inline-block;
    margin-right: 25px;
}

.gallery_child:last-child{
    width: 167px;
    height: 136px;
    display: inline-block;
    margin-right: 0px;
}

a.works_gallery_photo:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
}

/* トップページのみ表示 */
body.cc-indexpage .notice_container{
    width:100%;
    background:#ffffff;
    position:relative;
    margin-bottom:25px;
    display:block;
}

.notice_box{
   width:940px;
   margin-top:30px;
   margin-bottom:15px;
   margin-left:auto;
   margin-right:auto;
   padding-top:15px;
   padding-bottom:25px;
   text-align:center;
   border: 1px solid #333333;
   position: relative;
}

p.notice_title{
  font-size:18px;
  font-family:'Helvetica', 'Arial', sans-serif;
  font-weight:bold;
  color: #ff0000;
  text-decoration: underline;
  padding-bottom:25px;
}

p.notice_article1{
  font-size:14px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:normal;
  color: #333333;
  padding-bottom:15px;
}

p.notice_article2{
  font-size:14px;
  font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro","メイリオ","Mayryo","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  font-weight:normal;
  color: #333333;
  line-height:1.7;
}

.pc_view{
   display:none;
}

/* ----------------------------------------------- */
/*  paddingおよびborder要素の指定 */
/* ----------------------------------------------- */
/* padding と border を要素の幅と高さに含める */
.box-sizing-bb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

/* 【デフォルト値】padding と border を要素の幅と高さに含めない */
.box-sizing-cb {
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    -o-box-sizing: content-box;
    -ms-box-sizing: content-box;
    box-sizing: content-box;
}

/* ----------------------------------------------- */
/*  ヘッダー */
/* ----------------------------------------------- */
#header {
    display:block;
    width:960px;
    height:118px;
    margin:auto;
}

#header a { text-decoration:none; }
#header a:hover { text-decoration:none; }

#header #logo {
    display:block;
    float:left;
    margin:15px 0 10px 0;
}

#header #logo p {/*line-height:34px;*/margin-bottom:2px;font-size:10px;}

#header .tel {
    float:right;
    height:47px;
    padding-top:4px;
}

#header .tel p.text{
    font-size:10px;
    line-height:14px;
}

#header .tel p.num{
    font-size:20px;
    color:#0b9911;
}


#header a.btn_material {
    float:right;
    width:120px;
    height:47px;
    margin-left:20px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/btn-material.png?t=1425875953) top center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#header a.btn_material:hover{
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/btn-material.png?t=1425875953) bottom center;
}

#header a.btn_reserve{
    float:right;
    width:120px;
    height:47px;
    margin-left:20px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/btn-reserve.png?t=1425875960) top center;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
}

#header a.btn_reserve:hover{
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/btn-reserve.png?t=1425875960) bottom center;
}

#header #global_navi {
    display:block;
    float:right;
    width:713px;
    height:46px;
    margin:20px 0 10px 0;
}

#header #global_navi a.menu01 {
    float:left;
    width:57px;
    height:45px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu01.png?t=1425878202) top;
    margin-top:1px;
}
#header #global_navi a.menu02 {
    float:left;
    width:114px;
    height:46px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu02.png?t=1425878685) top;
    margin-left:16px;
}
#header #global_navi a.menu03 {
    float:left;
    width:102px;
    height:44px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu03.png?t=1425878746) top;
    margin-left:16px;
    margin-top:2px;
}
#header #global_navi a.menu04 {
    float:left;
    width:113px;
    height:41px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu04.png?t=1425878831) top;
    margin-left:16px;
    margin-top:5px;
}
#header #global_navi a.menu05 {
    float:left;
    width:90px;
    height:43px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu05.png?t=1425878867) top;
    margin-left:16px;
    margin-top:3px;
}
#header #global_navi a.menu06 {
    float:left;
    width:66px;
    height:36px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu06.png?t=1425878872) top;
    margin-left:16px;
    margin-top:10px;
}
#header #global_navi a.menu_story {
    float:left;
    width:75px;
    height:41px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu-story.png?t=1437519457) top;
    margin-left:16px;
    margin-top:5px;
}

#header #global_navi a.menu01:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu01.png?t=1425878202) bottom; }
#header #global_navi a.menu02:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu02.png?t=1425878685) bottom; }
#header #global_navi a.menu03:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu03.png?t=1425878746) bottom; }
#header #global_navi a.menu04:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu04.png?t=1425878831) bottom; }
#header #global_navi a.menu05:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu05.png?t=1425878867) bottom; }
#header #global_navi a.menu06:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu06.png?t=1425878872) bottom; }
#header #global_navi a.menu_story:hover { background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/menu-story.png?t=1437519457) bottom; }

/**********************************************/
/*  トップページのメインビジュアル  */
/**********************************************/
body.cc-indexpage #mv-bg {
    display:block;
    width:100%;
    height:496px;
    background:#000000;
}


/* ----------------------------------------------- */
/*  Container */
/* ----------------------------------------------- */

#container {
    margin:auto;
    width:964px;
    clear:both;
}

/* ----------------------------------------------- */
/*  Sidebar */
/* ----------------------------------------------- */
#sidebar {
    float:left;
    width:220px;
    padding: 0;
    margin:20px 0 0 0;
}

.cc-indexpage #sidebar {display:none;}
/*
#navHead {
    background-image:url(menu-top.png);
    background-repeat:no-repeat;
    height:20px;
    margin:0px;
    width:220px;
}

#navBottom {
    background-image:url(menu-top.png);
    background-position:0px -15px;
    background-repeat:no-repeat;
    height:20px;
    padding-top:30px;
    width:220px;
}
*/

#content {
    float:right;
    width:700px;
    padding: 0;
    margin:20px 0 80px 0;
/*    border-top:dashed 1px #0B9911;*/
}

.cc-indexpage #content {width:964px;padding:0;margin:0;border:none;}

#content #amazingslider-9 {
    display:block;
    width:960px;
    height:451px;
    margin:0 auto 54px auto;
}

#content #top-45 {
    display:block;
    width:96px;
    height:9px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/top-45.png?t=1446597351) no-repeat;
}

#content a,
#content a:hover,
#content a:visited {
    text-decoration:none;
    color:#0B9911;
/*    border-bottom:solid 1px #0B9911;*/
}

#content h1 {
/*    border-top:dashed 1px #0B9911;*/
/*    border-bottom:solid 1px #0B9911;*/
    line-height:64px;
/*    padding-left:20px;*/
/*    font-weight:bold;*/
}

#content h2 {
    margin:16px 0 8px 0;
}

#content table {width:100%;margin:0;}
#content table td {border-bottom:solid 1px #333333;padding:16px;}

/* ----------------------------------------------- */
/*  トップページ　メインコンテンツ */
/* ----------------------------------------------- */

#main-top,
#main-bottom {
    display:none;
    clear:both;
}

body.cc-page-index #main-top,
body.cc-page-index #main-bottom {
    display:block;
}

#main-top-left {float:left;margin:32px 0 32px 10px;}
#main-top-right {float:right;margin:32px 0 32px 0;}
#main-bottom-left {float:left;margin:0 0 32px 10px;}
#main-bottom-right {float:right;margin-bottom:32px;}

/* ----------------------------------------------- */
/*  Footer */
/* ----------------------------------------------- */

#footer {
    clear:both;
    width:100%;
    margin-top:80px;
    background-color:#ffffff;
    border-top:solid 1px #0B9911;
}

#footer .wrap {border-top:solid 1px #0B9911;}
#footer .gutter {
    display:block;
    width:960px;
    height:60px;
    margin:10px auto 10px auto;
    clear:both;
}
#footer .gutter p{line-height:15px;font-size:12px;}
#footer .gutter .column-left {
    display:block;
    float:left;
    height:60px; /* 画像サイズ：ヨコ183px、タテ60px*/
}

#footer .gutter .column-center {
    display:block;
    float:left;
    height:60px;
    margin-left:40px;
}

#footer .gutter .column-right {
    display:block;
    float:left;
    height:60px;
    margin-left:40px;
}

#footer #footer-navigation {
    display:block;
    clear:both;
    width:960px;
    height:12px;
    margin:20px auto 0 auto;
}

#footer .copyright {
    clear:both;
    display:block;
    margin:40px auto 40px auto;
    text-align:center;
}

#footer #system-menu{padding:0 80px 20px 0;}

/* ----------------------------------------------- */
/*  Footer Navigation */
/* ----------------------------------------------- */

#footer #footer-navigation ul {
    padding: 0;
    margin: 0;
    height:12px;
    list-style-type:none;
    border-left:solid 1px #333333;
}

#footer #footer-navigation ul li {
    display: block;
    float:left;
    margin-top:-6px;
    padding: 0;
}

#footer #footer-navigation ul li a {
    text-decoration: none;
    height:12px;
    line-height:12px;
    font-size:11px;
    color:#333333;
    border-right:solid 1px #333333;
    margin: 0;
    padding:0 6px 0 6px;
}
#footer #footer-navigation ul a:hover { text-decoration:none; }

/* ----------------------------------------------- */
/*  sidebar */
/* ----------------------------------------------- */

div.mainNav {
    width:220px;
    margin:0px;
    padding:0px;
    background-color:#EEEEEE;
}
ul.mainNav1,
ul.mainNav2 {
    margin:0;
    padding: 0;
}

ul.mainNav1 li,
ul.mainNav2 li {
    display: inline;
    margin: 0;    
    padding: 0;
}

ul.mainNav1 li a { font:normal 14px}
ul.mainNav2 li a { font:normal 11px}

ul.mainNav1 li a,
ul.mainNav2 li a {
    text-decoration: none;
    line-height:2em;
    display: block;
    border-bottom:solid 1px #EEEEEE;
}

ul.mainNav1 li a { padding:4px 4px 4px 4px; }
ul.mainNav2 li a { padding:4px 4px 4px 3em; }
ul.mainNav3 li a { padding:4px 4px 4px 2em; }

ul.mainNav1 a {
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
}

ul.mainNav1 a:hover,
ul.mainNav1 a:hover,
ul.mainNav1 a.current {
    color:555555;
    background-color:#DDDDDD;
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
}

/* --------------------------------------- */
/* トップページ・メニュー */
/* --------------------------------------- */

div.wrap-top-menu {
    width:784px;
    height:210px;
    margin:0 0 12px 0;
    clear:both;
}

#top-menu01 {
    width:268px;
    height:210px;
    margin:0;
    background-image:url(img001.png);
    background-repeat:no-repeat;
    float:left;
}

#top-menu02 {
    width:268px;
    height:210px;
    margin-left:12px;
    background-image:url(img003.png);
    background-repeat:no-repeat;
    float:left;
}

#top-menu03 {
    width:216px;
    height:210px;
    margin-left:12px;
    background-image:url(img005.png);
    background-repeat:no-repeat;
    float:left;
}

#top-menu04 {
    width:268px;
    height:210px;
    margin:0;
    background-image:url(img007.png);
    background-repeat:no-repeat;
    float:left;
}

#top-menu05 {
    width:268px;
    height:210px;
    margin-left:12px;
    background-image:url(img015.png);
    background-repeat:no-repeat;
    float:left;
}

#top-menu06 {
    width:216px;
    height:210px;
    margin-left:12px;
    background-image:url(img011.png);
    background-repeat:no-repeat;
    float:left;
}

div.wrap-top-menu h2 {
    font-size:18px;
    font-weit:bold;
    border:none;
}

#top-menu01 a,
#top-menu02 a,
#top-menu04 a,
#top-menu05 a {
    width:268px;
    height:210px;
    display:block;
}

#top-menu03 a,
#top-menu06 a {
    width:216px;
    height:210px;
    display:block;
}

#top-menu01 a:hover{
    background-image:url(img002.png);
    background-repeat:no-repeat;
}

#top-menu02 a:hover{
    background-image:url(img004.png);
    background-repeat:no-repeat;
}

#top-menu03 a:hover{
    background-image:url(img006.png);
    background-repeat:no-repeat;
}

#top-menu04 a:hover{
    background-image:url(img008.png);
    background-repeat:no-repeat;
}

#top-menu05 a:hover{
    background-image:url(img016.png);
    background-repeat:no-repeat;
}

#top-menu06 a:hover{
    background-image:url(img012.png);
    background-repeat:no-repeat;
}

/* --------------------------------------- */
/* ツーバイフォー工法のページ */
/* --------------------------------------- */

div.menu-struct {
    width:344px;
    height:180px;
    margin:auto;
    background-image:url(img-paper-bnr.png);
    background-repeat:no-repeat;
}

div.menu-struct a {
    width:300px;
    height:136px;
    display:block;
    padding:22px;
    color:#FFFFFF;
}

div.menu-struct a:hover {
    text-decoration:underline;
}

/* ----------------------------------------------- */
/*  ID work flow START */
/* ----------------------------------------------- */

#content .work-flow {
    display:block;
    border:solid 7px #d3c9bc;
    padding:17px;
}

#content .work-flow h2 {
    display:inline;
    color:#333333;
    margin:0 0 0 1em;
}

#content .work-flow div {
    display:inline;
    background:#9f896d;
    padding:5px 10px;
    color:#ffffff;
    font-size:18px;
    font-weight:bold;
}

#content .work-flow p {}


/* ----------------------------------------------- */
/*  ID 2x4 dev flow START */
/* ----------------------------------------------- */

.wrap-dev-flow-200 {
    clear:both;
    height:200px;
    margin-bottom:10px;
}

.wrap-dev-flow-300 {
    clear:both;
    height:300px;
    margin-bottom:10px;
}

#dev-flow01{
    width:240px;
    height:200px;
    float:left;
    background-image:url(img-struct-flow01.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

#dev-flow02{
    width:240px;
    height:200px;
    margin-left:10px;
    float:left;
    background-image:url(img-struct-flow02.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

#dev-flow03{
    width:240px;
    height:200px;
    margin-left:10px;
    float:left;
    background-image:url(img-struct-flow03.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

#dev-flow04{
    width:240px;
    height:300px;
    float:left;
    background-image:url(img-struct-flow04.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

#dev-flow05{
    width:240px;
    height:300px;
    margin-left:10px;
    float:left;
    background-image:url(img-struct-flow05.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

#dev-flow06{
    width:240px;
    height:300px;
    margin-left:10px;
    float:left;
    background-image:url(img-struct-flow06.png);
    background-position:bottom;
    background-repeat:no-repeat;
}

/* ----------------------------------------------- */
/*  JQuery CSS  START */
/* ----------------------------------------------- */

#ams3-wrap,
#ams4-wrap {position:relative;}

#amazingslider-1 {
    margin: auto;
    width: 770px;
    height:308px;
}

#amazingslider-3 {
    display:block;
    width:500px;
    height:384px;
    margin:auto;
}

#ams3-link a{
    display:block;
    width:500px;
    height:384px;
    background-image:url(img-am17.png);
    position:absolute;
    top:0;
}

#amazingslider-4 {
    display:block;
    width:500px;
    height:384px;
    margin:auto;
}

#ams4-link a{
    display:block;
    width:500px;
    height:384px;
    background-image:url(img-am18.png);
    position:absolute;
    top:0;
}

.slide {
    width: 840px;
    height: 300px;
    margin-bottom:40px;
}

#featured{
    width:540px; height:300px;
    padding-right:300px;
    position:relative;
}

#featured ul.ui-tabs-nav {
    position:absolute;
    top:0; left:540px;
    width:300px;
    list-style:none;
    margin:0; padding:0;
}

#featured ul.ui-tabs-nav li { 
    padding:1px 0 1px 13px;
    color:#000000;
}

#featured ul.ui-tabs-nav li img { 
    width:60px; height:60px;
    float:left;
    margin:2px 4px; padding:2px;
}

#featured ul.ui-tabs-nav li span { 
    font-size:11px;
    line-height:14px;
}
     #featured li.ui-tabs-nav-item a { 
    display:block;
    height:70px;
    color:#000000;
    line-height:20px;
}

#featured li.ui-tabs-nav-item a:hover {
    background:#F2F2F2;
}

#featured li.ui-tabs-selected{ 
    background-image:url(selected-item.gif);
    background-position:top left;
    background-repeat: no-repeat;
}

#featured ul.ui-tabs-nav li.ui-tabs-selected a { 
    background:#EEEEEE;
}

#featured .ui-tabs-panel { 
    width:540px; height:300px;
    position:relative;
}

#featured .ui-tabs-panel img {
    width:540px; height:300px;
}

#featured .ui-tabs-panel .info { 
    position:absolute;
    bottom:0; left:0;
    height:120px;
    background-image:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/jqery-featured-bg.png?t=1363058527);
    background-repeat:repeat-x;
    padding-left:4px;
    padding-right:4px;
    padding-bottom:14px;
    color:#000000;
}

#featured .info h2 { 
    font-size:13px;
    padding-left:1em;
    margin:10px;
    overflow:hidden;
}

#featured .info p {
    margin:10px;
    font-size:11px;
    line-height:15px;
    color:#000000;
}
 
#featured .info a {
    text-decoration:none;
    color:#000000;
}

#featured .info a:hover{
    text-decoration:underline;
}

#featured .ui-tabs-hide{
    display:none;
}

/* ----------------------------------------------- */
/*  Design Type Menu
/* ----------------------------------------------- */

#3floor {
    width:300px;
}

#container a img {
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
    border:none;
}

#container a:hover img {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
    border:none;
}

p.t20b20 {
    margin:20px 0 20px 0;
    text-align:center;
}

p.t20b20 a:hover {background-color:#CCCCCC;}

#ams3-01 a{
    display:block;
    width:500px;
    height:384px;
    background:url(img-am01.png) no-repeat;
}

/* ----------------------------------------------- */
/* 問い合わせフォームのレイアウト */
/* ----------------------------------------------- */
.cc-m-form-view-input-wrapper input {
    font-size:20px;
    text-decoration:none;
}

#content .cc-m-form-view-input-wrapper input[type="text"],
#content .cc-m-form-view-input-wrapper input[type="email"],
#content .cc-m-form-view-input-wrapper input[type="submit"],
#content textarea { border:solid 4px #999999;}

/* ----------------------------------------------- */
/*  TOP 3columns */
/* ----------------------------------------------- */

#content .top-3columns {
    display:block;
    width:300px;
    border-top:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
}

#content .top-3columns .point_ttl {
    display:block;
    width:300px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/2x4-ttl.png?t=1425883932)50% 50% no-repeat;
}

#content .top-3columns .flow_ttl {
    display:block;
    width:300px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/flow-ttl.png?t=1425865239) 50% 50% no-repeat;
}

#content .top-3columns .philosophy_ttl {
    display:block;
    width:300px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(http://website.hometec-jp.com/images/top_title01.png) 50% 50% no-repeat;
}

#content .top-3columns .tenku_ttl {
    display:block;
    width:298px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/tenku-ttl.png?t=1425865248) 50% 50% no-repeat;
}


#content .top-3columns .oseshu_ttl {
    display:block;
    width:298px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(http://website.hometec-jp.com/images/top_title03.png) 50% 50% no-repeat;
}

#content .top-3columns .chintai_ttl {
    display:block;
    width:298px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(http://website.hometec-jp.com/images/top_title06.png) 50% 50% no-repeat;
}

#content .top-3columns .text {
    display:block;
    width:290px;
    padding:10px 0 0 10px;
    margin:0;
}
#content .top-3columns .text p {font-size:12px;}
#content .top-message {
    display:block;
    width:427px;
    height:79px;
    margin:10px 0 20px 0;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/message-lead.png?t=1425868206)no-repeat;
}

#content .top-3columns .point_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/2x4-photo.jpg?t=1425883887) no-repeat;
}

#content .top-3columns .flow_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/flow-photo.jpg?t=1425868596) no-repeat;
}

#content .top-3columns .philosophy_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/philosophy.png?t=1456633442) no-repeat;
}

#content .top-3columns .oseshu_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(http://website.hometec-jp.com/images/top_img03.png) no-repeat;
}

#content .top-3columns .tenku_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/tenku-photo.jpg?t=1425868615) no-repeat;
}

#content .top-3columns .chintai_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(http://website.hometec-jp.com/images/top_img06.png) no-repeat;
}

#content .top-3columns .performance_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(http://website.hometec-jp.com/images/top_img04.png) no-repeat;
}

#content .top-3columns .performance_ttl {
    display:block;
    width:298px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(http://website.hometec-jp.com/images/top_title04.png) 50% 50% no-repeat;
}

#content .top-3columns .select_photo {
    display:block;
    width:287px;
    height:126px;
    margin:0 0 0 13px;
    background:url(http://website.hometec-jp.com/images/top_img05.png) no-repeat;
}

#content .top-3columns .select_ttl {
    display:block;
    width:298px;
    height:40px;
    border-bottom:solid 1px #cccccc;
    background:url(http://website.hometec-jp.com/images/top_title05.png) 50% 50% no-repeat;
}

a.point_ttl:hover,
a.flow_ttl:hover,
a.tenku_ttl:hover,
a.chintai_ttl:hover,
a.point_photo:hover,
a.flow_photo:hover,
a.tenku_photo:hover,
a.chintai_photo:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
}

/* ----------------------------------------------- */
/*  COMMON */
/* ----------------------------------------------- */
.font10px p {font-size:10px;line-height:1.5em;}
.font11px p {font-size:11px;line-height:1.5em;}
.font12px p {font-size:12px;line-height:1.5em;}
.font13px p {font-size:13px;line-height:1.5em;}
.font14px p {font-size:14px;line-height:1.5em;}

.lineheight1em p{line-height:1em;}
.lineheight2em p{line-height:2em;}
.lineheight3em p{line-height:3em;}
.lineheight4em p{line-height:4em;}

/* ----------------------------------------------- */
/*  RSS FEED */
/* ----------------------------------------------- */
.rssFeed {font-size:10px;}

/* ----------------------------------------------- */
/*  2015.04.07 社長インタビュー */
/* ----------------------------------------------- */
#msg-wrap {
    display:block;
    width:693px;
    height:270px;
    padding:20px 0 20px 0;
/*    border-top:dashed 1px #0B9911;*/
    border-bottom:dotted 1px #333333;
    clear:both;
}

#msg-sttl {
    display:block;
    width:433px;
    height:24px;
    margin-bottom:40px;
    border-bottom:solid 1px #0B9911;
}

#msg-sttl h1{
    border:none;
    padding:0;
    line-height:24px;
    font-size:13px;
    font-weight:normal;
    font-family:"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;   
}

#msg-catch {
    display:block;
    width:433px;
    height:82px;
    margin-bottom:40px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/catch.png?t=1428369956) left no-repeat;
}

#msg-name {
    display:block;
    width:433px;
    height:45px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/name.png?t=1428369965) left no-repeat;
}

#msg-photo {
    display:block;
    width:260px;
    height:270px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/ttl-photo-p1.jpg?t=1428370022) left no-repeat;
    float:right;
}

.radius {
    border-radius:10px;        /* CSS3草案 */
    -webkit-border-radius:10px;    /* Safari,Google Chrome用 */
    -moz-border-radius:10px;   /* Firefox用 */
}

a.nextpage {
    margin:auto;
    display:block;
    width:327px;
    height:80px;
    background:#0a9911;
    text-align:center;
    line-height:80px;
}

a.nextpage:hover {
    opacity:0.7;
    filter:alpha(opacity=70);
    -ms-filter: "alpha( opacity=70 )";
    -webkit-transition: 0.6s ;
    transition: 0.6s ;
}

/* ----------------------------------------------- */
/*  2015.04.07 社長インタビュー ：2ページ目*/
/* ----------------------------------------------- */
#msg-wrap2 {
    display:block;
    width:693px;
    height:140px;
    padding:20px 0 20px 0;
    /*border-top:dashed 1px #0B9911;*/
    border-bottom:dotted 1px #333333;
    clear:both;
}

#msg-photo2 {
    display:block;
    width:260px;
    height:140px;
    background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/ttl-photo-p2.jpg?t=1428378033) left no-repeat;
    float:right;
}

/* ----------------------------------------------- */
/*  スタッフ紹介 */
/* ----------------------------------------------- */
#msg-wrap-staff {
    display:block;
    width:693px;
    height:200px;
    padding:20px 0 20px 0;
    border-bottom:dotted 1px #333333;
    clear:both;
}

#msg-sttl-staff {
    display:block;
    width:433px;
    height:24px;
    margin-bottom:40px;
    border-bottom:solid 1px #0B9911;
}

#msg-sttl-staff h1{
    border:none;
    padding:0;
    line-height:24px;
    font-size:20px;
    font-weight:normal;
    font-family:"Times New Roman","游明朝", YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ", Meiryo, serif;   
}

#msg-catch-staff01,
#msg-catch-staff02,
#msg-catch-staff03 {
    display:block;
    width:433px;
    height:103px;
    margin-bottom:40px;
}

#msg-catch-staff01 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/catch-staff01.png?t=1429255437) left center no-repeat;}
#msg-catch-staff02 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/catch-staff02.png?t=1429255870) left center no-repeat;}
#msg-catch-staff03 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/catch-staff03.png?t=1429255851) left center no-repeat;}

#msg-photo-staff01,
#msg-photo-staff02,
#msg-photo-staff03 {
    display:block;
    width:300px;
    height:200px;
    float:right;
}

#msg-photo-staff01 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/photo-staff01.jpg?t=1429255443) left no-repeat;}
#msg-photo-staff02 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/photo-staff02.jpg?t=1429255877) left no-repeat;}
#msg-photo-staff03 {background:url(https://u.jimcdn.com/cms/o/s8e36327e62074596/userlayout/img/photo-staff03.jpg?t=1429255859) left no-repeat;}

/* トップページ */
#msg-wrap-t {
    display:block;
    width:630px;
    clear:both;
}
#msg-wrap-t p{width:349px;margin:0;}