@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
body {
margin: 0;
padding: 0;
font-size: 100%;
font-style: ＭＳ Ｐゴシック;
line-height: 180%;
background-color: #f4f4f4; /* ページの背景色 */
color: #0a0a0a; /* 全体の文字色 */
}
a {
  text-decoration: none; 
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; }
a:visited { color: #800080; }
a:hover { color: #ff0000; }
a:active { color: #ff0000; }

/*---罫線の設定---*/
hr{
border: none;
border-top: 5px dotted #5f9ea0;
height: 5px;
width: 100%;
}

/* --- コンテナ --- */
#container {
width: 500px; /* ページの幅 */
background-color: #f4f4f4; /* コンテナの背景色 */ 
margin: 0 auto; /* センタリング */
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:left;/*文字を左寄せにする*/ 
padding-top:10px;/*文字の上に少しスペースを空ける*/
padding-right:5px;
padding-left:5px;
}

/*---ヘッダー部分の設定---*/
#header{
width: 100%; /* ページの幅 */
background-color:#f4f4f4; /*ヘッダー*/
color: #000000;/*全体で使う文字の色*/
font-size: 100%;
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:left;/*文字を左寄せにする*/ 
}

/* --- コンテンツ --- */
#content {
background-color: #f4f4f4; /* コンテンツの背景色 */
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:left;/*文字を左寄せにする*/ 
padding-top:15px;/*文字の上に少しスペースを空ける*/
}

/* --- ナビ --- */
#navi {
background-color: #f4f4f4; /* コンテンツの背景色 */
font-style:normal;/*指定をしないと文字が斜めに表示される*/
text-align:left;/*文字を左寄せにする*/ 
}