@charset "Shift_JIS";

/* **********************************************************************
 *
 *       Title:   Site-Shokunin - 企業 白（左ナビ）
 *       Updated: 2008.05.16
 *       Notes:   Hand-crafted by WebLab Corporation in Tokyo.
 *
 * **********************************************************************
 */

body {
       margin: 0;
       padding: 0;
       color: #333;
       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  : #0c5c7f; }
a:visited { color  : #0c5c7f; }
a:hover, a:active { color: #8ea4c2; 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 { border-collapse: collapse; }

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; }

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

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

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

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  : 100%; }
#header    { width  : 100%; }
#nav       { display: none; }
#main      { width  : 100%; }
#footer    { display: none; }


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

#header h1 {
       width: 100%;
       color: #333;
       font-size: 160%;
       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 { display: none; }


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

#contents-title {
       width: 100%;
       height: 43px;
       margin: 0px 0 30px 0px;
       padding: 0;
       text-align: left;
       }

#directry {
       width: 100%;
       font-size: xx-small;
       color: #666;
       }
html>body div#directry { font-size: x-small; }

#contents-title h3 {
       margin: 5px 0px 10px 0px;
       padding: 5px;
       width: 100%;
       font-size: 130%;
       font-weight: bold;
       color: #333;
       border: 1px solid #d8d8d8;
       }

#info-contents-title {
       width: 100%;
       margin: 0px 0 25px 0px;
       padding: 0;
       text-align: left;
       }

#contents {
       width: 100%;
       padding-bottom: 30px;
       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 {
       clear: both;
       margin-bottom: 2em;
       }

.block h4 {
       width: 100%;
       margin: 0px 0px 10px 0px;
       padding: 5px 0px 5px 10px;
       font-size: 110%;
       color: #333;
       border-left  : 8px solid #8f8d8e;
       border-bottom: 1px solid #ddd;
       }

.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, .block ol {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.block ul, div.block ol { font-size: small; }

.pagetopset { display: none; }


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

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

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

.topics ul, .topics ol {
       font-size: x-small;
       line-height: 1.5;
       color: #333;
       }
html>body div.topics ul, div.topics ol { font-size: small; }

.topics li { border-bottom:1px dotted #999; }

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

.topicsblockleft  { width  : 100%; }
.topicsblockright { display: none; }

.topicsblockleft h3, .topicsblockleft h4 {
       border-left: 7px solid #ccc;
       margin: 0;
       font-size: 110%;
       color: #333;
       padding: 5px 0px 5px 10px;
       }