/* ダイエットページのデザイン用css　*/
body {
     font-family:"メイリオ","ＭＳ Ｐゴシック",
     Osaka, sans-serif; 
     color:#666666;
     margin: 0px;
     padding: 0px;
     background-color: #ffffff;
     scrollbar-base-color:#446b9e;
}

#contents {
     width: 800px;
     margin: 0 auto;     /*  中央揃えにする　*/
     background-color: #ffffff;
     border: 1px solid #cccccc;
     background-image: url(sozai/side4.jpg);
     background-position: right top;
     background-repeat: repeat-y;
     position:relative;         /* 相対位置を指定 ナビバーを固定　*/
     text-align:justify;                   /* 均等割り付けと右端揃え　*/
     text-justify:inter-ideograph;
}

#header {
     background-color: #d2daf2;
     background-image: url(sozai/fuusen-20.gif);
     background-position: right top;
     background-repeat: no-repeat;
     height: 120px;
     margin-bottom: 35px;
}

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

a {
       color: #009999;
       text-decoration: none;  /* 文字の下線､上線､取消線､点滅すべての装飾をなくす */
       font-weight:bold;       /* 太さ700､普通は400 */
}

a:hover  {
       color:#9999cc;
}

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

.keisan  {
       color:#6600cc;
       margin-bottom:0px;
}

#box  {
       margin-right:220px;
       margin-left: 10px;
}

form   {
       font-size:13px;
       padding:10px;
}

.box-1   {
       float:left;
       margin-right:-220px;
      
  
}

.box-2   {
        margin-left:320px;
        color:#009999;
}

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

.week  {                    /* 土、日以外の曜日のセンター揃え  */
       text-align:center;  
}

.sun  {                    /*  日曜日の赤とセンター揃え  */
       text-align:center;
       color:red;
}

.sat  {                   /*  土曜日の青とセンター揃え  */
       text-align:center;
       color: blue;
}

span.red {
       color: red;
}  

span.white  {
       color:#ffffff;
       font-weight:normal;
}

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

.blue  {
       background-image:url(sozai/sky.jpg);
       background-repeat:repeat-y;
       font-weight:normal;
       width:100%;            /*  colspanを使ったときは、tableに対して幅を入れる　*/
       text-align:center;
}

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

h1 a {
       color: #00cccc;              /* リンクの文字の色を設定　*/
       font-weight: normal;
       font-size:25px;
}

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

h3   {
       background-color:#d6def3;
       color:#3333ff;
       text-align:center;
       font-weight:normal;
}

h4  {
       color: #0099ff;
       text-align:center;
       margin:0px;
}

table,th,td  {
      border :solid 1px;
      border-color:#dbe7e7 #9ebcbc #9ebcbc #dbe7e7 ;
}

.scroll  {
      overflow-y:scroll;height:30em;
}

table  {
      margin-left:20px;     

}

th    {
       background-image:url(sozai/nav.jpg);
       font-size:13px;
       width:69px;
       text-align:center;
}

td    {
       background-image:url(sozai/sky.jpg);
       background-color:#e7f8fd;
       border-color:#ffffff #bfd6e0 #bfd6e0 #ffffff;
       font-size:13px;
       text-align:right;
       width:70px;
}

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

#side img {
      border: 0;
      filter:shadow(color=gray ,direction=135) ;
      padding-right:10px;       /*  画像に影を付けるための余白 */
      padding-bottom: 20px;     /*  画像に影を付けるための余白 */
      margin-left:10px;
}

#side p  {
      font-size:11px;
      line-height: 150%;
      margin-rigth:10px;
      margin-left:10px;
}

span.ps  {
       color:#993300;
       font-size:13px;
}

#navbar {
       background-image: url(sozai/nav.jpg);
       width: 100%;
       height: 25px;
       position:absolute;
       top: 120px;
       left: 0px;
       border-bottom: 1px solid #446b9e;
       border-top: 1px solid #446b9e;
}

#navbar ul {
       margin: 0;
       padding: 0;
       list-style-type:none;
       font-family: Arial,Helvetica,sansserif;
       font-size: 14px;
       line-height: 25px;
       letter-spacing: 2px;
}

#navbar li {
       background-image:url(sozai/nav.jpg);
       float: left;
       width: 98px;
       text-align: center;
       margin: 0;
       padding: 0;
       border-right: solid 1px #ffffff;
}

#navbar a {
       color: #ffffff;
       display: block; 
}

#navbar a:hover  {
       color:#99ffff;
}

address {
       font-family: Arial, Helvetica, sans-serif;
       font-size:13px;     
       font-style: normal;
       text-align:center;
       margin:0px;
       padding:0px;
}   

#footer {
       clear:both;
}