@charset "UTF-8";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin CMS block.css
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 ********************************************************************** */


/* IE用印刷設定CSS
======================================================= */

@media print{

body {
_zoom: 67%; /*WinIE only */
}


#top_a {_zoom: 95%; /*WinIE only */
}
}

/* BLOCK内スタイル設定
======================================================= */

p { margin: 0; line-height: 1.5; }

span.texts { font-size: 77%; line-height: 1.3; }
span.textn { font-size: 100%; line-height: 1.5; }
span.textl { font-size: 138.5%; line-height: 1.5; }
span.textll { font-size: 200%; line-height: 1.5; }
span.textxl { font-size: 350%; line-height: 1.5; }
span.textxxl { font-size: 500%; line-height: 1.5; }

.tac {text-align:center;}

table.nbr,
table.tbr table.nbr {
        border-top: none;
        border-left: none;
        border-collapse: collapse;
        }

table.nbr th,
table.tbr table.nbr th {
        padding: 0;
        border-right: none;
        border-bottom: none;
        font-size: 100%;
        line-height: 1.5;
        font-weight: bold;
        }

table.nbr td,
table.tbr table.nbr td {
        padding: 0;
        border-right: none;
        border-bottom: none;
        font-size: 100%;
        line-height: 1.5;
        text-align: left;
        }

table.tbr,
table.nbr table.tbr {
        border-collapse: collapse;
        /* 6-H 全体ライン */        border-top: 1px solid #ccc;
        /* 6-H 全体ライン */        border-left: 1px solid #ccc;
        }

table.tbr th,
table.nbr table.tbr th {
        padding: 10px;
        font-size: 100%;
        line-height: 1.5;
        font-weight: bold;
        text-align: center;
        /* 6-H 全体ライン */        border-right: 1px solid #ccc;
        /* 6-H 全体ライン */        border-bottom: 1px solid #ccc;
        /* 6-F 表組み背景 */        background: #fef9f9;
        /* 6-G 表組み文字 */        color: #7a0114;
        }

#contents section table.tbr th p,
#contents section table.nbr table.tbr th p {
        text-align: center;
        }

table.tbr td,
table.nbr table.tbr td {
        padding: 10px;
        font-size: 1;
        line-height: 1;
        text-align: left;
        /* 6-H 全体ライン */        border-right: 1px solid #ccc;
        /* 6-H 全体ライン */        border-bottom: 1px solid #ccc;
        }

blockquote {
        clear: both;
        margin: 0;
        padding: 10px;
        border: 1px solid #cfcfcf;
        background: #f3f3f3;
        font-size: 100%;
        line-height: 1.4;
        text-align: left;
        }

img { border: 0; }

.photo_r {
        float:right;
        margin: 3px 0 10px 15px;
        font-size: 77%;
        line-height: 1.3;
        text-align: left;
        }

.photo_l {
        float:left;
        margin: 3px 15px 10px 0;
        font-size: 77%;
        line-height: 1.3;
        text-align: left;
        }

.photo_c {
        margin: 3px auto 10px auto;
        font-size: 77%;
        line-height: 1.3;
        }

.photo_r img, .photo_l img, .photo_c img {
        margin-bottom: 3px;
        }


/* トップページスタイル */

.topmain {
        background: url(../../img/main_bg.jpg) 0 0 no-repeat;
        width:720px;
        height:200px;
        display:table-cell;
        vertical-align:middle;
        border: 1px solid #ccc;
        }

.topmain .txt {
        width: 340px;
        background: url(../../img/main_txtbg.png) 0 0;
        vertical-align:middle;
        padding: 15px;
        margin: 0 0 0 20px;
        /margin: 20px 0 0 20px;
        text-align: left;
        }


/* コンテンツ　パターン1 横並び */

.cnt_l {
        float: left;
        width: 48%;
        margin: 0 0 10px 0;
        }

.cnt_r {
        float: right;
        width: 48%;
        margin: 0 0 10px 0;
        }

.cnt_l .img,
.cnt_r .img {
        float: left;
        width: 70px;
        }

.cnt_l .info,
.cnt_r .info {
        float: right;
        width: 265px;
        }

/* 下層お問い合わせ */

.f_inquiry {
        clear: both;
        margin: 40px auto 0px auto;
        padding: 0px 3%;
        width: 55%;
        border: 3px solid #ccc;
        line-height: 1.5;
        }
* html .f_inquiry { margin: 17px auto 0px auto; } 
*:first-child+html .f_inquiry { margin: 17px auto 0px auto; }

.f_inquiry_top {
        text-align: center;
        margin: 0px;
        padding: 10px 0px 5px;
        border-bottom: 1px dotted #ccc;
        font-weight: bold;
        }

.f_inquiry_top p {
        text-align: center;
        }

.f_inquiry_btm {
        margin: 0px;
        padding: 0px;
        }

.f_inquiry_btm .btm_left {
        margin: 0px;
        padding: 10px 0px;
        float: left;
        width: 44%;
        text-align: center;
        }

.f_inquiry_btm .btm_right {
        margin: 15px 0 0 0;
        padding: 0px 0px;
        float: right;
        width: 55%;
        text-align: center;
        }

p.inquiry_tel {
        margin: 0px 0 0 0;
        padding: 0;
        font-weight: bold;
        }
* html p.inquiry_tel { padding: 10px 0 0 0; } 

p.inquiry_tel span {
        font-size: 77%;
        font-weight: normal;
        }

p.inquiry_tel strong {
        background: url(../img/tel.gif) no-repeat 0 50%;
        padding: 5px 0px 5px 28px;
        }
* html p.inquiry_tel strong { background: url(../img/tel.gif) no-repeat 0 10px; } 
*:first-child+html p.inquiry_tel strong { background: url(../img/tel.gif) no-repeat 0 0; }


.com_info {
        border: 1px solid #ccc;
        padding: 10px;
        }

/* お問い合わせ table */

.contactform table.tbr {
        width: 100%;
        }

.contactform table.tbr th {
        width: 25%;
        }

.contactform table.tbr td {
        width: 75%;
        }

dl.subform {
                width: 100%;
                padding: 0 0 5px 0;
                }

dl.subform dt {
                float: left;
                width: 20%;
                }

dl.subform dd {
                float: left;
                width: 80%;
                }

/* お問い合わせ error */

.err_block {
       clear:both;
       margin-bottom: 17px;
       background: #ffe8e8;
       padding: 12px;
       }

.err_block p {
       font-size: 100%;
       line-height: 1.6;
       color: #ff0000;
       }

.err_block p.err_tit {
       background: #ff0000;
       font-size: 100%;
       line-height: 1.5;
       color: #fff;
       font-weight: bold;
       padding: 2px 0 2px 10px;
       margin: 0 0 5px 0;
       }

input.error {
       background: #ffe8e8;
       border:1px solid #ff8383;
       }

select.error {
       background: #ffe8e8;
       border:1px solid #ff8383;
       }

textarea.error {
       background: #ffe8e8;
       border:1px solid #ff8383;
       }

fieldset {display: inline;padding: 3px;}
fieldset.error {background: #ffe8e8;}


/* コンテンツレイアウト設定
======================================================= */

.cl_comline {
        width: 720px;
        overflow: hidden;
        *zoom:1;
        }

.cl_line40 {
        width: 760px;
        overflow: hidden;
        *zoom:1;
        }

.cl_line30 {
        width: 750px;
        overflow: hidden;
        *zoom:1;
        }

/* コンテンツ　パターン1 150_120 横*1 */
.cl150_1 .img {
        float: left;
        width: 170px;
        padding: 0 20px 0 0;
        }

.cl150_1 .txt {
        float: left;
        width: 550px;
        margin: 0 0 5px 0;
        }

/* コンテンツ　パターン2 160_120 横*2 */
.cl150_2 {
        float: left;
        width: 340px;
        margin: 0 40px 0 0;
        display: inline;
        }

.cl150_2 .img {
        float: left;
        width: 170px;
        padding: 0 0 0 0;
        }

.cl150_2 .info {
        float: left;
        width: 170px;
        margin: 0 0 5px 0;
        }

/* コンテンツ　パターン3 80_80 横*3 */
.cl80_80_3 {
        float: left;
        width: 220px;
        margin: 0 30px 0 0;
        display: inline;
        }

.cl80_80_3 .img {
        float: left;
        width: 80px;
        padding: 0 10px 0 0;
        }

.cl80_80_3 .info {
        float: right;
        width: 130px;
        margin: 0 0 5px 0;
        }


/* コンテンツ　パターン4 340_80 横*1 */
.cl340_1 .img {
        float: left;
        width: 360px;
        padding: 0 0 0 0;
        }

.cl340_1 .txt {
        float: left;
        width: 360px;
        margin: 0 0 5px 0;
        }

/* コンテンツ　パターン5 340_80 縦*2 */
.cl340_80_2 {
        float: left;
        width: 340px;
        margin: 0 40px 0 0;
        display: inline;
        }

/* コンテンツ　パターン6 220_80 縦*3 */
.cl220_3 {
        float: left;
        width: 220px;
        margin: 0 30px 0 0;
        }

a.arw {
        background: url(../img/arw.gif) 0 0.5em no-repeat;
        padding: 0 0 0 8px;
        }

/* テキストバナー設定 */

.txt_bn,
.txt_bn2 {
        width: 188px;
        border:1px solid #ccc;
        padding: 5px;
        }
*html .txt_bn,
*html .txt_bn2 { width: 188px; }

.txt_bn img,
.txt_bn2 img {
        vertical-align: bottom;
        }

.txt_bn table.nbr,
.txt_bn2 table.nbr {
                width: 100%;
                }

.txt_bn table.nbr td.img {
                width: 57px;
                }

.txt_bn2 table.nbr td.img {
                width: 57px;
                text-align: right;
                }



/* テキストボタン設定 */

#contents section .btn {
        border: 1px solid #b00505;
        text-decoration: none;
        white-space: nowrap;
        color: #fff;

        /* for IE 5.5 - 7 */
        /* 8 ボタン背景上部色 #df4040 下部色 #b00505 */ filter: progid:DXImageTransform.Microsoft.gradient (startColorStr=#df4040,  endColorStr=#b00505, GradientType=0);

        /* for IE 8 */ 
        /* 8 ボタン背景上部色 #df4040 下部色 #b00505 */ -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#df4040, endColorstr=#b00505, GradientType=0)";
        zoom : 1;

        /* for mozila */
        /* 8 ボタン背景上部色 #df4040 下部色 #b00505 */ background: -moz-linear-gradient(bottom,#b00505,#df4040);

        /* for webkit */
        /* 8 ボタン背景上部色 #df4040 下部色 #b00505 */ background: -webkit-gradient(linear, center top,center bottom, from(#df4040),to(#b00505));

        /* 8 ボタン背景下部色 #b00505 */ _background:#b00505;
        font-weight:bold;
        }

#contents section .btn a {
        width: 100%;
        display: block;
        padding: 5px 0;
        margin: 0;
        /* 8-C ボタン文字色 */        color: #fff;
        text-decoration: none;
        }

#contents section .btn a:link,
#contents section .btn a:visited {/* 8-C ボタン文字色 */        color: #fff;}
#contents section .btn a:active,
#contents section .btn a:hover{
        background: #df4040;
        /* 8-C ボタン文字色 */        color: #fff;
        }


/* clearfix
======================================================= */

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