/******************************************/
/*　　スタイルシートにチャレンジ　　      */
/*　　　　作成日：　2007/05/10　 　　 　　*/
/*　　　　作成者：前川　　　　　　　　  　*/
/******************************************/


/* 基本のbody部分設定 */
body {
      margin: 0px;                  /*マージン(box外の余白)の指定*/
      padding: 0px;                 /*余白(box内)の指定*/
      background-image:url(image/977-7.bmp); /* 背景画像の設定 */
      text-align:center;
      font-size:10.5pt;
     }
body a {
          color:#666666;
          text-decoration:none;
       }
body a:hover { 
                 color:#ec6d71; 
                 text-decoration:underline;
             }


/*入力部分の基本設定*/
.container {
            width:750px;
            /*background-color:#ee827c;*/
            /*background-image:url(../image/menu/977-8.BMP); /* 背景画像の設定 */
            background-color:#fef4f4;
            border:1px solid #000000;
            text-align:left;
            /*padding:0px 9px;*/
            margin:0px 0px 15px 0px;
           }
/*TOP(画像とロゴ)*/
.top{
      width: 750px;
      height:250px;
      background-image:url(image/topimage.jpg); /* 背景画像の設定 */
      background-repeat:norepeat;                  /* 背景画像の並び方(1つだけ表示) */
      margin: 0px;                      		   /*マージン(box外の余白)の指定*/
           	               /*余白(box内)の指定*/
      border:solid 1px #000000;
      /*border-top:solid 6px #000000;
      border-bottom:solid 6px #000000;
      border-left:solid 3px #000000;
      border-right:solid 3px #000000;*/

    }
.menu01
     {
      width: 750px;
      height:38px;
      margin:0px;
      padding:0px;
     }
.menu01 img
     {
       padding:0px;
       margin:0px;
     }
/*メニューバー表示部分*/
.menu{
      width: 100%;
      height:45px;
      margin: 0px;　　          /*マージン(box外の余白)の指定*/
      padding: 0px 10px 0px;　　        /*余白(box内)の指定*/
      background-color:#FF9A98; /*背景色の指定*/
     }

/*メイン部分*/
.main{
      width: 732px;
      height:100%;
      margin: 0px;              /*マージン(box外の余白)の指定*/
      padding:0px 15px 10px 15px;            /*余白(box内)の指定*/
      background-color:#fef4f4; /*背景色の指定*/
      line-height : 135%;
      font-size:10pt;
     }
.main hr{
         border-style:double;
         color:#ec6d71;
         border-width:3px;
         padding:0px;
         margin:0px;
         heright:3px
        }


/*フッター部分*/
.footer{
        width:750px;
        height:90px;
        padding: 9px;　　        /*余白(box内)の指定*/
        /* background-color:#fef4f4; /*背景色の指定*/ */
        background-image:url(image/gurade02.jpg);
     }

.auto {
         height:350px;
         width:100%; 
         overflow:auto;
         font-size:10pt;
         background-color:#ffffff;
         scrollbar-face-color:#c6c3bc;
         scrollbar-arrow-color:#000000;
         scrollbar-track-color:#ffffff; 
         scrollbar-highlight-color:#ffffff; 
         scrollbar-shadow-color:#ffffff; 
         scrollbar-3dlight-color:#ffffff; 
         scrollbar-darkshadow-color:#ffffff; 
       }
.auto hr {
           border-style:dotted;
           color:#000000;
           border-width:1px;
         }

.sidebar01 { float:left; 
             border-left:1px dashed #ec6d71; 
             border-right:1px dashed #ec6d71;
             background-color:#fef4f4;
             height:100%;
             margin-right:10px;
           }
.sidebar02{
            padding:10px 8px;
            background-color:#fce4d6;
            margin:0px;
            text-align:center;
          }
.title{
       font-size:10pt;                                 /*フォントサイズの変更*/
       font-weight:bold;                               /*フォントの幅*/
       padding-left:10px; 
       background-color:#ec6d71;                       /* 背景画像の設定 */ 
/*     background-image:url(../image/10-3.gif);        /* 背景画像の設定 */ */
       width:100%; 
       border-bottom:1px dashed #ec6d71; 
       background-repeat:repeat;
      } 


.title02 {
           font-size:10pt;                             /*フォントサイズの変更*/
           font-weight:bold;                           /*フォントの幅*/
           background-color:#fdeff2;                   /*背景色の設定*/
           color:#6c272d;
           width:100%; 
           text-align:left;
           padding:5px 7px;

        }


/* テーブルの設定 */
/* 会社概要用 */     
.table01 {
          border-collapse:collapse;
          font-size:10pt;
          margin-top:10px;
          letter-spacing:1px;
          line-height:18px;
         }
.table01 td{
             border:1px solid #000000;
             padding:2px 5px;
             background-color:#ffffff;             
           }

/* 沿革用 */
.table02{
          border-collapse:collapse;
          font-size:10pt;
          vertical-align:top;
          border:1px solid #e29676;
          letter-spacing:0.5px;
          line-height:18px;
        }
.table02 td{
             padding:4px 5px;
             vertical-align:top;
           }
.color01{
          background-color:#ffffff;
        }
.color02{
          background-color:#fce4d6;
        }
.hr01{
       border-bottom:1px solid #e29676;
     }
.hr02{
       border-bottom:1px solid #e29676;
       border-left:1px solid #e29676;
     }
/* 社員アルバム用 */
.table03{

         border:1px solid #000000;
         width:400px;
        }
        
/* 会社案内用 */
.table04{
           width:550px; 
           font-size:10pt;
           letter-spacing:1px;
           line-height:18px;
        }
.title03{
         border-top:10px solid #ffffff;
         border-bottom:10px solid #ffffff;
         background-color:#f4b3c2;
         letter-spacing:2;
         text-align:center;
         padding:10px;
         font-weight:bold;
        }    
.header {
         width:750px;
         padding-top:6px;
         padding-left:10px; 
         background-image:url(image/gurade01-1.jpg);
        }
        
.shadow{
        background-color:#ffffff;
        font-size:10pt;
        border:1px solid #888888;
        position:relative;
        top:-5px;
        left:-5px;
        padding:20 15;
       }
.bar01{
        text-align:center; 
        background-color:#ffd5cf;
      }
.td01{
       vertical-align:top;
       padding-left:20px;
       text-align:right;
     }
.table-side
     {
       font-size:10pt;
     }
.table-side td
     {
       height:20px;
     }
/* タイトルバー */

.barleft
   {
      /*background-image:url(../image/menu/bar/bar-left.jpg);*/
      width:21px;
      height:30px;
   }
.barcenter01
   {
      background-image:url(image/bar/bar-center.jpg);
      color:#69821b;  /* 緑バーのとき */
      font-size:10pt;
      font-weight:bold;
      height:30px;
   }
.barcenter02
     {
      background-image:url(image/bar/bar-center.jpg);
      color:#9fc24d;  /* 緑バーのとき */
      font-size:10pt;
      font-weight:bold;
      height:30px;
     }
.barright
   {
/*      background-image:url(../image/menu/bar/bar-right.jpg);*/
      width:46px;
      height:30px;
   }