body {font:14px/1.22 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; margin-top:10px;}
body {font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif; line-height:1.5;}

a:link{
	color: #000000;
	text-decoration: none;
}

a:visited{
	color: #000000;
	text-decoration: none;
}

a:hover,a:active{
	color: #cc3333;
	text-decoration: underline;
}

*{
	margin: 0px;
	padding: 0px;
}

h1, h2, h3, h4, h5, h6, p, address{
	margin: 0px;
	padding: 0px;
	font-weight: normal;
}

a{outline: none;}

a img:hover {
	opacity: 0.6;
    -moz-opacity: 0.6; /*for Firefox*/
	-ms-filter: "alpha(opacity=60)"; /*for IE8*/
	filter: alpha(opacity=60); /*for IE*/
	zoom: 1;
}
img {
	border: none;
}
.opacity {
    opacity: 0;
    -moz-opacity: 0; /*for Firefox*/
    filter: alpha(opacity=0); /*for IE*/
}

.space {
	height: 70px;
}



/*-------------------------------------------------------------------------------------------*/

/*--------------------------------------------common-------------------------------------*/

.anno {
	font-size: 90%;
	line-height: 1.4;
}

/*--- clearfix ---*/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}

/*--- クリア ---*/
.clear_b {
	clear: both;
}

/*--- フロート ---*/
.float_r {
	float: right;
}
.float_l {
	float: left;
}

/*--- 非表示 ---*/
.hidden {
	display: none;
}

/*--- マージン指定 ---*/
.mar_5t {margin-top: 5px;}
.mar_10t {margin-top: 10px;}
.mar_15t {margin-top: 15px;}
.mar_20t {margin-top: 20px;}
.mar_25t {margin-top: 25px;}
.mar_30t {margin-top: 30px;}
.mar_35t {margin-top: 35px;}
.mar_40t {margin-top: 40px;}
.mar_45t {margin-top: 45px;}
.mar_50t {margin-top: 50px;}
.mar_55t {margin-top: 55px;}
.mar_60t {margin-top: 60px;}

.mar_5b {margin-bottom: 5px;}
.mar_10b {margin-bottom: 10px;}
.mar_15b {margin-bottom: 15px;}
.mar_20b {margin-bottom: 20px;}
.mar_25b {margin-bottom: 25px;}
.mar_30b {margin-bottom: 30px;}
.mar_35b {margin-bottom: 35px;}
.mar_40b {margin-bottom: 40px;}
.mar_45b {margin-bottom: 45px;}
.mar_50b {margin-bottom: 50px;}
.mar_55b {margin-bottom: 55px;}
.mar_60b {margin-bottom: 60px;}

.mar_5l {margin-left: 5px;}
.mar_10l {margin-left: 10px;}
.mar_15l {margin-left: 15px;}
.mar_20l {margin-left: 20px;}
.mar_25l {margin-left: 25px;}
.mar_30l {margin-left: 30px;}
.mar_35l {margin-left: 35px;}
.mar_40l {margin-left: 40px;}
.mar_45l {margin-left: 45px;}
.mar_50l {margin-left: 50px;}
.mar_55l {margin-left: 55px;}
.mar_60l {margin-left: 60px;}

.mar_5r {margin-right: 5px;}
.mar_10r {margin-right: 10px;}
.mar_15r {margin-right: 15px;}
.mar_20r {margin-right: 20px;}
.mar_25r {margin-right: 25px;}
.mar_30r {margin-right: 30px;}
.mar_35r {margin-right: 35px;}
.mar_40r {margin-right: 40px;}
.mar_45r {margin-right: 45px;}
.mar_50r {margin-right: 50px;}
.mar_55r {margin-right: 55px;}
.mar_60r {margin-right: 60px;}


/*--- テキスト ---*/
.text_center {
	text-align: center;
}
.text_right {
	text-align: right;
}
.text_left {
	text-align: left;
}
.vertical_middle {
	vertical-align: middle;
}
.text_indent {
	text-indent: -1em;
	padding-left: 1em;
}

/*--- フォントスタイル ---*/
.font_normal {
	font-weight: normal;
}
.font_bold {
	font-weight: bold;
}

.text_red {
	color: #C00;
}

.pagettl {
	font-size: 20px;
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-bottom: 30px;
}

/* ---------------------------------------
   top
---------------------------------------*/
#wrap {
	width: 100%;
}

#header {
	padding: 10px 0 0 0;
	width: 960px;
	margin: 0 auto 50px;
}
#top_logo {
	float: left;	
}
#lang {
	width: 700px;
	height: 15px;
	text-align: right;
	float: right;
	padding-top: 20px;
}
#lang a {
	color: #777;
	font-size: 13px;
}
#top_navi {
	width: 700px;
	float: right;
}
#top_navi li {
	float: right;
	text-decoration: none;
	list-style: none;
	margin-left: 30px;
	font-size: 15px;
}

#top_main {
	width: 960px;
	margin: 0 auto;
}
#top_main_left {
	width: 622px;
	float: left;
}
#top_main_left #main_img {
	 margin-bottom: 20px;
}
#top_main_left h2 {
	font-size: 22px;
	font-weight: bold;
}
#top_main_left h3 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 28px;
}
#top_main_right {
	width: 266px;
	float: right;
	padding-top: 4px;
}
#top_main_right h2 {
	font-size: 15px;
	font-weight: bold;
	margin-bottom: 2px;
}

#top_footer {
	clear: both;
	width: 960px;
	margin: 50px auto 30px;
}
#top_footer #footer_text{
	color: #666;
	font-size: 13px;
	text-align: center;
}

/* 協賛バナー */
.bana_box {
	background: #eee;
	padding: 28px 0 28px;
	margin-top: 43px;
}
.bana_box .bana_inner {
	width: 960px;
	margin: 0 auto;
}
.bana_box .bana_ttl {
	font-size: 16px;
	margin-bottom: 16px;
}
.bana_box ul li {
	width: px;
	float: left;
	margin-right: 16px;
	text-decoration: none;
	list-style: none;
	margin-bottom: 10px;
}
.bana_box ul li.last {
	margin-right: 0;
}

/* CVITの画像 */
.cvit {
	text-align: right;
	margin-top: -32px;
	margin-bottom: 50px;
}

/* 外部リンク */
.jlspm {
	width: 300px;
	height: 120px;
	text-align: center;
	border: 1px solid #ccc;
	padding: 4px 0;
}

#copy {
	font-size: 11px;
	color: #666;
	text-align: center;
	margin-top: 30px;
}

.info {
	margin-bottom: 30px;
    background: #f4f4f4;
    padding: 8px;
}
#top_main_left .info h3 {
	margin: 0 0 6px 0;
    /* border-bottom: 1px solid #ccc; */
    padding-left: 4px;
	position: relative;
}
#top_main_left .info h3::before {
	content: '';
    position: absolute;
    bottom: 50%;
    display: inline-block;
    width: calc(100% - 120px);
    height: 1px;
    right: 0;
    background-color: #ccc;
}
.info ul {
}
.info ul li {
	list-style: none;
}
.info ul li a {
	color: #1a0dab;
    text-decoration: underline;
}
.info ul li a:hover {
	text-decoration: none;
}
.infoList li {
	text-indent: -1em;
	padding-left: 1em;
}


/* ---------------------------------------
   アーカイブ
 ---------------------------------------*/
 
.archives_list {
	min-height: 300px;
}
.archives_list ul li {
	float: left;
	margin-right: 60px;
	margin-bottom: 30px;
	list-style: none;
}


.archives_list ul li a img:hover {
	opacity: 0.6;
    -moz-opacity: 0.6; /*for Firefox*/
	-ms-filter: "alpha(opacity=60)"; /*for IE8*/
	filter: alpha(opacity=60); /*for IE*/
	zoom: 1;
}

/* ---------------------------------------
   ディレクター
 ---------------------------------------*/
.directors_list {
	margin-bottom: 30px;
	clear: both;
}
.directors_block {
	padding: 0 0 20px;
}
.directors_box_l {
	width: 460px;
	float: left;
}
.directors_box_r {
	width: 460px;
	float: right;
}
.directors_pic {
	width: 120px;
	float: left;
}
.directors_text {
	width: 340px;
	float: left;
}
.directors_text .name {
	font-size: 20px;
	margin-bottom: 6px;
}


/* ---------------------------------------
   Scientific Activity
 ---------------------------------------*/
.activity_list ul {

}
.activity_list ul li {
	list-style: none;
	padding: 0 0 12px 0;
}
.activity_list ul li a,
.activity_list ul li p {
	background: #f4f4f4;
    padding: 30px;
    display: block;
	border: 1px solid #ddd;
}
.activity_list ul li a:hover {
	text-decoration: none;
}




.btn_ISEVS {
	width: 500px;
	margin: 20px auto;
}
.btn_ISEVS li {
	list-style: none;
}
.btn_ISEVS li:first-child {
	float: left;
}
.btn_ISEVS li:last-child {
	float: right;
}


.isevs_link {
	width: 300px;
	margin: 40px auto;
}
.isevs_link a {
	display: block;
	background: #860A13;
	text-align: center;
	padding: 10px;
	color: #fff;
	font-weight: bold;
}
.isevs_link a:hover {
	text-decoration: none;
	opacity: 0.7;
}
.isevs_text {
	font-size: 16px;
}
.isevs_table table{
	width: 60%;
	margin: 0 auto;
	background: #f4f4f4;
	border-collapse: collapse;
}
.isevs_table table td {
	border: 1px solid #ccc;
	padding: 6px 12px;
}

.top_finishpic {
	margin-bottom: 20px;
}
.top_finishpic img {
	width: 100%;
	height: auto;
}

/* -----------------------------------------------------------
	video
----------------------------------------------------------- */
.mv_isevs_ttl {
	font-weight: bold;
	text-align: center;
	font-size: 120%;
	margin-top: 40px;
}
.mv_isevs {
	margin-bottom: 40px;
}
.mv_box {
	width: 100%;
	/*margin: 50px auto 60px;*/
	/*border: 1px solid #ccc;*/
}
#player {
	width: 100%;
	height: auto;
}
.plyr--audio .plyr__controls button.tab-focus:focus, .plyr--audio .plyr__controls button:hover, .plyr__play-large,
.plyr--video .plyr__controls button.tab-focus:focus, .plyr--video .plyr__controls button:hover,
.plyr--video .plyr__controls button.tab-focus:focus,.plyr--video .plyr__controls button:hover {
	background: #B6061D;
}
.plyr__progress--played, .plyr__volume--display {
	color: #B6061D;
}

@media screen and (min-width: 768px) and (max-width: 1100px) {
.mv_box {
	width: 100%;
	/*margin: 0 auto 40px;*/
}
}
@media screen and (max-width: 767px) {
.mv_box {
	width: 100%;
	max-width: 450px;
	/*margin: 0 auto 40px;*/
}
}