・ｿ@charset "UTF-8"
*{
	margin: 0;
	padding: 0;
}
/*------------繧ｿ繧ｰ------------*/
body {
	color: #303030;
	font-family: Arial;
}

h1 {
	font-size: 100%;
	margin:10px 0 0 10px;
}

h2 {
	font-size: 80%;
	margin:0 0 0 10px;
}

h3 {
	font-size: 70%;
	margin:0 0 0 10px;
}

h4 {
	font-size: 60%;
	margin:0 0 0 10px;
}

h2.m_title {
	font-size: 100%;
	margin: 20px 0 0 px;
	color: #FFFFFF;
}
h3.mobile_a{
	font-size: 120%;
	margin: 1px 0 10px 0;
}
h4.mobile_b{
	font-size: 80%;
	margin: 0px 0 10px 0;
}

p.img_title{
	font-size: 75%;
	line-height: 1.3em;
	margin: 2px 0 10px 0;
	text-align: center;
}

/*------------繝ｪ繝ｳ繧ｯ------------*/
a:link{
	text-decoration: none;
	color: #0000FF;
}
a:visited{
	text-decoration: none;
	color: #0000FF;
}
a:active{
	text-decoration: none;
	color: #0000FF;
}

ul.m_list{
	margin: 0px;
	list-style-type: none;
}

li {
	line-height: 120%;
	list-style-type: none;
}

li.menu_li{
	font-size: 85%;
	margin-bottom: 5px;

}

li.m_red{
	font-size: 85%;
	color: #FF0000;
	margin-bottom: 5px;
}

img{
	border: 0;
}

/*----繧ｹ繝ｩ繧､繝峨す繝ｧ繝ｼ----*/

.tobira_all {
	width: 752px;
	height: 200px;
}
#viewer {
	margin: 5px auto 0 auto;
	width: 800px;
	height: 205px;
	text-align: left;
	overflow: hidden;
	position: relative;
}
#viewer img {
	top: 0;
	left: 0;
	position: absolute;
}

/*----繝｡繝九Η繝ｼ繝ｬ繧､繧｢繧ｦ繝・--*/

#menu{
	width: 750px;
	margin: 0 auto;
}
/*----繝斐ャ繧ｯ繧｢繝・・繝ｬ繧､繧｢繧ｦ繝・--*/
#pickup{
	width: 750px;
	margin: 0 auto;
	padding: 10px;
}
#chugakkou, #zaikousei, #sotugyousei{
	width: 240px;
	height: 247px;
	float: left;
	background-image: url(img/m_bk.png);
	background-repeat: no-repeat;
	display: black;
}
#b_01, #b_02{
	width: 205px;
	float: left;
}
#b_01 img:hover, #b_02 img:hover{
	position: relative;
 	top: 1px;
 	left: 1px;
}
#b_03{
	width: 320px;
	float: left;
}
#b_01 img, #b_02 img, #b_03 img{
	padding: 0;
	margin: 0;
}

#mbile_text{
	width: 220px;
	float: left;
	padding-left: 5px;
}
#mbile_img{
	width: 94px;
	float: left;
	margin-top: 20px;
}

/*----繧ｯ繝ｪ繧｢-----*/
.clear{
	clear: both;
}
/*----繧､繝吶Φ繝域ュ蝣ｱ-----*/
#event{
	margin-bottom: 10px;
}
#e_title{
	margin-bottom: 10px;
}
#e_banner{
	padding: 10px;
}

#e_banner a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
/*----縺顔衍繧峨○繝ｻ驍台ｹ・ｫ朗EWS-----*/
#news{
	width: 470px;
	height :240px;
	float: left;
	border: 1px solid #999;
	margin:0px 0px 0px 50px;
	box-shadow:0px 0px 3px 0px #ccc;
	padding-bottom:10px;
	padding-left:0px;
}
#news_title{
	background-image: url(img/captionbginfo.png);
	background-repeat: repeat-x;
	height: 20px;
	line-height:20px;
	text-indent:10px;
}
#news_contents{
	padding-left: 20px;
}
#news_banner{
	padding-left: 20px;
}

#news_banner a:hover {
	position: relative;
	top: 1px;
	left: 1px;
}
#okunews{
	width: 220px;
	height :240px;
	float: left;
	border: 1px solid #999;
	margin: 0px 0px 0px 5px;
	box-shadow: 0px 0px 3px 0px #ccc;
	padding-bottom:10px; 
	padding-left:0px;
}
#okunews_title{
	background-image: url(img/captionbginfo.png);
	background-repeat: repeat-x;
	height: 20px;
	line-height: 20px;
	text-indent:10px;
}
/*----螻･豁ｴ-----*/
#rireki li{
	line-height: 120%;
	text-indent: -1.0em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}

#rireki UL{
	float: left;
	width: 220px;
	align: left;
	text-align: left;
	margin: 0px;
	padding-left: 15px;
}

#gyoji li{
	line-height: 120%;
	text-indent: -1.0em;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding-left: 0px;
}

#gyoji UL{
	float: left;
	width: 220px;
	align: left;
	text-align: left;
	margin: 0px;
	padding-left: 15px;
}

/*----メニューバー-----*/
/* リスト全体 */
ul#menu_bar
   {
    width:750px;          /* リスト全体の幅 */
    height:20px;          /* リスト全体の高さ */
    list-style:none;      /* リストマークを無しにする */
    text-align:center;    /* 文字を中央 */
    font-size:90%;       /* 文字を大きく */
    font-weight:bold;     /* 文字を太く */
    line-height:150%;     /* 行の高さを調整 */
   }

/* 各項目 */
li#menu_bar
   {
    width:100px;          /* 項目の幅 */
    height:20px;          /* 項目の高さ */
    float:left;           /* 各項目を左側から回り込み */
   }

/* リンク部分 */
a#menu_bar
   {
    display:block;          /* リンク範囲をブロックに変換 */
    width:100%;             /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;            /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(off.gif);     /* リンク範囲の背景画像設定 */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    color:#ffffff;                    /* リンク文字色 */
   }
   /* リンク部分 */
a#menu_bar
   {
    display:block;          /* リンク範囲をブロックに変換 */
    width:100%;             /* リンク範囲（幅）をリスト項目範囲全て */
    height:100%;            /* リンク範囲（高さ）をリスト項目範囲全て */
    background-image:url(img/off.gif);     /* リンク範囲の背景画像設定 */
    background-repeat:no-repeat;      /* 背景画像繰り返し表示しない */
    color:#ffffff;                    /* リンク文字色 */
   }

a#menu_bar:link
   {color:#ffffff;}                 /* まだ見ていないリンク色 */

a#menu_bar:visited
   {color:#ffffff;}                 /* 既に見たリンク色 */
 
a#menu_bar:hover
   {
    background-image:url(img/on.gif);   /* マウスが上に来た時の背景画像設定 */
    color:#4a494a;                  /* マウスが上に来た時の文字色 */
   }

/* リンク部分 */
img#menu_bar
   {display:none;}                  /* 画像２を表示しない */