@charset "gb2312";

/*----------------------------------------------------
	▼全体の設定
----------------------------------------------------*/

* {
margin:0; /* 余白削除 */
padding:0; /* 余白削除 */
}
html {
scrollbar-3dlight-color:#ffffff; /* スクロールバーの色 */
scrollbar-arrow-color:#bb5535;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
}
body {
font:100%/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

/*----------------------------------------------------
	▼リンク
----------------------------------------------------*/

a {
color:#bb5535;
text-decoration:none;
}
a:hover {
visibility:visible; /* 触れると文字が凹むように設定しています */
float:none;
clear:none;
position:relative;
top:1px; left:1px;
}

/*----------------------------------------------------
	▼文字
----------------------------------------------------*/

em	{ color:#ec6d71; font-style:normal; font-weight:bold; } /* 強調 */
strong	{ color:#e83929; border-bottom:2pt #f8b500 dotted; } /* より強い強調 */
ins	{ text-decoration:underline; } /* 追加 */
del	{ text-decoration:line-through; } /* 削除 */

b	{ font-weight:bold; } /* 太字 */
i	{ font-style:italic; } /* 斜体 */
big	{ font-size:120%; } /* 大きい文字 */
small	{ font-size:80%; } /* 小さい文字 */

/*----------------------------------------------------
	▼メールフォーム
----------------------------------------------------*/

form {
margin-bottom:1em; /* 余白 */
}
input,textarea {
background:#e0ebaf; /* 背景色 */
border:1px #cbb994 solid; /* ボーダー */
}
input[type="checkbox"],input[type="radio"] {
background:none;
border:0;
}

/*----------------------------------------------------
	▼テーブル
----------------------------------------------------*/

table {
width:100%; /* 幅 */
margin-bottom:1em; /* 余白 */
border-collapse:collapse; /* セルの表示 */
border-spacing:0; /* セルの間隔 */
}
th {
text-align:left; /* 左寄せ */
vertical-align:top; /* 上寄せ */
font-weight:normal;
}
th,td {
padding:3px 5px; /* 余白（上下、左右） */
}

/*----------------------------------------------------
	▼その他
----------------------------------------------------*/

img,a img { border:0; } /* 画像の枠線削除 */
li	{ list-style-type:none; } /* リストマーク非表示 */
hr	{ display:none; } /* 罫線非表示 */
iframe	{ width:100%; height:420px; } /* アイフレーム */

/*----------------------------------------------------
	▼コンテナ
----------------------------------------------------*/

#container {
width:1024px; /* 幅 */
margin:10px 0 10px 20px; /* 余白（上、右、下、左） */
background:url(img/bg.jpg) no-repeat right bottom; /* 背景 */
}

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

#header {
margin-bottom:1em; /* 余白 */
}

/* --- サイト名 --- */

#header h1 {
color:#839b5c; /* 文字色 */
font-size:140%; /* 文字サイズ */
}

/*----------------------------------------------------
	▼メインカラム
----------------------------------------------------*/

#main {
float:left; /* 左寄せ */
width:700px; /* 幅 */
margin-bottom:1em; /* 余白 */
}

/*----------------------------------------------------
	▼サイドバー
----------------------------------------------------*/

#side {
float:left; /* 左寄せ */
width:90px; /* 幅 */
margin-left:10px; /* 余白 */
}

/* --- メニュー --- */

#side ul.menu {
border-top:1px #ad7d4c dotted; /* ボーダー */
}
#side ul.menu li {
padding-left:10px; /* 余白 */
border-bottom:1px #ad7d4c dotted; /* ボーダー */
}

/*----------------------------------------------------
	▼アイフレーム内の各ページ
----------------------------------------------------*/

#page {
padding:5px 5px 20px 0; /* 余白（上、右、下、左） */
}

/* --- 見出し --- */

#page h2,#page h3,#page h4,#page h5 {
margin-bottom:1em; /* 余白 */
font-size:100%; /* 文字サイズ */
}
#page h2 {
padding-left:5px; /* 余白 */
background:#ebe1a9; /* 背景色 */
color:#8c7042; /* 文字色 */
}
#page h3 {
padding-left:5px; /* 余白 */
color:#8c7042; /* 文字色 */
border-bottom:1px #8c7042 dotted; /* ボーダー */
}
#page h4 {
color:#839b5c; /* 文字色 */
}
#page h5 {
color:#9e8b8e; /* 文字色 */
font-weight:normal;
}

/* --- 装飾用ボックス --- */

#page div.section1 {
margin-bottom:1em; /* 余白 */
padding:5px 5px 5px 20px; /* 余白（上、右、下、左） */
background:url(img/onpu.png) no-repeat left; /* 背景色 */
border-top:3px #fddea5 solid; /* ボーダー */
border-bottom:3px #fddea5 solid; /* ボーダー */
}
#page div.section2 {
margin-bottom:1em; /* 余白 */
padding:5px; /* 余白 */
background:#e0ebaf; /* 背景色 */
color:#5b6356; /* 文字色 */
border:2px #cbb994 solid; /* ボーダー */
}

/* --- 段落 --- */

#page p {
margin-bottom:1em; /* 余白 */
}

/* --- リスト --- */

#page ul {
margin-bottom:1em; /* 余白 */
}
#page ul li {
padding-left:20px; /* 余白 */
background:url(img/icon.gif) no-repeat left top; /* リストマーカー */
}

/* --- 説明付きリスト --- */

#page dl {
margin-bottom:1em; /* 余白 */
}
#page dt {
padding-left:20px; /* 余白 */
background:url(img/icon.gif) no-repeat left; /* リストマーカー */
}
#page dd {
padding-left:20px; /* 余白 */
background:; /* 背景色 */
color:#856859; /* 文字色 */
border:; /* ボーダー */
}

/* --- 戻りリンク --- */

#page ul.modori {
margin-bottom:1em; /* 余白 */
text-align:right; /* 右寄せ */
}
#page ul.modori li {
background:none;
}

/*----------------------------------------------------
	▼フッター
----------------------------------------------------*/

#footer {
clear:left; /* フロートクリア */
width:100%; /* 幅 */
}

/* --- 著作権表示 --- */

#footer li {
padding-right:10px; /* 余白 */
display:inline; /* 横並べ */
}

/*----------------------------------------------------
	▼位置調整
----------------------------------------------------*/

.center	{ text-align:center; } /* 中央寄せ */
.left	{ text-align:left; } /* 左寄せ */
.right	{ text-align:right; } /* 右寄せ */