@charset "Shift_JIS";

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

* {
margin:0; /* 余白削除 */
padding:0; /* 余白削除 */
}

html {
scrollbar-3dlight-color:#ffffff; /* スクロールバーの色 */
scrollbar-arrow-color:#ff3300;
scrollbar-darkshadow-color:#ffffff;
scrollbar-face-color:#ffffff;
scrollbar-highlight-color:#ffffff;
scrollbar-shadow-color:#ffffff;
scrollbar-track-color:#ff3300;
overflow-y:scroll; /* スクロールバーの有無でセンタリングがずれるのを防いでいます */
}

body {
color:#333333;
font:80%/1.6 Verdana,Osaka,sans-serif; /* フォント一括指定 */
}

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

a:link		{ color:#887f7a; }
a:visited	{ color:#887f7a; }
a:hover		{ color:#a99e93; text-decoration:none; }
a:active	{ color:#a99e93; }

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

em	{ font-style:normal; font-weight:bold; } /* 強調 */
strong	{ color:#ff6600; } /* より強い強調 */
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%; } /* 小さい文字 */

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

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

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

#container {
width:600px; /* コンテナの幅 */
margin-left:50px; /* 余白 */
background:url(img/bus.gif) no-repeat right 10px; /* 背景画像（赤バス） */
}

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

#header {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:10px 240px 0 0; /* 余白（上、右、下、左） */
min-height:95px; /* 高さ（画像サイズに合わせています） */
}

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

#header h1 {
margin-bottom:10px; /* 余白 */
font-size:160%; /* 文字サイズ */
}
#header h1 a {
text-decoration:none;
}

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

#header ul.menu {
width:100%; /* メニュー全体の幅 */
border-top:1px #ff3300 dotted; /* ボーダー */
border-bottom:1px #ff3300 dotted;
}
#header ul.menu li {
padding:2px 10px; /* 余白（上下、左右） */
display:inline; /* 横並べ */
}
#header ul.menu li a {
color:#333631;
text-decoration:none;
}
#header ul.menu li a:hover {
color:#ff3300;
}

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

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

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

#main {
padding-bottom:20px; /* 余白 */
}

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

#main h2,#main h3,#main h4,#main h5 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
font-size:100%;
}
#main h2 {
padding-left:18px; /* 余白 */
background:url(img/heart.gif) no-repeat left center; /* ハートアイコン */
border-bottom:1px #ff3300 dotted; /* ボーダー */
}
#main h3 {
padding-left:5px; /* 余白 */
border-left:5px #a99e93 solid; /* ボーダー */
}
#main h4 {
color:#887f7a;
}
#main h5 {
font-weight:normal;
}

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

#main div.section1 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:5px 10px; /* 余白（上下、左右） */
background:url(img/section1.png); /* 背景 */
border:2px #a99e93 solid;
}
#main div.section2 {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
padding:5px 10px; /* 余白（上下、左右） */
border-width:1px;
border-color:#ff6600 #ff6600 #ff3300 #ff3300;
border-style:solid; /* ボーダー */
}

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

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

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

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

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

#main dl {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main dt {
padding-left:10px; /* 余白 */
background:url(img/maru.gif) no-repeat left center; /* リストマーカー */
}
#main dd {
margin:2px 0 2px 10px; /* 余白（上、右、下、左） */
padding-left:10px; /* 余白 */
border-left:5px #ff6600 solid; /* ボーダー */
}

/* --- メールフォーム --- */
#main form {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
}
#main input {
background:url(img/section1.png); /* 背景 */
border:2px #a99e93 solid; /* ボーダー */
}
#main input[type="checkbox"],
#main input[type="radio"] {
background:none;
border:none;
}
#main textarea {
background:url(img/section1.png); /* 背景 */
border:2px #a99e93 solid; /* ボーダー */
}

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

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

#main ul.modori {
margin:0 0 1em 0; /* 余白（上、右、下、左） */
text-align:right; /* 右寄せ */
}
#main ul.modori li {
background:none; /* リストマーカー非表示 */
}
#main ul.modori li a {
color:#333333;
text-decoration:none;
}
#main ul.modori li a:hover {
color:#887f7a;
}

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

#footer {
margin-bottom:1em; /* 余白 */
padding:2px 5px; /* 余白 */
border-top:1px #ff3300 dotted; /* ボーダー */
border-bottom:1px #ff3300 dotted;
text-align:right; /* 右寄せ */
}

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

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

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

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

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

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