@charset "Shift_JIS";
@media screen{

/* ********************************************** */
 /* カスタマイズ項目 */
 
	/* 横幅 */
	body
		{
		width: 95%;
		max-width: 1200px;
		}

/* ********************************************** */
/* 全体 */

	html
		{
		margin: 0;
		padding: 0;
		background-color: #fcfcfc;
		}
	body
		{
		margin: 0 0 0 auto;
		padding: 0;
		background: #fff url(img/border.gif) repeat-y left top;
		color: #333;
		font: medium/1.4 Helvetica, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", "ＭＳ Ｐゴシック", Sans-serif;
		}

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

	h1, h2, h3, h4, h5, h6
		{
		margin: 1em 0 0.4em;
		background-color: #eee;
		background-position: left center;
		background-repeat: no-repeat;
		font-weight: bold;
		}
	h1
		{
		margin: 0;
		padding-left: 140px;
		background-image: url(img/h1.gif);
		font-size: xx-large;
		}
	h2
		{
		margin: 0 0 0.4em 30px;
		padding-left: 110px;
		background-image: url(img/h2.gif);
		font-size: x-large;
		}
	h3
		{
		margin-left: 60px;
		padding-left: 80px;
		background-image: url(img/h3.gif);
		font-size: large;
		}
	h4
		{
		margin-left: 90px;
		padding-left: 50px;
		background-image: url(img/h4.gif);
		font-size: medium;
		}
	h5
		{
		margin-left: 140px;
		padding-left: 43px;
		background-image: url(img/h5.gif);
		background-position: 10px center;
		font-size: medium;
		}
	h6
		{
		margin-left: 170px;
		padding-left: 43px;
		background-image: url(img/h6.gif);
		background-position: 10px center;
		font-size: medium;
		}

/* ********************************************** */
/* ブロック要素 */

	p, ol, ul, dl, address, blockquote, pre, form, table, hr
		{
		margin: 0.8em 0 0.8em 140px;
		padding: 0;
		}

	/* リスト */
	li
		{
		list-style-position: outside;
		margin-left: 2em;
		}
	ol li
		{
		list-style-type: decimal;
		}
	li ol li
		{
		list-style-type: lower-roman;
		}
	ul li
		{
		list-style-type: square;
		}
	li ul li
		{
		list-style-type: disc;
		}
	dt
		{
		padding-left: 5px;
		border-left: 5px solid #ccc;
		border-bottom: 1px solid #eee;
		font-weight: bold;
		}
	dd
		{
		margin: 0.2em 0 0.2em 1em;
		padding-left: 10px;
		}
	li ol, dd ol, li ul, dd ul, li dl, dd dl
		{
		margin: 0;
		}

	/* アドレス */
	address
		{
		padding-left: 22px;
		background: url(img/address.gif) no-repeat left center;
		font-style: normal;
		}
	li address, dd address
		{
		display: inline;
		margin: 0;
		padding: 0 22px 0 0;
		background-position: right center;
		}

	/* 引用 */
	blockquote
		{
		padding: 1.2em 2em;
		border: 1px solid #eee;
		border-left: 2px solid #333;
		}
		blockquote:before
			{
			content: "引用";
			color: #999;
			font-size: x-large;
			}
	blockquote p, blockquote ol, blockquote ul, blockquote dl, blockquote address
		{
		margin-left: 0;
		}

	/* 整形済みテキスト */
	pre
		{
		overflow: auto;
		width: 70%;
		padding: 1em;
		background-color: #eee;
		}

	/* 罫線 */
	hr,
	div#PAGETOP div.text hr
		{
		display: block;
		border: 1px solid #ccc;
		background-color: #ccc;
		color: #ccc;
		}

/* ********************************************** */
/* インライン要素 */

	/* アンカー */	
	a
		{
		text-decoration: none;
		}
		a:link
			{
			border-bottom: 1px solid #369;
			color: #369;
			}
		a:visited
			{
			border-bottom: 1px solid #96c;
			color: #96c;
			}
		a:hover,
		a:active,
		a:focus
			{
			border-width: 2px;
			background-color: #eee;
			}

	/* 改行 */
	br
		{
		letter-spacing: normal;
		}

	/* 強調 */
	em
		{
		color: #c33;
		font-style: normal;
		}
	strong
		{
		border-bottom: 2px solid #cc3;
		color: #933;
		font-weight: bold;
		}

	/* 追加・削除 */
	ins
		{
		border-bottom: 2px solid #ccc;
		text-decoration: none;
		}
	del
		{
		text-decoration: line-through;
		color: #666;
		}

	/* 引用 */
	q
		{
		border: 1px solid #eee;
		border-bottom: 1px solid #ccc;
		}

	/* 参照元 */
	cite
		{
		border-bottom: 2px dotted #ccc;
		font-style: normal;
		}

	/* 画像 */
	img
		{
		border: 0;
		}
	a img
		{
		border-width: 2px;
		border-style: solid;
		}

	/* 物理要素 */
	b
		{
		font-weight: bold;
		}
	i
		{
		font-style: italic;
		}
	big
		{
		font-size: larger;
		}
	small
		{
		font-size: smaller;
		}
	tt
		{
		font-family: monospace;
		}

	/* その他 */
	code
		{
		margin: 0 5px;
		color: #339;
		}
	samp
		{
		margin: 0 5px;
		}
	kbd
		{
		margin: 0 5px;
		padding: 0 5px;
		border-top: 1px solid #ccc;
		border-left: 1px solid #ccc;
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		}
	var
		{
		font-style: italic;
		}
	abbr, acronym
		{
		cursor: help;
		}

/* ********************************************** */
/* フォーム */

	form p, form ol, form ul, form dl, form address
		{
		margin-left: 0;
		}
	fieldset
		{
		margin: 0;
		padding: 0 1em;
		border: 1px solid #ccc;
		}
	legend
		{
		color: #333;
		}

	/* テキストボックス */
	input
		{
		margin: 0.2em 0;
		}
	input[type="text"]
		{
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #ccc;
		background-color: #f6f6f6;
		color: #333;
		}
	input[type="checkbox"],
	input[type="radio"],
	input[type="button"],
	input[type="submit"],
	input[type="reset"],
	input[type="image"]
		{
		cursor: pointer;
		}
	textarea
		{
		margin: 0.2em 0;
		border-width: 0 2px 2px 0;
		border-style: solid;
		border-color: #ccc;
		background-color: #f6f6f6;
		color: #333;
		}
	select
		{
		margin: 0.2em 0;
		}

	/* ボタン */
	button
		{
		cursor: pointer;
		}

/* ********************************************** */
/* テーブル */

	table
		{
		border-collapse: collapse;
		}
	caption
		{
		text-align: center;
		}
	th
		{
		padding: 5px;
		border: 1px solid #999;
		background-color: #ccc;
		font-weight: bold;
		}
	td
		{
		padding: 5px;
		border: 1px solid #999;
		background-color: #eee;
		}

/* ********************************************** */
/* レイアウト */

	div#PAGETOP
		{
		padding: 20px 10px 5px 0;
		background: url(img/pagetop.gif) no-repeat right 5px;
		}
	div#PAGETOP hr
		{
		display: none;
		}

	div#HEADER, div#MENU, div#FOOTER, div.text
		{
		padding: 0 10px 14px 0;
		border-right: 2px solid #333;
		background-position: right bottom;
		background-repeat: no-repeat;
		}

	div#HEADER
		{
		margin-bottom: 2em;
		background-image: url(img/header.gif);
		}
	ul#PAN
		{
		margin-bottom: 0;
		padding-left: 33px;
		background: url(img/pan.gif) no-repeat left center;
		}
	ul#PAN li
		{
		display: inline;
		list-style-type: none;
		margin: 0 0 0 5px;
		padding-left: 11px;
		background: url(img/arrow.gif) no-repeat left center;
		}

	div#MENU
		{
		margin-bottom: 2em;
		background-image: url(img/menu.gif);
		}
	div#MENU ul
		{
		margin-bottom: 0;
		}
	div#MENU ul li
		{
		list-style-type: none;
		margin-left: 1px;
		padding-left: 13px;
		background: url(img/menu_off.gif) no-repeat left center;
		}
	div#MENU li.menu-on
		{
		margin: 0;
		padding-left: 14px;
		background: url(img/menu_on.gif) no-repeat left center;
		}

	div#KIZI
		{
		padding-top: 15px;
		background: url(img/kizi.gif) no-repeat right top;
		}
	div.text
		{
		margin-bottom: 2em;
		background-image: url(img/text.gif);
		}
	ul.modori
		{
		margin-bottom: 0;
		}
	ul.modori li
		{
		list-style-type: none;
		margin: 0;
		}
	ul.modori li a
		{
		display: block;
		text-indent: -9999px;
		overflow: hidden;
		width: 55px;
		height: 10px;
		margin: 0 auto;
		border: none;
		background: url(img/modori.gif) no-repeat center center;
		}

	div#FOOTER
		{
		background-image: url(img/footer.gif);
		}
	div#FOOTER ul
		{
		margin-bottom: 0;
		}

}