@charset "UTF-8";

/* 全体  ===================================== */
*{ margin:0; padding:0;  font:normal normal normal 100%/1.5em sans-serif; }

/* 文字サイズの変更はここで出来ます↓ */
body{ 
    text-align:center; font-size:90%;  
    /* text-align:center; font-size:90%; color:#555; */
    /* background: #eee url("./background.png") repeat; */
	
}

/* ページ全体のリンク  ===================================== */
a{ text-decoration:underline; }
a:link{ color:#7070a5; }
a:visited{ color:#5a8f84; }
a:hover{ color: navy; background-color: #B0C4DE; text-decoration:none; }

/* ページの大枠設定  ===================================== */
#PAGETOP{ 
/*    width:100%; min-width:810px;
	min-height: 500px; _height: 500px; 
    width:1000px;*/
    width:1200px;
    margin:0em auto; text-align:left; padding:0;  border:0px solid #778899;
 	/*background: white url("./page.png") repeat-y;*/

}

/* ヘッダー  ===================================== */
#HEADER{ 
	display:inline-block;
	*display: inline; *zoom: 1;  /* for IE hacking*/
    margin:0; padding:0 0 0 10px; /*color:#999;*/
	/*background-color: #f1f1f1;
	background-color: #333333;*/
	/*background-image: url("./header.png");*/
	background-repeat: repeat-x;
	background-position: top left;
 	min-height: 25px; _height: 25px;
	width: 240px;
}

/* メニュー部分  ===================================== */

#MENU {
	display:inline-block;
	*display: inline; *zoom: 1;  /* for IE hacking*/
	margin:0 0 0 5px;  
	padding:0px 5px 0px 5px;
 	height: 25px;
	width: 540px;
	font-size:100%;
	text-align: center;
	vertical-align: super;
	border: 1px solid #C5C5C5;
	-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;
	-webkit-box-shadow: #778899 2px 2px 4px; -moz-box-shadow: #778899 3px 3px 6px; box-shadow: #778899 3px 3px 6px;
	/* ======= */
	background-color: #d3d3d3;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c5c5c5), color-stop(0.51, #b1b1b1), color-stop(0.50, #c5c5c5), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #c5c5c5  50%, #b1b1b1 51%, #c5c5c5  100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c5c5c5',GradientType=0 ); 
}

#MENU h2{ display:none; }

#MENU ul{
	display:inline-block;
	height: 25px;
	list-style-type:none;
	margin:0;
	padding:0px 0px 0px;
}
#MENU li {
	display:inline;
	/*width: 10em;
	width: 85px;*/
	width: 103px;
 	height: 25px;
	/*background: url("./menu_off.png") no-repeat;*/
	background-position: 0px 0px;
	border-right:1px solid #ddd;
	float: left;
	/*vertical-align:text-bottom;*/
	padding: 0px 0 0 0;
	background-color: #d3d3d3;
	/* ======= */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #c5c5c5), color-stop(0.51, #b1b1b1), color-stop(0.50, #c5c5c5), color-stop(0.00, #eeeeee));
	background: -webkit-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: -moz-linear-gradient(top, #eeeeee 0%, #c5c5c5  50%, #b1b1b1 51%, #c5c5c5  100%);
	background: -o-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: -ms-linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	background: linear-gradient(top, #eeeeee 0%, #c5c5c5 50%, #b1b1b1 51%, #c5c5c5 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#c5c5c5',GradientType=0 ); 
}
#MENU li:hover {
	background-color: #808080;
	/* ======= */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #808080), color-stop(0.51, #737373), color-stop(0.50, #808080), color-stop(0.00, #9a9a9a));
	background: -webkit-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: -moz-linear-gradient(top, #9a9a9a 0%, #808080  50%, #737373 51%, #808080  100%);
	background: -o-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: -ms-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#808080',GradientType=0 ); 
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
#MENU li a {
	/*display:inline-block;   change to inline if internel box inadequate.
	font-size: 11px; 
	width: 100%;*/
	display:inline-block;
	line-height: 25px;
	width: 99%;
	/*height: 20px;margin-top:4px;*/
	font-weight: bold;
	/*color: #B0C4DE ;*/
	color: #000 ;
	text-decoration: none; 
	/*margin-bottom: 0px;*/
	text-shadow: 1px 1px 1px #FFF;
}
#MENU li a:hover {
	color: #FFF;
	background-color: transparent;
	/*background: url("./menu_hover.png") no-repeat;
	background-color: #dcdcdc;
	
	background-position: left top;*/
	text-shadow: 1px 1px 1px #000;

}
#MENU li.menu-on {
	/*background-color: transparent; 
	background-color: #808080;*/
	
	color: #000;
	/*background: url("./menu_on.png") no-repeat;
	background-position: bottom left;*/
	background-position: 0px 0px; 
	text-decoration:none;
	text-shadow: 1px 1px 1px #FFF;
	/* ======= */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #808080), color-stop(0.51, #737373), color-stop(0.50, #808080), color-stop(0.00, #9a9a9a));
	background: -webkit-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: -moz-linear-gradient(top, #9a9a9a 0%, #808080  50%, #737373 51%, #808080  100%);
	background: -o-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: -ms-linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	background: linear-gradient(top, #9a9a9a 0%, #808080 50%, #737373 51%, #808080 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9a9a9a', endColorstr='#808080',GradientType=0 ); 
	border-top:1px solid #808080;
	border-bottom:1px solid #808080;
}
#MENU li.menu-on a {
	/*background-color: transparent; 
	background-color: #dcdcdc;*/
	
	color: #FFF;
	/*background: url("./menu_on.png") no-repeat;
	background-position: bottom left;*/
	background-position: 0px 0px; 
	text-decoration:none;
	text-shadow: 1px 1px 1px #000;
}

.clear {clear: both;} 


/* CONTENTS部分 ===================================== */
#CONTENTS{ 
	/* background: url("./shadow.png") repeat-x;*/
	background-color: #FFF;
    width:1200px;
	padding-top: 1px; 
	clear:both
}
/* 記事部分 ===================================== */
#KIZI{ 
   width:795px;
	min-height: 500px; _height: 500px;
	margin:0; padding:1px 15px 0; min-height: 400px; _height: 400px; 
	float: left;
}
.text{ margin:0 0 2em; }

/* 広告 ===================================== */
#ADS_HEAD{ 
	width:810px;
	min-height:1px;
	_height: 1px;
	text-align: center;
	padding:3px;
}
#ADS{ 
   width:350px;
	float: left;
	min-height: 100px; _height: 100px;
}
#ADS_BOTTOM{
	position:relative;
	text-align:center;
	width:77%;
	min-height: 1px;
	clear:both;
}


/* 戻りの設定 */
ul.modori{ list-style:none; margin:0; padding:0; }
ul.modori li{ list-style:none; display:block; text-align:right; margin:1em -1em 0 0; }
ul.modori li a{ display:inline; font-weight:bold; color:#7070a5; padding:0 2px; border-bottom:2px solid #ddd; text-decoration:none; }
ul.modori li a:hover{ color:#a0a0a0; border-bottom:2px solid #b8c29a; }

/* フッター  ===================================== */
#FOOTER{ 
    font: Helvetica,Arial,sans-serif; text-align:center; color:#777; margin:0; padding:0.5em 15px 1.5em; 
	width:100%;
 	/*background: #6495ED url("./footer.png") bottom left repeat-x;*/
 	background: #dcdcdc;
	margin: 5px auto 0;
}

#FOOTER h2{ display:none; }
#FOOTER a:link,#FOOTER a:visited{ color:#555; text-decoration:none; }
#FOOTER a:hover{ color:#222; text-decoration:underline; }
#FOOTER ul{ list-style:none; }
#FOOTER li{ display:inline; margin:0 0.5em; }
#FOOTER li a{ font-family:Helvetica,Arial,sans-serif; }
#FOOTER li address{ display:inline; }



/* その他　必要であれば  ===================================== */
/* 見出し */
h3,h4{ color:#426860; margin:1em 0 0.2em; font-family:Helvetica,Arial,sans-serif; letter-spacing:1px; }
h5,h6{ margin:0.8em 0 0.4em; }
h2{ font:bold 128% Helvetica,Arial,sans-serif; color:#006699; letter-spacing:1px; margin:0 0 0.5em; border-bottom:3px solid #e7eaeb;  text-align:center; }
h3{ font-size:112%; }
h4{ font-size:100%; font-weight:bold; }
h5{ font-weight:bold; }

/* 線 レイアウトには使用していません */
hr{ display:none; }
/* 画像リンクの枠線を消す */
img{ border:none; vertical-align: middle; }

/* 連絡先 */
address{ }
/* 強調 */
em{ font-weight:bold; color:#222; }
/* 最も強い強調 */
strong{ font-weight:bold; color:#222; border-bottom:2px solid #426860; }
/* 追加 */
ins{ text-decoration:underline; border-bottom:1px dotted #999; }
/* 削除 */
del{ text-decoration:line-through; }
/* 短い引用・出典 */
q,cite{ border-bottom:1px dotted #999; }
/* 上付き・下付き文字 */
sup{ font-size:84%; vertical-align:super; }
sub{ font-size:84%; vertical-align:sub; }
/* 物理的タグ・使用は極力避けましょう */
tt{ font-family:monospace; } /* 等幅 */
b{ font-weight:bold; } /* 太字 */
i{ font-style:oblique; } /* 斜体 */
big{ font-size:132%; } /* 文字大 */
small{ font-size:84%; } /* 文字小 */

/* 番号付きリスト */
#KIZI ol{ list-style-position:outside; padding:5px; margin:0 1em 0 1.5em; }
#KIZI ol li{ padding:0; }

/* 普通リスト */
#KIZI ul{ list-style:outside disc; padding:5px; margin:0 1em 0 1.5em; }
#KIZI li{ padding:0; }

/* 説明付きリスト */
#KIZI dl{ list-style-position:inside; padding:5px; }
#KIZI dt{ font-weight:bold; padding:2px 0; color:#426860; }
#KIZI dd{ padding:0 5px; margin:0 0 0 1em; border-left:3px solid #ccc; }

/* 段落 */
p{ margin:0 0 0.4em; }
/* 引用 */
blockquote{ border:1px solid #ddd; margin:0.5em 1em; padding:5px; }
/* 整形済みテキスト */
pre{ background:#eee; color:#505050; margin:0.5em 1em; padding:5px; }