/* ランチのページのデザイン用css　*/
body {
     font-family:"メイリオ","ＭＳ Ｐゴシック", 
     Osaka, sans-serif; 
     color:#666666;            /* 全体の文字のフォントと色、余白を設定　*/
     margin: 0px;
     padding: 0px;
     text-align:justify;                   /* 均等割り付けと右端揃え　*/
     text-justify:inter-ideograph; 
     background-image: url(sozai/lunchbak.png);
}

#contents {
     width: 836px;
     margin: 0 auto;     /*  中央揃えにする　*/
     background-color: #ffffff;
     background-image: url(sozai/side1.jpg);
     background-position: right top;
     background-repeat: repeat-y;
     position:relative;             /* 相対位置を指定 ナビバーを固定する為　*/
}

#header {
     background-color: #ffdcff;
     height: 155px;
     margin-bottom: 0px;　　　　　/*  ナビバーを置くためのスペース　*/
}

.left    {
     position:absolute;
     top:0px;
     left:180px;
     z-index:1;
}

.center    {
     position:absolute;
     top:50px;
     left:0px;
     z-index:3;
}

.right    {
       position:absolute;
       top:0px;
       left:550px;
       z-index:2;
}

#path {
     text-align:right;　　　/* パンくずリストを右揃えに、id名pathをつけた */
     font-weight:normal;
     font-size:12px;
     margin-bottom:0px;
     margin-top:0px;
}

a {
     color: #666666;
     text-decoration: none;  /* 文字の下線､上線､取消線､点滅すべての装飾をなくす */
     font-weight:bold;       /* 太さ700､普通は400 */
     overflow:hidden;        /* 下と2行で画像リンクの点線を消す　*/
     outline:none;
}    

a:hover   {
      color:#cc3300;
}

a img  {                 /* リンクの枠線を消す　*/
     border:none;
}

img   {
     margin-left:2px;
}

#main {
     float:left;
     margin-right: -210px;
     width:100%;
}

#box  {                         /*  コンテナ化 */
     margin-right: 210px;        /*  余白の数字大事。メインの負の値と同じ  */
}  

.scroll  {
        overflow-y:scroll;height:31em;    
        border-bottom:solid 1px #ff679a;
        scrollbar-base-color:#ff679a;      /*スクロールバーの色を変える*/　
}

p  {                                         
     font-size:12px;                           
     line-height: 150%;  　　　　　　　　　　 /* 行の高さを指定 */
}

h1 {
     margin-top: 0px;              /* 枠にくっつける　*/
     filter:shadow(color=#ffffff ,direction=135) ;     /* 文字に影を付ける　*/
     margin-bottom:0px;
     font-family:cursive,"メイリオ","ＭＳ　Ｐゴシック" ;
}

h1 a {
     color: #ff679a;            /* リンクの文字の色を設定　*/
     font-weight: normal;
     font-size:60%;
}

.gazou   {
     font-weight:normal;
     font-size:70%;
     color:#ffdcff; 
}

h2 {
     font-weight:normal;
     font-size:12px;
     padding-left: 5px;                     /* ﾎﾞｰﾀﾞｰとの間隔を空ける */ 
     margin-top: 0px;                     /* h1との間隔を調整する */ 
}

#nabi ul   {
     font-size:12px;
     list-style-image:url(sozai/listmark2.png);
}

#side {
     float:left;
     width: 180px;
     padding-right:5px;
     padding-left:5px;
     margin-left:10px;
}

#side p  {
      font-size:12px;
      line-height: 150%;
      margin-rigth:0px;
      text-align:justify;                   /* 均等割り付けと右端揃え　*/
      text-justify:inter-ideograph; 
}

span.purple  {
      color:#9933ff;
      font-size:10px;
      padding-left:80px;
}

address {
     font-family: Arial, Helvetica, sans-serif;
     font-size:13px;     
     font-style: normal;
     text-align:center;
     padding-top:15px;
     padding-bottom:10px;
}   

#footer {
     clear:both;
}