<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<head>
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 11.0.0.0 for Windows">
<META http-equiv="Content-Type" content="text/html; charset=UTF-8"/>
<META http-equiv="Content-Style-Type" content="text/css">
<title>学研労協</title>
<style type="text/css">


/*　コンテナ  */
div#container  {width: 760px;
               margin-left: auto;
               margin-right: auto}


/*　ヘッダー  */
div#header     {background-color: #017acd;
               background-image: url(hana/ume.png);
               padding: 28px 20px 150px}

div#header  h1 {margin: 0;
               color: #ffffff}


div#header  p  {color: #ffffff;
               font-size: 0.75em;
               margin: 0;
               padding-top: 3px;
               padding-bottom: 10px}


/*　パンくずリスト  */
p#bread        {font-size: 0.8em;
               margin-top: 3px;
               margin-bottom: 30px}


/*　メニュー  */
ul#menu       {font-size: 0.8em; 
               margin-top: 0;
               margin-bottom: 30px;
               margin-left: 0;
               padding-left: 0;
               height: 30px;
               background-color: #005087}

ul#menu li    {list-style-type: none;
              float: left}

ul#menu li a   {display: block;
               width: 107px;
               line-height: 30px;
               text-decoration: none;
               text-align: center;
               color: #ffffff;
               background-color: #005087;
               border-right: solid 1px #ffffff}

ul#menu li a:hover {background-color: #017acd;
             background-position: left bottom}       
                   

/*　コンテンツ  */
div#content    {width: 564px; height: 500px;
               float: right;
               margin-left: auto;
               margin-right: auto;
               margin-bottom: 25px}

div#content  h2  {background-color: #005087;
                 background-repeat: no-repeat;
                 font-size: 1.0em;
                 color: #ffffff;
                 line-height: 28px;
                 padding-left: 6px;
                 margin-top: 0;
                 margin-bottom: 0}
                

div#content  h3  {background-color: #CCCCfC;
                
                 background-repeat: no-repeat;
                 font-size: 1.0em;
                 line-height: 23px;
                 padding-left: 30px;
                 margin-top: 30px;
                 margin-bottom: 0} 

div#content  p   {font-size: 1.0em;
                 line-height: 1.6;
                 margin-top: 10px;
                 margin-left: 12px;
                 margin-right: 12px}

div#content  p#message      {margin-top: 0}


/*　サイドバー　*/
div#sidebar     {width: 166px;
                float: left;
                margin-bottom: 25px}

ul.sidemenu    {width: 166px;
               margin-top: 0}

ul.sidemenu    {font-size: 0.9em;
               margin-top: 0;
               margin-left: 0;
               padding-left: 0;
               line-height: 0}

ul.sidemenu li      {list-style-type: none}

ul.sidemenu li a    {display: block;
                    line-height: 30px;
                    text-decoration: none;
                    color: #ffffff;
                    background-color: #005087;
                    border-bottom: solid 1px #ffffff;
                    padding-left: 10px}
  

.cp_menu {background-color: #ffffff;
	max-width: 360px;
	margin: 0 auto;
	padding: 0;
}
.cp_menu a {
	display: block;
	padding: 10px;
	text-decoration: none;

	line-height: 1;
}
.cp_menu label {
	display: block;
	position: relative;
	margin: 0 0 2px 0;
	padding: 12px;
	line-height: 1;
	color: #ffffff;
	background: #1b2538;
	cursor: pointer;
}
.cp_menu label::before {
	position: absolute;
	content: '▼';
	color: #ffffff;
	right: 0.5em;
	top: 25%;
}
.cp_menu input {
	display: none;
}
.cp_menu ul {
	margin: 0;
	padding: 0;
	background: #f4f4f4;
	list-style: none;
}
.cp_menu li {
	overflow-y: hidden;
	max-height: 0;
	transition: all 0.5s;
}


/*リストが増えたらULごとに追加してください*/
#cp_menu_bar1:checked ~ #link1 li,
#cp_menu_bar2:checked ~ #link2 li,
#cp_menu_bar3:checked ~ #link3 li,
#cp_menu_bar4:checked ~ #link4 li,
#cp_menu_bar5:checked ~ #link5 li{
	max-height: 200px;
	opacity: 1;
}


p.feed      {margin-bottom: 10px}


p.feed a    {font-size: 0.75em;
            color: #444444;
            text-decoration: none;
            line-height: 30px;
            border: solid 1px #888888;
            padding: 5px}

p.feed img  {border: none;
            vertical-align: middle}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 0;
  bottom: 0;
  background: #ef3f98;
  opacity: 0.6;
  border-radius: 50%;
}
#page_top a{
  position: relative;
  display: block;
  width: 50px;
  height: 50px;
  text-decoration: none;
}
#page_top a::before{
  font-family: FontAwesome;
  content: '\f106';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}


/*　フッター  */
div#footer     {background-image: url(hana/line.png);
               background-repeat: repeat-x;
               width: 760px;
               margin-top: 0;
               padding-top: 8px;
               clear: both;
               margin-left: auto;
               margin-right: auto}

address        {font-size: 0.75em;
               font-style: normal;
               color: #000000;
               text-align: center;
               clear: both}


</style>

</head>


<body>

<!--コンテナ -->
<div id="container">


<!-- ヘッダー -->
<div id="header">
<h1>学研労協</h1>
</div>


<!-- メニュー -->
<ul id="menu">
<li><a href="index.htm"><b>TOPページ</b></a></li>
<li><a href="newsnews.htm"><b>NEWSニュース</b></a></li>
<li><a href="news.htm"><b>学研労協ニュース</b></a></li>
<li><a href="events.htm"><b>活動報告</b></a></li>
<li><a href="kokken.htm"><b>国研集会</b></a></li>
<li><a href="member.htm"><b>加盟団体</b></a></li>
<li><a href="TOPpage.htm"><b>アクセス</b></a></li>
</ul>


<!-- コンテンツ -->

<div id="content">

<h2>お知らせ</h2>


<p><img src="./hp_parts/point011_07.png"></img>  第90回メーデー開催予定‼<br>
　　労働者の祭典。労働者が団結して権利を要求する日であり、世界的に毎年5月1日がメーデーとされています。<br>
　　皆様のご参加をお待ちしています。
</div>


<!-- サイドバー　-->
<ul class="sidemenu">
<li><a href="index.htm"><b>お知らせ</b></a></li>
<li><a href="koushinn.htm"><b>更新情報</b></a></li>
<li><a href="galtukenn.htm"><b>学研労協とは?</b></a></li>
<li><a href="kicyou.htm"><b>運動の基調</b></a></li>
<li><a href="kiyaku.htm"><b>学研労協規約</b></a></li>
</ul>


<!--タグはここから--><table border="0" cellspacing="0" cellpadding="0"><tr><td align="center"><a href="http://www.rays-counter.com/"><img src="http://www.rays-counter.com/d429_f6_022/5c6e4050e2a68/" alt="アクセスカウンター" border="0"></a></td></tr><tr><td align="center" style="font-size:xx-small"><img src="http://www.rays-counter.com/images/counter_01.gif" border="0"><img src="http://www.rays-counter.com/images/counter_02.gif" border="0"><img src="http://www.rays-counter.com/images/counter_03.gif" border="0"><img src="http://www.rays-counter.com/images/counter_04.gif" border="0"><img src="http://www.rays-counter.com/images/counter_05.gif" border="0"></td></tr></table><!--ここまで-->


<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" >


<div id="page_top"><a href="#"></a></div>


<!-- フッター -->
<div id="footer">
<address>Copyright (C) Gakken Rokyou, All rights reserved.</address>
</div>


</div>
</body>
</html>