/* サイト全体の設定 */
body{
margin:0 120px 0 10px;  /* マージン。ページ右の空白 */
padding:0;              /* パディング */
}

/* フォント、行間の設定 */
body,td{
color:#333;                                    /* 文字色の設定*/
font-family:Verdana,Chicago,osaka,sans-serif;  /* フォントの種類 */
line-height:150%;                              /* 行間の設定 */
font-size  :84%;                               /* 文字の大きさ */
}


/* h1要素 */
h1{
font-size:180%;     /* 文字サイズ */
text-align:center;  /* 文字を中央に表示 */
}

/* h2要素 */
h2{
margin:30px 0 0;                 /* マージン */
font-size:100%;                  /* 文字サイズ */
color:#900;                      /* 文字色 */
font-weight:lighter;             /* 文字を細く表示 */
text-align:center;               /* 文字を中央に表示 */
border-bottom:dotted 3px #900;   /* 罫線の設定 */
}


/* div要素 */
div{text-align:left;}

/* p要素 */
p{margin-top:4px;}



.content{
padding:30px 15px;                  /* パディング */
width:410px;                        /* 横幅 */
float:right;                        /* 右寄せ。記事をページの左側に表示したい人はrightではなく、leftに書き換えてください */
border-width:0 1px;                 /* 罫線の太さ */
border-style:solid;                 /* 罫線の種類 */
border-color:#fff;                  /* 罫線の色 */
background-image:url(img/top.jpg);  /* 背景画像 */
background-repeat:no-repeat;        /* 背景画像を繰り返すかどうか */
background-position:100% 0;         /* 背景画像の表示位置 */
}


/* インデックスページの設定 */
.index{text-align:center;}

/* インデックスのメニュー */
.index ul{
list-style-type:none;  /* リストタイプ */
padding:0;             /* パディング */
margin:0 0 20px;       /* マージン */
}


.top{                /* ページのトップに戻るリンクの設定 */
text-align:right;    /* 文字を右寄せ */
}