@charset "Shift_Jis";


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


/***** ページの設定 ******/
body{                                                               /* ページ全体の設定 */
   background-color:#eee;                                           /* 背景色 */
   color:#333;                                                      /* 文字色 */
   font-family:Verdana,Chicago,osaka,"ＭＳ Ｐゴシック",sans-serif;  /* 文字の指定 */
   font-size:75%;                                                   /* 文字サイズ */
   line-height:150%;                                                /* 行間の設定 */
   }

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



/***** リンクの設定 *****/
a:link   {color:#333;}  /* リンク色 */
a:visited{color:#333;}  /* 既読リンク色 */
a:hover  {color:#ccc;}  /* カーソルがリンクの上に来た時の色 */



/***** h要素に関する設定 *****/
h1{                                 /* h1要素の設定 */
   margin:10px 0 5px;               /* マージン */
   padding:0 0 5px;                 /* パディング */
   border-bottom:dashed 1px #999;   /* 罫線の設定 */
   font-size:100%;                  /* フォントサイズ */
   }



/***** index.htmlに関する設定 *****/
#index{                                   /* index全体の設定 */
   background-image:url(img/index.gif);   /* 背景画像 */
   }

#index p{               /* index.htmlのp要素の設定 */
   margin-right:20px;   /* マージン */
   text-align:right;    /* 文字を右寄せ */
   }

#index h1{                 /* index.htmlのh1設定 */
   margin:15px 0 0 15px;   /* マージン */
   padding:0;              /* パディング */
   border:none;            /* 罫線を表示しない */
   font-weight:lighter;    /* 文字を細くする */
   }

#index iframe{                /* アイフレームの設定 */
   width:400px;               /* 横幅 */
   height:250px;              /* 縦幅 */
   margin:10px 0 15px 15px;   /* マージン */
   }

#index a{                   /* index.htmlのリンクに関する設定 */
   text-decoration:none;    /* リンクの下線を表示しない */
   font-weight:bold;        /* 文字を太くする */
   }

#index ul{                         /* indexメニューそのいち */
   margin:0 5px 5px;               /* マージン */
   padding:0 0 5px;                /* パディング */
   text-align:right;               /* 文字を右寄せ */
   list-style:none;                /* リストタイプ */
   border-bottom:solid 1px #ccc;   /* 下罫線 */
   }

#index li{
   margin-right:10px;   /* マージン */
   display:inline;      /* リスト */
}



/***** その他の設定 *****/
#main{                      /* 背景が白い部分の設定 */
   margin:10px 2%;          /* マージン */
   border:1px solid #999;   /* 罫線 */
   background-color:#fff;   /* 背景色 */
   width:430px;             /* 横幅 */
   float:right;             /* 右に寄せる */
   }

#first{                                 /* 写真の設定 */
   background-image:url(img/top.jpg);   /* 写真 */
   }

#clear{clear:both;}   /* クリアの設定 */