

body {
	font-size: 100%; /* 16pt */
	color: #000000;
	background: #ffffff;
	line-height:1.875;
	word-wrap:break-word;
}

a,
span,
img{
	transition-duration:0.3s;
	-webkit-transition-duration:0.3s;
	-moz-transition-duration:0.3s;
	-o-transition-duration:0.3s;
	-ms-transition-duration:0.3s;
}

a, a:link, a:visited {
	color: #11b3e9;
	text-decoration:none;
}

a:hover {
	color: #11b3e9 ;
	text-decoration:underline;
}

.container {
	width: 100%;
    min-width: 1140px;
}

.container-inner {
	/*min-width: 835px;*/
	width: 65.234375%;
	max-width: 1200px;
	padding-right: 12.578125%;
	padding-left: 22.1875%;
	margin: 0 auto;
}

.pc-anchor {
	margin-top: -80px!Important;
	padding-top: 80px!Important;
}
	.fade-in {
		opacity : 0.0;
		-webkit-transform : translate(0, 20px);
		-moz-transform : translate(0, 20px);
		-o-transform : translate(0, 20px);
		-ms-transform : translate(0, 20px);
		transform : translate(0, 20px);
		-webkit-transition : all 1000ms;
		-moz-transition : all 1000ms;
		-o-transition : all 1000ms;
		-ms-transition : all 1000ms;
		transition : all 1000ms;
	}
	.fade-in.type_rgt {
		-webkit-transform : translate(30px, 0);
		-moz-transform : translate(30px, 0);
		-o-transform : translate(30px, 0);
		-ms-transform : translate(30px, 0);
		transform : translate(30px, 0);
	}
	.scroll-in {
		opacity : 1;
		-webkit-transform : translate(0, 0) !important;
		-moz-transform : translate(0, 0) !important;
		-o-transform : translate(0, 0) !important;
		-ms-transform : translate(0, 0) !important;
		transform : translate(0, 0) !important;
	}

	


#top {
	width: 100%;
	height: 25px;
	background-color: #332b28;
	background-image: url("../images/common/h-bgln.png");
	background-position: center center;
	background-repeat: repeat;
}
#md-site {
	position: relative;
}

/* HEADER */

#header {
	position: absolute;
	top: 0;
	left: 0;
	width: 215px;
	margin:0;
	padding-left: 40px;
	padding-bottom: 15px;
	z-index: 300;
}
#header.fixedheader {
	position: fixed;
	top: 0;
}
#header .h-wrapper {
	display: block;
	background-color: rgba(255,255,255,0.85);
	position: relative;
}
#header .h-wrapper:before{
	content: "";
	display: block;
	width: 52px;
	height: 125px;
	position: absolute;
	bottom: -13px;
	left: -40px;
	background-image: url("../images/common/nav-illust.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 52px auto;
    z-index: 100;
}

#header .primary{
	margin-bottom: 10px;
	padding: 10px;
}
#header .primary .h-logo{
    margin-bottom: 0;
	text-align: center;
}
#header .h-logo a:hover {
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#header .secondary{
	position: relative;
    overflow: auto;
}
#header .hnav-list{
	margin-bottom: 0;
	position: relative;
}
#header .hnav-list > li{
	margin-bottom: 0;
}
#header .hnav-list > li a{
	display: block;
	padding: 7px 10px 7px 44px;
	color: #000000;
	font-family: "Ryumin Medium KL", "リュウミン M-KL", "A1 Mincho", "A1明朝 A1", YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'serif';
	line-height: 1.3;
	letter-spacing: 1.4pt;
	text-decoration: none;
	background-image: url("../images/common/anchor-type01.png");
	background-position: 23px 10px;
	background-repeat: no-repeat;
	background-size: 15px auto;
	text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-webkit-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-moz-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-o-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-ms-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
}
#header .hnav-list > li a .text{
	display: block;
	font-size: 106.25%;
}
#header .hnav-list > li a .en{
	display: block;
	font-size: 68.75%;
}
#header .hnav-list > li a:hover,
#header .hnav-list > li.on a{
	color: #ffffff;
	background-color: #ae9bc9;
	background-image: url("../images/common/anchor-type01_w.png");
	text-shadow: 0.1px 0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, -0.1px -0.1px 0 #ffffff;
	-webkit-text-shadow: 0.1px 0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, -0.1px -0.1px 0 #ffffff;
	-moz-text-shadow: 0.1px 0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, -0.1px -0.1px 0 #ffffff;
	-o-text-shadow: 0.1px 0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, -0.1px -0.1px 0 #ffffff;
	-ms-text-shadow: 0.1px 0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, 0.1px -0.1px 0 #ffffff, -0.1px -0.1px 0 #ffffff;
}



/* PAGETOP */

.pagetop-box {
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
	text-align: right;
	background-color:#c2dc88;
}
.pagetop-box .pagetop{
	margin-bottom: 0;
}
.pagetop-box .pagetop a {
	color: #000000;
	font-size: 75%;
	font-family: Helvetica, "Ryumin Medium KL", "リュウミン M-KL", "A1 Mincho", "A1明朝 A1", YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'serif';
}
.pagetop-box .pagetop a:after {
	content: "";
	display: inline-block;
	vertical-align: middle;
	width: 20px;
	height: 12px;
	margin-left: 10px;
	background-image: url("../images/common/pagetop.png");
	background-position: center center;
	background-repeat: no-repeat;
	background-size: 20px auto;
}
.pagetop-box .pagetop a:hover {
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}


/* FOOTER */

#footer,
#footer .container {
	padding-right: 0;
	padding-left: 0;
}

#f-access {
	background-color:#ae9bc9;
}

#footer .container-inner {
	width: 960px;
}
#f-access .container-inner {
	padding:40px 0;
}

#f-access a:hover {
	text-decoration:none;
	filter:alpha(opacity=60); /* IE 6,7*/
	-ms-filter: "alpha(opacity=60)"; /* IE 8,9 */
	-moz-opacity:0.6; /* FF , Netscape */
	-khtml-opacity: 0.6; /* Safari 1.x */
	opacity:0.6;
	zoom:1; /*IE*/
}
#f-access .f-name{
	margin-bottom: 25px;
	text-align: center;
}
body:not(.home) #f-access .f-name{
	margin-bottom: 0;
}
#f-access .f-name a{
	color: #000000;
	font-family: "Ryumin Medium KL", "リュウミン M-KL", "A1 Mincho", "A1明朝 A1", YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'serif';
	text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-webkit-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-moz-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-o-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	-ms-text-shadow: 0.1px 0.1px 0 #000000, 0.1px -0.1px 0 #000000, 0.1px -0.1px 0 #000000, -0.1px -0.1px 0 #000000;
	line-height: 1.3;
}
#f-access .f-name a .en{
	font-size: 175%;
}
#f-access .f-name a .text{
	font-size: 118.75%;
}
#f-access .faccess-list > li{
	margin-bottom: 30px;
}
#f-access .faccess-list > li:last-child{
	margin-bottom: 0;
}
#f-access .faccess-list > li:after{
	content: "";
	display: block;
	height: 0;
	clear: both;
}
#f-access .faccess-list > li > .image-box{
	float: left;
	width: 232px;
}
#f-access .faccess-list > li > .text-box{
	margin-left: 270px;
}
#f-access .faccess-list > li > .text-box .names-box{
	margin-bottom: 5px;
}
#f-access .faccess-list > li > .text-box .names-box .logos-box{
	float: left;
	width: 130px;
	text-align: center;
}
#f-access .faccess-list > li > .text-box .names-box .logos-box .logos{
	display: inline-block;
	vertical-align: middle;
	margin: 0 10px 0 0;
}
#f-access .faccess-list > li > .text-box .names-box .logos-box .logos:last-child{
	margin-right: 0;
}
#f-access .faccess-list > li > .text-box .names-box .faccess-names{
	margin-left: 136px;
}
#f-access .faccess-list > li > .text-box .names-box .names,
#f-access .faccess-list > li > .text-box .names-box .address{
	margin-bottom: 0;
}
#f-access .faccess-list > li > .text-box .names-box .faccess-names .names{
	font-weight: bold;
}
#f-access .faccess-list > li.ims .faccess-names .names{
	letter-spacing: -0.2pt;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li{
	display: inline-block;
	vertical-align: top;
	margin-right: 30px;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li:last-child{
	margin-right: 0;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li a{
	display: inline-block;
	color: #000000;
	font-size: 93.75%;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li a:before{
	content: "";
	display: inline-block;
	vertical-align: middle;
	margin-right: 5px;
	background-position: center center;
	background-repeat: no-repeat;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li.website a:before{
	background-image: url("../images/common/anchor-site.png");
	background-size: auto 18px;
	width: 18px;
	height: 18px;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li.access a:before{
	background-image: url("../images/common/anchor-access.png");
	background-size: auto 22px;
	width: 15px;
	height: 22px;
}
#f-access .faccess-list > li > .text-box .faccess-links .inner-list > li.access02 a:before{
	background-image: url("../images/common/anchor-pdf.png");
	background-size: auto 22px;
	width: 18px;
	height: 22px;
}
#f-access .faccess-sign{
	margin-bottom: 20px;
}

.f-copyright {
	margin: 0;
	padding: 5px 0;
	background-color:#332b28;
}
.f-copyright .container-inner{
	padding: 0;
}
.f-copyright .copyright {
	margin-bottom: 0;
	color: #ffffff;
	font-size: 87.5%;
	text-align: center;
}



/* NAVIGATION */

#toggle {
	display: none;
}

.fixed {
	position: fixed;
	left: 0;
	right: 0;
	width: 100%;
	top: -40px;
	box-shadow: 0 2px 2px rgba(0,0,0,0.2);
	z-index: 9999;
}



/* TITLE */

#title {
	margin:0 0 30px 0;
    width: auto;
	height:345px;
	background-image: url(../images/common/title-bg.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
}

#title .title-wrapper {
	height:345px;
	text-align: right;
}
#title .title-box {
	display: inline-block;
	width: 111px;
	height: 204px;
	border-bottom: 6px solid #ae9bc9;
}
#title .inner {
	display: flex;
	justify-content: center;
	align-items: center;
	vertical-align: middle;
	width: 111px;
	height: 198px;
	border-bottom: 6px solid #c2dc88;
	background-color: rgba(255,255,255,0.85);
	position: relative;
}
#title .title {
	width: 100%;
	vertical-align: middle;
	text-align: center;
}
#title .title img {
	width: 27px;
	height: auto;
}

/*
#title .level01 {
	margin-bottom:10px;
	color:#000000;
	font-size:1.13em;
	font-family: "Ryumin Medium KL", "リュウミン M-KL", "A1 Mincho", "A1明朝 A1", YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'serif';
	font-weight:bold;
    letter-spacing: 0.5pt;
	line-height:1.0;
}

#title .title {
	margin-bottom:0;
	color:#000000;
	font-size:1.8666667em;
	font-family: "Ryumin Medium KL", "リュウミン M-KL", "A1 Mincho", "A1明朝 A1", YuMincho, 'Yu Mincho', 'Hiragino Mincho ProN', 'Noto Serif JP', 'serif';
	font-weight:bold;
    letter-spacing: 0.5pt;
	line-height:1.0;
}
*/

body.research #title{
	background-image: url(../images/research/title-bg.jpg);
}
body.member #title{
	background-image: url(../images/member/title-bg.jpg);
}
body.about #title{
	background-image: url(../images/about/title-bg.jpg);
}
body.event #title{
	background-image: url(../images/event/title-bg.jpg?ver=200622);
}
body.greeting #title{
	background-image: url(../images/greeting/title-bg.jpg);
}


/* CONTENT */


#content .container-inner {
}

#breadcrumb{
	text-align: right;
}
#breadcrumb li{
	display:inline-block;
	vertical-align:middle;
	font-size:85.7142%;
}
#breadcrumb li a{
	color:#000000;
}
#breadcrumb li.on{
	color:#000000;
	font-weight:bold;
}

#main{
	float: left;
	width: 710px;
}

#side{
	float: right;
	width: 200px;
}

.section {
	margin-bottom: 70px;
}

.section-s {
	margin-bottom: 50px;
}

.section-ss {
	margin-bottom: 30px;
}

.inlink{
	margin-top:-70px;
	padding-top:70px;
}


/* SNAV */


/* SUBNAV */

