@charset "UTF-8";
/****************************************/
/* index.htmlスペシャル			*/
/****************************************/
em {
visibility: hidden;
}
h1, h2, h3, h4, h5, h6 {
margin: 0;
padding: 0;
outline: 0;
font-weight: normal;
position: static;
border:0;
	height: auto;
font-family: Arial, Helvetica, sans-serif;
}

span {
position: static;
margin: 0;
padding: 0;
outline: 0;
font-style: normal;
font-weight: normal;
border: 0 none #ffffff;
}

.red {
color: #CC0000;
}


img {
position: static;
margin: 0;
padding: 0;
outline: 0;
font-style: normal;
font-weight: normal;
border: 0 none #ffffff;
}

/****************************************/
/* ヘッダー関連				*/
/****************************************/
#header #outline {
height: 200px;
width: 1024px;
position: relative;
z-index: 10;
left: 0px;
top: 0px;
margin-bottom:15px;
}

#header #outline p {
	width: 478px; /* 478pxで限界 */
	padding-left: 30px;
	padding-top: 0px;
	text-align: left;
	font-size: 14px;
	line-height: 18px;
	font-family: Arial, Helvetica, sans-serif;
}

#header #outline #slideshow {
position: absolute;
z-index: 30;
width: 472px;
top: 0px;
right: 30px;
}

#outline #slideshow a {
/*	width: 450px; */
}

/****************************************/
/* メイン構造				*/
/****************************************/
#main {
	background-color: #FFF;
	margin: 10px 0 0;
	padding: 0px;
	height: auto;
	width: 1024px;
	position: relative;
	top: 0px;
}

/*メイン左側*/
#main .left {
	position: relative;
	top: 0px;
	margin: 0px;
	float: left;
	height: auto;
	width: 690px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	position: relative;
	z-index: 10;
}

/*メイン右側*/
#main .right {
	margin: 0px;
	float: right;
	height: auto;
	width: 240px;
	position: relative;
	z-index: 0;
	padding-top: 0px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/****************************************/
/* メイン左側				*/
/****************************************/

/****************************************/
/* commentary				*/
/****************************************/
#commentary_wrap {
background-color: #E9F8FE;
padding: 0px;
position: relative;
z-index: 0;
top: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 20px;
margin-left: 0px;
background-image: url(../../images-e/index/etc/top.gif);
background-repeat: no-repeat;
background-position: center top;
}
#commentary {
	width: auto;
	padding-right: 20px;
}
#commentary #top_r {
	height: 15px;
	width: 690px;
	background-image: url(../../images-e/index/etc/top.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

#commentary #title_space {
	height: 120px;
	position: relative;
	z-index: 5;
	top: 0px;
}

#commentary .head {
	margin-left: 20px;
}
table.highlight tr:hover {	/* trタグにオンマウスが対象*/
   color: #000000;		/* 文字色 */
   background-color: #ffffff;	/* 背景色 */
}
#list table th {
padding-right: 10px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #CCC;
padding-bottom: 5px;
background-image: url(../images-e/index/underline_thin.gif);
background-repeat: repeat-x;
background-position: left bottom;
	padding-left: 30px;
	font-weight: normal;
	text-indent: -17px;
text-align: left;
padding-top: 3px;
}
.date {
font-style: italic;
color: #666;
padding-left: 10px;
}


#list table th.num {
	text-align: right;
	vertical-align: top;
	width: 45px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding-right: 5px;
	background-image: url(../images-e/index/underline_thin.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 2px;
}
#list table td.num {
	text-align: right;
	vertical-align: top;
	width: 45px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dotted;
	border-bottom-style: solid;
	border-right-color: #CCC;
	border-bottom-color: #CCC;
	padding-right: 5px;
	background-image: url(../../images-e/index/etc/underline_thin.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	padding-top: 2px;
}

.left #commentary_wrap #commentary #list .highlight tr .num a{
	text-decoration:none;
    color:#000000;
}

.left #commentary_wrap #commentary #list .highlight tr .num a img{
	width:36px;
	margin:3px 4px 0px -30px;
	overflow: hidden;
	float: left;
}

#commentary #list th a, #commentary #list th a:link {
	color: #0067b0;
	text-decoration: underline;
}
#commentary #list th a:hover {
	color: #0067b0;
	text-decoration: underline;
}
#list table td.name {
	text-align: right;
	padding-right: 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	background-image: url(../../images-e/index/etc/underline_thin.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
}
#commentary #list #backnumber {
	text-align: right;
}
#commentary #list #backnumber a , #commentary #list #backnumber a:link {
	color: #000;
}
#commentary #list #backnumber a:hover {
	color: #0067b0;
}
#commentary .head p {
}
#commentary #list {
	padding-left: 20px;
	padding-top: 10px;
	padding-bottom: 20px;
}
#list table td.name span {
	font-style: italic;
	color: #666;
	padding-left: 10px;
}
#commentary #list table {
	width: 100%;
	background-image: url(../../images-e/index/etc/underline_thin.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-size: 14px;
}

/****************************************/
/* 姉妹団体リンク			*/
/****************************************/
#commentary_wrap #sisters {
	height: 75px;
	margin-bottom:5 px;
	background-image: url(../../images-e/index/etc/under.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	z-index: 20;
}
#sisters ul {
	height: auto;
	width: 670px;
	padding-left: 20px;
}
#sisters li {
	float: left;
	height: 56px;
	width: 331px;
}
#sisters .jfir a , #commentary_wrap .jfir a:link {
	background-image: url(../../images-e/index/etc/sister_jfir.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	width: 313px;
	display: block;
	border: 1px solid #999;
}
#sisters .jfir a:hover {
	background-image: url(../../images-e/index/etc/sister_jfir.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	height: 54px;
	width: 313px;
	display: block;
	border: 1px solid #999;
}
#sisters .ceac a , #commentary_wrap .ceac a:link {
	background-image: url(../../images-e/index/etc/sister_ceac.gif);
	background-repeat: no-repeat;
	background-position: left top;
	height: 54px;
	width: 313px;
	display: block;
	border: 1px solid #999;
}
#sisters .ceac a:hover {
	background-image: url(../../images-e/index/etc/sister_ceac.gif);
	background-repeat: no-repeat;
	background-position: left -80px;
	height: 54px;
	width: 313px;
	display: block;
	border: 1px solid #999;
}

/****************************************/
/* e-letter				*/
/****************************************/

.e-letter {
	margin: 35px 0px 0;
	padding: 0px;
	position: relative;
	z-index: 10;
	top: 0px;
	width: 690px;
}

.e-letter h1 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	margin-bottom: 10px;
}
.left .e-letter p {
	padding-bottom: 10px;
}
.e-letter .application {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
}


input, select {
position: static;
margin: 0;
outline: 0;
vertical-align: middle;
}

.application {
position: relative;
z-index: 10;
top: 0px;
margin: 0px;
padding: 0px;
height: 35px;u7
}

.application input {
background-color: #f3f3f3;
height: 18px;
width: 350px;
border: thin solid #b3b3b3;
}

.application .text_window {
background-color: #f3f3f3;
height: 18px;
width: 330px;
border: thin solid #b3b3b3;
margin-right: 10px;
margin-top: 0px;
vertical-align: middle;
}
.application input#signup_icon {
background-color: #FFF;
background-image: url(../../images-e/index/etc/sign_up.gif);
background-repeat: no-repeat;
background-position: left top;
height: 28px;
width: 80px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
}
.application input#signup_icon:hover {
	background-image: url(../../images-e/index/etc/sign_up.gif);
	background-repeat: no-repeat;
	background-position: left -30px;
}

.application h2 a.links {
	display: inline;
	color: #000;
	background-image: none;
}
.application h2 a.links:hover {
	display: inline;
	color: #bd006d;
	background-image: none;
}

.application .e-letter_link a {
	font-size: 18px;
	font-weight: bold;
	text-decoration:underline;
}
.e-letter_link a:hover  {
	color: #bd006d;
}

/****************************************/
/* メイン 右側コンテンツ		*/
/****************************************/

/****************************************/
/* メイン 右側 新着情報			*/
/****************************************/
.right .whats_new {
	height: 250px;
	text-align: left;
}
.right .whats_new h2 {
	font-size: 12px;
	font-weight: bold;
	color: #666;
	margin: 0px;
	padding: 0px;
	border: 0px;

}
.right .whats_new dl {
	height: 180px;
	overflow: auto;
	padding-top: 5px;
}
.right .whats_new dt {
	font-size: 12px;
	color: #666;
	margin: 0px;
	padding: 0px;
	line-height: 12px;
}
.right .whats_new dd {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 12px;
	line-height: 14px;
}
.right .whats_new dd a, .right .whats_new dd a:link {
	color: #000;
	font-size: 12px;
	line-height: 14px;
	margin: 0px;
	padding: 0px;
}
.right .whats_new dd a:hover {
	color: #0067b0;
}
/*新着情報用「NEWマーク」*/
.right .whats_new dl dt .new_icon {
	float: right;
	margin-right: 10px;
	margin-top: -3px;
}
/****************************************/
/* メイン 右側 挨拶			*/
/****************************************/
.right .greetings {
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	position: relative;
	top: 0px;
	z-index: 10;
	height: auto;
	width: auto;
	background-image: url(../../images-e/index/etc/lines.gif);
	background-repeat: repeat-x;
	background-position: left top;
}

.right .greetings h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	height: 20px;
	margin-bottom: 40px;
}


.greetings p a, .greetings p a:link {
	color: #0067b0;
}
.greetings p a:hover{
	color: #F00;
	text-decoration: underline;
}
.right .greetings .img {
	float: right;
	height: 120px;
	width: 80px;
	position: relative;
	top: 0px;
	padding-left: 10px;
}
.greetings p {
	text-indent: 1;
	margin-bottom: 20px;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.greetings h1.title {
	margin-bottom: 5px;
	font-weight: bold;
}
.right .greetings h5 {
	background-color: #CCCCCC;
	padding: 3px;
	font-size: 14px;
	text-align: left;
}


/****************************************/
/* 活動報告				*/
/****************************************/

#activities_section {
	clear:both;
	margin: 0px;
	padding: 20px;
	position: relative;
	z-index: 10;
	top: 0px;
}
#activities_section h2 {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-bottom: 5px;
	margin-bottom: 10px;
}

#activities_section #backnumber {
height: 32px;
text-align: left;
position: absolute;
left: 145px;
top: 0px;
width: 180px;
z-index: 30;
text-align: left;
width: 142px;
margin: 0px;
position: absolute;
z-index: 30;
left: 850px;
top: 15px;
height: 32px;
}

#activities_section #backnumber a, #activities_section #backnumber a:link {
	background-image: url(../../images-e/index/topics_backnumber.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
width: 142px;
font-size: 8px;
margin: 10px;
}
#activities_section #backnumber a:hover{
background-position: left bottom;
}

.archive-container{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}

article.activities{
	margin: 1em 0;
	width: 31%;
}

#activities_section .activities .photo {
	margin-bottom: 5px;
}

#activities_section .activities .cont {
}

#activities_section .activities .cont p {
	text-indent: 1em;
	padding: 0 5px 10px;
}
.activities .cont h3 {
	padding: 5px 0;
	color: #0067b0;
	text-align:left;
}
#activities_section .activities .cont .date {
	font-size:0.9em;
}
.activities .cont p a, .activities .cont p {
	text-align: left;
}
.activities .cont p a, .activities .cont p a:link {
	color: #0067b0;
}
.activities .cont p a:hover {
	color: #FF0000;
	text-decoration: underline;
}
.activities .cont .sub_link a, .activities .cont .sub_link a:link {
	font-size: 15px;
	line-height: 25px;
	color: #000;
	text-decoration: underline;
}

.activities .cont p a, .activities .cont .optionlink{
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}

.activities .cont .firstoption,
.activities .cont .secondoption,
.activities .cont .thirdoption {
	width:47%;
}


activities .cont .sub_link a:hover {
	text-decoration: underline;
	color: #F00;
}
#activities_section .new_icon {
	vertical-align: middle;
	margin-left: 3px;
}