@charset "Shift_JIS";

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

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

hr.hide  { display: none; }
a:link   { color  : #C19B59; }
a:hover, a:active { color: #C19B59; text-decoration:none;}

span.texts { font-size: xx-small; line-height: 1.2; }
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 #999;
       border-left: 1px solid #999;
       border-collapse: collapse;
       }

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

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

table.nbr {
       border-collapse: collapse;
       }

table.nbr2 {
       padding: 3px 0 0 0;
       margin: 12px 0 15px 0;
       border-collapse: collapse;
       background: url(../img/dot.gif) bottom left repeat-x;
       }

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

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

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

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

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

table.tbr2 {
       border-top: 1px solid #333;
       border-left: 1px solid #333;
       border-collapse: collapse;
       }

th.tbr2 {
       padding: 2px 5px 8px 5px;
       border-right: 1px solid #333;
       border-bottom: 1px solid #333;
       font-size: xx-small;
       line-height: 1.5;
       color: #fff;
       }
html>body th.tbr2 { font-size: x-small;
       padding: 0px;
       }

td.tbr2 {
       padding: 2px 5px 8px 5px;
       border-right: 1px solid #333;
       border-bottom: 1px solid #333;
       font-size: xx-small;
       line-height: 1.5;
       color: #fff;
       }
html>body td.tbr2 { font-size: x-small; 
      padding: 0px;
       }

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 {
       width: 750px;
       margin-left:auto;
       margin-right:auto;
       }

#wrappertop {
       width: 750px;
       margin-left:auto;
       margin-right:auto;
       background:#000;
       }

#header {
       width: 750px;
       background: #000;    /* ヘッダーの背景色が設定できます */
       }

#wrappertop #headnav {
       float : left;
       width : 750px;
       background : #000;
       }

#wrapper #headnav {
       float : left;
       width : 750px;
       background     : #000;
       padding-bottom : 30px;
       }


#main {
       width: 750px;
       padding: 0px 0px 0px 0px;
       text-align: left;
       }
html>body div#main { width: 750px; }

#footer {
       margin: 20px 0 20px 0;
       padding: 0px 0px 6px 0px;
       width: 750px;
       height:70px;
       background: url(../img/footer.gif) 0px 6px no-repeat;
       text-align: left;
       clear: both;
       }

.dot {
       width: 750px;
       background: url(../img/dot.gif) repeat-x;
       clear: both;
       }
html>body .dot { padding: 2px 0 0 0; 
       margin-bottom:15px;
       }

.mda_img {
       margin-bottom: 3px;
       }


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

.m_box {
      background: url(../img/mail_bg.gif) repeat-y;
      }

input .size {
      width:150px;
      }

#main_bt {
      padding: 16px 0 35px 0;
      }
html>body #main_bt { margin: 55px 0 0px 0; }

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

#top-b {
       float: right;
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 0px;
       width: 220px;
       text-align: left;
       }
html>body div#top-b { width: 220px; }

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

.top-a-block {
       clear:both;
       margin-bottom: 50px;
       }

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

.top-a-block h4 {
       margin: 0 0 5px 0;
       padding: 0px 0px 0px 0px;
       font-size: 110%;
       }

td .h5 {
       font-size:110%
       font-weight: bold;
       }

.top_h5 {
       width: 500px;
       background: url(../img/dot.gif) repeat-x;
       }

.tit {
       float: left;
       width: 400px;
       font-size: 100%;
       text-align: left;
       }

.date {
       float: right;
       width: 100px;
       font-size: 100%;
       text-align: right;
       }

.top-a-block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #fff;
       }
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; }

.top-b-block {
       clear:both;
       margin-bottom: 20px;
       }

.top-b-block a:visited { color: #C19B59; }

.top-b-block h4 {
       margin: 0 0 10px 0;
       padding: 2px 0px 4px 6px;
       font-size: x-small;
       color: #333;
       border-left: 8px solid #8f8d8e;
       border-bottom: 1px solid #ddd;
       }
html>body div.top-b-block h4 { font-size: small; }

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

.top-b-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-b-block ul { font-size: small; }

.top-b-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-b-block ol { font-size: small; }


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

#header h1 {
       float:left;
       width: 155px;
       margin: 0;
       padding: 18px 0px 10px 0px;
       color: #333;
       font-size: 24px;
       line-height: 100%;
       text-align: left;
       }

#header a:link            { color: #333; text-decoration:none;} /* ヘッダーの大見出しの文字色が設定できます */
#header a:visited         { color: #333; text-decoration:none;} /* ヘッダーの大見出しの文字色が設定できます */
#header a:hover, a:active { color: #333; text-decoration:none;} /* ヘッダーの大見出しの文字色が設定できます */

#header h2 {
       float:left;
       width: 365px;
       margin: 0px 0px 0px 0px;
       padding: 33px 0px 33px 30px;
       color: #333;
       font-size: 12px;
       line-height: 1.4;
       font-weight: normal;
       text-align: left;
       }

#h_bt {
       float:right;
       width:105px;
       padding:9px 8px 0 0;
       }


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

#mv {
       margin-bottom: 7px;
       }

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

#directry {
       width: 750px;
       padding: 0px 0 0 0;
       font-size: xx-small;
       color: #fff;
       }
html>body div#directry { font-size: x-small; }

#contents-title h3 {
       width: 750px;
       margin: 15px 0px 15px 0px;
       _margin: 15px 0px 0px 0px;
       font-size: 130%;
       color: #fff;
       }
html>body div#contents-title h3 { width: 738px; }

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

#contents {
       width: 750px;
       margin: 17px 0 0 0;
       padding: 0;
       text-align: left;
       }

.photo-r {
       float:right;
       margin: 3px 0 15px 15px;
       font-size: xx-small;
       line-height: 1.3;
       color: #fff;
       }
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: #fff;
       }
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 {
       clear: both;
       margin-bottom: 40px;
       }


.block a:visited { color: #AA8448;
       }

.block h4 {
       margin: 15px 0px 15px 0px;
       }

.block h5 {
       margin: 15px 0px 10px 0px;
       _padding: 0px 0 4px 0;
       _background: url(../img/dot.gif) bottom left repeat-x;
       color: #AA8448;
       }
html> body div.block h5 { font-size: small;
       padding:0px 0 5px 0;
       background: url(../img/dot.gif) bottom left repeat-x;
       }

.block p {
       margin: 0;
       padding: 0;
       font-size: x-small;
       line-height: 1.5;
       color: #fff;
       }
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: #fff;
       }
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: #fff;
       }
html>body div.block ol { font-size: small; }

.pagetopset {
       margin: 0px;
       padding: 20px 20px 17px 0px;
       font-size: xx-small;
       text-align:right;
       clear:both;
       }
html>body div.pagetopset { font-size: x-small;}

a.pagetop {
       color: #919191;
       margin: 0;
       padding: 0px 0px 0px 12px;
       background: url(../img/pagetop_arrow.gif) 0px 0.3em no-repeat;
       text-align: left;
       }

a.pagetop:link   { color: #919191;text-decoration: none; }
a.pagetop:visited,
a.pagetop:active { color: #919191;text-decoration: none; }
a.pagetop:hover  { color: #919191;text-decoration: underline; }

.voice {
       width: 750px;
       border-top: 1px solid #333;
       border-bottom: 1px solid #333;
       border-right: 1px solid #333;
       border-left: 1px solid #333;
       }

.txtnav {
       text-align: center;
       font-size: x-small;
       }
html>body .txtnav { font-size: small; }

/* headnav部分設定 #############################  */

#menu {
       width: 750px;
       height: 36px;
       margin: 0;
       padding: 0;
       list-style-type: none;
       overflow: hidden;
       }

#menu ul {
       margin: 0;
       padding: 0;
       }




#menu li {
       margin: 0;
       padding: 0;
       display: inline;
       list-style-type: none;
       }

#menu a {
        float: left;
        padding-top: 36px;
        height: 0px !important;
        height /**/: 36px;
        overflow: hidden;
        }

#menu a:hover,
#menu a.selected,
#menu a:hover.selected { background-position: 0 -36px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
.nav01 a { width:  70px; background: url(../img/g_nav01.gif) top left no-repeat; }
.nav02 a { width: 122px; background: url(../img/g_nav02.gif) top left no-repeat; }
.nav03 a { width: 122px; background: url(../img/g_nav03.gif) top left no-repeat; }
.nav04 a { width: 122px; background: url(../img/g_nav04.gif) top left no-repeat; }
.nav05 a { width:  57px; background: url(../img/g_nav05.gif) top left no-repeat; }
.nav06 a { width:  57px; background: url(../img/g_nav06.gif) top left no-repeat; }
.nav07 a { width:  57px; background: url(../img/g_nav07.gif) top left no-repeat; }
.nav08 a { width:  71px; background: url(../img/g_nav08.gif) top left no-repeat; }
.nav09 a { width:  72px; background: url(../img/g_nav09.gif) top left no-repeat; }


/* nav部分設定 #############################  */

#submenu {
       float:left;
       margin: 0;
       padding: 0;
       list-style: none;
       }

#submenu a { color: #184e8a; }   /* 左メニューボタンの文字色が設定できます */

#submenu ul {
       margin: 0;
       padding: 0;
       }   /* リストを隙間なくならべる */

/*++++++++++++++++ subbutton set ++++++++++++++++*/
.subbutton {
       float:left;
       margin: 0;
       padding: 0;
       width: 189px;
       font-size: x-small;
       text-align: left;
       font-weight: normal;
       border-bottom: 1px solid #e0e0e0;
       }
html>body .subbutton { font-size: small; }

.subbutton a {
       margin: 0;
       padding: 8px 15px 7px 15px;
       text-decoration: none;
       display : block;
       color:#184e8a;
       background: #fff;
       }
/* hide from Mac IE \*/
* html .subbutton a { width:189px; }
/* */

.subbutton a.active  { background: #f3f3f3; }
.subbutton a:hover   { background: #f3f3f3; }
.subbutton a.subselected        { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
.subbutton a.subselected:active { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
.subbutton a.subselected:hover  { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
#submenu a.subnolink { color: #666; }

/*++++++++++++++++ localbutton set ++++++++++++++++*/
.localmenu {
       margin: 0;
       padding: 0;
       list-style: none;
       }

.localbutton {
       float:left;
       margin: 0;
       padding: 0;
       width: 189px;
       font-size: x-small;
       text-align: left;
       font-weight: normal;
       border-top: 1px solid #e0e0e0;
       list-style: none;
       }
html>body .localbutton { font-size: small; }

.localbutton a {
       margin: 0;
       padding: 8px 15px 7px 30px;
       text-decoration: none;
       display : block;
       color:#184e8a;
       background: #fff;
       }
/* hide from Mac IE \*/
* html .localbutton a { width:189px; }
/* */

.localbutton a:active  { background: #f3f3f3; }
.localbutton a:hover   { background: #f3f3f3; }
.localbutton a.localselected        { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
.localbutton a.localselected:active { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
.localbutton a.localselected:hover  { background: #fff url(../img/selected_arrow.gif) no-repeat; font-weight: bold; }
#submenu a.localnolink { color: #666; }


/* footer部分設定 ################################# */
#footer-nav {
       float: left;
       margin: 0px 0px 0px 0px;
       padding: 6px 0px 0px 7px;
       _padding: 6px 0px 0px 7px;
       width: 429px;
       list-style-type: none;
       }

#footer-nav ul {
       float: left;
       margin: 0;
       padding:  0;
       list-style: none;
       }

#footer-menu li {
       display: inline;
       margin: 0px 0px 0px 0px;
       padding: 0px 9px 0px 0px;
       _padding: 0px 7px 0px 0px;
       display: block;
       float: left;
       list-style: none;
       }

#footer-menu a {
        float: left;
        padding-top: 25px;
        height: 0px !important;
        height /**/: 25px;
        overflow: hidden;
       }

#footer-menu a:hover,
#footer-menu a.selected,
#footer-menu a:hover.selected { background-position: 0 -25px; }

/*++++++++++++++++ nav button set ++++++++++++++++*/
.f_nav01 a { width: 115px; background: url(../img/f_navi01.gif) top left no-repeat; }
.f_nav02 a { width: 105px; background: url(../img/f_navi02.gif) top left no-repeat; }
.f_nav03 a { width: 66px; background: url(../img/f_navi03.gif) top left no-repeat; }
.f_nav04 a { width: 62px; background: url(../img/f_navi04.gif) top left no-repeat; }
.f_nav05 a { width:  36px; background: url(../img/f_navi05.gif) top left no-repeat; }

address {
       float: right;
       width: 244px;
       margin: 0;
       padding: 13px 5px 10px 0px;
       font-style: normal;
       text-align: left;
       }
html>body address { width: 244px; }

#f_logo {
       float: left;
       width: 70px;
       padding: 11px 0 0 0;
       clear: both;
       }

#f_address {
       float: left;
       width:307px;
       padding: 8px 0 0 15px;
       }



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

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

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

.topics li {
       border-bottom:1px dotted #999;
       margin: 3px 0px 0px 0px;
       padding: 0px 0px 3px 15px;
       background: url(../img/topics_arrow.gif) 3px 0.6em no-repeat;
       }

.topicsblock {
       margin: 0 0 20px 0;
       padding: 0;
       height: 24px;
       }

.topicsblockleft {
       float:left;
       height:24px;
       width:402px;
       }

.topicsblockright {
       float:right;
       height:24px;
       width:73px;
       }

.topicsblockleft h3, .topicsblockleft h4 {
       border: none;
       background: none;
       margin: 0;
       font-size: x-small;
       color: #fff;
       }
html>body div.topicsblockleft h3, div.topicsblockleft h4 { font-size: small; }

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

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

.inforss {
       margin: 0;
       padding: 5px 10px 4px 0px;
       float:right;
       }

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


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

#contents .sitemap {
       margin: 0px 0px 0px 0px;
       padding: 0px 0px 0px 10px;
       font-size: x-small;
       color: #333;
       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;
       }