@charset "Shift_JIS";

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

* {
margin:0; /* 余白削除 */
padding:0; /* 余白削除 */
}
html {
scrollbar-3dlight-color:#ffffff; /* スクロールバーの色 */
scrollbar-arrow-color:#7b5544;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ffffff;
overflow-y:scroll; /* スクロールバーの有無でセンタリングがずれるのを防いでいます */
}
body {
background:url(img/wall.gif); /* 背景 */
color:#583822; /* 文字色 */
font:80%/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

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

a		{ text-decoration:none; }
a:link		{ color:#ea5550; }
a:visited	{ color:#ea5550; }
a:hover		{ color:#be8f68; }
a:active	{ color:#be8f68; }

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

em	{ color:#ea5550; background:#fbd8b5; font-style:normal; } /* 強調 */
strong	{ color:#ea5550; } /* より強い強調 */
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%; letter-spacing:1px; } /* 小さい文字 */

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

form {
margin-bottom:1em; /* 余白 */
}
input,textarea {
background:#fbd8b5; /* 背景色 */
color:#583822; /* 文字色 */
border:1px #cccccc 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; /* 余白（上下、左右） */
}

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

br	{ letter-spacing:normal; } /* 改行 */
li	{ list-style-type:none; } /* リストマーク非表示 */
hr	{ display:none; } /* 罫線非表示 */
img,a img { border:0; } /* 画像の枠線削除 */

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

#container {
width:750px; /* サイドバーとメインカラムの●印の合計になります */
margin:0 auto; /* センタリング */
background:#ffffff; /* 背景 */
border-left:2px solid #fbd8b5; /* ボーダー */
border-right:2px solid #fbd8b5; /* ボーダー */
}

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

#header {
background:#fbd8b5 url(img/top.gif) no-repeat center 30px; /* 背景 */
}

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

#header h1 {
margin-bottom:165px; /* 余白（ヘッダー画像の縦サイズに合わせています） */
font-size:140%; /* 文字サイズ */
text-align:center; /* 中央寄せ */
height:30px; /* 高さ */
line-height:30px; /* heightの数字に合わせています（文字を垂直中央寄せにするため） */
}
#header h1 a {
color:#583822;
}
#header h1 a:hover {
color:#be8f68;
}
#header h2 {
font-size:100%;
}

/* --- パンくずリスト --- */

#header ol.pan {
padding:2px 5px; /* 余白（上下、左右） */
text-align:right; /* 右寄せ */
font-size:80%; /* 文字サイズ */
}
#header ol.pan li {
display:inline; /* 横並べ */
}
#header ol.pan li a {
margin-right:5px; /* 余白 */
color:#583822;
text-decoration:underline;
}
#header ol.pan li a:hover {
text-decoration:none;
}

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

#side {
float:right; /* 右寄せ */
width:160px; /* 幅● */
}

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

#side h2 {
margin-top:1em; /* 余白 */
background:#fbd8b5; /* 背景 */
text-align:center; /* 中央寄せ */
font-size:100%;
}

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

#side ul.menu {
width:100%; /* メニュー全体の幅 */
margin-bottom:2em; /* 余白 */
}
#side ul.menu li {
border-bottom:1px #fbd8b5 solid; /* ボーダー */
}
#side ul.menu li a {
display:block; /* 表示調整 */
position:relative; /* 位置調整 */
padding:2px 10px; /* 余白（上下、左右） */
color:#583822;
}
#side ul.menu li a:hover {
background:#fff3b8; /* 背景 */
}

/* --- フリースペース --- */

#side div.rbox{
padding:7px 7px 2em; /* 余白（上、左右、下） */
}

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

#main {
float:right; /* 右寄せ */
width:588px; /* 幅● */
border-right:2px #fbd8b5 solid; /* ボーダー● */
}
#main div.inner {
padding:10px 15px; /* 余白（上下、左右） */
}

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

#main h2,#main h3,#main h4,#main h5 {
margin-bottom:1em; /* 余白 */
font-size:100%; /* 文字サイズ */
}
#main h2 {
padding-bottom:10px; /* 余白 */
background:url(img/line.gif) no-repeat left bottom; /* 背景 */
}
#main h2:first-letter{
color:#ea5550; /* 先頭の１文字だけ別の色に */
}
#main h3 {
color:#be8f68; /* 文字色 */
border:; /* ボーダー */
}
#main h4 {
color:#ea5550;
text-decoration:underline;
}
#main h5 {
text-decoration:underline;
}

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

#main div.section1 {
margin-bottom:1em; /* 余白 */
padding:5px; /* 余白 */
border:2pt #f3a68c dotted; /* ボーダー */
}
#main div.section2 {
margin-bottom:1em; /* 余白 */
padding:5px; /* 余白 */
background:#fbd8b5; /* 背景色 */
border:2px #be8f68 solid; /* ボーダー */
}

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

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

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

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

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

#main dl {
margin-bottom:1em; /* 余白 */
}
#main dd {
padding:2px 5px; /* 余白（上下、左右） */
border:1px #f3a68c dashed; /* ボーダー */
}

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

#main ul.modori {
margin-bottom:1em; /* 余白 */
text-align:right; /* 右寄せ */
}
#main ul.modori li {
background:none;
}
#main ul.modori li a {
padding:0 8px; /* 余白（上下、左右） */
color:#be8f68;
border:1px #be8f68 solid; /* ボーダー */
}
#main ul.modori li a:hover {
background:#fbd8b5; /* 背景色 */
}

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

#footer {
clear:right; /* フロートクリア */
width:100%; /* 幅 */
padding:0 0 10px; /* 余白（上下、左右） */
background:#fbd8b5; /* 背景色 */
text-align:center; /* 中央寄せ */
}
#footer a {
color:#583822;
border-bottom:1px solid #be8f68; /* ボーダー */
}
#footer a:hover {
border-bottom:1px solid #fbd8b5; /* ボーダー */
}

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

#footer address {
font-style:normal;
font-weight:bold;
}

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

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

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

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