/* コンテンツのセンタリング */



/* 画像を左に回しこむ */
.pic_left {
  float             : left;
  margin            : 0px  2em  1em 0px;   /* 上・右・下・左の余白 */
}


DIV.con {
 width            : 800px;                 /* 横幅 */
 margin           : 0px;                   /* 上・右・下・左の余白 */
 padding          : 0px;                   /* 上・右・下・左の間隔 */
 background-color : #FFFFFF;               /* 背景色 */
}


div.midashi {
 width             : 700px;                 /* 横幅 */
 height            : 42px;                  /* 高さ */
 margin            : 10px  0px  0px 45px;   /* 上・右・下・左の余白 */
 padding           :  7px 55px  0px 25px;   /* 上・右・下・左の間隔 */
 background-image  : url(./img/midashi.jpg);
 background-color  : #FFFFFF;               /* 背景色 */
 background-repeat : no-repeat;
 text-align        : left;
 font-weight       : bold;                  /* ボールド */
 font-size         : 24px;                  /* 文字の大きさ */
 letter-spacing    : 0.2em;                 /* 文字間 */
 color             : #FFF;
}


div.menu01 {
 width             : 144px;                 /* 横幅 */
 height            : 45px;                  /* 高さ */
 margin            :  0px  0px  0px  0px;   /* 上・右・下・左の余白 */
 padding           :  0px  0px  0px  0px;   /* 上・右・下・左の間隔 */
 background-image  : url(./img/Buttons/M1_off.png);
 background-color  : #FFFFFF;               /* 背景色 */
 background-repeat : no-repeat;
 text-align        : center;
 font-weight       : bold;                  /* ボールド */
 font-size         : 12px;                  /* 文字の大きさ */
 letter-spacing    : 0.1em;                 /* 文字間 */
 color             : #FFF;
}



/* 見出し　Ｈ３ */
h3 {
 font-family      :'メイリオ';
 font-size        : 22px;                  /* 文字の大きさ */
 margin           : 0px 0px 0px 0px;      /* 上・右・下・左の余白 */
 padding          : 5px 0px 10px 0px;      /* 上・右・下・左の間隔 */
 border-style     : none none solid none;   /* 上・右・下・左の枠線の種類 */
 border-width     :  0px  0px  2px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #00F;    /* 上・右・下・左の枠線の色 */
 text-align       : center;
 vertical-align   : top;
 width            : 600px;                 /* 横幅 */
}



/* 長文テキスト部分 */
p.longtext {
 font-family      :'メイリオ';
 margin           :  0px  0px  0px  0px;   /* 上・右・下・左の余白 */
 padding          : 10px  0px  0px 10px;   /* 上・右・下・左の間隔 */
 font-size        : 18px;                  /* 文字の大きさ */
 line-height      : 1.4;                   /* 行間 */
 width            : 670px;                 /* 横幅 */
}


p.aisatsu {
 font-family      :'メイリオ';
 margin           :  0px  0px  0px  0px;   /* 上・右・下・左の余白 */
 padding          : 10px  0px  0px 120px;   /* 上・右・下・左の間隔 */
 line-height      : 1.4;                   /* 行間 */
 width            : 670px;                 /* 横幅 */
 font-size        : 16pt;                  /* フォントの大きさ */
}




/* フッターテキスト部分 */
p.footer {
 font-family      :'メイリオ';
 font-size        : 16px;                  /* 文字の大きさ */
 line-height      : 1.4;                   /* 行間 */
 letter-spacing   : 0.1em;                 /* 文字間 */
 text-align       : center;
}


/* 文字装飾 */
b {
 font-family        :'メイリオ';
 font-weight        : bold;                  /* ボールド */
 font-size          : 14px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
 text-align         : left;
}

i {
 font-style         : italic;
 font-size          : 12px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0.1em;                 /* 文字間 */
 text-align         : left;
 font-family        :'メイリオ';
}

tt {
 font-size          : 18px;                  /* 文字の大きさ */
 line-height        : 1.4;                   /* 行間 */
 letter-spacing     : 0em;                 /* 文字間 */
 text-align         : left;
 font-family        : "メイリオ", monospace; /* 等幅フォント指定 */
}


/* スクロールバーを常に表示【センタリングのズレ防止】 */
html {
 overflow-y:scroll;
}

/* コンテンツのセンタリング */
body {
 text-align       : center;                   /* コンテンツのセンタリング */
 margin           : 0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          : 0px  0px  0px  0px;      /* 上・右・下・左の間隔 */
 color            : #000000;                  /* 文字の色 */
 background-color : #FFFFFF;                  /* 背景色 */
}

#contents {
 text-align    : left;                        /* テキスト左揃え */
 margin        : 0 auto;                      /* コンテンツのセンタリング */
 width         : 980px;                       /* 横幅 */
}


/* メインテーブル */
table.main {
 width            : 980px;                 /* 横幅 */
 margin           : 0px;                   /* 上・右・下・左の余白 */
 padding          : 0px;                   /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 border-collapse  : collapse;
}

table td.toplogo {
 margin           : 0px  0px  0px  0px;    /* 上・右・下・左の余白 */
 padding          : 0px  0px  0px  0px;    /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : top;                   /* 文字の水平位置 */
 border-collapse  : collapse;
}

table td.menu {
 width            : 180px;                 /* 横幅 */
 margin           : 0px  0px  0px  0px;    /* 上・右・下・左の余白 */
 padding          : 0px 20px 160px 16px;    /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : top;                   /* 文字の水平位置 */
 border-collapse  : collapse;
 background-color : #FFFFF3;               /* 背景色 */
}


table td.con {
 text-align       : left;                  /* テキスト左揃え */
 width            : 800px;                 /* 横幅 */
 margin           : 0px;                   /* 上・右・下・左の余白 */
 padding          : 0px;                   /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : top;                   /* 文字の水平位置 */
 border-collapse  : collapse;
 background-color : #FFFFFF;               /* 背景色 */
}

table td.footer {
 text-align       : left;                  /* テキスト左揃え */
 width            : 980px;                 /* 横幅 */
 height           : 150px;                  /* 縦幅 */
 margin           : 10px  0px 10px  0px;   /* 上・右・下・左の余白 */
 padding          : 20px  0px 10px  0px;   /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : top;                   /* 文字の水平位置 */
 border-collapse  : collapse;
 background-image : url(./img/footer.png);
 background-repeat: no-repeat;
 background-color : #9EECF4;               /* 背景色 */
}



/* 問い合わせフォーム */
table.form {
 width            : 700px;                 /* 横幅 */
 white-space      : nowrap;                /* 改行禁止 */
 font-size        : 14pt;                  /* フォントの大きさ */
 vertical-align   : top;                   /* 文字の水平位置 */
}



/* 会社概要　テーブル */
table.about {
 white-space      : nowrap;                /* 改行禁止 */
 margin           : 10px  0px  0px  0px;   /* 上・右・下・左の余白 */
 width            : 670px;                 /* 横幅 */
 font-size        : 16pt;                  /* フォントの大きさ */
 border-collapse  : collapse;
 border           : 2px solid #60B4F4;
}

table.about th {
 padding          : 6px  6px;              /* 上下・左右の間隔 */
 width            : 180px;                 /* 横幅 */
 text-align       : right;
 vertical-align   : top;                /* 文字の水平位置 */
 border           : 2px solid #60B4F4;
 background-color : #9EECF4;               /* 背景色 */
}

table.about td {
 padding          : 6px  6px;              /* 上下・左右の間隔 */
 text-align       : left;
 border           : 2px solid #60B4F4;
 vertical-align   : top;                /* 文字の水平位置 */
}




/* 職人募集　テーブル */
table.boshu {
 white-space      : nowrap;                /* 改行禁止 */
 margin           : 10px  0px  0px  0px;   /* 上・右・下・左の余白 */
 width            : 670px;                 /* 横幅 */
 font-size        : 16pt;                  /* フォントの大きさ */
 border-collapse  : collapse;
 border           : 2px solid #60B4F4;
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */
}

table th.boshu {
 padding          : 6px  6px;              /* 上下・左右の間隔 */
 width            : 180px;                 /* 横幅 */
 text-align       : right;
 vertical-align   : top;                /* 文字の水平位置 */
 border           : 2px solid #60B4F4;
 background-color : #9EECF4;               /* 背景色 */
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */
}

table td.boshu {
 padding          : 6px  6px;              /* 上下・左右の間隔 */
 text-align       : left;
 border           : 2px solid #60B4F4;
 vertical-align   : top;                /* 文字の水平位置 */
 font-family      : "メイリオ", monospace;  /* 等幅フォント指定 */
}





/* 見出し　Ｈ１ */
h1 {
 font-size        : 28px;                   /* 文字の大きさ */
 text-align       : center;                 /* 文字のセンタリング */
 margin           : 8px 0px 10px 0px;       /* 上・右・下・左の余白 */
 padding          : 4px 0px 4px 0px;        /* 上・右・下・左の間隔 */
 border-style     : solid none solid none;  /* 上・右・下・左の枠線の種類 */
 border-width     :  3px  0px  3px  0px;    /* 上・右・下・左の枠線の太さ */
 border-color     : #7FCFF4;                /* 枠線の色 */
 letter-spacing   : 0.1em;                  /* 文字間 */
}

/* 見出し　Ｈ２ */
h2 {
 margin           : 0.5em 0px 0.5em 0px;   /* 上・右・下・左の余白 */
 padding          : 0px 0px 0px 0px;       /* 上・右・下・左の間隔 */
 font-size        : 18px;                  /* 文字の大きさ */
 color            : #000000;               /* フォントの色 */
 text-align       : center;
 vertical-align   : middle;                /* 文字の水平位置 */
 letter-spacing   : 0.3em;                 /* 文字間 */
 font-family      :'メイリオ';
}



/* 水平線 */
hr {
    border:0;
    height:2px;
    background-color:#7FCFF4;
}


/* リンクのあるイメージ */
a img {
 border-style     : none;                     /* 枠線の種類 */
 padding          : 4px 0px 4px 0px;      /* 上・右・下・左の間隔 */
}


/* イメージ */
img {
 border-style     : none;                     /* 枠線の種類 */
 border           : none;
 vertical-align   : top;
}


/* 見出し　イメージ */
img.divider {
 margin           :  0px  0px  0px  0px;      /* 上・右・下・左の余白 */
 padding          : 10px 55px 10px 45px;      /* 上・右・下・左の間隔 */
 border-style     : none;                     /* 枠線の種類 */
 border           : none;
 vertical-align   : top;
}



/* テキストリンク */
 A { color: #0000FF;text-decoration: none }
 A:link { color: #0000FF;text-decoration: none }
 A:visited { color: #0000FF;text-decoration: none }
 A:active { color: #0000FF;text-decoration: none }
 A:hover { color: #FF0000;text-decoration: none }




/* 作業風景　テーブル */
table.pic {
 width            : 670px;                 /* 横幅 */
 margin           : 0px;                   /* 上・右・下・左の余白 */
 padding          : 10px 10px 2px 10px;    /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 border-collapse  : separate;
 border-spacing   : 10px 0px;
}

table th.pic {
 font-size        : 18px;                  /* 文字の大きさ */
 width            : 330px;                 /* 横幅 */
 text-align       : center;                /* 文字のセンタリング */
 padding          : 6px  4px  6px  4px;    /* 上・右・下・左の間隔 */
 vertical-align   : middle;                /* 文字の水平位置 */
 border           : 2px dotted #60B4F4;    /* 枠線 */
}

table td.pic {
 font-size        : 14px;                  /* 文字の大きさ */
 padding          : 10px 20px 20px 20px;    /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : top;                   /* 文字の水平位置 */
 text-align       : left;
 line-height      : 1.4;                   /* 行間 */
}


/* 作業風景　テーブル　画像サムネイル */
table.pic_pic {
 white-space      : nowrap;                /* 改行禁止 */
 margin           : 10px  0px  0px -30px;   /* 上・右・下・左の余白 */
 width            : 550px;                 /* 横幅 */
 font-size        : 16pt;                  /* フォントの大きさ */
 border-collapse  : collapse;
 border           : 0px solid #60B4F4;
}

table td.pic_text {
 font-size        : 18px;
 font-weight      : bold;                   /* ボールド */
 padding          : 0px 10px 0px 10px;
 vertical-align   : middle;                   /* 文字の水平位置 */
 text-align       : left;
 line-height      : 1.4;                   /* 行間 */
 border           : 2px solid #60B4F4;
}

table th.pic_pic {
 padding          : 6px  6px;              /* 上下・左右の間隔 */
 width            : 100px;                 /* 横幅 */
 text-align       : center;
 vertical-align   : middle;                /* 文字の水平位置 */
 border           : 2px solid #60B4F4;
 background-color : #9EECF4;               /* 背景色 */
}

table td.pic_pic {
 width            : 25%;                 /* 横幅 */
 padding          : 6px;    /* 上・右・下・左の間隔 */
 border           : 0px;                   /* ボーダー */
 vertical-align   : middle;                   /* 文字の水平位置 */
 text-align       : center;
}

td.pic_pic:hover {
 background       : #7FCFF4;
}