@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Hind+Guntur:400);
/* 色 */
/* 
濃ピンク　#bb0322
ピンク　#dd3366
淡ピンク　#ffb6b9
淡淡ピンク　#ffe2e3
トップへ＆ハンバーガー　#66172d
リンク　#dd3366
リンク済み　#992233

濃グリーン　#009988
グリーン　#2db588
淡グリーン　#8dd9bf
淡淡グリーン　#c6f7e5
トップへ＆ハンバーガー　#17664c
リンク　#2db588
リンク済み　#229972

本文　#252525
	*/

/* リンク
----------------------------------------------------------- */
a,a:link,a:active,a:hover{
color:#2db588;
}
a:hover{
background-color:#f3ffe6;
}
a:visited{
color:#229972;
}
/*  リンク：hover */
	a:hover[target="new"], a:hover[target="new2"],a:hover[href$=".pdf"] , 
		a:hover[href$=".doc"]	 , a:hover[href$=".docx"]	 , a:hover[href$=".xls"] , 
		a:hover[href$=".zip"] , a:hover[href ^="mailto:"]{
	background-color:#f3ffe6;
}

/*見出し
----------------------------------------------------------- */
h1{
background-color:#8dd9bf;
}
h1 .top-h1{
color:#c6f7e5;
}
h1 .bottom-h1{
color:#17664c;
}
h2{
border-bottom:4px solid #8dd9bf;
}
h2::after {
border-bottom:4px solid #2db588;
}
h3{
border-bottom:4px solid #8dd9bf;
}

/*リスト
----------------------------------------------------------- */
.list li::after{
	background-color: #009988;
}
.list li ul li::after{
	background-color: #8dd9bf;
}

/*テーブル
----------------------------------------------------------- */
th{
border-right:4px solid #009988;
}
.meeting_box , .thesis_box , .reading_box{
border-collapse: separate;
border-spacing: 0px;
}
.meeting_box th , .thesis_box th , .reading_box th{
padding:10px 20px 10px 5px;
border:none;
border-bottom:2px solid #009988;
white-space:normal;
}
.reading_box .date{width:10%;}
.date{width:15%;}
.place{width:15%;}
.name{width:15%;}

.meeting_box td , .thesis_box td , .reading_box td{
padding:10px 20px 10px 5px;
border-bottom:1px dotted #009988;
}
.meeting_box tr:last-child td , .thesis_box tr:last-child td , .reading_box tr:last-child td{
border-bottom:2px solid #009988;
}

/*ヘッダー
----------------------------------------------------------- */
.header-lab , .header-lab-sub{
position: relative;
margin: 0px;
padding: 0px;
background: #8dd9bf;
}

.head-lab-h1{
width:960px;
margin: 0px auto;
padding: 20px 20px 0px 0px;
text-align: left;
background: #8dd9bf;
}
.head-lab-h1 a , .header-lab-sub .head-lab-h1 a{
background: transparent;
border:none;
}
.header-lab-sub .head-lab-h1{
padding: 25px 10px 0px 0px;
}
.lang-en-lab{
position: absolute;
	top:0;
width: 100%;
margin: 0px;
padding: 82px 20px 0px 0px;
text-align:right;
background: #fff;
color: #dd3366;
}
.header-lab-sub .lang-en-lab{
padding: 65px 20px 0px 0px;
}
.head-lab-h1 img{
position: relative;
width: 500px;
z-index: 1;
}
.header-lab-sub .head-lab-h1 img{
width: 320px;
}

/*フッター
----------------------------------------------------------- */
.footer {
background: #8dd9bf;
color:#17664c;
}


/*トップページ
----------------------------------------------------------- */
.contents__topphoto{
background: #fff;
}
.contents__top{
background: #fff;
}

/*オーバーレイ
----------------------------------------------------------- */
.side-open .overlay {
visibility: visible;
cursor: pointer;
background: rgba(0,153,136,.5);
}


/*サイドメニュー
----------------------------------------------------------- */
.side-menu__ul--child li a {
color: #00554c;
}
.side-menu__ul > li h2 {
color: #00554c;
border-top:2px dotted #17664c;
}
.side-menu__ul > li h3 {
color: #00554c;
}
.side-menu__ul > li h3.side-menu__li-kenkyu {
color: #00554c;
}
.side-menu__ul--childchild > li a{
color: #00554c;
}
.side-menu__ul > li > a{
color: #00554c;
border-top:2px dotted #17664c;
}
.side-menu__ul--child li.topline a{
border-top:2px dotted #17664c;
}
.side-menu__ul > li.nav__last > a{
border-bottom:2px dotted #17664c;
}
.side-menu__ul > li > h2:after {
color: #00554c;
}
.side-menu__ul > li > h2:hover,
.side-menu__ul > li a:hover {
background: #d9f2ea;
color: #00554c;
}

/* --------------------------------------------------- ellipsis btn */
.ellipsis-v .point {
background: #17664c;
}

.side-open .side-menu-btn:hover .top,
.side-open .top {
background: #2db588;
}

.side-open .side-menu-btn:hover .bot,
.side-open .bot {
background: #2db588;
}
.side-menu-btn:hover .top,
.side-menu-btn:hover .mid,
.side-menu-btn:hover .bot
{
background: #009988;
}


/* --------------------------------------------------- go to Top */
#gotoTop a {
	background-color: #17664c;
}