@charset "utf-8";

* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}
body {
font-size:95%;

font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;

color:#333333;

font-weight: 500;
}

p { line-height: 1.5em;
padding:12px 10px 20px 10px;
text-align:justify;
 }


div#pagebody {
	width:990px; margin:0 auto;	/*内容全体をセンタリング*/
	
}

a {
text-decoration:none;
color:blue;

	
}

a:hover {
	text-decoration:underline
}

a:visited{
	color:purple
}


/*メインメニュー*/

ul#menu {
	width:990px; height:50px; 	
}




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

#menu li a {
                background-color:navy;	
	color:#ffffff;		
	display:block;			
	width:110px; height:30px;	
               padding:12px 0px 0px 0px;	/*上パディング*/
	text-align:center;		
	text-decoration:none;		
}

#menu .thispage {
	background-color:#0033CC; 	/*表示中のページ*/
}


#menu li a:hover {
	background-color:#0040ff; 	
}

/* footer*/

div#footer {
	clear:both;			/*回り込みを解除する*/
	height:40px;			
	padding:0px 0px 30px 0px;	
	font-size:small;		
	text-align:center;		
}

h1{
	
display:block;
 transform: rotate(0.03deg);    /*font傾き*/
}

h1 a{
	color:#333333;

	
}


h1 a:hover{
	text-decoration:none
	
}

h1 a:visited{
	color:#333333;
}

h2 {
background: linear-gradient(transparent 70%, #a7d6ff 70%);
margin-bottom:10px;
 transform: rotate(0.03deg);    /*font傾き*/

}


h3{
position: relative;
background: #f1f8ff;
padding: 0.25em 0.5em;
margin-top:10px;
border-left: solid 1.2em #5c9ee7;
 transform: rotate(0.03deg);    /*font傾き*/
}

h4{
margin-top:20px;
 transform: rotate(0.03deg);    /*font傾き*/	
}


/*年度の区切り線*/

ul#year{
display: flex;
 justify-content: space-between;
}

#year li {
list-style-type: none;
  background-color: #fff;
  color: #000;
  flex-grow: 1;
  text-align: center;
border-left: 1px solid #333;
  border-right: 1px solid #333;
margin:0.5em 0
}

#year li+ li {
     border-left: 0;
  border-right: 1px solid #333;
}


#year li a {        
text-decoration:none;
}

/*発表リストの体裁用*/
ol {
margin: 0.5em 0 0 1.5em;
padding: 0;
}    

li{
	margin-bottom: 10px;
              font-size : 15px;
              text-align:justify;	
			  text-indent: 100em;		  
}

/*通し番号なしリストの体裁用*/

ul{
list-style-type:none;


}


/*ページジャンプ用*/
#page-top {

/*位置指定*/
position: fixed;
bottom: 30px;
right: 30px;
z-index:100;
}

#page-top a{

/*背景色*/
background-color:#a7d6ff;
/*文字色*/
color:#696969;
/*文字周り余白*/
padding:20px 5px 20px;
/*ボタンの丸み*/
border-radius:30px;
text-decoration:none;

}

/*TOPICS*/

/* ▼キャプション付き画像全体を囲むボックスの装飾 */
figure {
    display: inline-block;   /* インラインブロック化 */
    margin: 0px 5px 7px 0px; /* 外側に余白を追加(※右に5px・下に7px) */
   
}
/* ▼画像に対する装飾 */
figure img {
    display: block;          /* 余計な余白が出ないようにする */
    margin: 0px 0px 3px 0px; /* 下側にだけ3pxの余白を追加 */
}
/* ▼キャプションに対する装飾 */
figcaption {
    font-size: 0.9em;        /* 文字サイズを90%に */
    text-align: center;      /* 中身をセンタリング */
}


/*toppageの写真*/

figure.top{
text-align:center;
	display: block;
	margin-top:30px;
 margin-left: auto;
 margin-right:auto ;
 	 width: 980px;   /*写真の横幅抜いてはいけない*/
}

/*toppageの過去写真ﾘﾝｸの文字*/
p.past{ 
	font-size:small;
	text-indent:700px;
	margin-bottom:30px;
}


/*housanpin告知画像*/
div#housanpin{
    width:980px; height:auto; margin :0 auto;
    padding:30px,0,0,0;
  	background-color:#ffffff;
	background-image: url(housanpin/housanpin_back2.jpg);border-width : medium;
}

#housanpin img{
	
	text-align:center;

	
}


#housanpin h2{
padding-top:20px;
	text-align:center;	
	background:none;
	
}

#housanpin p{
	padding-left:350px;
	margin-bottom:0px
}



/*memories*/

div#subpage{
	text-align:center;
	
	
	
}

/*中央配置にしたい画像*/

div#center{
 text-align:center;
 margin-top:20px;	
margin-bottom:30px;
}

/*staff紹介ﾍﾟｰｼﾞ*/

img.staff{
	vertical-align: bottom;
	height:254px;
	width:233px;
}

table.staff{
	border: solid thin #696969; 
	border-collapse: collapse;
	margin-top:30px;
}

td.staff0{
border: solid thin #696969; 
	border-collapse: collapse;
height: 50px;	
width:230px;
text-align:center;
}

td.staff1{
border: solid thin #696969; 
	border-collapse: collapse;
height: 50px;	
width:176px;
text-align:center;
}

td.staff2{
border: solid thin #696969; 
	border-collapse: collapse;
height: 50px;	
width:500px;
text-align:left;
padding-left:10px;
}

/* ボタン2作成*/
.button2 {
 border-style: none;
	border-color: inherit;
	border-width: 0px;
	display: block;
 /*枠線はなし*/
    width:300px; /*ボタンの幅*/
    height:80px; /*ボタンの高さ*/
 background: url('housanpin/tourokubutton.png') no-repeat left top; /*使用する画像のURL*/
    background-size:contain;  /*ボタン内に収まるよう画像を縮小*/
}
.button2:hover { /*マウスが乗ったときの変化を設定*/
 top:1px; left:1px; position:relative; /*場所を少しずらす*/
 opacity:0.8; /*透過率を上げて，画像をうすくする*/
 text-decoration: none; /*文字の下線をなくす*/
}

.icon {
  vertical-align: middle;
}

img{
 -webkit-backface-visibility: hidden;
}

/*文中の文字を囲む*/
.kakomu{
	padding: 8px 8px 6px; /* 枠と文字の空間 */
	margin:0 5px; /* 枠の外の空間 */
/*	background-color:#f9f9f9;*/ /* 枠の背景色 */
	border:1px solid #777; /* 枠の線の太さ・種類・色 */
	border-radius:2px; /* 枠の角を丸くする */
	box-shadow: 1px 2px 2px #ddd; /*影をいれる*/
	font-family:inherit; /* フォントの種類を継承する */
	font-size:0.85em;	/* フォントの大きさ */
}