/* ランチのページのデザイン用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をつけた */
     margin-top:0px;
     margin-bottom:0px;
     font-weight:normal;
     font-size:12px;
}

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

a:hover   {
      color:#ff33cc;
}

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

img   {
     margin-left:1px;
}

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

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

#gallery{
       width:614px;
       background-color:#ffffff;
       margin-left:5px; 
}

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

dl    {
       margin:0px;
       margin-right:5px;
       margin-bottom:5px;
       float:left;
       width:191px;
       font-size:13px;
       border:1px solid #ff679a;
}

dt    {
       margin:0px;
       padding:0px;
       background-color:#ffdcff;
       border-bottom:1px solid #ff679a;
}

dd     {
       margin:0px;
       padding:0px;
}

.menu   {
       height:7em;
       font-size:10px;
       padding-left:15px;
       background-image:url(sozai/listmark1.gif);
       background-position:left;
       background-repeat: no-repeat;
}

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: #cc33cc;            /* リンクの文字の色を設定　*/
     font-weight: normal;
     font-size:60%;
}

h2 {
     font-weight:normal;
     font-size:12px;
     padding-left: 5px;                     /* ﾎﾞｰﾀﾞｰとの間隔を空ける */ 
     margin-top: 0px;                     /* h1との間隔を調整する */ 
     margin-bottom: 0px;                    /* ﾊﾟﾝｸｽﾞﾘｽﾄとの間隔を詰める */ 
}

#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.ps  {
       color:#993300;
       font-size:13px;
}

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