@charset "Shift_Jis";

/*===目次================================

	1. 全体（p/br/hr含）
	2. アンカー
	3. リスト関係
	4. フォーム関係
	5. その他要素
	6. 見出し
	7. レイアウト用 #ID/.class

=========================================*/


/*----------------------------------------
 1. 全体
=========================================*/

*{
	margin:0; padding:0;
	background-color: transparent; 
	font:normal normal normal small/1.6 "Century Gothic",Arial,Osaka,"ＭＳ Pゴシック",Gothic,Sans-serif;
	text-decoration:none; }

html{ 
	min-height:100%; }

body{ 
	padding-bottom:80px; 
	background:#fff url("i/body.gif") repeat-x 0% 100%;
	color:#000;
	text-align:center; }

p{
	margin:0 0 0.4em; }

br{ 
	letter-spacing:normal; }

hr{
	display:none; }

	div.text hr{
		display:block; }
	
/*----------------------------------------
 2. アンカー
=========================================*/

a{
	font:inherit; }

a:link{ 
	color:#3CB878; }

a:visited{ 
	color:#7CC576; }

a:hover{ 
	color:#3CB878;}

a:active,
a:focus{ 
	color:#999; }

	#KIZI a{ 
		text-decoration:underline; }

	#KIZI a:hover{ 
		text-decoration:none; }

/*----------------------------------------
 3. リスト関係
=========================================*/

ol{
	list-style:decimal inside;
	padding:0.5em 0px; }

ol li,
li ol li{ 
	list-style:decimal inside;}

ul{
	list-style:circle outside;
	padding:0.5em 0 0.5em 2em;}

ul li{
	list-style:circle outside; }

li ul li{
	 list-style:disc outside; }


dl{
	list-style-position:inside; 
	padding:0.3em 0; }

dt{
	margin:0.5em 0 4px; padding:0 0.5em;
	background:url("i/line.gif") repeat; }

dd{ 	
	margin:1px 0 1px 2em; }

	li p
	dd p{ 
		margin:0 0 0.25em; }

	li ol,
	dd ol{ 
		padding:0 1em; }
	li ul,
	dd ul{ 
		padding:0 1em 0 2em; }

/*----------------------------------------
 4. フォーム関係
=========================================*/

form{
	 }

	form p{ margin:0 0 0.1em; }

label{
	font-size:100%; }

input,
select,
textarea{ 
	margin:0 1px 5px 0; padding:2px;
	border:1px solid; border-color:#999 #ccc #ccc #999;
	background:#fff;
	color:#333;
	font:100%/normal Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif;
	vertical-align:middle; }

input:focus,
textarea:focus{ background:#f6f6f6; }

	input[type="button"],
	input[type="submit"],
	input[tyoe="reset"],
	input#BUTTON{ 
		padding:0 1em;
		border-color:#ccc #999 #999 #ccc;
		cursor:pointer; }

	input[type="checkbox"],
	input[type="radio"]{
		padding:0; }

option,
optgroup,
optgroup option{ 
	font-family:Osaka,Chicago,Verdana,"ＭＳ Pゴシック",Sans-serif; }

	optgroup{	
		background:#fff url("i/line.gif") repeat; 
		color:#333; }

	optgroup option{
		margin:0; padding:0 0 0 1em; 
		background:#fff;
		color:#333; 
		font-weight:normal; }

/*----------------------------------------
 5. その他要素指定
=========================================*/

ins{ 
	text-decoration: underline; }

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

img{
	border:none;
	vertical-align:bottom; }

address{ 
	color:#444; }

	#KIZI address{ 
		padding:0 30px; 
		background:url("i/add.gif") no-repeat 0 50%; }

em,
em *{ 
	font-weight:bold; }

strong,
strong *{
	background:#fff url("i/line.gif") repeat;
	color:#dd0000; 
	font-weight:bold; }

blockquote{
	margin:1em 20px; padding:0.5em 10px 0.5em 18px;
	border:1px solid #ccc; 
	background:url("i/bquote.gif") no-repeat 5px 5px; }
		
q{ 
	border:1px solid #ccc; }

cite{ 
	font-style:oblique; }

pre { 
	margin:1.3em auto; 
	border:1px solid #aaa;
	background:#eee;
	color:#333;
	font-size:12px; font-family:monospace; }

	/*長文対策（MacIE省き）\*/
	pre{
		padding:5px;
		width:93%;
		overflow:scroll; }

	#KIZI>div.text pre { 
		padding:15px;
		width:auto;
		overflow:auto; }
	/*ここまで*/ 

code,
samp,
var{ 
	font-family:monospace; }

var{
	color:#D6821F; }

dfn:before{
	content:"“"; }

dfn:after{
	content:"”"; }

kbd{
	padding:0 2px;
	border:outset 2px #ccc;
	background:#ddd;
	color:#333; font-family:monospace; }

dfn{
	}

acronym,
abbr{ 
	border-bottom:1px dotted #ccc;
	cursor:help; }


/* テーブルはご自由に装飾頂ければいいかと */
table,
td{ 
	font-size:100%; }
th{ 
	font-weight:bold; }
caption{ 
	text-align:center; }


/* 非推奨要素*/
b{ 
	font-weight:bold; }
i{ 
	font-style:oblique; }
big{ 
	font-size:large; }
small{ 
	font-size:x-small; }
tt{
	font-family:monospace; }



/*----------------------------------------
 6. 見出し
=========================================*/

h1{
	color:#3CB878;
	font-weight:bold; font-size:200%; 
	letter-spacing:1px; }

h2{
	margin:10px 18px 0; padding-left:20px;
	background: url("i/h3.gif") no-repeat 0% 50%;
	font-weight:bold; font-size:130%; }


h3{
	margin:0.4em 20px 0.3em; padding:0 5px; 
	border:solid #ddd; border-width:1px 0;
	color:#999;
	font-weight:bold; font-size:130%; 
	letter-spacing:0.25em;
	line-height:normal; }

	h3:first-letter {
		color:#3CB878; 
		font-weight:bold; font-size:100%; }

h4{ 
	margin:5px 20px;
	color:#888; 
	font-weight:bold; font-size:100%;
	text-align:center; }
 
h5,
h6{ 
	margin:5px 20px; padding:0px 8px;
	border-left:3px solid #ccc;
	color:#ccc; 
	font-weight:bold; }


	.text h2,
	.text h3,
	.text h4,
	.text h5,
	.text h6{ 
		margin-top:0.5em; 
		margin-left: -10px;
		margin-right: -10px; }


/*----------------------------------------
 7. レイアウト用 #ID .class
=========================================*/


#PAGETOP{
	text-align:center; }

#HEADER{ 
	padding-bottom:40px;
	background:#000; 
	color:#999;
	text-align:center; }
				
	#HEADER h1 {
		margin:0 auto; padding:10px 0 0; 
		text-align:left;
		width:600px; }

	#PAN{ 
		list-style-type:none; 
		margin:0 auto; padding:0;
		width:600px;
		text-align:right; }

	#PAN li{ 
		list-style-type:none;
		display:inline;
		font-size:11px; }

	#PAN li a{ 
		padding-right:8px; 
		background:url("i/pan.gif") no-repeat 100% 50%;
		font-size:11px; }

#MENU{
	padding:0 0 160px;
	background:url("i/head.gif") repeat-x 0 100%; 
	text-align:center; }


	#MENU h2{ display:none; }

	#MENU ul{ 
		margin:0 auto; padding:0; 
		width:600px;
		line-height:normal;
		text-align:right; }

	#MENU li {
		list-style-type:none;
		display:inline; }

	#MENU li a{
		position:relative; 
		font-size:12px;
		text-decoration:none; }


			#MENU li a:link, 
			#MENU li a:visited { 
				padding:4px 10px; 
				border:solid #fff; border-width:2px 2px 0;
				background:#fff;
				color:#333; }

			#MENU li a:hover,
			#MENU li a:focus{ 
				padding:4px 10px 3px;
				top:1px; 
				background:#fff url("i/foot.gif") repeat-x 0% 50%;
				color:#333; }

			#MENU li.menu-on a{ 
				text-decoration:line-through; }


#KIZI{ 
	width:600px; 
	margin:-154px auto 0;
	padding-top:30px;
	border:solid #ccc; border-width:0 1px;
	text-align:left; }


	div.text{
		margin:0 20px; padding:0.5em 10px 1em;
		border-bottom:1px solid #ddd; }

		ul.modori,
		ul.modori li{ 
			list-style-type:none;
			text-align:right; }

#FOOTER{
	margin:0 auto;
	width:600px; 
	min-height:40px; 
	border:solid #ccc; border-width:0 1px 1px; 
	background:url("i/foot.gif") repeat-x 0% 100%;
	text-align:center; }

	#FOOTER h2{ 
		display:none; }

	#FOOTER ul{ 
		list-style-type:none;
		text-align:center; }

	#FOOTER ul li{
		display:inline;
		list-style-type:none; 
		padding:0 1em; }

	#FOOTER address{ 
		display:inline; }