@charset "EUC_JP";

/*------------------------------------------

	構成

	1. 基本設定(p/br/hrも含む)
	2. リンク
	3. 見出し
	4. リスト
	5. フォーム
	6. その他のタグ要素
	7: レイアウト(#id/.class)


------------------------------------------*/

/*-----------------------------------------------------
	1. 基本設定(p/br/hrも含む)
-----------------------------------------------------*/
*{
	margin:0;
	padding:0;
	font:normal normal normal 100%/1.5 "Trebuchet MS",Arial,Helvetica,sans-serif;;
	text-decoration:none;}

html{
	}

body{
	font-size:84%;
	color:#666;
	padding:1.5em 0;
	text-align:center;
	background:#c4fc5b;/* 背景を黄緑にする場合は#c4fc5b; ピンクにする場合は #ffcab0 */}

p{
	margin-bottom:0.8em;}

br{
	letter-spacing:normal;}

hr{
	display:none;}

/*-----------------------------------------------------
	2. リンク
-----------------------------------------------------*/

a{
	font:inherit;}

a:link{
	color:#888;}

a:visited{
	color:#ccf;}

a:hover,
a:active,
a:focus{
	color:#666;}

	#KIZI a{
		text-decoration:underline;}

/*-----------------------------------------------------
	3: 見出し
-----------------------------------------------------*/
h1{
	font-size:180%;
	font-weight:bold;
	background:url(img/h1.gif) no-repeat 0% 50%;
	padding-left:40px;}

h2{
	font-size:170%;
	font-weight:bold;
	color:#ddd;}

	#KIZI h2{
		margin-left:15px;}

h3{
	font-size:110%;
	font-weight:bold;
	color:#549394;
	border-left:solid 8px #66af8f;
	padding-left:0.3em;}

	#KIZI h3{
		margin-bottom:0.2em;}

h4{
	font-size:110%;
	font-weight:bold;
	color:#888;}

	#KIZI h3{
		margin-bottom:0.2em;}

h5,
h6{
	font-weight:bold;
	text-align:center;}

/*-----------------------------------------------------
	4. リスト
-----------------------------------------------------*/
ol{
	list-style:decimal outside;
	margin:0.8em 0 0.8em 2.2em;}

ol li{
	list-style-type:decimal;
	background:url(img/line.gif) repeat-x 0% 100%;
	position:relative;}

ul{
	list-style:circle outside;
	margin:0.8em 2.2em;}

ul li{
	list-style-type:circle;}

dl{
	list-style-position:inside;
	margin:0.8em 0.5em;}

dt{
	font-weight:bold;
	font-size:105%;}

dd{
	margin-left:1.5em;}

/*-----------------------------------------------------
	5. フォーム
-----------------------------------------------------*/
form{
	}

label{
	font-size:100%;}

input,
textarea,
select{
	margin-bottom:0.3em;
	vertical-align:middle;}

input,
textarea{
	background:#ddd;
	border:solid 1px #ccc;
	color:#666;}

	input#RADIO,
	input#CHECKBOX{
		border:none;
		background:none;}

option,
optgroup{
	}

/*-----------------------------------------------------
	6. その他のタグ要素
-----------------------------------------------------*/
em{
	font-weight:bold;
	color:#734d5e;}

strong{
	font-weight:bold;
	color:#734d5e;
	background:#eee;}

ins{
	text-decoration:underline;
	color:#87b700;}

del{
	text-decoration:line-through;
	color:#ddd;}

blockquote{
	margin:0.8em auto;
	padding:0.3em 0.5em;
	background:url(img/quote.gif) no-repeat 5px 0% #eef;}

cite{
	font-style:oblique;
	border-bottom:dotted 2px #ccf;}

q{
	border:solid 1px #ccf;
	background:#eef;}

pre{
	width:90%;
	overflow:auto;
	margin:0.8em auto;
	padding:0.3em 0.5em;
	background:#eee;
	color:#66af8f;
	font-family:monospace;}

/* 物理要素(非推奨) */

b{
	font-weight:bold;}

i{
	font-style:oblique;}

big{
	font-size:110%;}

small{
	font-size:84%;}

tt{
	font-family:monospace;}

/*-----------------------------------------------------
	7. レイアウト
-----------------------------------------------------*/

/* --------------- ページの大枠 ---------------*/
#PAGETOP{
	margin:0 auto;
	text-align:left;
	background:url(img/2.gif) no-repeat 100% 0% #fff;
	width:75%;/* 横幅 元は60% */
	min-width:460px;/* 最小横幅 */
	max-width:1000px;/* 最大横幅 */}

/* --------------- ヘッダー ---------------*/
#HEADER{
	height:1px;
	padding-top:10px;
	background:url(img/1.gif) no-repeat 0% 0%;}

	#PAGETOP > #HEADER{
		height:auto;}

	/* サイトタイトル部分 */
	#HEADER h1{
		margin-left:15px;}
	
	/* パン屑 */
	ul#PAN{
		list-style:none outside;
		text-align:right;
		margin:15px;
		background:url(img/bg.gif) repeat 0% 0%;/* ストライプの画像はここで指定 */
		height:100px;}

	ul#PAN li{
		list-style-type:none;
		display:inline;
		position:relative;
		top:-50px;}

		ul#PAN li a{
			background:url(img/pan.gif) no-repeat 100% 50%;
			padding-right:10px;}

		ul#PAN li a:link,
		ul#PAN li a:visited{
			color:#ccf;}

		ul#PAN li a:hover{
			color:#666;}

/* --------------- メニュー ---------------*/
#MENU{
	width:200px; /* 元は150px */
	float:left;}

	#MENU h2{
		display:none;}

	#MENU ul{
		list-style:none outside;
		margin:0 0 0 15px;}

	#MENU li{
		list-style-type:none;
		display:inline;
		padding:0;}
		
		/* メニューのリンク設定 */
		#MENU li a{
			display:block;
			padding:0.2em 0.4em;}

		#MENU li a:link,
		#MENU li a:visited{
			background:#eee;
			color:#666;}

		#MENU li a:hover{
			background:#ddd;
			color:#fff;}

		#MENU li.menu-on a:link,
		#MENU li.menu-on a:visited{
			background:#aaa;
			color:#fff;
			text-align:right;}

		#MENU li.menu-on a:hover{
			}

/* --------------- 記事部分 ---------------*/
#KIZI{
	margin:0 0 0 200px;} /* 元は0 0 0 150px */

	#KIZI .text{
		padding:0 15px 0 30px;}

	/* 戻りの設定 */
	#KIZI ul.modori{
		list-style:none outside;
		text-align:right;
		margin:0;}

	#KIZI ul.modori li{
		list-style-type:none;}

		#KIZI ul.modori li a{
			text-decoration:none;
			padding-right:20px;}

		#KIZI ul.modori li a:link,
		#KIZI ul.modori li a:visited{
			color:#888;
			background:url(img/modori_off.gif) no-repeat 100% 50%;}

		#KIZI ul.modori li a:hover{
			color:#666;
			background:url(img/modori_on.gif) no-repeat 100% 50%;}

/* --------------- フッター ---------------*/
#FOOTER{
	clear:both;
	padding:15px 0 0;
	background:url(img/3.gif) no-repeat 0% 100%;}

	#FOOTER h2{
		display:none;}

	#FOOTER ul{
		list-style:none outside;
		text-align:right;
		background:url(img/4.gif) no-repeat 100% 100%;
		margin:0;
		padding:0 15px 10px 0;}

	#FOOTER li{
		list-style-type:none;
		display:inline;
		margin-left:10px;}

		#FOOTER li a{
			}

		#FOOTER li a:link,
		#FOOTER li a:visited{
			}

		#FOOTER li a:hover{
			}

	#FOOTER address{
		display:inline;}