@charset "Shift_Jis";


/* 自由に消して足して書き換えてください。 */


/***** ページの設定 ******/
body{                                                                /* ページ全体の設定 */
   margin:0;padding:0;                                               /* マージン・パディング */
   background-image:url("img/kabegami.gif");                         /* 背景画像 */
   color:#666;                                                       /* 文字色 */
   font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;   /* 文字の種類 */
   line-height:150%;                                                 /* 行間 */
   font-size:84%;                                                    /* 文字サイズ */
   text-align:center;                                                /* 中央に */
   }

p{margin:3px 0 20px;}   /* p要素の設定 */



/***** リンクの設定 ******/
a:link   {color:#666;}                   /* リンク色 */
a:visited{color:#666;}                   /* 既読リンク色 */
a:hover  {color:#900;                    /* カーソルがリンクの上に来た時の色 */
          text-decoration:underline;}    /* カーソルがリンクの上に来た時下線を出す */
a        {text-decoration: none;         /* リンクの下線を消す */
          font-weight : bold;}           /* リンクを太くする。 */



/***** h要素の設定 ******/
h1{                               /* h要素の設定 */
   margin:25px 0 5px;            /* マージン */
   padding:1px;                   /* パディング */
   font-size:80%;                /* 文字サイズ */
   background-color:#eee;         /* 背景色。 */
   border-left:solid 10px #000;   /* 左罫線 */
   }



/***** メニュー部分の設定 ******/
ul#menu{                    /* メニュー01 */
   margin:8px 0 -20px;      /* マージン */
   padding-right:10px;      /* パディング */
   color:#099;              /* 文字色 */
   background-color:#ffcc9;   /* 背景色 */
   text-align:right;        /* 文字を右寄せ */
   }

#menu li{                         /* メニュー02 */
   margin:0 0 0 10px;             /* マージン */
   padding:0 8px 0 0;             /* パディング */
   border-right:solid 1px #999;   /* 左罫線 */
   list-style:none;               /* リストスタイル */
   display:inline;                /* インライン */
   }



/***** 写真の設定 ******/
.photo{height:400px;}                          /* 高さ */
.photo01{background-image : url(0001.jpg);}   /* about.htmlの写真の設定 */
.photo02{background-image : url(0001.jpg);}   /* main.html の写真の設定 */
.photo03{background-image : url(0003.jpg);}   /* diary.htmlの写真の設定 */
.photo04{background-image : url(0003.jpg);}   /* link.html の写真の設定 */
.photo05{background-image : url(0005.jpg);}   /* challe.html の写真の設定 */
.photo06{background-image : url(0006.jpg);}   /* challe-s.html の写真の設定 */
.photo07{background-image : url(0007.jpg);}   /* challe3.html の写真の設定 */
.photo08{background-image : url(0008.jpg);}   /* fight.html の写真の設定 */


/***** その他の設定 ******/
#content{                        /* contentの設定 */
   width:640px;                  /* 幅 */
   margin:0 10px 0;              /* マージン */
   padding:10px;                 /* パディング */
   background-color:#fff;        /* 背景色 */
   border-width:0 1px 5px 1px;   /* 罫線の太さ */
   border-style:solid;           /* 罫線の種類 */
   border-color:#f555;            /* 罫線触 */
   text-align:left;              /* 文字を左寄せ */
   }

#top{                       /* topの設定 */
   margin:30px 0 0;         /* マージン */
   background-color:#ccc;   /* 背景色 */
   text-align:center;       /* 文字を中央に */
   }