@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin - シンプル白（2カラム）
 *       Updated: 2008.05.20
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */

body {
       margin: 0;
       padding: 0;
       color: #333;
       font-family: 'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;
       font-size: 90%;
       text-align: center;
       }
/* hide from Mac IE \*/
* html body             { font-family: Verdana,'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

hr.hide  { display: none; }

a:link   { color: #007dd8; text-decoration:none; }
a:visited { color: #007dd8; text-decoration:none; }
a:hover, a:active { color: #007dd8; text-decoration:underline; }

span.texts { font-size: xx-small; line-height: 1.3; }
html>body span.texts { font-size: x-small; }

span.textn { font-size: x-small; line-height: 1.5; }
html>body span.textn { font-size: small; }

span.textl { font-size: small; line-height: 1.5; }
html>body span.textl { font-size: medium; }

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;
       background: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr th,
table.tbr table.nbr th { font-size: small; }

table.nbr td,
table.tbr table.nbr td {
       padding: 0;
       border-right: none;
       border-bottom: none;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.nbr td,
table.tbr table.nbr td { font-size: small; }

table.tbr,
table.nbr table.tbr {
       border-top: 1px solid #A4BFDC;
       border-left: 1px solid #A4BFDC;
       border-collapse: collapse;
       }

table.tbr th,
table.nbr table.tbr th {
       padding: 6px 10px;
       border-bottom: 1px solid #A4BFDC;
       border-right: 1px solid #A4BFDC;
       background: #DFEDFB;
       color: #223C7D;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr th,
table.nbr table.tbr th { font-size: small; }

table.tbr th.subth,
table.nbr table.tbr th.subth {
       padding: 6px 10px;
       border-bottom: 1px solid #A4BFDC;
       border-right: 1px solid #A4BFDC;
       background: #F3F9FF;
       color: #223C7D;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr th.subth,
table.nbr table.tbr th.subth { font-size: small; }

table.tbr td,
table.nbr table.tbr td {
       padding: 6px 10px;
       border-bottom: 1px solid #A4BFDC;
       border-right: 1px solid #A4BFDC;
       color: #333;
       font-size: x-small;
       line-height: 1.5;
       }
html>body table.tbr td,
table.nbr table.tbr td { font-size: small; }

th.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body th.nbr { font-size: small; }

td.nbr {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.nbr { font-size: small; }

th.tbr {
       padding: 6px 10px;
       border-bottom: 1px solid #A4BFDC;
       border-right: 1px solid #A4BFDC;
       background: #DFEDFB;
       font-size: x-small;
       line-height: 1.5;
       color: #223C7D;
       }
html>body th.tbr { font-size: small; }

td.tbr {
       padding: 6px 10px;
       border-bottom: 1px solid #A4BFDC;
       border-right: 1px solid #A4BFDC;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body td.tbr { font-size: small; }


td.ctt {background:#ccc;
        width                : 318px;
        padding                : 10px;
        border-bottom        : 1px solid #ccc;
        border-right        : 1px solid #ccc;
        border-bottom        : 1px solid #ccc;
        }
html>body td.ctt { width : 314px; }



td.ctb {
        padding                : 2px 11px;
        border-bottom        : 1px solid #ccc;
        background        : #eee url(../img/ct_bg.gif) 0 0 repeat-y;
        text-align        : right;
        }


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

form {
       margin: 0;
       padding: 0;
       }

form dt{
       font-size: x-small;
       font-weight: bold;
       line-height: 1.4;
       }
html>body form dt { font-size: small; }

form dd{
       margin: 0 0 5px 0;
       font-size: x-small;
       line-height: 1.4;
       }
html>body form dd { font-size: small; }

img { border: 0; }

.clear {
       width: 100%;
       margin: 0;
       padding: 0;
       clear: both;
       }


/* 全体のレイアウト設定 ###################### */

#wrapper-wrap {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       background: #fff;
       }

#wrapper {
       width: 740px;
       margin: 0;
       padding: 0px 0px 0px 0px;
       }

#header-wrap {
       width: 740px;
       margin: 0;
       padding: 0px 0px 0px 0px;
       }

#header {
       width: 740px;
       margin: 0;
       padding: 0px 0px 0px 0px;
       }

#headnav {
       display: none;
       }

#headnav_eng {
       display: none;
       }

#container {
       clear: both;
       width: 740px;
       margin: 20px 0px 20px 0px;
       padding: 0px 0px 0px 0px;
       background: #fff;
       }
html>body div#container { width: 740px; }

#nav {
       display: none;
       }

#nav_eng {
       display: none;
       }

#main {
       width: 740px;
       margin: 0px 0px 0px 0px;
       padding: 0;
       background: #fff;
       }

#footer {
       width: 740px;
       padding: 0px 0px 0px 0px;
       text-align: center;
       clear:both;
       }


/* TOPページ用のレイアウト設定 ################### */

#top-a {
       float: left;
       margin: 20px 0px 20px 0px;
       padding: 0px 0px 0px 0px;
       width: 710px;
       text-align: left;
       }
html>body div#top-a { width: 710px; }

#top-b {
       display: none;
       }

#top-a-contents {
       margin: 0;
       padding-bottom: 3px;
       text-align: left;
       }

.top-a-block {
       clear:both;
       margin-bottom: 20px;
       background: #fff;
       }

.top-a-block a:visited { color: #0066cc; }

.top-a-block h4 {
       margin: 0px 0px 15px 0px;
       padding: 0px 0px 0px 0px;
       }

.top-a-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block p { font-size: small; }

.top-a-block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ul { font-size: small; }

.top-a-block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.top-a-block ol { font-size: small; }



/* header部分のスタイル設定 ###################### */

#header #header-l {
       width: 700px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       }

#header-l h1 {
       display: none;
       }

#header-l h2 {
       margin: 10px 0px 10px 0px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       }

#header-r {
       display: none;
       }

/* main部分設定 ###################################  */

#contents-title {
       width: 710px;
       margin: 15px 0px 0px 0px;
       padding: 0;
       text-align: left;
       }

#directry {
       display: none;
       }

#contents-title h3 {
       width: 694px;
       margin: 0 0 0 0px;
       padding: 5px 0px 3px 10px;
       font-size: 130%;
       font-weight: bold;
       line-height: 1.0;
       color: #333;   /* 本文のページタイトルの文字色が設定できます */
       border-left: 6px solid #21449E; 
       }
html>body div#contents-title h3 { width: 694px; }

#info-contents-title {
       width: 710px;
       margin: 15px 0px 0px 0px;
       padding: 0;
       text-align: left;
       }

#info-contents-title #directry {
       width: 710px;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 8px 0px;
       font-size: xx-small;
       color: #333;
       border-bottom: 1px dotted #969696;
       }
html>body div#info-contents-title #directry { font-size: x-small; }
#info-contents-title #directry a:hover, #info-contents-title #directry a:active { color: #0066CC; text-decoration: underline;}

#contents {
       width: 710px;
       min-height: 400px;
       height: auto !important;
       height: 400px;
       margin: 0 0 0 0px;
       padding: 30px 0px 0px 0px;
       text-align: left;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-r { font-size: x-small; }

.photo-l {
       float:left;
       margin: 3px 15px 15px 0;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-l { font-size: x-small; }

.photo-c {
       margin: 3px auto 15px auto;
       font-size: xx-small;
       line-height: 1.3;
       color: #333;
       }
html>body div.photo-c { font-size: x-small; }

.photo-r img, .photo-l img, .photo-c img {
       margin-bottom: 3px;
       }

.block {
       width: 100%;
       clear:both;
       margin-bottom: 25px;
       }

.block a:visited { color: #0066cc; }
.block a:hover, .block a:active { color: #0066cc; text-decoration:underline; }

.block h4 {
       margin: 0px 0px 20px 0px;
       padding: 6px 0px 5px 8px;
       font-size: small;
       color: #fff;                   /* [下ページ]　本文の見出しの文字色が設定できます */
       line-height: 1.3;
       background: #284BA5 url(../img/h4_bg.gif) no-repeat;
       clear: both;
       }
html>body div.block h4 { padding: 8px 0px 3px 8px; font-size: medium; }
html>/**/body div.block h4 { padding: 6px 0px 5px 8px; }

.block h5 {
       border: 1px solid #c5d7e8;
       background: #f3f8fd;
       padding: 5px 10px 5px 8px;
       color: #0046a5;
       margin: 0 0 15px 0;
       font-size: 14px;
       }
html>body .block h5 {padding: 3px 10px 3px 8px;}

.block h5.check {
       border: 1px solid #c5d7e8;
       background: #f3f8fd url(../img/h5_check.gif) 5px 50% no-repeat;
       padding: 5px 10px 5px 27px;
       color: #0046a5;
       margin: 0 0 10px 0;
       font-size: 14px;
       }
html>body .block h5.check {padding: 3px 10px 3px 27px;}

.block h5.exh {
       border: 1px solid #ccc;
       background: #f2f2f2;
       padding: 5px 10px 5px 8px;
       color: #464646;
       margin: 0 0 10px 0;
       font-size: 14px;
       }
html>body .block h5.exh {padding: 3px 10px 3px 8px;}

.block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block p { font-size: small; }

.block ul {
       margin: 5px 0px 5px 10px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul { font-size: small; }

.block ol {
       margin: 5px 0px 5px 15px;
       padding: 0px 0px 0px 20px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ol { font-size: small; }

.pagetopset {
       display: none;
       }

a.pagetop img {
       display: none;
       }

/* 製品リスト部分設定 #############################  */

a.prd_list {
       font-weight: bold;
       font-size: 14px;
       color: #0066cc;
       background: url(../img/prd_list_arrow.gif) 0 5px no-repeat;
       padding: 0 0 0 15px;
       }

a.prd_list:hover,a.prd_list:active {color: #0066cc; text-decoration:underline;}

a.prd_link {
       color: #0066cc;
       background: url(../img/prd_list_arrow.gif) 0 5px no-repeat;
       padding: 0 0 0 15px;
       }

a.prd_link:hover,a.prd_link:active {color: #0066cc; text-decoration:underline;}

a.prd_link_print { display: none; }



/* footer部分設定 ################################# */

#footer-nav {
       display: none;
       }


#copyright {
       clear: both;
       width: 740px;
       margin: 10px 0 0 0;
       padding: 0;
       font-size: 10px;
       line-height: 1;
       font-style: normal;
       color: #a9a9a9;
       background: #fff;
       text-align: center;
       }

.powered {
       display: none;
}



/* topics部分のスタイル設定 ###################### */

.topics {
       margin: 0;
       padding: 0;
       }

.topics ul, .topics ol {
       margin: 0px 0px 0px 0px;
       padding: 10px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       border-left: 1px solid #C8C8C8;
       border-right: 1px solid #C8C8C8;
       border-bottom: 1px solid #C8C8C8;
       }
html>body div.topics ul, div.topics ol { font-size: small; }

.topics li {
       border-bottom:1px dotted #999;
       margin: 0px 0px 8px 0px;
       padding: 0px 0px 3px 0px;
       }

.topicsblock {
       margin: 0;
       padding: 0;
       background: #fff url(../img/topics_bg.gif) no-repeat;
       height:32px;
       }

.topicsblockleft {
       float:left;
       height:32px;
       width:125px;
       }

.topicsblockright {
       float:right;
       height:32px;
       width:80px;
       }

.topicsblockleft h4 {
       border-left: none;
       margin: 0;
       padding: 0px 0px 0px 0px;
       }

.infolistset {
       margin: 8px 8px 0 0;
       padding: 0px 0px 0px 0px;
       font-size: xx-small;
       float:left;
       }
html>body div.infolistset { font-size: x-small;}

a.infolist {
       margin: 0 0 0 0;
       padding: 0px 0px 0px 11px;
       background: url(../img/infolist_arrow.gif) 0px 0.3em no-repeat;
       }

.inforss {
       margin: 0;
       padding: 8px 8px 0px 0px;
       float: right;
       }

.topics_under {
       float:left;
       margin: 0;
       padding: 0;
       }

.topics_under ul, .topics_under ol {
       clear: both;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       list-style:none;
       }
html>body div.topics_under ul, div.topics_under ol { font-size: small; }

.topics_under li {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       }

.topicsblockleft_under {
       float:left;
       width:500px;
       }

.topicsblock_under {
       float:left;
       width:710px;
       margin: 0;
       padding: 0;
       }

.topicsblockright_under {
       float:right;
       width:80px;
       }

.topicsblockleft_under h3 {
       width: 694px;
       margin: 0 0 15px 0px;
       padding: 5px 0px 3px 10px;
       font-size: 130%;
       font-weight: bold;
       line-height: 1.0;
       color: #333;   /* 本文のページタイトルの文字色が設定できます */
       border-left: 6px solid #21449E; 
       }
html>body div.topicsblockleft_under h3 { width: 694px; }

.inforss_under {
       margin: 0;
       padding: 5px 0px 0px 0px;
       float: right;
       }


.top-a-block .topicsblockleft { width:400px; }
.top-b-block .topicsblockleft { width:125px; }


/* sitemapページのスタイル設定 ###################### */

#contents .sitemap {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       color: #000;
       border: 0;
       background: url(../img/topics_arrow.gif) no-repeat 0px 6px;
       }
html>body div #contents .sitemap { font-size: small; }

#contents .sitemap_ul {
       margin: 3px 0 0 23px;
       padding: 0;
       border: 0;
       list-style: none;
       }

#contents .sitemap_ul li {
       padding: 2px 0 2px 17px;
       margin: 0;
       border: 0;
       font-size: x-small;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }
html>body #contents .sitemap_ul li { font-size: small;}

.sitemap_ul li ul {
       margin: 3px 0 0px 13px;
       padding: 0;
       list-style: none;
       }

.sitemap_ul li ul li {
       padding-left: 17px;
       margin: 0;
       text-align: left;
       background: url(../img/sitemap_arrow.gif) no-repeat 0px 5px;
       }





/* トップページ設定 ################### */


#lang {
       margin: 5px 0px 7px 0px;
       padding: 0px 0px 0px 0px;
}

#lang p {
       margin: 0;
       padding: 0;
       font-size: 10px;
       line-height: 100%;
       text-align: right;
}

#search {
       margin: 0 0 4px 0;
       padding: 0;
}

#search02 {
       margin: 0;
       padding: 0;
}

ul.arrow_new {
       margin: 0;
       padding: 0;
}

ul.arrow_new li {
       margin: 0 0 0 0;
       padding-left: 15px;
       list-style: none;
       font-weight: bold;
       background: url(../img/top_arrow_new.gif) no-repeat 0px 5px;
}
html>body ul.arrow_new li { background: url(../img/top_arrow_new.gif) no-repeat 0px 4px; }

ul.arrow_pickup {
       margin: 0;
       padding: 0;
}

ul.arrow_pickup li {
       margin: 0 0 0 0;
       padding-left: 15px;
       list-style: none;
       font-weight: bold;
       background: url(../img/top_arrow_pickup.gif) no-repeat 0px 5px;
}
html>body ul.arrow_pickup li { background: url(../img/top_arrow_pickup.gif) no-repeat 0px 4px; }

ul.arrow_search {
       margin: 0;
       padding: 0;
}

ul.arrow_search li {
       margin: 0 0 0 0;
       padding-left: 15px;
       list-style: none;
       font-weight: bold;
       background: url(../img/top_arrow_search.gif) no-repeat 0px 5px;
}
html>body ul.arrow_search li { background: url(../img/top_arrow_search.gif) no-repeat 0px 4px; }








/* MARGIN設定 ################### */

.top16 { margin-top: 16px; }
.btm08 { margin-bottom: 8px; }