<!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">

</head>
<META http-equiv="Content-Style-Type" content="text/css">
<body bgcolor="#fff2cc">
<title>学研労協</title>
<style type="text/css">


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


/*　ヘッダー  */
div#header    {background-color: #fff2cc;
               background-image: url(hana/rogo003.png);
               background-repeat: no-repeat;
               padding: 80px 50px 50px}

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


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}


/*　メイン  */
div#main       {width: 950px}
              

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

div#content span {
                 display: inline-block;
                 width: 35em;
                 }

div#content  h2  {background-color: #98de58;
                 background-repeat: no-repeat;
                 font-size: 0.95em;
                 color: #0000000;
                 line-height: 30px;
                 padding-left: 6px;
                 margin-top: 0;
                 margin-bottom: 0}
                

div#content  h3  {background-color: #98de58;
                
                 background-repeat: no-repeat;
                 font-size: 0.95em;
                 line-height: 30px;
                 padding-left: 6px;
                 margin-top: 30px;
                 margin-bottom: 0} 

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

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


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


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

ul.sidemenu    {font-size: 0.95em;
               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: #419549;
                    border-bottom: solid 1px #fff2cc;
                    padding-left: 10px}


ul.sidemenu li a:hover {background-color: #419549}

ul.sidemenu ul      {margin: 0;
                    padding: 0}


ul.sidemenu ul li a {background-color: #fff2cc;
                    color: #000000;
                    border-bottom: solid 1px #ffffff;
                    line-height: 24px}


ul.sidemenu ul li a:hover {background-color: #98de58}
  

.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;
}


div.info        {width: 200px;
                border: none;
               margin-bottom: 20px}

div#sidbar p.photo    {text-align: center}

div#sidbar p    {font-size: 0.75em;
                margin: 10px 5px}


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}


div#sidebar-photo     {width: 200px;
                  float: left}

div#sidebar p. photo   {text-align: center}

div#sidebar p    {font-size: 0.01em;
                   margin: 10px 5px}


#page_top{
  width: 50px;
  height: 50px;
  position: fixed;
  right: 30px;
  bottom: 30px;
  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: 0px;
  left: 0;
  margin: auto;
  text-align: center;
}


/*　フッター  */
div#footer     {background-image: url(hana/line.png);
               background-repeat: repeat-x;
               font-size: 0.85em;
               width: 1200px;
               margin-top: 0;
               padding-top: 20px;
               height: 250px;
               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">


</ul>


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

<div id="content">


<p align="left"><b>2024年 新春旗開き</b></p>

<p align="left">
旗開きとは<br>
　労働組合で一年間の闘争を始めるにあたり年始に開く懇親会。
年末にたたんであった労働組合の旗を改めて年始に開き飾って、新年の決意を表明することから旗開きといわれています。</p>
<br>

<p align="left">
・2024.01.17　　2024学研労協新春旗開きを開催しました。　<a href="hata/2024hata2.pdf">メッセージ</a></p>


<br>
<p align="left">
<a href="hatabiraki.htm">2025年旗開き </a>　　　<a href="2023hatabiraki.htm">2023年旗開き </a>　　　
<a href="2022hatabiraki.htm">2022年旗開き </a>　　　<a href="2021hatabiraki.htm">2021年旗開き </a>　　　<a href="2017hatabiraki.htm">2017年～2020年旗開き </a>
</p>


</div>


<!-- サイドバー　-->
<ul class="sidemenu">
<ul>
<li><a href="index.htm">お知らせ</a></li>

<li><a href="galtukenn.htm">学研労協とは</a></li>


<li><a href="events.htm">活動報告</a></li>

<li><a href="kokken.htm">国研集会</a></li>
<li><a href="youkyuu.htm">財務省交渉</a></li>
<li><a href="syukusya.htm">宿舎に関する要求</a></li>
<li><a href="mede.htm">つくば中央メーデー</a></li>
<li><a href="kyoudou.htm">茨城共同運動</a></li>
<li><a href="daihyou.htm">代表者会議</a></li>
<li><a href="hatabiraki.htm">新春旗開き</a></li>
<li><a href="syuntou.htm">春闘学習会</a></li>
<li><a href="gakusyuu.htm">学習会</a></li>
<li><a href="annke-to.htm">アンケート結果報告</a></li>
<li><a href="sonota.htm">その他の活動報告</a></li>

<li><a href="newsnews.htm">NEWSニュース</a></li>

<li><a href="sonota2.htm">その他のNEWSニュース</a></li>


<li><a href="kiyaku.htm">規約</a></li>

</ul>


<div class="info">

<p class="photo"></img>
<p></p>
</div>


<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">


<p align="left">筑波研究学園都市研究機関労働組合協議会（略称：学研労協）</p><br>


<p align="left">E-meil　office@gkn-rkyo.sakura.ne.jp</p>


<address>Copyright (C) 学研労協, All rights reserved.</address>
</div>


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