/* ---------------------------------------
▼画面全体
---------------------------------------- */
/* 初期化 */
* {
margin:0;
padding:0;
word-break:break-all; /* IEレイアウト崩れ防止用・半角英数字を強制改行 */
}

body {
text-align:center; /* IEのバグを利用して中央に配置 */
color:#000033; /* 画面全体の文字色 */
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:small; /* 画面全体の文字サイズ */
background-image:url(./cdback.gif); /* 背景画像のURL */
background-position:center top; /* 背景画像の位置 */
background-repeat:repeat-y; /* 画像を縦にリピート */
background-color:#CCF0A0; /* 画面全体の背景色 */
padding:0;
margin:0;
}

/* 全体のレイアウト */
#layout {
width:800px; /* レイアウトの幅 */
background-color:#ffffff; /* 背景色 */
margin:0 auto; /* 左右のマージンを自動計算して中央に配置 */
padding:0;
}

/* ---------------------------------------
▼ヘッダー
---------------------------------------- */

/*ヘッダー */
#header {
width:800px; /*ヘッダーの幅 */
height:305px; /*ヘッダーの高さ*/
font-family:Verdana,Chicago,Arial,Helvetica; /* フォント指定 */
line-height:150%; /* 行間 */
background-image:url(./top_img.jpg); /* タイトル画像 */
background-repeat:no-repeat; /* 画像を繰り返さない */
background-position:center top; /* 中央上に配置 */
background-color:#ffffff; /* 背景色 */
margin:0;
padding:0;
}

/*タイトル*/
#title{
font-family:Georgia,Arial,Helvetica; /* フォント指定 */
text-align:center;
padding:150px 400px 0px 100px; /* タイトルの位置・上右下左の順に記述 */
margin:0;
}

h1 {
font-size:30px; /* 字のサイズ */
font-weight:bolder; /* 字の太さ */
color:#000033; /* 文字色 */

}

/* サブタイトル */
.subtitle {
font-size:15px; /* 字の大きさ */
color:#444444; /* 文字色 */
font-weight:bolder; /* 字の太さ */
padding:15px 0 0 0; 
}

/* ---------------------------------------
▼メニュー
---------------------------------------- */
.menu {
text-align:center; /* 中央に配置 */
font-family:Georgia,Arial,Helvetica; /* フォント指定 */
font-size:small; /* 文字サイズ */
color:#000033; /* 文字色 */
background-color:#CCF0A0; /* 横カレンダーの背景色 */
padding:10px 0;
margin:0 auto; /* 左右マージンを自動算出して中央に配置 */
}

/* リンク色 */
.menu a:link, .menu a:visited {
color:#000033; /* 文字色 */
font-weight:bold; /* 太字 */
text-decoration:none;
padding:5px;
}
/* マウスが乗った時 */
.menu a:hover {
background:#ffffff; /* 背景色 */
color:#ff0000;
font-weight:bold;
text-decoration:none;
padding:5px;
}
/* クリックした時 */
.menu a:active {
color:#000033;
text-decoration: none;
padding:5px;
}


.update {
text-align:right; /* 右に配置 */
font-family:Georgia,Arial,Helvetica; /* フォント指定 */
font-size:xx-small; /* 文字サイズ */
color:#000033; /* 文字色 */
background-color:#FFFFFF; /* 背景色 */
padding:0px 5px 0 5px;
margin:10px 10px 10px 10px;
}

/* みだし */
h2 {
font-size : 180%;
font-family:Georgia,Arial,Helvetica; /* フォント指定 */
border-bottom: 8px inset #CCF0A0; /*none（線無し）、dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、outset（外線）、inherit（継承）*/
margin : 50px 10px 20px 10px;
background:url(./yellow2.gif) no-repeat left; /*アイコン */
padding:10px 40px 6px 40px; /* 説明文の位置・上右下左の順に記述 */
text-align : left;
color : #666666;
} 


h3 {
font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',Osaka,sans-serif; /* 画面全体のフォント指定 */
font-size:small; /* 画面全体の文字サイズ */
background:url(./orange.gif) no-repeat left; /*アイコン */
padding:5px 0px 10px 15px; /* 説明文の位置・上右下左の順に記述 */
text-align : left;
color : #666666;
} 

h4:first-letter { color: red; }


.note {
text-align : left;
margin:10px 10px 10px 10px;
padding:0 5px 0 5px;
}


.go_top {
text-align : right;
margin:10px 10px 10px 10px;
padding:0 5px 0 5px;
}


ul { 
margin:0 0 0 10px;
padding:0 0 0 10px;
list-style-type: square;
 }


/* ---------------------------------------
▼LINK
---------------------------------------- */
/* 画面全体のリンク色 */
/* 未閲覧 */
a:link {
color:#6699cc; /* 文字色 */
text-decoration:none; /* 下線をなしに */
}
/* 閲覧済 */
a:visited {
color:#6699cc;
text-decoration:none;
}
/* マウスが乗った時 */
a:hover {
color:#BDB76B;
text-decoration:none;
}
/* クリックした時 */
a:active {
color:#369;
text-decoration:none;
}


/* ---------------------------------------
▼フォーム
---------------------------------------- */
/* テキストエリア・フォーム等全般 */
INPUT,SELECT,TEXTAREA {
color:#003; /* 文字色 */
font-size:12px; /* 文字サイズ */
background-color:#ffffff; /* 背景色 */
padding:1px;
margin:3px 0;
}

/* 投稿フォーム */
/* 名前・タイトル・アドレス等記入欄 */
.form_text {
border:solid 1px #6699cc; /* ラインで囲んでいます */
}
/* コメント記入欄 */
.form_textarea {
border:solid 1px #6699cc; /* ラインで囲んでいます */
}
/* 送信・削除ボタン */
.form_button {
width:100px;
background-color:#F0FFE8; /* 背景色 */
}


/* ---------------------------------------
▼フッター
---------------------------------------- */
#footer {
clear:both; /* 回り込み解除 */
text-align:right; /* 右寄せ */
font-size:12px; /* 文字サイズ */
color:#666666; /* 文字色 */
line-height:140%; /* 行間 */
margin:0;
padding:10px 20px;
border-top: 1px dotted #666666; /*none（線無し）、dotted（点線）、dashed（粗い点線）、solid（実線）、double（二重線）、groove（谷線）、ridge（山線）、inset（内線）、outset（外線）、inherit（継承）*/
}


/* スクロール色指定（IEのみ有効）*/
html, body {
scrollbar-arrow-color:#fff;
scrollbar-darkshadow-color:#CCF0A0;
scrollbar-3dlight-color:#CCF0A0;
scrollbar-face-color:#CCF0A0;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#F0FFE8;
}


/* 画像 */
a img {
border-style: none;
border-width:0;	
text-decoration:none;
padding:0;
margin:0; /* 余白はありませんので適宜変えてください */
}


/* 文字装飾 */
/* 強調 */
em, strong {
font-weight:bold;
color : #ff3070;
}
/* 太字 */
b {
font-weight:bold;
}
/* 打ち消し線 */
s {
text-decoration:line-through;
}
/* MacIE用バグ対応 */
/* for without MacIE5 \*/
div.section pre {
overflow:scroll;
}/* */
div.section > pre {
width:auto;
}

div.section code {
font-family:monospace; /* 等幅フォントを指定 */
}

/* MAC・IE用テキストエリア等バグ回避 */
textarea,input,select {
font-family: "\30D2\30E9\30AE\30CE\20Pro\20W3","Osaka","Verdana","Helvetica","Arial","\FF2D\FF33\20\FF30\30B4\30B7\30C3\30AF",sans-serif;
}

/* IEの改行バグ回避用 */
br {
letter-spacing:normal;
}