@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 {
color:#333333; /* 全体の文字色 */
font:small/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

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

a:link		{ color:#946c45; }
a:visited	{ color:#946c45; }
a:hover		{ color:#e8c59c; text-decoration:none; }
a:active	{ color:#e17b34; }

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

em	{ font-weight:bold; font-style:normal; border-bottom:2pt #9d8e87 double; } /* 強調 */
strong	{ background:#fff462; } /* より強い強調 */
ins	{ text-decoration:none; border-bottom:1px #9d8e87 solid; } /* 追加 */
del	{ text-decoration:line-through; } /* 削除 */

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

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

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

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

#container {
width:580px; /* 幅 */
margin:0 auto; /* センタリング */
border:#f5b2b2 solid; /* 枠線 */
border-width:0 2px 2px; /* 枠線（上、左右、下） */
}
#box {
padding:0 20px 10px; /* コンテナ内の余白（上、左右、下） */
}

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

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

#header h1 {
padding:15px 0 15px 295px; /* 余白（上、右、下、左） */
background:url(img/top.png) no-repeat left 15px; /* 背景 */
font-size:140%; /* 文字サイズ */
height:65px; /* 高さ */
line-height:65px; /* 高さと同じ値（サイト名を垂直中央寄せにするためです） */
}
#header h1 a {
text-decoration:none;
}

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

#header ul.menu {
width:100%; /* メニュー全体の幅 */
text-align:center; /* 中央寄せ */
}
#header ul.menu li {
width:20%; /* 各メニューの幅（メニュー数に応じて調整してください） */
float:left; /* 横並べ */
font-weight:bold; /* 太字 */
}
#header ul.menu li a {
display:block; /* 表示調整 */
position:relative; /* 位置調整 */
margin-right:5px; /* 各メニュー間の余白 */
padding:1px 0 3px; /* 余白（上、左右、下） */
background:#ffd1d1; /* 背景 */
text-decoration:none;
}
#header ul.menu li a:hover {
background:#ffffff; /* 背景 */
color:#946c45;
}

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

#header ol.pan {
margin:5px; /* 余白 */
text-align:right; /* 右寄せ */
}
#header ol.pan li {
display:inline; /* 横並べ */
font-size:80%; /* 文字サイズ */
}
#header ol.pan li a {
margin-right:5px; /* 余白 */
}

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

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

#main h2,#main h3,#main h4,#main h5 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
font-size:100%; /* 文字サイズ */
}
#main h2 {
color:#ff7782;
background:url(img/line.gif) no-repeat left bottom; /* 背景 */
height:35px; /* 高さ（画像が切れないように設定しています） */
}
#main h3 {
color:#bc611e;
}
#main h4 {
text-decoration:underline;
}
#main h5 {
color:#9d8e87;
}

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

#main div.section1 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:3px 10px; /* 余白（上下、左右） */
background:#ede4e1; /* 背景 */
border:2px #f3a68c solid; /* ボーダー */
}
#main div.section2 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:3px 10px; /* 余白（上下、左右） */
border:2pt #9d8e87 double;
}

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

#main p {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}

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

#main ul {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main ul li {
padding-left:20px; /* 余白 */
background:url(img/icon.gif) no-repeat left center; /* リストマーカー */
}

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

#main dl {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main dt {
padding-left:20px; /* 余白 */
background:url(img/icon.gif) no-repeat left center; /* 背景 */
}
#main dd {
margin:3px 10px 10px 20px; /* 余白（上、右、下、左） */
padding:2px 10px; /* 余白（上下、左右） */
background:#eae1cf; /* 背景 */
}

/* --- メールフォーム --- */
#main form {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main input {
background:transparent; /* 背景透過 */
}
#main input[type="text"] {
border:1px #946c45 solid; /* ボーダー */
}
#main input[type="checkbox"] {  }
#main input[type="radio"] {  }
#main input[type="button"] {  }
#main input[type="submit"],#main input[type="reset"] {
padding:0 20px; /* 余白 */
border:1px #946c45 solid; /* ボーダー */
}
#main textarea {
border:1px #946c45 solid; /* ボーダー */
}

/* --- テーブル --- */
#main table {
width:100%; /* テーブルの幅 */
margin:0 0 1em 0; /* 余白（上、右、下、左） */
border-spacing:5px; /* ボーダーの間隔 */
}
#main th {
padding:0 5px; /* 余白 */
background:#eae1cf; /* 背景の色 */
text-align:left; /* 左寄せ */
vertical-align:top; /* 上寄せ */
font-weight:normal;
}
#main td {
padding-left:5px; /* 余白 */
vertical-align:top; /* 上寄せ */
}

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

#main ul.modori {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
text-align:right; /* 右寄せ */
}
#main ul.modori li {
background:none; /* 画像非表示 */
}
#main ul.modori li a {
color:#666666;
text-decoration:none;
}
#main ul.modori li a:hover {
color:#333333;
}

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

#footer {
padding:5px; /* 余白 */
border-top:1px #f5b2b2 dashed; /* ボーダー */
border-bottom:1px #f5b2b2 dashed;
}

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

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

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

#footer ul li {
display:inline; /* 横並べ */
}

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

/* --- フロートクリア --- */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {
min-height:1px;
}

/* --- 位置調整（不要の場合は削除OKです） --- */

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