@charset "shift_jis";

/*全般の設定
■colorは文字色。
■壁紙を変えたい場合、imagesフォルダに壁紙を入れて、下のimages/bg.gifのbg.gifをその画像ファイル名に変更。
-------------------------------------------------------------------------------*/
body {
	font-family: "メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 75%;
	line-height: 1.8;
	color: #819F9F;
	background: #FFFFFF url(images/bg.gif);
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
p {
	padding: 0;
	margin: 0 0 10px 0;
}
a {
	color: #486868;
}
a:visited {
	color: #819F9F;
}

a:hover {
	color: #a40000;
}

/*ＨＰ全体を囲むテーブルの設定
■ＨＰの幅を広く（狭く）したい場合、width :700px; の700の数値を変える。
■ＨＰのフチの色を変えたい場合、#819f9f部分（４箇所）を変更する。
■ＨＰの色はbackground-color: #f6fbfb; を変更する。
-------------------------------------------------------------------------------*/
table#container {
	width: 700px;
	margin-top: 1px;
	margin-right: auto;
	margin-left: auto;
	background-color: #f6fbfb;
	border-top: 10px solid #819f9f;
	border-right: 1px solid #819f9f;
	border-bottom: 1px solid #819f9f;
	border-left: 1px solid #819f9f;
}

/*サイト名の設定
■font-sizeが文字の大きさ。colorが文字色。変更してＯＫです。
-------------------------------------------------------------------------------*/
#logo {
	font-size: 30px;
	text-align: right;
	font-family: Arial;
	color: #819F9F;
	padding: 20px 15px 20px 0;
}

/*ページ下部のコピーライト表記の設定
-------------------------------------------------------------------------------*/
#footer {
	font-size: 80%;
	color: #FFFFFF;
	background-color: #819F9F;
	text-align: center;
	padding: 10px;
}
#footer a {
	text-decoration: none;
	color: #FFFFFF;
}

/*メインコンテンツ（文章が入る所）の設定。widthが横幅。
-------------------------------------------------------------------------------*/
#leftbase {
	width: 500px;
	vertical-align: top;
}
.left {
	width: 96%;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	border: 1px dotted #819F9F;
	background-color: #FFFFFF;
	padding: 0px;
	margin-bottom: 20px;
}
.left td {
	padding: 5px;
}

/*右側のメニューベース設定（※#rightと#rightbaseは基本的に変更しない事）
-------------------------------------------------------------------------------*/
#right {
	width: 100%;
}
#rightbase {
	vertical-align: top;
}
#menu {
	background-color: #d7e9e9;
	color: #819F9F;
	padding-top: 3px;
	padding-bottom: 3px;
	border-right: 15px solid #f6fbfb;
	border-bottom: 5px solid #f6fbfb;
	text-align: center;
}

/*右側のメニュー詳細設定（リンク設定）*/
#menu a {
	color: #819F9F;
	text-decoration: none;
	display: block;
}
#menu a:hover {
	color: #FFFFFF;
	background-color: #819F9F;
}

/*見出し用（colorが文字色でbackground-colorがベース色。その他は基本的に変えなくていい。）
-------------------------------------------------------------------------------*/
.midashi {
	color: #FFFFFF;
	background-color: #819F9F;
	font-weight: bold;
	padding-left: 10px;
	margin-bottom: 10px;
}