@charset "shift_jis";


/*---------- ページ全体の指定 ----------*/

body {
  font-family: Verdana, Arial, Helvetica, sans-serif, "ＭＳ ゴシック","Hiragino KaKu Gothic Pro", Osaka;
  margin: 0;
  padding: 0;
  font-size: 12px;
  color: #333;
  background-color: #c0c6c9;
}
                      /* 未リンク   */
a:link {
  color: #004080;
  font-size: 12px;
}
                     /* マウスが乗ったとき   */
a:hover {
  color: #0055bb;     /* 規定値：0055bb        */
  font-size: 12px;
}
                     /* すでにアクセスした   */
a:visited {
  color: #004080;
  font-size: 12px;
}


                     /* リンクが選択されている時   */
 /*　　　　　　　　　　　未使用
a:active {
  color: yellow;
  background-color: green;
  font-size: 12px;
}
 */


p {
  margin: 20px 0 20px 0;
  line-height: 150%;
  letter-spacing: 1px;
}

h1 {
  font-size: 12px;
  margin: 0;
  padding: 2px 3px 0px 3px;
  color: #333;
}

                                 /*-- テキストの１文字目のみ大きく */
/*                                    未使用　コメント
p:first_retter {
           font-size: 150%;
           padding: 0.1em;
           color: white;
           backgraund-color: red;
}
*/


/*---------- メイン ----------*/

#main {
  margin: 0 auto 0 auto;
  padding: 0;
  width: 800px;                /*---change 規定値780ピクセル  ---*/
  background-color: #ffffff;
}


/*---------- ヘッダー ----------*/

#header {
  margin: 0;
  border-top: solid 6px #005ebb;
  background-color: #999999;
}

#header-inner {
  margin: 0;
  padding: 0;
  color: #333333;
  width: 800px;                      /*--change 規定値780 --*/ 
  background-color: #ffffff;
  background-repeat: no-repeat;
}

#table-left{
  text-align: left;
  margin: 0;
  padding: 10px 0 0 10px;
  font-size: 16px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;
}

#table-left a{
  font-size: 16px;
  color: #333333;
  text-decoration: none;
}

#table-left a:hover{
  font-size: 16px;
  color: #666666;
  text-decoration: none;
}


#table-right{
  text-align: right;                /* 文字を右へ寄せる */
  margin: 0;
  padding: 2px 14px 2px 0;
  font-size: 12px;
  color: #333333;
  line-height: 150%;
  text-decoration: none;            /* リンク下線なし */
}

#table-right a{
  font-size: 12px;
  color: #333333;
  text-decoration: none;
}

#table-right a:hover{
  font-size: 12px;
  color: #ff0000;                  /* 既定#666666: ヘッダー上のLINK　HOMEにマウスが乗った時の色 */
  text-decoration: none;
}


#header-menu {
  margin: 0px;                     /* 外側の余白 */
  padding: 0px;                    /* 内側の余白 */
  height: 24px;
  background-color: #007a62;       /*  横長ナビの両端色　0202a5:青 #007a62:濃い緑　 #4ec346:やや薄め緑  008080*/
}

#header-menu li {
  list-style-type: none;            /* liリストなし　・disk ○circle □square */
  float: left;
}

#header-menu li a {
  font-size: 11px;
  height: 23px;
  width: 102px;                     /* 規定値100 change 文字数 ヘッダーメニューの文字数で幅が決まる　*/
  line-height: 25px;                /* 行の間隔 */
  color: #cccccc;
  background-color: #007a62;        /* 濃い緑:007a62 008080 009966ヘッダーナビ　の色 */
  text-align: center;               /* 文字を中央 */
  display: block;
  border-left-width: 1px;
  border-left-style: solid;
  border-left-color: #cccccc;
  text-decoration: none;
  padding-top: 1px;
}
                                   /*--- head menu 会社案内〜役に立つ　マウス乗せた時のカラー 00bbaa---*/
#header-menu li  a:hover {
  background-color: #ff0000;
}
                                   /*--- ヘッダーメニューの右端　縦線|    ---*/
#header-menu #contact {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #cccccc;
}


#header-img {
  margin: 0;
  padding: 0;
  width: 800px;                                    /*--  規定値780px  x 100 change    */
  height: 158px;                                   /*--  画像の高さ  Normal 100  high:200*/
  font-family:Verdana;
  background-image: url(img/main_photo_ujina.jpg);       /* ヘッダータイトルの画像 */
  background-repeat: no-repeat;
}


/*---------- コンテンツ ----------*/

#container {
  margin: 0px;
  padding: 5px;
  width: 780px;                         /* コンテンツ部の幅　change 760 */
  background-color: #ffffff;
}



/*---------- メインコンテンツ ----------*/

#contents {
  float: right;                        /* コンテンツ　右左指定   メニューと逆にすること*/
  margin:  5px 0 0 0;
  padding: 0 0 0 6px;
  line-height: 150%;
  letter-spacing: 1px;                 /* 文字の間隔 */
  width: 600px;                        /* 文字長   規定値570 change  */  
}




#contents img.sample {
  float: left;
  margin: 20px;
}
                                                  /* font-weight: normal; 普通文字にする */
#contents h1 {
  margin: 0;
  padding: 5px 0 3px 14px;
  line-height: 110%;
  font-size: 12px;                                 /* 濃くしないのは font-weight:normal; */  
  color: #333333;                                  /* #333333　既定値  */
  background-image: url(img/titlebar.gif);
}

                      /*        指定順　上　右　下　左
　　　　　　　　　　　　　　　　 ____________________
                         見出し　■__________________| oble:二重 sashed:破線　solid:実線 dotted:点線 */

#contents h2 {
  border-style: solid;
  border-width: 1px 1px 1px 13px;
  border-color: #cc0000;
  padding: 3px 0px 3px 14px;
  font-size: 12px;
}


/*--- 未使用

#contents h2 {
  margin: 0;
  padding: 5px 0 3px 14px;
  line-height: 110%;
  font-size: 12px;
  color: #333333;
  background-color:#cef2da;
}
*/
                          /* 見出し　■__________________　 oble:二重 sashed:破線　solid:実線 dotted:点線 */
#contents h3 {
  border-style: solid;
  border-width: 0px 0px 1px 15px;
  border-color: #48c91b;                       /* すごく薄い緑:#e1fff0  やや薄い緑:#cef2da 濃い目緑:#66cccc
                                                  すごく濃い緑 #007a62  きれいな緑:#48c91b */
/*  background-color:#ccffcc;   　四角なし*/ 
/*  font-weight:normal;                   */
  color: #0000ff;
  font-size: 100%;
  padding: 0em 0.1em 0em 0.5em;
  margin: 1em;
  
}


/* ----------------------  未使用　----------
#contents p {
  margin: 0;
  padding: 15px 0 15px 0;
}

*/

/* ----------------------  未使用　------------- 
#news {
  width: 558px;
  height: 150px;
  overflow: auto;
  background-color: #ffffff;
  padding: 5px;
  margin: 12px 0 10px 0;
  border-top: 1px;
  border-right: 1px;
  border-bottom: 1px;
  border-left: 1px;
  border-style: solid;
  border-color: #999999;
}

*/



/*---------- メニュー ----------*/

#menu {
  float: left;                    /* メニュー　右左指定  コンテンツと逆にすること*/
  margin: 0;
  padding: 5px 3px 0 8px;         /*               */
  width: 160px;                   /* 幅160ピクセル */
  text-align: left;
  line-height: 150%;              /* 行間 150      */
  letter-spacing: 1px;
  background-color: #ffffff;

 /*-- メニューの四角枠線          現在コメント

  border-width:1px;
  border-style:solid;
  border-color:#66FF66;
  background-color:#ccffcc;
    ---------------------------------*/
}


#menu h1 {
  margin: 0;
  padding: 5px 0 3px 14px;
  line-height: 110%;
  font-size: 12px;
  color: #333333;
  background-image: url(img/sidebar.gif);
  background-repeat: no-repeat;
}

#menu p {
  margin: 10px 4px 16px 4px;
  line-height: 150%;
}

#menu li {
  list-style-image: url(img/icon.gif);             /*--- 右向き三角 --*/
  margin: 0 0 5px 0;
}

#menu a{
  color: #004080;
  font-size: 12px;
  text-decoration:none;
 }

#menu a:hover{
  color: #005ebb;
  font-size: 12px;
  text-decoration:underline;                       /* マウスを乗せた時下線引く */
}



/*---------- フッター ----------*/

#footer {
  clear: both;
  margin: 0;
  padding: 8px 12px 8px 0;
  text-align: right;
  font-size: 11px;
  color: #666666;
  border-top: solid 1px #999999;
  background-color: #ffffff;
}

#footer h1 {
  margin: 0;
  text-align: right;
  padding: 2px 8px 0 0;
  font-size: 10px;
  color: #666666;
}

#footer h1 a {
  color: #666666;
  font-size: 10px;
 }

#footer h1 a:hover {
  color: #666666;
}

#footer a {
  color: #666666;
  font-size: 12px;
 }

#footer a:hover {
  color: #333333;
}



/*----------------------------------  class ---------------------------- */

li {
    list-style-type:  
    margin: 0 0 5px 0;
}


                                                  /* サイドバー左右 */
.side_bar_rl {
            border-top-width:0px;
            border-right-width:80px;              /* 規定値80 */
            border-bottom-width:0px;
            border-left-width:80px;               /* 規定値80 */
            border-style:solid;
            border-color:#66CCCC;
          }

                                                        /* サイドバー左 */
.side_bar_left {
                 border-top-width:0px;
                 border-right-width:0px;
                 border-bottom-width:0px;
                 border-left-width:102px;               /* 規定値80 */
                 border-style:solid;
                 border-color:#66CCCC;                  /* やや薄い */
               }

                                                        /* サイドバー右 */
.side_bar_right {
                 border-top-width:0px;
                 border-right-width:102px;              /* 規定値80 */
                 border-bottom-width:0px;
                 border-left-width:0px;
                 border-style:solid;
                 border-color:#66CCCC;                 /* すごく薄い緑:#e1fff0  やや薄い緑:#cef2da 濃い目緑:#66cccc
                                                          すごく濃い緑 #007a62  きれいな緑:#48c91b */
               }


.box_head {
        border-width:1px;
        border-style:solid;
        border-color:#66FF66;
        background-color:#ccffcc;
        padding;2px;
        margin:2px;
        }

.box_green_red {
        border-width:1px;
        border-style:solid;
        border-color:#FF6666;
        background-color:#ccffcc;
        padding;2px;
        margin:2px;
        }

.box_green_blue {
        border-width:1px;
        border-style:solid;
        border-color:#6666FF;
        background-color:#ccffcc;
        padding;2px;
        margin:2px;
        }

.box_green_green {
        border-width:1px;
        border-style:solid;
        border-color:#66FF66;
        background-color:#ccffcc;
        padding;2px;
        margin:2px;
        }

.box_yellow_red {
        border-width:1px;
        border-style:solid;
        border-color:#FF6666;
        background-color:#ffffcc;
        padding;2px;
        margin:2px;
        }

.box_yellow_blue {
        border-width:1px;
        border-style:solid;
        border-color:#6666FF;
        background-color:#ffffcc;
        padding;2px;
        margin:2px;
        }

.box_blue_red {
        border-width:1px;
        border-style:solid;
        border-color:#FF6666;
        background-color:#00EEFF;
        padding;2px;
        margin:2px;
        }


.small_font{
            font-size:9pt;
           }

.big_font{
            font-size:11pt;
           }

.nor_font{
            font-size:10pt;
           }



                                                        /* TABLE TITLE カラー */
.bgcolor_table_title {
                      background-color:#FFFFEE;
                     }

.bgimg_home_wall {
                    background-image:url("img/bknezumi_bk.gif");
                    }

.bgcolor_wall {
                      background-color:#ffffff;          /*   白  e-sokoで使用しています */
                     }


/*------------------------- class   table line ---- c0c0c0 薄いグレー  薄いブルー1188e5---- */

.tb_line {
  border: solid 1px #1188e5;
  border-collapse: collapse;   /* ２重枠線解除 */
}

.tb_line th {
  border-bottom: solid 1px #1188e5;
  border-right: solid 1px #1188e5;

}

.tb_line td {
  border-bottom: solid 1px #1188e5;
  border-right: solid 1px #1188e5;
  padding: 0em 0.2em 0em 0.2em;
}

/* すごく薄い緑:#e1fff0  やや薄い緑:#cef2da 濃い目緑:#66cccc
   すごく濃い緑 #007a62  きれいな緑:#48c91b                    */


.txt_red {
          color:#FF0000;
         }




/*-------  link botton  !important　先の宣言より優先する意味  */


/*--  未使用
.a_link {
  border: outset #c0c0c0 4px;   /*  外の枠の色             */
  background-img: #808080;      /*  ボタンの中の色         */
  color: #ffffff !important;    /*  文字の色               */
  padding:0px !important;       /*   文字と枠線までの距離  */
  display: block;               /* 凸型ボタン              */
  width: 8em;                   /* 横幅○文字分            */
  text-align: center;           /* 文字センター寄せ        */
  text-decoration: none;        /* 下線なし                */
  float: right;                 /* ボタンを横に並べる時    */
  font-size: 10px !important;
}

*/