@charset "UTF-8";
/* CSS Document */




 body
 {
	background-color: #FFFFEB;
	margin: 0px auto;
	font-family:  'メイリオ', Meiryo, Verdana, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', Osaka, 'ＭＳ Ｐゴシック', sans-serif;
	color: #363636;	 /* center on ie */
 }
 
.blue {color: #00378a}	
.blue-2 {color: #00378a}	
.sky {color: #008CB4}
.sky-s {
	color: #008CB4;
	font-weight: bold;
}		
.white {
	color: #FFFFFF;	
}
.red {color: #FF0000}	

p {
	text-indent: 0px;
	margin: 0px;
	padding: 0px;
}

.text-sh{
	font-size: 14px;
	color: #333333;
	font-weight: normal;
	line-height: 1em;
	text-align: right;	
}		
.t-top {
	font-size: 11px;
	text-align: right;
	padding-bottom: 20px;
			
}
.t-top2 {
	font-size: 11px;
	text-align: right;
	padding-right: 30px;			
}
.t-top3 {
	font-size: 11px;
	text-align: right;
	padding-right: 30px;
	padding-bottom: 20px;			
}

.t-cap {
	font-size: 11px;
	text-align: right;
	line-height: 1em;
	float: right;
}
.t-left {
	font-size: 11px;
	text-align: left;
	line-height: 1.2em;
	padding-left: 150px;
	margin-right: 30px;	
}
.t-left2 {
	font-size: 11px;
	text-align: left;
	line-height: 1.2em;
	padding-left: 172px;
	margin-right: 30px;	
}

img {
    border-style:none;	
}
a img {
    border-style:none;
}
.img-r	{
	float: right;
	padding: 0px;
	margin-bottom: 30px;
	}	
	
.img-l {
	float: left;
}
.img-1-1{
	float: left;
	margin-left: 95px;
}	

.img-1-1b{
	float: left;
	margin-left: 95px;
	border: 1px solid #000000;
}		
.img-1-2b{
	float: left;
	padding-left: 25px;
	border: 1px solid #000000;
}	

.img-s {
	border-right: 1px solid #000000;
	float: left;
}
.img-b {
	border: 1px solid #000000;
	
}

.img-m2 {
	border-right: 1px solid #000000;
	margin-top: 0px;
	padding: 0px;
	top: 0px;
	margin-bottom: 93px;
}
.img-sub {
	border: 1px solid #000000;
	margin-bottom: 25px;
	margin-top: 0px;
}
.cap {
	font-size: 10px;
	text-align: right;
	line-height: 20px;
	width: 221px;
	margin-bottom: 5px;
}

.cap1 {
	font-size: 10px;
	margin-bottom: 5px;
	margin-left: 95px;
	text-align: right;
	line-height: 20px;
	width: 221px;
	float: left;
}
.cap2 {
	font-size: 10px;
	margin-bottom: 5px;
	padding-left: 33px;
	text-align: right;
	line-height: 20px;
	width: 221px;
	float: left;
}
.cap3 {
	font-size: 10px;
	margin-top: 0px;
	margin-bottom: 5px;
	
	margin-right: 30px;
	padding-top: 0px;
	text-align: right;
	line-height: 20px;
	width: 221px;
	float: right;
}
#img-box {
	width: 100%;
	background-color: #FFFFFF;
	height: 100%;
	margin-top: 1075px;
	}



dt.gif {
	
}
a:link {
	color: #00378a;
	
}
a:hover {
	color: #0033CC;
}



div#wrapper{
	background-color: #FFFFFF;
	border:1px solid #00378a;
	width: 854px;
	margin: 0px auto;
	padding: 0px;
	text-align: left;
}


	

.header-1 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_top.jpg);
	background-repeat: none;
}
.header-2 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_kokusai.jpg);
	background-repeat: none;
}
.header-3 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_risyu.jpg);
	background-repeat: none;
}
.header-4 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_kyouiku.jpg);
	background-repeat: none;
}
.header-5 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_sotugyou.jpg);
	background-repeat: none;
}
.header-6 {
	height:166px;
	width: 854px;
	background-image: url(img/hed_llink.jpg);
	background-repeat: none;
}
		

ul
   {
	width:854px;             /* リスト全体の幅 */
	height:37px;             /* リスト全体の高さ */
	list-style:none;         /* リストマークを無しにする */
	padding: 0;
	margin: 0;
	background-color: #00378a;
   }
   

/* 各項目 */
li
   {
	width:142px;             /* 項目の幅 */
	height:37px;             /* 項目の高さ */
	float:left;
	padding: 0px;
	
   }
   


/* リンク部分 */

.top a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);   /* リンク範囲の背景画像設定 */
    background-position:0px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
.top a:hover
   {
    background-image:url(img/menu.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:0px -34px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
   }

.koku a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-141px 0px;
                     /* ★↑背景画像の（-150px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.koku a:hover
   {
    background-image:url(img/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-141px -34px;
                     /* ★↑背景画像の（-150px -35px）に移動★ */
   }

.ris a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-282px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.ris a:hover
   {
    background-image:url(img/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-282px -34px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.kyo a
   {
    display:block;            /* リンク範囲をブロックに変換 */
    width:100%;               /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;              /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);   /* リンク範囲の背景画像設定 */
    background-position:-424px 0px;
                     /* ★↑背景画像の（0px 0px）の位置★ */
    background-repeat:no-repeat;  /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
    }
.kyo a:hover
   {
    background-image:url(img/menu.jpg);    /* マウスが上に来た時の背景画像設定 */
    background-position:-424px -34px;
                     /* ★↑背景画像の（0px -35px）に移動★ */
   }

.sot a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-565px 0px;
                     /* ★↑背景画像の（-150px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.sot a:hover
   {
    background-image:url(img/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-565px -34px;
                     /* ★↑背景画像の（-150px -35px）に移動★ */
   }

.link a
   {
    display:block;             /* リンク範囲をブロックに変換 */
    width:100%;                /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;               /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/menu.jpg);/* リンク範囲の背景画像設定 */
    background-position:-707px 0px;
                     /* ★↑背景画像の（-300px 0px）の位置★ */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    text-indent:-1000em;              /* リストの文字を枠外のずらす */
    text-decoration:none;             /* リストの下線を表示しない */
   }
.link a:hover
   {
    background-image:url(img/menu.jpg); /* マウスが上に来た時の背景画像設定 */
    background-position:-707px -34px;
                     /* ★↑背景画像の（-300px -35px）に移動★ */
    }
.hiyouzi
   {
    display:none;
    }

div#contents{
	width: 854px;
	margin-top: 0px;
	padding: 0px;
	background-image: url(img/left.jpg);
	background-repeat: no-repeat;
	background-color: #FFFFFF;	
}
div#contents h2{
	font-size: 22px;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 95px;
	border-bottom: 2px solid #00378a;
	color: #00378a;
	font-weight: 600;
	text-align: left;
	text-indent: 1.8em;
	line-height: 1.8em;
	background-image:url(img/sp.gif);
	background-repeat:no-repeat;
	background-position:left top;
	}






.text-1{
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 30px;
	padding-left: 65px;
	padding-right: 30px;	
}	
.text-2{
	font-size: 26px;
	font-weight: bold;
	color: #00378a;
	letter-spacing: 0.6em;
	}	

.text-2-1{
	font-size: 15px;
	line-height: 1.8em;
	padding-left: 65px;
	padding-right: 30px;
	text-align: center;
	margin-bottom: 40px;
}

	
div#main{ 
	width: 601px;
	margin-top: 0px;
	float: left;
	font-size: 12px;
	line-height: 1.6em;
	text-align: left;
		
}


div#main table {
	margin-left: 95px;
	vertical-align: top;
	font-size: 12px;
	padding-right= 30px
}

div#main2 table {
	vertical-align: top;
	font-size: 12px;
	
}


div#main text1{
	font-size: 14px;
	line-height: 1.6em;
	margin-top: 0px;
	text-align: left;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
	padding-left: 95px;
}	
.t-right-2 {
	font-size: 11px;
	
}

div#main h1{
	font-size: 16px;
	color: #00378a;
	text-align: left;
	line-height: 1.8em;
	border-top: 1px solid #00378a;
	border-bottom: 1px solid #00378a;
	font-weight: lighter;
	margin-bottom: 15px;
	
	}	


div#sub {
	width: 223px;
	float: right;
	margin-top: 0px;
	margin-right: 30px;
	padding: 0px;	
}
div#sub h3	{
	font-size: 12px;
	margin-top: 5px;
	text-align: left;
	line-height: 1.8em;
	font-weight: normal;
	margin-left: 50px;	
}div#sub h3	{
	font-size: 12px;
	margin-top: 5px;
	text-align: left;
	line-height: 1.8em;
	font-weight: normal;
	margin-left: 50px;	
}
div#sub2 {
	width: 223px;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	padding: 0px;
	
}

div#sub2 h3	{
	font-size: 12px;
	margin-top: 5px;
	text-align: left;
	line-height: 1.8em;
	font-weight: normal;
	margin-left: 50px;	
}
.kaigyou{line-height: 1.0em;}	

	

	
.text1{
	font-size: 14px;
	line-height: 1.6em;
	padding: 0  0 30 0px;
	margin-left: 95px;
	margin-right: 30px;
	text-align: left;	
}	

.text1-1{
	font-size: 14px;
	line-height: 1.6em;
	padding: 0  0 30 0px;
	margin-left: 95px;
	margin-right: 30px;
	text-align: center;	
}		
.text2{
	margin-left: 65px;
	font-size: 14px;
	line-height: 1.5em;
	background-color: #ebf7ff;
	padding-right: 30px;
	padding-top: 5px;
	text-align: left;
}
.text3{
	font-size: 12px;
	line-height: 1.6em;
	padding: 0  0 30 0px;
	margin-left: 95px;
	margin-right: 30px;
	text-align: left;	
}	
div#container{
	width: 854px;	
	float: left;
}	
.img-1{
	margin-left: 95px;
	float: left;
}


div#container h1{
	font-size: 16px;
	color: #00378a;
	text-align: left;
	line-height: 1.8em;
	border-top: 1px solid #00378a;
	border-bottom: 1px solid #00378a;
	font-weight: lighter;
	margin-bottom: 15px;
	margin-left: 0px;
	
	}			
div#container table {
	margin-left: 95px;
	font-size: 12px;
	line-height: 1.6em;
}	

table {
	margin-left: 95px;
	vertical-align: top;
	font-size: 12px;
	width: 476px;
}

tr td{  
    vertical-align: top;
	font-size: 12px;
	}
	
.m2 table {
	vertical-align: top;
	font-size: 12px;
	width: 100%;
	margin-left: 0px;
}

.m2 td{  
    vertical-align: top;
	font-size: 12px;
	}	
	
.end {
    float: right !important;
    padding-right: 0px !important;
}
.cnts {
	background-color: #E2E1F6;
	padding: 0.1em;
	text-align: center;
	vertical-align: middle;
	
}
.clearfix, col,  {
    display: inline-block;
}
.clearfix:after col:after, {
    content: ".";
    font-size: 0.1em;
    line-height: 0;
    display: block;
    height: 0;
    visibility: hidden;
    clear: both;
}
.col {
	width: 474px;
	margin-left: 95px;
	margin-right :30px;
	clear: both; /* for Dreamweaver Design View */
}
.col .box-1 {
	float: left;
	width: 232px;
	padding-right: 5px;
	margin-bottom: 10px;
}
#foot1 {
    width : 100% ; 
	background: #00378a;
	height: 30px;
	line-height: 12px;
	margin-top: 0px;
	padding-top: 7px;
	clear : both ;
	
}

#foot {
    width : 100% ; 
	background: #00378a;
	height: 30px;
	line-height: 12px;
	text-align: right;
	color: #FFFFFF;
	font-size: 10px;
	margin-top: 0px;
	padding-top: 7px;
	clear : both ;
	
}

.so table {
	border: 0px #000000 solid;
	background-image: url(img/photo_sotugyo1.gif);
	width: 728px;
	background-repeat: no-repeat;
	
}
.so td {
	font-size: 14px;
	line-height: 1.8em;
}
.so th {
	color: #008CB4;
	font-size: 24px;
	font-weight: 600;
	text-align: left;
	line-height: 1.8em;
}
.so3 table {
	border: 0px #000000 solid;
	width: 728px;	
}
.so3 th {
    font-size: 16px;
	color: #00378a;
	text-align: center;
	line-height: 1.8em;
	border-top: 2px solid #00378a;
	border-bottom: 2px solid #00378a;
	font-weight: lighter;
	
		
}
.so3 td {
    font-size: 13px;
	
}
div#main2{
	width: 754px;
	margin-top: 50px;
	font-size: 12px;
	line-height: 1.6em;
	text-align: left;
	margin-left: 50px;
	margin-right: 50px;
}

div#main2 h1{
	font-size: 22px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-bottom: 2px solid #00378a;
	color: #00378a;
	font-weight: 600;
	text-align: center;
	line-height: 1.8em;
	}	


div#main2 h2{
	font-size: 16px;
	color: #00378a;
	text-align: center;
	line-height: 1.8em;
	border-top: 1px solid #00378a;
	border-bottom: 1px solid #00378a;
	font-weight: lighter;
	margin-bottom: 15px;
	
	}		
	
div#main hr{
	margin-top: 30px;
	margin-right: 30px;
	margin-bottom: 20px;
	margin-left: 95px;
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	 border-color:#00378a;
	 height: 1px;
}


.text-m2{
	font-size: 14px;
	line-height: 1.6em;
	text-align: left;	
}	
.main2 ul
   {
	width:754px;         
	list-style-image: url(img/dot.gif);
   }

.main2 li
   {
	width:754px;            
	padding: 0px;
	
   }
   
