@charset "utf-8";

body {font-family: "Local Noto Sans JP", "Noto Sans JP", sans-serif;font-size: 16px;line-height: 1.8;color: #000;min-width: 1000px;}

// <weight>: Use a value from 100 to 900
// <uniquifier>: Use a unique and descriptive class name
.noto-sans-jp-<uniquifier> {
  font-family: "Noto Sans JP", sans-serif;
  font-optical-sizing: auto;
  font-weight: <weight>;
  font-style: normal;
}

a {color: #0071bc;text-decoration: underline;}
a:hover {text-decoration: none;}
h1 {font-size: 32px;text-align: center;line-height: 1.4 !important;padding-bottom: 20px;margin-bottom: 50px;font-weight: 500;}
h2 {padding: 12px 0 8px;margin: 50px 0 35px;font-size: 26px;line-height: 1.4;border-top: solid 2px #67adbd;border-bottom: solid 1px #CCC;font-weight: 500;}
h3 {margin: 35px 0 25px;font-size: 24px;font-weight: normal;line-height: 1.5;font-weight: 500;}
h4 {margin: 25px 0 15px;font-size: 22px;font-weight: bold;line-height: 1.5;color:#00758f;font-weight: 800;}
table {width: 100%;margin-bottom: 25px;}
table th {border: 1px solid #ccc;background: #F2F2F2;padding: 15px 20px;font-weight: 500;text-align: left;vertical-align: top;}
table td {border: 1px solid #ccc;padding: 15px 20px;vertical-align: top;}
ul {margin-bottom: 25px;}
ul li {background: url("../images/common/iconList.png") no-repeat 0 10px;background-size: 8px 8px;padding-left: 15px;}
ol {margin: 0 0 25px 26px;}
ul li + li,
ol li + li {margin-top: 10px;}
p {margin-bottom: 25px;}
iframe {border: none;}
hr {height: 1px;border: none;border-top: 1px dotted #ccc;margin: 40px 0;}
a:hover img {filter: Alpha("opacity=80");opacity: 0.8;}
.mw640 {max-width: 640px;height: auto;}

img.w100 {width: 100%;height: auto;}

.borderbox {border: solid 1px #CCC;padding: 20px;}
.borderbox img {width: 100%;height: auto;}


/*__________ SP __________*/
@media screen and (max-width: 767px) {
	body {min-width: 320px;}
	h1 {font-size: 28px;}
	h2 {font-size: 20px;}
	h3 {font-size: 18px;}
	h4 {font-size: 16px;}
	table th {padding: 10px 10px;font-size:14px;}
	table td {padding: 10px 10px;font-size:14px;}
}


/*____________________ WRAP ____________________*/
#wrap {position: relative;}


/*____________________ HEADER-FOOTER ____________________*/
header ul li {background: none;padding-left: 0;}
header ul,
header ul li + li, 
header p, 
footer p {margin: 0;padding: 0;}
header {padding-bottom: 1px;box-shadow: 0px 0px 10px #ccc;}
#headArea {width: 1000px;margin: 0 auto;padding: 20px 0;}
#headArea h1 {font-weight: 800;font-size: 22px;line-height: 1.4 !important;margin: 0;padding: 0;}
#headArea h1 span {font-size: 12px;color: #666 !important;display: block;font-weight: normal;}
#headArea p {text-align: center;}
#headArea p.logo a {font-weight: 800;font-size: 22px;border-bottom: 0;line-height: 1.4 !important;margin-bottom: 0;padding-bottom: 0;color: #333 !important;text-decoration: none;text-align: center;}
#headArea p.logo a span {font-size: 12px;color: #666 !important;display: block;font-weight: normal;}
#headArea p.logo a:hover {filter: Alpha("opacity=80");opacity: 0.8;/* For IE 8 */-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";}
#headArea p#homeBtn {width: 100px;margin: 20px auto 0;}
#headArea p#homeBtn a {border: 1px solid #00758f;background: #FFF;padding: 5px;color: #333;text-align: center;text-decoration: none;display: block;border-radius: 30px;}
#headArea p#homeBtn a:hover, 
#headArea p#homeBtn a.current {border: 1px solid #00758f;background: #00758f;padding: 5px;color: #FFF;text-align: center;text-decoration: none;display: block;border-radius: 30px;}}
header nav {border-top: solid 1px #67adbd;}
#glNav {border-top: solid 1px #67adbd;}
#glNav #glNavBox {width: 1001px;margin: 0 auto;}
#glNav #glNavBox ul {border-right: 1px solid #FFF;display: table;}
#glNav #glNavBox ul li {border-left: 1px solid #FFF;border-right: 1px solid #FFF;display: table-cell;float: left;}
#glNav #glNavBox ul li:first-child {border-left: 1px solid #FFF;}
#glNav #glNavBox ul li:last-child {border-right: none;}
#glNav #glNavBox ul li a {width: 188px;display: table-cell;height: 50px;padding: 5px;vertical-align: middle;text-align: center;text-decoration: none;color: #000;line-height: 1.3;font-size: 14px;}
#glNav #glNavBox ul li a:hover, 
#glNav #glNavBox ul li.current a {background: #e6f2f4;color: #000 !important;}
#footArea {background: #eff4f4;}
#footArea #footCont {width: 1000px;margin: 0 auto;padding: 10px 0;font-size: 14px;text-align: center;}
#copy {background: #FFF;}
#copy p {width: 1000px;margin: 0 auto;padding: 10px 0;font-size: 12px;text-align: center;color: #808080;}
#btnGnav {display: none;}
#mainVisual {width: 100%;background: url("../images/top/mainBg.png") no-repeat top center;margin-top: 20px;}
#mainVisualInner {display: block;width: 100%;max-width: 1000px;margin: 0 auto;}
#mainVisual img {width:100%;height:auto;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	#headArea {width: 100%;}
	#headArea h1,
	#headArea p.logo a {width: 300px;display: block;margin: 0 auto !important;}
	#headArea h1,
	#headArea p.logo a {font-size: 18px;margin: 0;padding: 0;}
	#headArea h1 span,
	#headArea p.logo a span {font-size: 10px;}
	#headArea p#homeBtn {display:none;}
	#glNav #glNavBox {width: 100%;}
	#glNav #glNavBox ul {border-right: none;display: block;}
	#glNav #glNavBox ul li {border-top: 1px solid #006052;border-left: none;border-right: none;display: block;float: none;}
	#glNav #glNavBox ul li a {display: block;float: none;width: 100%;height: auto;padding: 10px 0;font-size: 15px;}
	#glNav #glNavBox ul li:nth-child(2) a,
	#glNav #glNavBox ul li:nth-child(3) a,
	#glNav #glNavBox ul li:nth-child(4) a ,/* 研究代表者挨拶 研究班員名簿 研究班の歴史 */
	#glNav #glNavBox ul li:nth-child(8) a ,/* リハビリテーションプログラム */
	#glNav #glNavBox ul li:nth-child(6) a {width: inherit;}/* 会議・ワークショップ */
	#glNav #glNavBox ul li br {display: none;}
	#glNav #glNavAreaSp ul {display: none;}
	#glNav {width: 100%;background: #67adbd;}
	#glNavBox {position: relative;z-index: 98;}
	#glNav #glNavAreaSp p#btnGnav {display: block;padding: 10px 50px 10px 10px;text-align: right;cursor: pointer; color: #fff;background: url(../images/common/menu_bg.png) no-repeat right center;background-size:36px 20px;}
	#glNav #glNavAreaSp ul {position: absolute;top: 0;left: 0;width: 100%;background: #67adbd;}
	#glNav #glNavAreaSp ul li {border-top: 1px solid #FFF;}
	#glNav #glNavAreaSp ul li:first-child {border-left: none;}
	#glNav #glNavAreaSp ul li:last-child {border-bottom: 1px solid #FFF;}
	#glNav #glNavAreaSp ul li a {padding: 10px 0;display: block;text-decoration: none;color: #FFF;}
	#glNav #glNavAreaSp ul li a:hover {background-color: #469bae;color: #FFF !important;}
	#glNav #glNavAreaSp ul li.current a {background-color: #00758f;color: #FFF !important;}
	#footArea #footCont {width: 96%;text-align:left;padding:2%;}
	#copy p {width: 96%;text-align:left;padding:2%;}
}


/*____________________ CONTENT ____________________*/
#contentsArea {width: 1000px;margin: 0 auto;padding: 20px 0 80px;}
#contentsArea #pan {background: #F2F2F2;padding: 5px 10px;}
#contentsArea #pan ul {margin: 0 0 -5px -8px;}
#contentsArea #pan ul li {background: url("../images/common/arrowPan.png") no-repeat 0 5px;padding-left: 12px;margin: 0 0 5px 8px;font-size: 12px;float: left;}
#contentsArea #pan ul li:first-child {background: none;padding-left: 0;}
#contentsArea #pan ul li + li {margin-top: 0;}
#contentsArea #pan ul li:before {content:none;}
#contentsArea #innerPage {margin-top: 30px;/*margin: 30px 0 -25px;*/}
#contentsArea #innerPage #pageDetail ul:last-child, 
#contentsArea #innerPage #pageDetail ol:last-child, 
#contentsArea #innerPage #pageDetail table:last-child, 
#contentsArea #innerPage #pageDetail dl:last-child, 
#contentsArea #innerPage #pageDetail p:last-child {margin-bottom: 0;}
.alignLeft {float: left;margin: 0 40px 25px 0;}
.alignRight {float: right;margin: 0 0 25px 40px;}
.alignCenter {margin: 0 auto;}
#pageTop p {position: fixed;right: 10px;bottom: 10px;margin-bottom: 10px;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	#contentsArea {width: 96%;padding-right:2%;padding-left:2%;}
	#contentsArea p img {width:100%;height:auto;}
	#contentsArea p img.max200 {max-width:200px;height:auto;}
	.alignLeft {display:block;float: none;margin: 0 auto 30px auto;}
	.alignRight {display:block;float: none;margin: 0 auto 30px auto;}
	.alignCenter {display:block;margin: 0 auto 30px auto;}
	#pageTop p {width:40px;height:40px;}
	#pageTop p img {width:100%;height:auto;}
}


/*____________________ icon ____________________*/
[class^="icon-"] {margin-right: 0.5em;margin-left: 0.5em;}
[class^="icon-"]:before {display: inline-block;text-decoration: inherit;content:"";width:18px;height:18px;background-size:18px;background-repeat: no-repeat;	background-position: 0 bottom;vertical-align: middle;}
.icon-pdf:before { background-image: url(../images/common/icon_pdf.png);}
.icon-blank:before { background-image: url(../images/common/icon_blank.png);}


/*____________________ TOPPAGE ____________________*/
#topPage {border-top: 3px solid #67adbd;padding-top: 10px;}
#topPage #news h2 {background: none;padding: 0 0 10px 0;margin: 0 0 20px;font-size: 20px;color: #333;text-align: center;border-top: none;}
#topPage #news h2 span {background: url("../images/top/icon_New.png") no-repeat 0 2px;background-size: 30px 30px;padding: 5px 0 5px 40px;display: inline-block;min-height: 30px;}
#topPage #news .list article {padding: 20px 0;text-align: center;}
#topPage #news .list article:nth-child(even) {background: #eff4f4;}
#topPage #news .list article time {font-size: 14px;line-height: 1.2;display: block;}
#topPage #news .list article p {margin: 5px 0 0;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	#topPage #news .list article {padding: 15px 10px;text-align:left;}
}


/*____________________ roster ____________________*/
#roster h1 {margin-bottom: 20px;}
ul#rosterNav {display:block;margin: 0 0 0 -20px;font-size: 0;text-align: center;}
ul#rosterNav li {background: none;padding-left: 0;margin: 0 0 0 20px;width: 140px;font-size: 16px;display: inline-block;}
ul#rosterNav li a {border: 1px solid #67adbd;background: #FFF;padding: 10px 5px;text-align: center;display: block;border-radius: 30px 30px;}
ul#rosterNav li a:hover, 
ul#rosterNav li.current a {border: 1px solid #67adbd;background: #F2F8F4;color: #00678C;font-weight: bold;text-decoration: none;}
ul#rosterNav li + li {margin-top: 0;}
#roster table th.name {width: 20%;}
#roster table th.affiliation {width: 50%;}
#roster table th.jobtitle {width: 30%;}
.menu {margin: 0 auto;padding: 0;}
.menu label {display: none;}
.menu input {display: none;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	.menu {margin: 0 auto;padding: 0;}
	.menu a {display: block;padding: 10px;text-decoration: none;color: #00678C;line-height: 1;}
	.menu label {display: block;margin: 0 0 0 0;padding :12px;line-height: 1;color :#00678C;background: #F2F8F4;cursor :pointer;border:solid 1px #67adbd;}
	.menu label::before {position: absolute;content: '▼';color: #00678C;right: 1em;}
	.menu input {display: none;}
	.menu ul {margin: 0;padding: 0;list-style: none;}
	.menu li {max-height: 0;overflow-y: hidden;-webkit-transition: all 0.5s;-moz-transition: all 0.5s;-ms-transition: all 0.5s;-o-transition: all 0.5s;transition: all 0.5s;}
	#menu_bar01:checked ~ #rosterNav li {max-height: 46px;opacity: 1;}
	ul#rosterNav {margin: 0 0 0 0;}
	ul#rosterNav li {margin: 0 0 0 0;width: 100%;font-size: 14px;display:block;}
	ul#rosterNav li a {padding: 15px 0;border-radius: 0;}
	
}


/*____________________ conference ____________________*/
#conference .list {width: 840px;margin: 0 auto;}
#conference .list ul {margin: 0 0 -40px -40px;}
#conference .list ul li {background: none;padding-left: 0;float: left;width: 400px;margin: 0 0 40px 40px;}
#conference .list ul li.single {background: none;padding-left: 0;float: none;width: 400px;margin: 0 auto 40px;}
#conference .list ul li + li {margin-top: 0;}
#conference .list ul li a {border: 1px solid #ccc;background: url("../images/conference/iconPdf.png");background-repeat: no-repeat;background-position: center top 40px;padding: 120px 10px 35px;text-align: center;display: block;}
#conference .list ul li a:hover {filter: Alpha("opacity=80");opacity: 0.8;}
#conference .list ul li a p.txt {margin-bottom: 0;}
#conference .sent dl dt {float: left;width: 3em;margin-bottom: 25px;clear: left;}
#conference .sent dl dd {margin: 0 0 25px 3em;}
#conference .conferenceBox {clear: both;}
#conference .conferenceBoxLeft {display: block;width: 560px;float: left;}
#conference .conferenceBoxRight {display: block;width: 400px;float: right;}
#conference .conferenceBoxRight img {width: 100%;height: auto;}
#conference .conferenceBoxRight p.thumb img {border: solid 1px #CCC;}
#conference .conferenceBoxRight_only {display: block;width: 400px;margin:0 auto;}
#conference .conferenceBoxRight_only img {width:100%;height:auto;border: solid 1px #CCC;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	#conference .list {width: 100%;margin: 0 auto;}
	#conference .list ul {margin: 0 0 0 0;}
	#conference .list ul li,
	#conference .list ul li.single {float: none;width: 100%;margin: 0 0 20px 0;}
	#conference .conferenceBoxLeft,
	#conference .conferenceBoxRight,
	#conference .conferenceBoxRight_only {float: none;clear: both;width: 100%;}
	#conference .conferenceBoxLeft {margin-bottom: 10px;}
}


/*____________________ archive ____________________*/
#archive h1 {margin-bottom: 20px;}
ul#archiveNav {margin: 0 0 0 -20px;font-size: 0;text-align: center;}
ul#archiveNav li {background: none;padding-left: 0;margin: 0 0 0 20px;width: 160px;font-size: 16px;display: inline-block;}
ul#archiveNav li a {border: 1px solid #67adbd;background: #FFF; padding: 10px 5px;text-align: center;display: block;border-radius: 30px 30px;}
ul#archiveNav li a:hover, 
ul#archiveNav li.current a {border: 1px solid #67adbd;background: #F2F8F4;color: #00678C;font-weight: bold;text-decoration: none;}
ul#archiveNav li + li {margin-top: 0;}
.ancnav {padding: 20px;border: solid 4px #e6f2f4;}
.ancnav ul {margin: 0;padding: 0;}
.ancnav ul li {display: inline-block;margin-right: 10px;}
.ancnav ul li + li {margin-top: 0;}
#archive table th.titlename {width: 70%;}
#archive table th.member {width: 15%;white-space:nowrap;}
#archive table th.linkpdf {width: 15%;white-space:nowrap;}
#archive table th.papertitle {width: 15%;white-space:nowrap;}
#archive table td.content {width: 85%;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	#menu_bar01:checked ~ #archiveNav li {max-height: 46px;opacity: 1;}
	ul#archiveNav {margin: 0 0 0 0;}
	ul#archiveNav li {margin: 0 0 0 0;width: 100%;font-size: 14px;display:block;}
	ul#archiveNav li a {padding: 15px 0;border-radius: 0;}
}


/*____________________ 写真2列 ____________________*/
.photo2column ul {margin: 0 0 0 -2%;padding: 0;}
.photo2column ul li {float: left;width: 48%;margin: 0 0 2% 2%;padding: 0;background: none;}
.photo2column ul li + li {margin-top: 0;}
.photo2column ul li img {width:100%;height:auto;}
/*__________ SP __________*/
@media screen and (max-width: 767px) {
	.photo2column ul {margin: 0 0 0 0;padding: 0;}
	.photo2column ul li {clear: both;float: none;margin: 0 auto 15px;width: 100%;max-width: 640px;}
}