/* ======================================== サイト全体に適用*/
* { /* 全ての要素の間隔・余白を０へ */
margin:0;
padding:0;
}

body {
	width: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 96%;
	color: #333;
	line-height: 130%;
	letter-spacing: 0.05em;
	text-align:center;
	background-color: #fafafa;
	font-family:"メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","HIragino Kaku Gothic Pro W3","HIragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS P Gothic",sans-serif;
}


/* ---------    画像ボーダー指定　　----------- */
 
img { 
	border: none;
}

/* ---------    リンク指定　　----------- */

a:hover img {
	-moz-opacity:0.8;
	opacity:0.8;
	filter: alpha(opacity=80);
}
a:hover img.normal {
	-moz-opacity:1;
	opacity:1;
	filter: alpha(opacity=100);
} 

a:link{	
	color:#154613;
	text-decoration: none;
}
a:visited{
	color:#154613;
	text-decoration:none;
}	   
a:hover{
	color:#b88321;
	text-decoration:underline;
}	   
a:active{
	color:#b88321;
	text-decoration:underline;
}

/* ---------    マージン指定　　----------- */

.mt_5 {
	margin-top:5px;
}
.mt_10 {
	margin-top:10px;
}
.mt_20 {
	margin-top:20px;
}
.mt_30 {
	margin-top:30px;
}
.mt_40 {
	margin-top:40px;
}
.mt_50 {
	margin-top:50px;
}
.mb_5 {
	margin-bottom:5px;
}
.mb_10 {
	margin-bottom:10px;
}
.mb_20 {
	margin-bottom:20px;
}
.mb_30 {
	margin-bottom:30px;
}
.mb_40 {
	margin-bottom:30px;
}
.mb_50 {
	margin-bottom:50px;
}
.mr_5 {
	margin-right:5px;
}
.mr_10 {
	margin-right:10px;
}
.mr_20 {
	margin-right:20px;
}
.mr_30 {
	margin-right:30px;
}
.mr_50 {
	margin-right:50px;
}
.ml_5 {
	margin-left:5px;
}
.ml_10 {
	margin-left:10px;
}
.ml_20 {
	margin-left:20px;
}
.ml_30 {
	margin-left:30px;
}
.ml_40 {
	margin-left:40px;
}

/* ---------    インデント　　----------- */
.indent25em {
	padding-left:2.5em;
	text-indent: -2.5em; 
}
.indent55em {
	padding-left:5.5em;
	text-indent: -5.5em; 
}

/* ---------    横幅指定　　----------- */
.w_1 {
	width:1em;
}
.w_2 {
	width:2em;
}
.w_3 {
	width:3em;
}
.w_4 {
	width:4em;
}
.w_5 {
	width:5em;
}
.w_6 {
	width:6em;
}
.w_7 {
	width:7em;
}
.w_8 {
	width:8em;
}
.w_9 {
	width:9em;
}
.w_10 {
	width:10em;
}
.w_11 {
	width:11em;
}
.w_15 {
	width:15em;
}
.w_20 {
	width:20em;
}

/* ---------    レイアウト指定　　----------- */
.float_right { 
	float: right; 
	clear:both;
}
.float_left {
	float: left;
	clear:both;
}
.middle {
vertical-align: middle;
}
.clear {
	clear:both;
}

/* ---------    文字指定　　----------- */

p {
}
p.right {
	text-align:right;
}
p.center {
	text-align:center;
}
.color_red {
	color: #e00109;
}
.color_brown {
	color: #a02000;
}
.color_white {
	color: #ffffff;
}
.color_black {
	color: #000000;
}
.color_green {
	color: #336600;
}
.bold {
	font-weight: bold;
}
.font_180 {
	font-size:180%;
}
.font_150 {
	font-size:150%;
}
.font_130 {
	font-size:130%;
}
.font_120 {
	font-size:120%;
}
.font_110 {
	font-size:110%;
}
.font_100 {
	font-size:100%;
}
.font_90 {
	font-size:90%;
}
.font_80 {
	font-size:80%;
}
.font_70 {
	font-size:70%;
}
.font_60 {
	font-size:60%;
}

/* ---------    見出し指定　　----------- */

h1{ /* 大見出し */
	text-align:right;
}
h2{ /* 中見出し */
	padding:10px 40px 0px 20px;
	margin-top:30px;
	background: url(../images/common/h2.gif) no-repeat top;
	height:30px;
	color:#282828;
	font-weight:bold;
	font-size:140%;
	clear:both;
}
h3{ /* 小見出し */
	padding:4px 5px 0px 15px;
	margin-top:20px;
	background: url(../images/common/h3.gif) no-repeat top;
	height:22px;
	color:#fff;
	font-weight:normal;
	font-size:110%;
	clear:both;
}
/* ========================================  #wrapper 全体 */

#wrapper {
	width: 870px;
	margin:0 auto;
	background-color:#FFF;
	border:#ececec 1px solid;
	border-bottom:none;
	border-top:none;
}

/* ========================================  #header ヘッダー */

#header {
	width: 870px;
	height:77px;
	background: url(../images/common/header_title.gif) no-repeat ;
	margin:0 auto;
}
#header span{
	display:none;
}

#header_rignt { /* ヘッダー右 */
	float:right;
	width:340px;
	height:40px;
	position: relative;
	background: url(../images/common/header_right.gif) no-repeat ;
}
#header input {
	line-height: 22px;
}
#header #searchtext {
	background-image: url(../images/common/header_search_form.gif);
	height: 22px;
	width: 185px;
	border-style: none;
	border-width: 0px;
	position: absolute;
	left: 13px;
	top: 8px;
}
#header #submit_btn {
	background-image: url(../images/common/header_search_btn.gif);
	background-color: #ffffff;
	width: 35px;
	height: 22px;
	border: none;
	cursor: pointer;
	position: absolute;
	left: 198px;
	top: 8px;
	font-size:1%;
}

#header a#english {
	width: 65px;
	height: 22px;
	position: absolute;
	left: 248px;
	top: 8px;
}

#header_menu {	/* ヘッダーメニュー */
	clear:both;
	float:right;
	width:340px;
	text-align:left;
	padding-top:2px;
	line-height:100%;
	letter-spacing:0.1em;
}
#header_menu li {
	list-style:none;
	display:inline;
	background:url(../images/common/arrow_001.gif) no-repeat left;
	padding-left:17px;
	margin-left:3px;
	font-size:80%;
}
#header_map {	/* ヘッダーメニュー */
	clear:both;
	float:right;
	width:340px;
	text-align:left;
	padding-top:0px;
	line-height:100%;
	letter-spacing:0.1em;
}
#header_map li {
	list-style:none;
	display:inline;
	background:url(../images/common/arrow_001.gif) no-repeat left;
	padding-left:17px;
	margin-left:3px;
	font-size:80%;
}

/* ========================================  #menu メインメニュー */

#menu {
	float:left;
	margin-top:-120px;
	margin-left:-31px;
	width:216px;
	margin-bottom:20px;
}

#menu li {
	list-style:none;
	float: left;
}
#menu li a {
	display: block;
}
#menu li.menu_head { height:20px;}
#menu li.menu_001 { background: url(../images/common/menu_001_on.gif) no-repeat; }
#menu li.menu_002 { background: url(../images/common/menu_002_on.gif) no-repeat; }
#menu li.menu_003 { background: url(../images/common/menu_003_on.gif) no-repeat; }
#menu li.menu_004 { background: url(../images/common/menu_004_on.gif) no-repeat; }
#menu li.menu_005 { background: url(../images/common/menu_005_on.gif) no-repeat; }
#menu li.menu_006 { background: url(../images/common/menu_006_on.gif) no-repeat; }
#menu li.menu_007 { background: url(../images/common/menu_007_on.gif) no-repeat; }
#menu li.menu_008 { background: url(../images/common/menu_008_on.gif) no-repeat; }
#menu li.menu_009 { background: url(../images/common/menu_009_on.gif) no-repeat; }
#menu li.menu_010 { background: url(../images/common/menu_010_on.gif) no-repeat; }
#menu li.menu_011 { background: url(../images/common/menu_011_on.gif) no-repeat; }
#menu li.menu_012 { background: url(../images/common/menu_012_on.gif) no-repeat; }
#menu li.menu_013 { background: url(../images/common/menu_013_on.gif) no-repeat; }
#menu li.menu_014 { background: url(../images/common/menu_014_on.gif) no-repeat; }
#menu li.menu_015 { background: url(../images/common/menu_015_on.gif) no-repeat; }
#menu li.banner_001 { background: url(../images/common/banner_001_on.jpg) no-repeat; margin-top:20px; }
#menu li.banner_002 { background: url(../images/common/banner_002_on.jpg) no-repeat; margin-top:10px; }
#menu a:hover img { visibility: hidden;}
#menu li.menu_foot { height:12px; margin-top:-3px;}

/* ========================================  #navi パンクズ*/

#navi {
	width:675px;
	height:18px;
	text-align:left;
	background: #efefef;
	padding-left:195px;
	font-size:80%;
}

/* ========================================  #main メイン */

#main {
	float:right;
	margin-right:20px;
	margin-bottom:30px;
	width:630px;
	text-align:left;
	font-size: 85%;
}

#main a:link{	
	color:#003a88;
	text-decoration:underline;
}
#main a:visited{
	color:#003a88;
	text-decoration:underline;
}	   
#main a:hover{
	color:#0082d1;
	text-decoration:underline;
}	   
#main a:active{
	color:#0082d1;
	text-decoration:underline;
}

#main p { /* 本文の段落 */
	margin:1em 0.5em 1em 0.5em;
	line-height:150%;
}
#main ul{ /* 本文のリスト */
	margin:20px 0px 20px 0px;
}
#main ul li{ /* 本文のリスト */
	margin:0px 5px 10px 10px;
	background: url(../images/common/arrow_002.gif) no-repeat ;
	padding-left:18px;
	list-style:none;
}
#main ol{ /* 本文のリスト */
	margin:20px 0px 20px 0px;
}
#main ol li{ /* 本文のリスト */
	margin:0px 5px 10px 30px;
}

/* ========================================  #footer 画面下部 */

#footer {
	clear: both;
	width: 870px;
	height:150px;
	margin:0 auto;
	line-height:100%;
	background: url(../images/common/footer_bg.gif) no-repeat top;
	text-align:left;
	font-size:70%;
}
#footer ul {
	margin:25px 0 0 20px;
}
#footer li {
	list-style:none;
	line-height:1.5em;
}

#footer_menu_01, #footer_menu_02, #footer_menu_03{ /* メニュー */
	float:left;
	height:107px;
	background:url(../images/common/footer_line.gif) no-repeat right top;
}
#footer_menu_01{ /* メニュー左 */
	padding-left:10px;
	width:130px;
}
#footer_menu_02{ /* メニュー中 */
	width:130px;
}
#footer_menu_03{ /* メニュー右 */
	width:160px;
}
#footer_menu_04{ /* このサイトの運用について */
	float:right;
	margin:107px 30px 0 0;
	padding-left:17px;
	background:url(../images/common/arrow_001.gif) no-repeat left;
}

#footer_copyright { /* コピーライト */
	clear: both;
	color:#838383;
	text-align:center;
}

/* ========================================  そのほか個別設定 */

/* ---------    トップページ(メッセージ)　　----------- */

#index_message {
	padding:10px;
	width:604px;
	margin:20px 0 0 0;
	border: 3px #99cc00 solid;
	background:url(../images/index_002.jpg) top #e3efbd;
}
/* ---------    トップページ(おしらせ)　　----------- */

#index_news dt{
	float:left;
	width:85px;
	padding:0em 0.5em 0em 1em;
	font-size:90%;
	background: url(../images/common/arrow_002.gif) no-repeat;
}
#index_news dd{
	float:left;
	width:520px;
	padding:0em 0.5em 1.5em 0;
	background: url(../images/common/line_001.gif) no-repeat bottom;
}

/* ---------    テーブル01　　----------- */

.table_01 {
	width:620px;
	margin-left:5px;
	border-collapse: separate;
	border-spacing:1px;
	background-color:#CCC;
}
.table_01 th {
	text-align: left;
	padding: 5px;
	background:url(../images/common/bg_001.gif);
	vertical-align:top;
}

.table_01 td {
	text-align: left;
	padding: 5px;
	background-color: #fbfbfb;
}

.table_01 th.center,
.table_01 td.center {
	text-align: center;
	vertical-align: middle;
}

.table_01 th.midashi {
	padding: 16px 0;
	text-align: center;
	background: #333;
	color: #fff;
}

/* ---------    テーブル02　　----------- */
.table_02 {
	width:620px;
	margin-left:5px;
	border-collapse: separate;
	border-spacing:1px;
	background-color:#CCC;
}
.table_02 th {
	text-align: center;
	padding: 5px;
	background:url(../images/common/bg_001.gif);
	vertical-align:top;
}

.table_02 td {
	text-align: center;
	padding: 5px;
	background-color: #fbfbfb;
}

.width80 {
	width: 80%;
}


/* ---------    枠　　----------- */

.box {
	padding:10px;
	width:598px;
	margin-left:5px;
	border: 1px #99cc00 dotted;
}
.box_02 {
	padding:10px;
	width:596px;
	margin-left:5px;
	border: 2px #99cc00 solid;
	margin-top:20px;
}
.box_03 {
	padding:10px;
	width:596px;
	margin-left:5px;
	border: 2px #0088d7 solid;
	margin-top:20px;
}
/* ---------    ふせん　　----------- */

.lavel_01 {
	background:url(../images/common/bg_001.gif);
	border-left:solid #0088d7 10px;
	width:430px;
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
}
.lavel_02 {
	background:url(../images/common/bg_001.gif);
	border-left:solid #ff6600 10px;
	width:575px;
	padding:5px;
	margin-bottom:10px;
	font-weight:bold;
}
/* ---------    q&a　　----------- */

.qa_q {
	background:url(../images/common/qa_q.jpg) no-repeat top left;
	padding-left: 35px;
	padding-bottom: 3px;
	font-weight:bold;
	font-size:110%;
	color:#610000;
}
.qa_a {
	background:url(../images/common/qa_a.jpg) no-repeat;
	padding-left:35px;
	padding-bottom: 3px;
}
/* ---------    教育への取り組み(メニュー)　　----------- */

#education_left,#education_right{
	float:left;
	width:290px;
	margin:20px 0px 0px 0px;
}
#education_left ul li,#education_right ul li {
	list-style:none;
	float: left;
	background-image:none;
	height:37px; 
}
#education_left li.sub,#education_right li.sub {
	margin-top:-10px;
	height:36px; 
}
/* ---------    トップページメイン画像　　----------- */
#top_main {
	text-align:left;
	background:url(../images/index_001.gif);
	height:233px;
	width:870px;
}
#top_main ul {
	padding:30px 0 0 355px;
	color:#0000ff;
	letter-spacing:0em;
	text-shadow: 0 0 1px #FFF,0 0 2px #FFF,0 0 3px #FFF;
}
#top_main li {
	line-height:170%;
	list-style:none;
	background:url(../images/common/arrow_003.gif) no-repeat left;
	padding-left:28px;
}
#top_main a:link{	
	color:#0000ff;
	text-decoration: none;
}
#top_main a:visited{
	color:#0000ff;
	text-decoration:none;
}	   
#top_main a:hover{
	color:#0000ff;
	text-decoration:underline;
}	   
#top_main a:active{
	color:#0000ff;
	text-decoration:underline;
}
#top_main span {
	font-size:125%;
	color:#228b22;
}