@charset "Shift_JIS"; /* 文字エンコードの設定（削除不可） */

/* ********************************************** */
/* HTML要素（一部#ID） */
*	{
	margin: 0;
	padding: 0;
	color: #000000;
	font-size: 13px;
	line-height: 180%;
	font-family: "MS UI Gothic", Verdana, Osaka, sans-serif;
	border: 0;
	}

/* 基本構造 */
html	{
	background: #bbdbf3;
	}
body	{	}
div	{	}
hr	{
	display: none;
	}

/* 見出し */
h1,h2,h3,h4,h5,h6	{
	font-family: "Century Gothic", Verdana, Osaka, sans-serif;
	line-height: 110%;
	}
h1	{
	padding: 210px 0 7px;
	color: #68a4d9;
	font-size: 22px;
	font-weight: bold;
	text-align:center;
	}
h2	{
	margin: 13px 0 13px;
	padding: 5px 10px 4px;
	font-size: 16px;
	letter-spacing: 0.5em;
	text-align: left;
	background: #bbdbf3;
	}
h3	{
	margin: 16px 0 13px;
	padding: 2px 0 1px 25px;
	font-size: 16px;
	background: url(img/bg_h3.png) no-repeat 0 1px;
	}
h4	{
	margin: 15px 0 13px;
	padding: 0 0 0 20px;
	font-size: 15px;
	background: url(img/bg_h4.png) no-repeat 2px 2px;
	}
h5	{
	margin: 15px 0 0;
	font-size: 15px;
	}
h6	{
	margin: 13px 0 0;
	}

/* 段落 */
p	{
	margin: 0.5em 0.3em;
	}

/* アンカー */
a	{
	color: #007bbb;
	}
	a:link, a:visited	{	}
	a:hover, a:active	{
		color: #84b9cb;
		}
	a:focus	{	}

/* 強調・追加・削除 */
em	{
	margin: 0 2px;
	font-weight: bold;
	font-style: normal;
	}
strong	{
	margin: 0 2px;
	border-bottom: 2px solid #e9546b;
	}
ins	{
	margin: 0 2px;
	}
del	{
	margin: 0 2px;
	}

/* テーブル */
table	{
	margin: 10px 20px;
	border: 1px solid #6f4b3e;  /* ラインを消す場合…"border: 0;" */
	border-spacing: 0;
	border-collapse: collapse;
	}
th	{
	padding: 2px 4px;
	font-weight: bold;
	text-align: right;
	background: #ebf6f7;  /* 背景を消す場合…この行を削除 */
	border: 1px solid #6f4b3e;  /* ラインを消す場合…"border: 0;" */
	}
td	{
	padding: 2px 4px;
	border: 1px solid #6f4b3e;  /* ラインを消す場合…"border: 0;" */
	}

/* フォーム */
input	{
	margin: 2px;
	padding: 2px 2px;
	line-height: 17px;
	border-top: 0;
	border-right: 0;
	border-bottom: 3px double #6f4b3e;
	border-left: 0;
	}
	input#TEXT	{	}
	input#CHECKBOX	{	}
	input#RADIO	{	}
	input#BUTTON	{	}
button, input[type="button"], input[type="submit"], input[type="reset"]	{
	margin: 2px;
	padding: 1px 2px;
	color: #6f4b3e;
	line-height: 17px;
	background: #89c3eb;
	border: 1px solid #6f4b3e;
	}
textarea	{
	margin: 2px;
	padding: 1px 2px;
	border: 3px double #6f4b3e;
	}
select	{
	margin: 2px;
	border: 3px double #6f4b3e;
	}
option	{
	padding: 1px 2px;
	}
optgroup	{	}
fieldset	{
	margin: 10px 20px;
	padding: 1em;
	border: 2px dotted #6f4b3e;
	}
	legend	{
		padding: 0 5px;
		}

/* リスト */
ol	{
	margin: 0.5em 0.5em 0.5em 1.8em;
	list-style: decimal outside;
	}
	ol li	{	}
ul	{
	margin: 0.5em 0.5em 0.5em 1.4em;
	list-style: outside;
	}
	ul li	{	}
dl	{
	margin: 0.5em 0.5em 0 0.2em;
	}
	dt	{
		font-weight: bold;
		}
	dd	{
		padding: 0 1em 0.5em;
		}
ol ol, ul ol, li ol, dd ol	{
	margin: 0 0 0 1.4em;
	padding: 0;
	}
ol ul, ul ul, li ul, dd ul	{
	margin: 0 0 0 1em;
	padding: 0;
	}
ol dl, ul dl, li dl, dd dl	{
	margin: 0 0 0 0.1em;
	padding: 0;
	}
	ol dd, ul dd, li dd, dd dd	{
		margin: 0;
		padding: 0;
		border-left: none;
		}
p ol, p ul, p dl	{
	margin: 1em;
	}
ol p, ul p, dl p	{
	margin: 0 0 1em;
	}

/* アドレス */
address	{
	display: inline;
	font-style: normal;
	}

/* 引用 */
blockquote	{
	margin: 0 3em 1em;
	padding: 10px;
	background: #ebf6f7;
	border: 1px solid #6f4b3e;
	}
cite	{
	border-bottom: 1px solid #6f4b3e;
	}
q	{
	padding: 2px;
	background: #ebf6f7;
	border-bottom: 1px solid #6f4b3e;
	}

/* 整形済みテキスト */
pre	{
	width: 83%;
	margin: 0 3em 1em;
	padding: 3px 5px;
	background: #ebf6f7;
	border: 1px solid #6f4b3e;
	overflow: auto;
	}

/* 物理要素 */
b	{	}
i	{	}
big	{
	font-size: 16px;
	}
small	{
	font-size: 10px;
	}
tt	{	}

/* 省略語・頭文字 */
abbr, acronym	{
	border-bottom: 1px dotted #6f4b3e;
	}
	abbr:after, acronym:after	{
		content: "[?]";
		color: #6f4b3e;
		font-size: 10px;
		}

/* 定義語 */
dfn	{
	font-weight: bold;
	font-style: normal;
	}

/* 下付き文字・上付き文字 */
sub, sup	{
	font-size: 9px;
	}

/* イメージ */
img	{
	margin: 2px;
	border: 0;
	}

/* *********************************************** */
/* 各#ID＆.class */

body#INDEX	{	}
div#PAGETOP	{	}
div#HEADER	{
	position: absolute;  /* ヘッダーを固定する場合…"absolute→fixed" */
	left: 0;  /* ヘッダーを右側にする場合…"left→right" */
	width: 200px;
	height: 270px;
	margin: 10px 15px 0;
	background: #ffffff url(img/voice.png) no-repeat 0 0;
	border: 1px solid #68a4d9;
	}
	ul#PAN	{
		margin: 0;
		padding: 0 0 7px;
		text-align: center;
		}
		#PAN li	{
			display: inline;
			list-style: none;
			font-size: 11px;
			font-family: "Century Gothic", Verdana, Osaka, sans-serif;
			}
		#PAN a	{
			padding: 0 7px 0 0;
			color: #6f4b3e;
			font-size: 11px;
			font-family: "Century Gothic", Verdana, Osaka, sans-serif;
			text-decoration: none;
			background: url(bg_pan.png) no-repeat 100% 5px;
			}
			#PAN a:link, #PAN a:visited	{	}
			#PAN a:hover, #PAN a:active	{
				color: #84b9cb;
				text-decoration: underline;
				}
div#MENU	{
	position: absolute;  /* メニューを固定する場合…"absolute→fixed" */
	left: 0;  /* メニューを右側にする場合…"left→right" */
	width: 200px;
	margin: 290px 15px 0;
	text-align: left;
	}
	#MENU h2	{
		display: none;
		}
	#MENU ul	{
		margin: 20px 15px 0;
		padding: 0;
		text-align: left;
		border-top: 1px dotted #6f4b3e;
		}
	#MENU li	{
		margin: 0;
		padding: 1px 5px;
		list-style: none;
		border-top: 1px dotted #6f4b3e;
		}
		li#MENU01	{	}
		li#MENU02	{	}
		li#MENU03	{	}
		li#MENU04	{	}
			li.menu-on	{	}
			li.menu-on a
				{
				background: url(bg_menu.png) no-repeat 100% 50%;
				}
	#MENU a	{
		padding: 2px 4px;
		color: #6f4b3e;
		font-family: "Century Gothic", Verdana, Osaka, sans-serif;
		text-decoration: none;
		display: block;
		}
		#MENU a:link, #MENU a:visited	{	}
		#MENU a:hover, #MENU a:active	{
			color: #ffffff;
			}
div#KIZI	{
	margin: 0 0 0 230px;  /* ヘッダーとメニューを右側にする場合…"0 230px 0 0" */
	padding: 10px 30px 0;
	background: #ffffff;
	border-left: 1px solid #bbdbf3;  /* ヘッダーとメニューを右側にする場合…"border-left→border-right" */
	border-bottom: 1px solid #bbdbf3;
	}
	div.text	{
		margin: 1em 0 0;
		}
		ul.modori	{
			margin: 0;
			padding: 0 1em 1em;
			text-align: right;
			list-style: none;
			}
			.modori li	{
				display: inline;
				padding: 0 0 0 1em;
				}
			.modori a	{
				color: #6f4b3e;
				text-decoration: none;
				}
				.modori a:link, .modori a:visited	{	}
				.modori a:hover, .modori a:active	{
					color: #84b9cb;
					}
div#FOOTER	{
	margin: 0 0 0 230px;  /* ヘッダーとメニューを右側にする場合…"0 230px 0 0" */
	padding: 3px 30px 2px;
	}
	#FOOTER h2	{
		display: none;
		}
	#FOOTER ul	{
		margin: 0;
		padding: 0;
		text-align: right;
		}
	#FOOTER li	{
		display: inline;
		margin: 0 0 0 5px;
		background-image: none;
		list-style-type: none;
		}
		li#FOOTER01	{	}
		li#FOOTER02	{	}
		li#FOOTER03	{	}
	#FOOTER a	{
		color: #6f4b3e;
		font-family: "Century Gothic", Verdana, Osaka, sans-serif;
		text-decoration: none;
		}
		#FOOTER a:link, #FOOTER a:visited	{	}
		#FOOTER a:hover, #FOOTER a:active	{
			color: #ffffff;
			}


/* css by てんぷれ庵 http://www8.plala.or.jp/templan/ */
