@charset "Shift_JIS";

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


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

@media print{

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


#top-a {_zoom: 95%; /*WinIE only */
}
}


/* 基本設定 ###################### */

body {
       margin: 0;
       padding: 0;
       background: #D0F5A9;   /* 背景の色が設定できます */
       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: 'ＭＳ Ｐゴシック',Arial, Helvetica, sans-serif; }
*:first-child+html body { font-family: 'メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; }
/* */

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

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


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

#wrapper {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       border-bottom: 1px solid #d6d6d6;
       }

#wrappertop {
       width: 900px;
       margin-left:auto;
       margin-right:auto;
       background:#fff;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       border-bottom: 1px solid #d6d6d6;
       }

#header {
       width: 900px; height:210px;
 background-image: url(/img/header.png);
    background-position: left top;
    background-repeat: no-repeat;     /* 　ヘッダーの背景色が設定できます */ 
       margin: 0;
       }


#headnav {
       float: left;
       width: 900px; height:40px;
       margin: 0;
       background: #365c17 url(/img/nav_bg.gif) repeat-x;                /* 　上部メニューの背景色が設定できます */
       border-top: 1px solid #d6d6d6;   /* 　上部メニューの下線の色が設定できます */
       border-bottom: 4px solid #cccccc;   /* 　上部メニューの下線の色が設定できます */
       }

#main {
       float: left;
       width: 820px;
       margin: 0px 0 0 0;
       padding: 0px 0px 0px 20px;
       }
html>body div#main { width: 820px; }

#footer {
       width: 900px;
       padding: 0px 0px 30px 0px;
       background: #fff;
       text-align: left;
       clear:both;
       }


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

#header h1 {
       float:left;
       margin: 0px 0px 0px 0px;
       padding: 22px 30px 12px 20px;
       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:right;
       width: 460px;
       margin: 0px 0px 8px 0px;
       padding: 60px 20px 10px 0px;
       color: #000;   /* ヘッダーの小見出しの文字色が設定できます */
       font-size: 12px;
       line-height: 1.4;
       font-weight: normal;
       text-align: left;
       }


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

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

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

#directry a:visited { color: #3366ff; }

#contents-title h3 {
       width: 860px;
       margin: 10px 0 0 0;
       padding: 10px 0 8px 15px;
       font-size: 130%;
       font-weight: bold;
       background: #e7e7e7 url(../img/h3_bg.gif) repeat-x;
       border-bottom: 4px solid #cccccc;
       border-top: 1px solid #d6d6d6;
       border-left: 1px solid #d6d6d6;
       border-right: 1px solid #d6d6d6;
       }
html>body #contents-title h3 { width: 845px;padding: 8px 0 8px 15px; }
:first-child+html #contents-title h3 { padding: 8px 0 2px 15px; }

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

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

.block {
       clear:both;
       margin-bottom: 17px;
       }

.block a:visited { color: #3366ff; }

.block h4 {
       margin: 0px 0px 8px 0px;
       padding: 8px 0px 7px 12px;
       font-size: x-small;
       color: #333;                   /* [下ページ]　本文の見出しの文字色が設定できます */
       border-left: 5px solid #cccccc;   /* [下ページ]　本文の見出しの左棒の色が設定できます */
       background: #e8e8e8;
       }
html>body div.block h4 { font-size: small;padding: 7px 0px 7px 12px; }
:first-child+html div.block h4 { padding: 7px 0px 2px 12px; }

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


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

#menu {
       margin: 0;
       padding: 0 0 20px 0;
       list-style-type: none;
       }

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

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

/*++++++++++++++++ nav button set ++++++++++++++++*/

.button a {
       float: left;
       border-right: 1px solid #d6d6d6;   /* 上部メニューボタンの区切り線の色が設定できます */
       margin: 0;
       padding: 9px 15px 9px 15px;
       text-decoration: none;
       font-size: x-small;
       font-weight: bold;
       color: #fff;        /* 上部メニューボタンの文字色が設定できます */
       display : block;
       }
html>body .button a { font-size: small; }
:first-child+html .button a { padding: 8px 15px 4px 15px; }

.button a:active, .button a:hover {
       background: #fff;   /* 上部メニューボタンの背景色（マウスオンの状態）が設定できます */
       color: #9c9c9c;     /* 上部メニューボタンの文字色（マウスオンの状態）が設定できます */
       }

.button a.selected {
       background: #99cc66;   /* 上部メニューボタンの背景色（セレクト時）が設定できます */
       color: #fff;     /* 上部メニューボタンの文字色（セレクト時）が設定できます */
       }

.button a.selected:active, .button a.selected:hover {
       background: #99cc66;   /* 上部メニューボタンの背景色（セレクト時のマウスオンの状態）が設定できます */
       color: #fff;     /* 上部メニューボタンの文字色（セレクト時のマウスオンの状態）が設定できます */
       }

.button a.nolink {
       color: #333;           /* 上部メニューボタンの文字色（リンクなし）が設定できます */
       }


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

#footer-nav {
       float: left;
       margin: 0;
       padding: 5px 0px 5px 0px;
       width: 900px;
       background: #ccc;   /* フッターメニューの背景色が設定できます */
       clear: both;
       }
:first-child+html #footer-nav { padding: 4px 0px 3px 0px; }

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

#footer-nav li {
       display: inline;
       background: url(../img/footer-arrow.gif) no-repeat 0px 0.5em;
       margin: 0px 10px 0px 0px;
       padding: 0px 0px 0px 7px;
       }
/* hide from Mac IE \*/
* html #footer-nav li { background-position: 0px 0.35em; }
*:first-child+html #footer-nav li { background-position: 0px 0.5em; }
/* */

#footer-nav a {
       font-size: x-small;
       line-height: 1;
       text-decoration: none;
       padding: 0px 0px 0px 0px;
       color: #333;   /* フッターの「リンクあり」文字色が設定できます */
       }
html>body div#footer-nav a { font-size: small;}

#footer-nav a:active, #footer-nav a:hover {
       text-decoration: underline;
       color: #333;   /* フッターの「リンクあり」（マウスオンの状態）文字色が設定できます */
       }

#footer-nav a.footnolink {
       text-decoration: none;
       color: #333;      /* フッターの「リンクなし」文字色が設定できます */
       }

.copyright {
       float: left;
       width: 580px;
       margin: 0;
       padding: 11px 0px 0px 10px;
       font-size: 80%;
       line-height: 1;
       font-style: normal;
       color: #333;      /* コピーライトの文字色が設定できます */
       text-align: left;
       }
html>body div.copyright { width: 570px; }

#powered {
       float: right;
       width: 160px;
       margin: 0;
       padding: 10px 10px 0px 0px;
       }
html>body #powered { width: 150px; }