﻿/* ======================================== 独自作成スタイルシート */
@charset "shift_jis";
/* ---------------------------------------- [1]全体のリンク指定 */
/* 一括で全ての要素の余白をゼロに指定 */
* {
	padding: 0;
	margin: 0;
}
a:link {
	color: #0000ff;
	text-decoration: underline;
}
a:visited {
	color: #990099;
	text-decoration: underline;
}
a:hover {
	color: #ff0000;
	text-decoration: underline;
}
/* ---------------------------------------- [2]レイアウトに関する指定 */
body {
	font-size: small;
	text-align: center;
	font-family:osaka, "ＭＳ Ｐ明朝", sans-serif;
	font-weight: normal;
	padding: 0;
	margin: 0;
	background: url(img/paper_bg.gif);
}
#page {
	text-align: left;
	width: 860px;
	margin: 0 auto;
	background: url(img/paper_bg.gif);
}
#header {
	width: 830px;
	height: 280px;
	margin-bottom: 1em;
	background: url(img/mt-fuji.jpg) no-repeat bottom;
}
#title {
	width: 830px;
	height: 135px;
	margin-bottom: 1em;
  	position: relative;
  	background: url(img/fuji-header.jpg) no-repeat bottom;
}
#menu {
	float: left;
	width: 240px;
	padding: 0 20px 0 40px;
	background: url(img/) repeat-y 0 0;
}
#main {
	float: left;
	width: 530px;
	margin-bottom: 1em;
	padding: 0 0 0 20px;
	background: url(img/) repeat-y 0 0;
	line-height: 1.3em;
}
#footer {
	clear: left;
	width: 100%;
	background-color: #333333;
	color: #ffffff;
}
/* ---------------------------------------- [3]ヘッダー内の各部分指定 */
/* -- 見出しレベル1 -- */
h1 {
	font-size: 180%;
	font-weight: bold;
}
/* ---------------------------------------- [4]コンテンツ内の各部分指定 */
/* -- 見出し -- */
h2 {
	font-size: 110%;
	font-weight: bold;
	padding: 0.5em 0 0 3em;
	background: url(img/bg-h.jpg) no-repeat 0 50%;
}
h3 {
	font-size: 105%;
	font-weight: bold;
	background: url(img/bg-line.jpg) no-repeat 0 50%;
	padding: 0.5em 0 0 3em;
}
h4,h5,h6 {
	font-size: 100%;
	font-weight: bold;
	background: url(img/bg-line.jpg) no-repeat 0 50%;
	padding: 0.5em 0 0 3em;
}
h3,h4,h5,h6 { margin-top: 1em; }
/* -- 文字 -- */

/* -- 以下 リスト関係 -- */
#main ul { margin: 1em 0 0.5em 1.5em; }
#main li { margin-bottom: 0.5em; }
/* ---------------------------------------- [5]サイドバー内の各部分指定 */
/* -- カテゴリタイトル -- */
.item {
	border-bottom: 1px solid #666666;
}

/* -- リスト -- */
.list {
	list-style-type: none;
	margin: 0 0 0.5em;
}

.list li { display: inline; }
.list a {
	text-decoration: none;
	display: block;
	width: 180px;
	padding: 0.5em 0 0.5em 10px;
	background: #ccc url(img/bg-localnavi.jpg) no-repeat 0 100%;
	color: #000000;
	font-weight : bold;
	font-size : small;
}
.list a:hover {
	text-decoration: none;
	background: #333 url(img/bg-localnavi.jpg) no-repeat -200px 100%;
	color: #ffffff;
	font-weight : bold;
	font-size : small;
}
.red { color: red; }
.nvy { color: navy; }
.grn { color: green; }
.blk { color: black; }
.blu { color: blue; }
.lim { color: lime; }
.gry { color: gray; }
.ppl { color: purple; }
.aqu { color: aqua; }
.olv { color: olive; }
.slv { color: silver; }
.tel { color: teal; }
.ylw { color: yellow; }
.wit { color: white; }
/* ---------------------------------------- [6]フッター内の各部分指定 */
#footer p { text-align: center; }
}
