@charset "utf-8";
/*
Theme Name: 中部管業株式会社
Theme URI: http://www.chubus.com/
Description: <a href="http://www.chubus.com" title="中部管業株式会社">中部管業株式会社</a> 様のウェブサイト用テンプレート
Version: 1.0
Author: 株式会社ジャム・デザイン
Author URI: http://www.jam-design.jp/
*/



/*
-----------------------------------------------
▼基本デザイン
----------------------------------------------- */

* {
margin:0;
padding:0;
}
body {
font-family:'Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
font-size:12px;
color:#3d3223;
text-align:center;
line-height:1.6;
}

a {
font-family:'Lucida Grande','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','MS PGothic','ＭＳ Ｐゴシック', sans-serif;
}
img {
border:0;
}
ul{
list-style-type:none;
}
select,
input,
textarea {
font-family:'MS PGothic';
}
html > body select,
html > body input,
html > body textarea {
font-family:'Lucida Grande',sans-serif;
}
table,h1,h2,h3,h4,h5,h6 {
font-size:100%;
}
table {
border-collapse:collapse;
}

a:link {color:#058871;}
a:visited {color:#058871;}
a:hover,a:active {color:#cb7714;}

/*\*/ a { overflow:hidden;} /**/

/* Win IEちらつき防止▼ */
* html {
filter:expression(document.execCommand("BackgroundImageCache", false, true));
}

.cboth {
clear:both;
height:0;
}
/* IE 用▼ */
* html .cboth {
height:.1em;
overflow:hidden;
margin-top:-.1em;
}
hr {
visibility:hidden;
border:0;
}

/*
-----------------------------------------------
▼全体ブロック
----------------------------------------------- */
#head{
width:800px;
margin:5px auto;
text-align:left;
}
h1{
font-weight:normal;
font-size:11px;
margin:15px 0 5px;
float:left;
}
#head .logo{
float:left;
margin-right:5px;
margin-top:10px;
}
#head #headBox{
width:500px;
float:left;
}
#head ul{
width:190px;
float:right;
}
#head li{
float:left;
}
#headBtn01{
margin-right:10px;
}
#headBtn01 a, #headBtn02 a{
width:90px;
height:88px;
display:block;
}
#headBtn01 a{background:url(images/head_btn01_on.jpg) no-repeat;}
#headBtn02 a{background:url(images/head_btn02_on.jpg) no-repeat;}

#headBtn01 a:hover{background-color:#fff;}
#headBtn02 a:hover{background-color:#fff;}


#headBtn01 a:hover img, #headBtn02 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

/*
-----------------------------------------------
▼ナビ
----------------------------------------------- */
#navi{
height:53px;
background:url(images/navi_bg.jpg) repeat-x;
}

#navi ul{
width:800px;
margin:0 auto;
text-align:left;
}

#navi ul li{
float:left;
}

#navi01 a, #navi02 a, #navi03 a, #navi04 a{
width:200px;
height:53px;
display:block;
}
#navi01 a{background:url(images/navi01_on.jpg) no-repeat;}
#navi02 a{background:url(images/navi02_on.jpg) no-repeat;}
#navi03 a{background:url(images/navi03_on.jpg) no-repeat;}
#navi04 a{background:url(images/navi04_on.jpg) no-repeat;}

#navi01 a:hover{background-color:#fff;}
#navi02 a:hover{background-color:#fff;}
#navi03 a:hover{background-color:#fff;}
#navi04 a:hover{background-color:#fff;}

#navi01 a:hover img, #navi02 a:hover img, #navi03 a:hover img, #navi04 a:hover img{
visibility:hidden;
vertical-align:bottom;
}

/*
-----------------------------------------------
▼フッター
----------------------------------------------- */
#foot{
background:url(images/foot_bg.gif) repeat-x #019180;
color:#fff;
}

#footCon{
width:800px;
margin:0 auto;
text-align:left;
}
#footCon .name{
font-size:16px;
padding:15px 0 7px;
}
#footCon ul{
float:left;
}
#footCon li{
padding-bottom:8px;
}
#footCon dl{
padding-bottom:15px;
padding-left:460px;

}
#footCon dt{
font-weight:bold;
}

#footCopy{
background:url(images/foot_bg2.gif) repeat-x #effcfa;
}
#footCopy p{
width:800px;
margin:0 auto;
padding:5px 0 3px;
text-align:left;
}






/*
-----------------------------------------------
▼トップページ
----------------------------------------------- */
#main{
background:url(images/main_bg.gif) repeat-x;
text-align:center;
}

#topCon{
background-color:#effcfa;
padding:10px 0 20px;
}
#topCon img{
vertical-align:bottom;
}
#topCon #contents{
width:800px;
text-align:left;
margin:0 auto;
}
#topLeft{
width:215px;
margin-right:10px;
float:left;
}
#topCon .plus{
margin:2px 2px 15px;
font-size:11px;
}

#topCon .company{
width:211px;
border:2px solid #aae1dc;
margin-bottom:10px;
}
#topCon .company img{
margin:5px;
}
#topCon .company ul{
margin:0 10px 5px;
}

#topCon .company li{
background:url(images/arrow01.gif) no-repeat 0 4px;
font-size:14px;
padding:0 10px 0 18px;
margin-bottom:8px;
}
#topLeft .textLink{
margin:5px 8px;
}
#topLeft .textLink li{
background:url(images/arrow03.gif) no-repeat 0 5px;
padding:0 10px 0 10px;
margin-bottom:8px;
}

#topCenter{
width:350px;
margin-right:10px;
float:left;
}
.newsBlock{
width:350px;
margin-top:1em;
background:url(images/news_head.gif) no-repeat #fff;
text-align:right;
padding-bottom:1px;
}
.newsBlock .btn{
margin:5px;
}
.newsBlock dl{
margin:10px 10px 10px 7px;
text-align:left;

}

.newsBlock dt{
background:url(images/arrow02.gif) no-repeat 0 3px;
padding:0 0 0 16px;
font-weight:bold;
}
.newsBlock dd{
padding:0 0 0 16px;
margin-bottom:15px;
}

.fatherBlock{
width:350px;
background:url(images/father_topbg.gif) no-repeat #fff;
text-align:right;
padding-bottom:1px;
}
.fatherBlock .btn{
margin:5px;
}
.fatherBlock dl{
margin:10px 10px 10px 12px;
text-align:left;

}

.fatherBlock dt{
background:url(images/arrow01or.gif) no-repeat 0 3px;
padding:0 0 0 16px;
font-weight:bold;
}
.fatherBlock dd{
padding:0 0 0 16px;
margin-bottom:15px;
}




#topRight{
width:215px;
float:left;
}


/*
-----------------------------------------------
▼下層ページ
----------------------------------------------- */
#pan{
background:url(images/pan_bg.gif) repeat-x;
margin-bottom:10px;
}
#pan p{
width:800px;
margin:0 auto;
text-align:left;
padding:12px 0 8px;
}


#lowCon{
width:800px;
text-align:left;
margin:0 auto 20px;
}

#lowLeft{
width:215px;
margin-right:10px;
float:left;
}

#lowCon .company{
background-color:#effcfa;
width:211px;
border:2px solid #aae1dc;
margin-bottom:10px;
}
#lowCon .company img{
margin:5px;
}
#lowCon .company ul{
margin:0 10px 5px;
}

#lowCon .company li{
background:url(images/arrow01.gif) no-repeat 0 4px;
font-size:14px;
padding:0 10px 0 18px;
margin-bottom:8px;
}
#lowLeft .textLink{
margin:5px 8px;
}
#lowLeft .textLink li{
background:url(images/arrow03.gif) no-repeat 0 5px;
padding:0 10px 0 10px;
margin-bottom:8px;
}
#lowLeft .leftBan img{
margin-bottom:10px;
}

#lowRight{
width:575px;
float:left;
text-align:left;
}
#lowRight h2{
margin-bottom:5px;
}
#lowRight h3{
font-size:16px;
background:url(images/h3_bg.gif) repeat-x;
border-left:5px solid #1aad9c;
padding:5px 5px 4px 10px;
margin-bottom:10px;
}
#lowRight p{
margin:0 5px 0 5px;
}
#lowRight .date{
font-weight:bold;
text-align:right;
}
.newsList dt{
font-weight:bold;
padding-left:10px;
}
.newsList dd{
font-size:14px;
background:url(images/h3_bg.gif) repeat-x left bottom;
border-left:5px solid #1aad9c;
padding:5px 5px 4px 8px;
margin-bottom:20px;
}

#lowWide #wideCon{
width:775px;
margin:0 auto;
padding-bottom:20px;
}
/* 保守サービス */
.keepRead{
background:url(images/keep_read02.jpg) no-repeat top right;
padding:10px 220px 20px 5px;
margin-bottom:10px;
}

.keepL{
float:left;
}
.keepR{
float:right;
}

/* 24時間メンテナンス */
.maintRead{
background:url(images/maint_read02.jpg) no-repeat top left;
padding:5px 5px 20px 308px;
margin-bottom:10px;
}
.maintDay{
width:380px;
background-color:#fff6ea;
float:left;
}
.maintDay .ent{
margin:5px;
background:url(images/maint_day02.gif) no-repeat;
padding:2px 10px 5px 95px;
}
.maintDay .visit{
margin:5px;
background:url(images/maint_day03.gif) no-repeat;
padding:2px 10px 5px 95px;
}
.maintDay span{
font-size:14px;
font-weight:bold;
}
.maintDay ul{
margin:10px 10px 15px;
}
.maintDay li{
line-height:1.3;
margin-bottom:5px;
}

.maintNight{
width:380px;
background-color:#eaf7ff;
float:right;
}
.maintNight .ent{
margin:5px;
background:url(images/maint_night02.gif) no-repeat;
padding:2px 10px 5px 95px;
}
.maintNight .visit{
margin:5px;
background:url(images/maint_night03.gif) no-repeat;
padding:2px 10px 5px 95px;
}
.maintNight span{
font-size:14px;
font-weight:bold;
}
.maintNight ul{
margin:10px 10px 15px;
}
.maintNight li{
line-height:1.3;
margin-bottom:8px;
}
.maintSeal{
margin:10px 0 20px 130px;
}

.jinzai{
background-color:#ebfaf6;
padding:12px;
}


.jinzaiBox{
margin-top:10px;
}

.jinzaiBox img{
display:block;
float:right;
padding-left:5px;
padding-bottom:1px;
}

.jinzai p{
font-size:14px;
}

/* 買い替え・リフォーム */
.buyTbl01L{
width:380px;
margin:10px 0 20px;
float:left;
}
.buyTbl01R{
width:380px;
margin:10px 0 20px;
float:right;
}

.buyTbl01L td, .buyTbl01R td{
vertical-align:top;
}
.buyTbl01L p, .buyTbl01R p{
margin:5px 0 0 6px;
}
.buyTbl01L p span, .buyTbl01R p span{
font-size:16px;
font-weight:bold;
}
.buyTbl02{
width:760px;
margin:10px auto 30px;
text-align:center;
}
.buyTbl02 td{
width:190px;
margin:0 auto;
vertical-align:top;
}
.buyTbl02 td p{
margin:5px 15px;
text-align:left;
line-height:1.4;
}
.buyTbl02 td p span{
font-size:14px;
font-weight:bold;
}
.reformTbl01{
width:775px;
margin:10px 0 20px;
}
.reformTbl01 td{
vertical-align:top;
}
.reformTbl01 img{
margin-bottom:5px;
}

.reformTbl01L{
width:536px;
}
.reformTbl01L td{
text-align:right;
}

.reformTbl01L td p{
margin:0 15px 20px 0;
text-align:left;
}
.reformTbl01L td p span{
font-size:16px;
font-weight:bold;
}
.reformTbl01R{
width:239px;
}
.reformTbl01R td{
text-align:right;
}

.reformTbl01R td p{
margin:0 0 20px 15px;
text-align:left;
line-height:1.4;
}
.reformTbl01R td p span{
font-size:14px;
font-weight:bold;
}
.kitchenImg{
margin-bottom:15px !important;
}

.reformTbl02{
width:775px;
margin:10px 0 10px;
}
.reformTbl02 td{
vertical-align:top;
}
.reformTbl02 img{
margin-bottom:5px;
}
.reformTbl02 td p{
margin:5px 0 20px 10px;
text-align:left;
}
.reformTbl02 td p span{
font-size:16px;
font-weight:bold;
}
.reformTbl03{
width:775px;
margin:10px auto 30px;
text-align:center;
}
.reformTbl03 td{
width:194px;
margin:0 auto;
vertical-align:top;
}
.reformTbl03 td p{
margin:5px 5px;
text-align:left;
line-height:1.4;
}
.reformTbl03 td p span{
font-size:14px;
font-weight:bold;
}

.reformTbl04{
width:775px;
margin:10px 0 20px;
text-align:center;
background-color:#fcf8db;
}
.reformTbl04 td{
width:194px;
margin:0 auto;
vertical-align:top;
}
.reformTbl04 td p{
font-size:14px;
font-weight:bold;
text-align:left;
margin:10px 0 2px 12px;
}
.reformTbl04 td ul{
margin:0 0 15px 12px;
}
.reformTbl04 td li{
text-align:left;
margin-bottom:3px;
line-height:1.4;
}

/* あれこれQ&A */
.faqRead{
background:url(images/faq_read.jpg) no-repeat;
padding:60px 300px 10px 10px;
}
#wideCon h3{
font-size:16px;
background:url(images/h3_bg.gif) repeat-x;
border-left:5px solid #1aad9c;
padding:5px 5px 4px 10px;
margin:10px auto;
}

.case{
font-size:14px;
font-weight:bold;
background:url(images/faq_icon.gif) no-repeat;
padding:3px 10px 5px 55px;
border-bottom:1px dotted #a1a1a1;
margin:0 10px 5px;
}
.memo{
font-size:14px;
font-weight:bold;
background:url(images/faq_memo.gif) no-repeat;
padding:3px 10px 5px 55px;
border-bottom:1px dotted #a1a1a1;
margin:0 10px 5px;
}

.ansTbl{
width:755px;
border-top:1px solid #a1a1a1;
border-left:1px solid #a1a1a1;
margin:0 10px 20px;
}
.ansTbl th{
font-size:14px;
padding:3px 5px;
color:#fff;
border-right:1px solid #a1a1a1;
border-bottom:1px solid #a1a1a1;
text-align:center;
}
.ansC{
width:30%;
background:#079b8a;
}
.ansD{
width:70%;
background:#eca739;
}

.ansTbl td{
padding:3px 5px 2px;
border-right:1px solid #a1a1a1;
border-bottom:1px solid #a1a1a1;
vertical-align:top;
}
.advice{
background:#fff9d7;
}
.marginTop{
margin-top:30px !important;
}

/* 理念・ごあいさつ */
.rinen{
background:url(images/rinen_bg.jpg) no-repeat top right;
}


.rinen h4{
margin-top:20px;
margin-bottom:15px;
}

.rinen ul{
font-size:130%;
margin-left:15px;
padding-bottom:10px;
}

.rinen ul li{
margin-bottom:10px;
font-weight:bold;
line-height:1.4 !important;
}

.rinen p{
font-size:120%;
margin-bottom:10px;
padding-left:10px;
}

.sign{
text-align:right;
margin-top:14px;
}
.sign .name{
font-size:140%;
font-weight:bold;
}

/* 会社概要 */
.gaiyo table{
width:530px;
font-size:120%;
margin-left:10px;
margin-bottom:15px;
}

.gaiyo td{
border-bottom:dotted 1px #666;
vertical-align:top;
padding:8px 0 5px 3px;
}
.gaiyo th{
border-bottom:dotted 1px #666;
vertical-align:top;
font-weight:normal;
width:6em;
padding-top:8px;
}

/* 沿革 */
.history table{
width:530px;
font-size:11f0%;
margin-left:10px;
margin-bottom:15px;
}

.history td{
border-bottom:dotted 1px #666;
vertical-align:top;
padding:8px 0 5px 3px;
}
.history th{
border-bottom:dotted 1px #666;
vertical-align:top;
font-weight:normal;
width:8em;
padding-top:8px;
}

/* 個人情報 */
h3.greenbg{
margin-top:25px;
}

/* 問い合わせ */
.inqPage p{
font-size:120%;
margin-bottom:8px;
margin-left:10px;
}

.inqPage h3{
margin-top:25px;
margin-bottom:5px;
}
.inqPage .map{
padding-top:5px;
}

/* はたらくお父さん */
.fatherL{
width:532px;
float:left;
margin:10px 0;
background-color:#e2f8f1;
}
.fatherL .fatherBox img{
margin:5px 0 0 13px;
}
.fatherL .fatherBox p{
width:482px;
margin:0 0 25px 25px;
}

.fMessage{
margin:0 0 15px 15px;
}


.fatherR{
width:243px;
float:right;
margin:10px 0;
}
.fatherR .fatherBox img{
margin:5px 0 0 30px;
}
.fatherR .fatherBox p{
margin:2px 0 20px 30px;
line-height:1.4;
}

/* はたらくCHUBUS */
#new_father{
width:800px;
}

#new_father .pro{
margin:15px 0;
background:url(images/chubus_probg.gif) ;
border-style:solid;
border-width:4px;
border-color:#f8ac7d;
}

.pro_top{
text-align:right;
margin:10px 15px 0 0;
}

#new_father .pro .proIn{
width:730px;
margin:0 25px 25px 25px;
}


#new_father .pro .proIn .number{
width:30px;
background-color:#ff761b;
padding:2px 5px;
color:#ffffff;
font-weight:bold;
}

#new_father .pro .proIn .L{
width:505px;
float:left;
}

#new_father .pro .proIn .L .name_box{
margin:10px 0;
background:url(images/chubus_pro_name.gif) no-repeat bottom;
width:500px;
height:55px;
}

#new_father .pro .proIn .L .name_box .name_boxIn{
border-left:solid;
border-width:10px;
border-color:#ff761b;
height:45px;
padding-left:8px;
}

#new_father .pro .proIn .L .name_box .entry{
font-size:12px;
font-weight:bold;
color:#ff761b;
}

#new_father .pro .proIn .L .name_box .name{
font-size:20px;
font-weight:bold;
color:#ff761b;
}

#new_father .pro .proIn .L .pro_p{
margin:10px 0;
font-size:16px;
font-weight:bold;
color:#ff761b;
}

#new_father .pro .proIn .L .pro_detail{
font-size:14px;
color:#505050;
margin-bottom:20px;
}

#new_father .pro .proIn .R{
width:199px;
float:right;
margin-bottom:15px;
}

#new_father .interview{
width:800px;
}

#new_father .interview .L{
width:520px;
float:left;
}

#new_father .interview .L .top{
font-size:14px;
color:#505050;
font-weight:bold;
margin-bottom:25px;
}

#new_father .interview .L .Q{
font-size:14px;
color:#ff761b;
font-weight:bold;
margin:15px 0;
}

#new_father .interview .L .A{
font-size:14px;
color:#505050;
margin:15px 0;
}

#new_father .interview .L .photo{
margin-bottom:15px;
}

.interview02{
width:520px;
margin:15px 0
}

.interview02 .interview_L{
width:315px;
float:left;
}

.message{
width:511px;
background:url(images/chubus_messagebg.gif) top left no-repeat;
padding:20px 0 0 20px;
}

.message .mes_ttl{
width:470px;
background:url(images/chubus_messagettl.gif) bottom no-repeat;
height:40px;
}

.message .mes_ttl p{
font-size:14px;
color:#ff761b;
font-weight:bold;
padding:10px 0 0 30px;
}

.messageIn{
width:465px;
font-size:14px;
color:#505050;
margin-top:10px;
}


.interview02 .interview_R{
margin-top:15px;
width:179px;
float:right;
}


#new_father .interview .R{
width:240px;
float:right;
background-color:#ffe9db;
font-size:13px;
color:#505050;
}

#new_father .interview .R .sche_ttl{
margin:12px 0 0 18px;
}

.sche_tbl{
width:211px;
margin:0 0 15px 18px ;
}

.sche_tbl th{
width:50px;
background-color:#ecd2c0;
padding:2px 5px;
text-align:center;
border-style:solid;
border-width:3px;
border-color:#ffe9db;
}

.sche_tbl td{
padding:5px 5px;
vertical-align:center;
border-style:solid;
border-width:3px;
border-color:#ffe9db;
font-weight:bold;
}


/* Begin Images */
p img {
    padding: 0;
    max-width: 100%;
    }

/*    Using 'class="alignright"' on an image will (who would've
    thought?!) align the image to the right. And using 'class="centered',
    will of course center the image. This is much better than using
    align="center", being much more futureproof (and valid) */

img.centered {
    display: block;
    margin-left: auto;
    margin-right: auto;
    }

img.alignright {
    padding: 4px;
    margin: 0 0 2px 7px;
    display: inline;
    }

img.alignleft {
    padding: 4px;
    margin: 0 7px 2px 0;
    display: inline;
    }

.alignright {
    float: right;
    }

.alignleft {
    float: left
    }
/* End Images */



/* Begin Form Elements */
#searchform {
    margin: 10px auto;
    padding: 5px 3px;
    text-align: center;
    }

#sidebar #searchform #s {
    width: 108px;
    padding: 2px;
    }

#sidebar #searchsubmit {
    padding: 1px;
    }

.entry form { /* This is mainly for password protected posts, makes them look better. */
    text-align:center;
    }

select {
    width: 130px;
    }

#commentform input {
    width: 170px;
    padding: 2px;
    margin: 5px 5px 1px 0;
    }

#commentform {
    margin: 5px 10px 0 0;
    }
#commentform textarea {
    width: 100%;
    padding: 2px;
    }
#respond:after {
        content: "."; 
        display: block; 
        height: 0; 
        clear: both; 
        visibility: hidden;
    }
#commentform #submit {
    margin: 0 0 5px auto;
    float: right;
    }
/* End Form Elements */



/* Begin Comments*/
.alt {
    margin: 0;
    padding: 10px;
    }

.commentlist {
    padding: 0;
/*    text-align: justify; */
    }

.commentlist li {
    margin: 15px 0 10px;
    padding: 5px 5px 10px 10px;
    list-style: none;

    }
.commentlist li ul li { 
    margin-right: -5px;
    margin-left: 10px;
}

.commentlist p {
    margin: 10px 5px 10px 0;
}
.children { padding: 0; }

#commentform p {
    margin: 5px 0;
    }

.nocomments {
    text-align: center;
    margin: 0;
    padding: 0;
    }

.commentmetadata {
    margin: 0;
    display: block;
    }
/* End Comments */



/* Captions */
.aligncenter,
div.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.wp-caption {
    border: 1px solid #ddd;
    text-align: center;
    background-color: #f3f3f3;
    padding-top: 4px;
    margin: 10px;
    -moz-border-radius: 3px;
    -khtml-border-radius: 3px;
    -webkit-border-radius: 3px;
    border-radius: 3px;
}

.wp-caption img {
    margin: 0;
    padding: 0;
    border: 0 none;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    padding: 0 4px 5px;
    margin: 0;
}

.ddsg-wrapper{
margin:20px 20px 20px;
}
.ddsg-wrapper h2{
display:none;
}

.ddsg-wrapper li{
background:url(images/arrow01.gif) no-repeat 0 4px;
font-size:14px;
padding:0 10px 0 18px;
margin-bottom:8px;
}

/* End captions */


/* "Daisy, Daisy, give me your answer do. I'm half crazy all for the love of you.
    It won't be a stylish marriage, I can't afford a carriage.
    But you'll look sweet upon the seat of a bicycle built for two." */

/* css_end */