@charset "utf-8";
/* CSS Document */

/*共通箇所*/
/*リンク　アンダーラインを付けない*/
#header .inr .right_contents ul li a, .link .link_left ul li a, .link .link_right ul li a, nav #navi .inr ul li a, #main_contents.sub .inr .left_side ul li a, .footer_content .footer_link ul li a {
	text-decoration: none;
}
/*------------------------------------

header

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


#header {
	border-top: 14px solid #192a51;
	padding: 15px 0;
}
.inr {
	width:1000px;
	margin: 0 auto;
}
#header h1 {
	float: left;
	width: 380px;
}
#header .right_contents {
	float: right;
	width: 570px;
}


.right_contents ul {
	font-size: 0;
	margin-bottom: 10px;
	width: 310px;
	float: left;
	padding: 0 0 0 0;
}
.right_contents ul li {
	font-size: 12px;
    line-height: 20px;
	display: inline-block;
	margin: 0 10px;
 *display: inline;
 *zoom: 1;
 float:left;
}
form input {
	padding: 5px;
	border: #ccc 2px solid;
	width: 200px;
	float: left;
}
/*------------------------------------

navi

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

#navi {
	background: #192a51;
	margin-bottom: 4px;
	height: 40px;
	clear:both;
}
#navi ul {
	font-size: 0;
	height: 40px;
}
#navi ul li {
	display: inline-block;
	font-size: 12px;
	margin: 3px 0;
	border-left: 1px solid #d1d4dc;
 *display: inline;
 *zoom: 1;
 float:left;
}
#navi ul li a {
	display: block;
	color: #fff;
	padding: 10px 17px;
}
#navi ul li a:hover {
	background-color: #4f6493;
}
/*------------------------------------

main

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

#main_contents {
	height: 100% !important;
    margin: 0;
    position: relative;
}
#mv {
	width: 100%;
	max-width: 3072px;
	min-width: 1024px;
	background: url(/images/eyecatch_bg.jpg);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: contain;
	margin: -4px 0 0;
	min-height: 810px;
	height: 100%;
}
#mv .mv_inr {
	width: 950px;
	margin: 0 auto;
	padding-top: 25px;
}
.main_contents_inr {
	/*position: absolute;*/
	top: 320px;
	left: 0;
	right: 0;
	bottom: 0;
	margin: 0 auto;
	margin: -510px 0 0;
}
/*News
-------------------------*/
.news {
	background: #fff;
	padding-bottom: 30px;
}
.news_inr {
	padding-top: 30px;
	
	height: auto;
}
.news div.inr.news_inr.clearfix table{
	float:left;}
.news div.inr.news_inr.clearfix table tbody tr td{
	vertical-align:top;}
.news_inr .left_contents {
	width: 130px;
	background: #192a51;
	padding: 12px;
	color: #fff;
	height: auto;
}
.left_contents h2 {
	font-size: 40px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin: 50px 0;
	color: #fff;
}
.left_contents p {
	width: 90px;
	background: #fff;
	color: #868585;
	
	/* border-radius */
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	text-align: center;
	margin: 0 auto 10px;
	
}
.left_contents p:hover{
	opacity:0.7;}
.left_contents p a{
	display: block;
    line-height: 20px;
    padding: 10px;
    text-decoration: none;}
.topics_contents {
	float: left;
	width: 550px;
	/*height:500px;*/
	border:1px solid #eee;
	/*display:table-cell;*/
}


.topics_contents .more {
	margin:10px;
	float:right;
	background-color:#E9E9E9;
	border-radius:5px;
}

.left_contents .button_on{
	background-color:#CAEAFF;	
}

.topics_contents .more a{
	text-decoration:none;
	display:block;
	padding:12px;
}


div.topics_contents div.article {
	border-bottom: 1px dotted #a9a9a9;
	display: inline-block;
	margin: 0 10px;
	padding: 15px 10px;
	width:90% !important;
}
div.topics_contents div.article div.eyecatch {
	float: right;
    margin: 0 0 0 20px;
    max-height: 130px;
    overflow: hidden;
}
div.topics_contents div.article h3 {
	font-size: 16px;
	line-height: 1.3;
	margin-bottom: 15px;
	display: inline;
}
div.topics_contents div.article p.date, .right_side p.date{
	margin-bottom: 5px;
	background: url(/images/allow01.jpg) left center no-repeat;
	background-size: 8px 8px;
 *background: url(/images/ie_allow01.jpg) left center no-repeat;
	padding-left: 15px;
}
.right_side p.date{
	margin-left:15px;}

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

*/

.link {
	background: #f4f4f4;
	padding: 30px 0;
}
.link .link_left {
	width: 450px;
	float: left;
}
.link .link_left table {
	width: 450px;
	float: left;
}
.link .link_left table th {
	height: 100%;
	background: #749a84;
	vertical-align: middle;
	text-align: center;
	width: 30%;
}
.link .link_left table td {
	height: 100%;
	background: #effaf4;
	vertical-align: top;
	width: 70%;
	padding: 10px;
}
.link .link_right {
	width: 450px;
	float: right;
}
.link .link_right table, .link .link_left table {
	width: 100%;
	height: 100%;
	border-collapse: separate;
	border: 1px solid #959595;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.link .link_right table table, .link .link_left table table {
	border: none;
	border-radius: none;
	-webkit-border-radius: none;
	-moz-border-radius: none;
}
.link .link_right table th {
	height: 100%;
	background: #cc8370;
	text-align: center;
	vertical-align: middle;
	width: 30%;
}
.link .link_right table td {
	background: #fff2ee;
	vertical-align: top;
	width: 70%;
	padding: 10px;
}
.link .link_right table td table, .link .link_left table td table {
	height: auto;
}
.link .link_right table td table tr td {
	padding: 5px;
}
.link .link_left table td table tr td {
	width: 50%;
	padding: 5px;
}
.link .link_left ul, .link .link_right ul {
	width: 280px;
}
.link .link_left table p {
	padding-left: 12px;
	background: url(/images/allow02.jpg) left 4px no-repeat;
	background-size: 8px 8px;
 *background:url(/images/ie_allow02.jpg) left 4px no-repeat;
}
.link .link_left ul li a, .link .link_right ul li a {
	color: #192a51;
}
.link .link_left ul li a:hover, .link .link_right ul li a:hover {
	text-decoration: underline;
}
.link .link_right table p {
	padding-left: 12px;
	background: url(/images/allow03.jpg) left 4px no-repeat;
	background-size: 8px 8px;
 *background:url(/images/ie_allow03.jpg) left 4px no-repeat;
}
.other_info table {
	width: 450px;
	margin: 30px 0;
	border: 1px solid #d2d2d2;
}
.other_info table tr td {
	vertical-align: top;
	padding: 13px;
	width: 50%;
}
.other_info table tr td h4 {
	font-size: 22px;
	margin-bottom: 10px;
}
.other_info table tr td p {
	margin-bottom: 5px;
}
.other_info table tr td p.more {
	text-align: right;
	padding-left: 10px;
	background: url(/images/allow04.jpg) 155px center no-repeat;
	background-size: 10px 10px;
 *background:url(/images/ie_allow04.jpg) 155px center no-repeat;
}
.other_info table tr td p.more a {
}
.other_info .other_left_table {
	float: left;
}
.other_info .other_right_table {
	float: right;
}
.bnr {
	padding: 15px 0 15px 15px;
	background: #eee;
	border: 1px solid #ccc;
	margin: 25px auto;
	
	
}
.bnr ul {
	font-size: 0;
	display:inline-block;
}
.bnr ul li {
	display: inline-block;
	margin-right: 12px;
	font-size: 100%;
 *display: inline;
 *zoom: 1;
 float:left;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
  ::i-block-chrome, .bnr ul li {
 margin-right:8px;
}
}
/*------------------------------------

footer

--------------------------------------*/
#footer {
	background: #e5e5e5;
	padding: 30px 0;
	color: #192a51;
	border-top: 23px solid #192a51;
}
.footer_content {
	float: left;
}
.footer_link_last {
	width: 120px;
	float: right;
}
.footer_link_last ul li{
	padding:1px;
	display:inline-block;
	}
.footer_link_last ul li span {
	background: url(/images/allow05.png) left 2px no-repeat;
	background-size: 8px 7px;
 *background:url(/images/ie_allow05.png) left 2px no-repeat;
	display: block;
	padding-left: 14px;
}
.footer_content h5 {
	background: url(/images/allow05.png) left 2px no-repeat;
	background-size: 8px 7px;
 *background:url(/images/ie_allow05.png) left 2px no-repeat;
	padding-left: 14px;
}
.footer_content h5 a {
	color: #192a51;
}
.home, .about, .sutudent, .student {
	width: 100px;
	margin-right: 20px;
}
.co_re {
	width: 110px;
	margin-right: 20px;
}
.study {
	width: 310px;
	margin-right: 25px;
}
.footer_link {
	padding-top: 10px;
	padding-left: 10px;
	border-top: 1px solid #192a51;
	margin-top: 3px;
}
.footer_link ul li {
	margin-bottom: 3px;
	background: url(/images/allow06.png) left 2px no-repeat;
	background-size: 7px 6px;
 *background:url(/images/ie_allow06.png) left 2px no-repeat;
	padding-left: 13px;
}
.footer_link ul li a {
	color: #192a51;
}
.footer_link ul li a:hover {
	text-decoration: underline;
}
.study ul {
	float: left;
	width: 145px;
}
.blank {
	margin-left: 10px;
}
.copy {
	padding-top: 10px;
	display: block;
	padding-top: 10px;
	text-align: center;
}
/*------------------------------------

subpage

--------------------------------------*/
.sub {
	/*position: static!important;*/
	height: auto!important;
	/*min-height:100%!important;*/
	/*min-height: 650px !important;
	border-bottom: 23px solid #192a51;*/
	padding: 30px 0 40px;
	margin: 0 !important;
	min-height: 600px;
}
.sub h1 {
	font-size: 24px;
	/*padding:0 0 10px 20px;*/
	padding: 15px 0 20px 20px;
	border-bottom: 1px solid #b5b5b5;
	margin-bottom: 5px;
}
.sub h4 {
	font-size: 15px;
	padding: 0 0 10px 20px;
	border-bottom: 1px dotted #b5b5b5;
	/*margin-bottom:15px;*/
	margin: 30px 0 15px;
}
.sub h2 {
	font-size: 20px;
	padding: 20px 15px;
	/*border-left:1px dotted #192a51;*/
	border-left: 2px solid #192a51;
	margin-bottom: 15px;
	color: #192a51;
}
.sub h3 {
	font-size: 18px;
	padding: 10px 15px;
	border-top: 2px solid #192a51;
	/*margin-bottom:15px;*/
	color: #333;
	background: #f1f1f1;
	margin: 20px 0 15px;
}
.sub h5 {
	font-size: 15px;
	padding: 10px 20px 5px 20px;
	margin: 0 auto 15px;
	color: #333;
	background-image: url(/images/square.jpg) ;
	*background:url(/images/ie_square.jpg);
	background-position:0 10px;
	background-repeat:no-repeat;
	background-size: 13px 12px;
 
	width: 88%;
}
.sub ul {
	margin: 0 0 0px 20px;
}
.sub ul li {
	padding: 5px 20px 5px 20px;
	background-image: url(/images/allow07.jpg);
 *background-image:url(/images/ie_allow07.jpg);
	background-repeat: no-repeat;
	background-position: 0 7px;
	background-size: 7px;
	line-height: 1.3em;
text-align:left;
}
.sub ul li a:hover {
	text-decoration: underline;
}
.sub ol {
	margin: 0 0 0px 40px;
}
.sub ol li {
	list-style-type: decimal;
	padding: 0px 20px 5px 0px;
	line-height: 1.3em;
}
.sub table {
	border: 1px solid #ccc;
	width: 95%;
	margin: 0 auto 30px auto;
}
.sub table tr td {
	border: 1px solid #ccc;
	padding: 15px;
	padding: 5px 10px;
	vertical-align: middle;
}
.sub table tr th {
	border: 1px solid #ccc;
	background: #eee;
	padding: 15px;
	vertical-align: middle;
}
/*------------------------------------

subpage_contents

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


.sub .pankuzu {
	padding: 20px;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	margin-bottom: 20px;
	background: #eee;
	 line-height: 1.2;
}
.sub p {
	padding: 0 20px;
	margin-bottom: 10px;
	line-height: 1.6;
}
/*画像*/
.sub .right_side_contents img {
}
.sub .right_side_contents img.right {
}
.sub .right_side_contents img.left {
}
.sub .right_side_contents img.center {
}
.sub div.right_side_contents p.center {
	text-align: center;
}
.sub div.right_side_contents p.center img {
}
.sub div.right_side_contents p.caption {
	font-size: 90%;
	text-align: center;
	margin-bottom: 20px;
}
.sub .left_side {
	float: left;
	width: 250px;
}
.sub .right_side {
	float: right;
	width: 700px;
}
.sub .left_side p {
	font-size: 20px;
	color: #fff;
	padding: 12px 20px;
	background: #333;
	margin: 0;
}
.sub .left_side div a {
	display: block;
	text-decoration: none;
	font-size: 20px;
	color: #fff;
	padding: 12px 20px;
	background: #192a51;
	margin: 0;
}
.sub .left_side div a:hover {
	background-color: #4f6493;
}
.sub .left_side ul {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-radius: 0px 0px 4px 4px;
	-webkit-border-radius: 0px 0px 4px 4px;
	-moz-border-radius: 0px 0px 4px 4px;
	background: #f4f4f4;
	margin: 0;
	padding: 0;
}
.sub .left_side ul li {
	border-bottom: 1px solid #ccc;
	background: none;
	padding: 0;
	margin: 0;
	font-size: 14px;
	width: 100%;
}
.sub .left_side ul li a {
	display: block;
	padding: 15px 25px;
	line-height: 20px;
}
.sub .left_side ul li a:hover {
	background-color: #ccc;
}
.sub .left_side ul li ul {
	border: none;
	background: none;
	margin: 0;
	padding: 0;
}
.sub .left_side ul li ul li {
	
	margin: 0;
	font-size: 12px;
	border-bottom: 1px dotted #ccc;
	
}
.sub .left_side ul li ul li a {
	padding: 15px 25px 15px 35px;
	line-height: 1.4;
	background-image:url(/images/ie_allow06.png);
	background-repeat:no-repeat;
	background-position: 25px 20px;}
.sub .tile {
	margin-top: 20px;
}
.sub .tile table {
	border-collapse: inherit;
	border: none;
}
.sub .tile table tr td, .sub .tile table tr th {
	border: none;
}
.sub .tile table h3 {
	font-size: 18px;
	color: #192a51;
	border-top: #192a51 4px solid;
	padding: 15px;
	text-align: center;
	margin-bottom: 0;
	background: #fff;
}
.sub .tile table div {
	box-shadow: rgba(215, 215, 215, 0.8) 0px 0px 3px 2px;
	-webkit-box-shadow: rgba(215, 215, 215, 0.8) 0px 0px 3px 2px;
	-moz-box-shadow: rgba(215, 215, 215, 0.8) 0px 0px 3px 2px;
 *border: 2px solid #eaeaea;
}
.sub .tile table p {
	padding: 0 15px 10px;
	margin: 0;
}
.sub .tile table span {
	display: block;
	margin-bottom: 5px;
}
table.noborder {
	border: none !important;
}
table.noborder tbody tr th {
	border: none !important;
	padding: 0 !important;
	background-color: transparent !important;
	text-align: left;
}
table.noborder tbody tr td {
	border: none !important;
	padding: 0 !important;
	text-align: center;
}
.sub .right_side p.right{
	float:right;
}
table.text_align {
	border: none;
}
table.text_align tbody tr th {
	border: none;
	padding: 0;
	vertical-align: top;
}
table.text_align tbody tr td {
	border: none;
	padding: 0;
	vertical-align: top;
}

/*基盤研究・センター・融合研究*/
.link_box{
    position:relative;
}
 
.link_box a{
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    text-indent: -3000px;
}
.link_box a:hover{
	 background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;}
p.pagetop{
	text-align:right;
	width:90%;}
	

/*1cloum
====================================*/	
/*今月の一枚*/
#main_contents.sub table.list{
	border-bottom:none;
	border-top:1px solid #ccc;
	border-right:none;
	border-left:none;}
#main_contents.sub table.list th,
#main_contents.sub table.list td{
	border-bottom:1px solid #ccc;
	border-top:none;
	border-right:none;
	border-left:none;
	}
#main_contents.sub table.list th{
	text-align:center;}
#main_contents.sub table.list th img{
	width:150px;
	max-width:150px;
	height:auto;
	}
#main_contents.sub table.list td{
	vertical-align:text-top;
}


.sub .right_side_contents ul.ancor{
	}
.sub .right_side_contents ul.ancor li{
	float:left;
	margin: 0 10px 0 0;}
@media screen and (-webkit-min-device-pixel-ratio:0) {
a.ancor{
	padding:30px 0 0 0;
	display:inline-block;}
}
.content-nav{
width:90%;
margin:2% auto;
text-align:center;}
.content-nav span{padding:0 1%;margin:0 2px;
border:1px solid #ccc;
background-color:#eee;}
.content-nav span.current{background-color:#fff;}


/*カレンダー関連*/
.calendar{
vertical-align:top;
}
.calendar .inr_calendar{
border: 1px solid #ccc;
    padding: 20px 0;
    width: 230px;
display:inline-block;
margin:10px 0;
}
.calendar .inr_calendar h4{
font-size: 22px;
    text-align: center;}
.inr_calendar table caption{
text-align:center;}
.inr_calendar table{
width:90%;
float:none !important;
margin:0 auto;}
.inr_calendar table tbody tr th,
.inr_calendar table tbody tr td{
text-align:center;
width:10%;
border:1px solid #ccc;}
.inr_calendar table tbody tr th{
background-color:#ccc;}

/*内部*/
#eventCalendar table{
width:100%;
margin:0 auto;
min-width:900px;
max-width:1500px;}
#eventCalendar table tbody tr th{
text-align:center;}
#eventCalendar table tbody tr td{
width:14%;
vertical-align: top;}

#eventCalendar table tbody tr td:first-child:before {
  display: block;
  float: left;
  height: 100px; /* この値は適宜書き換える */
  content: "";
}
#main_contents.sub .calendar .left{
	width:10%;
	float:left;
}
#main_contents.sub .calendar .left a#previous{}
#main_contents.sub .calendar .right{
width:10%;
float:right;
}
#main_contents.sub .calendar .right a#next{
width:10%;
}
#isee.mt-archive-listing.mt-datebased-monthly-archive.layout-w-b main #main_contents.sub{
max-width:1500px;
margin:0 auto !important;}

.calendar{
width:950px;
margin:0 auto 40px auto;}
.calendar div.left_text,
.calendar div.right_text{
float:left;
margin:0 10px 0 0;}

#eventCalendar table caption{
border-left: 3px solid #333;
    font-weight: bold;
    margin: 0 0 10px 20px;
    padding: 0 0 0 10px;
    text-align: left;
}
.news div.inr.news_inr.clearfix div.calendar{
width:230px;
float:right;}

table.booklets-naze {
}
table.booklets-naze tr td{
	width:110px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}
table.booklets {
}
table.booklets tr td{
	width:150px;
	margin: 0 auto;
	text-align: center;
	padding: 5px;
}

label.accordion_menu {
    padding :0;
    margin: 0;
    text-decoration: underline;
    cursor :pointer;
}
input[type="checkbox"].accordion_menu{
    display: none;
}
input[type="checkbox"].accordion_menu + ul{
    max-height: 0;
    overflow: hidden;
}
input[type="checkbox"].accordion_menu:checked + ul{
    max-height: 50em;
}
ul.accordion_menu{margin: 0;}

/*Publication*/
.sub p.pub-now {
	width: 170px;
	float: left;
	font-weight: bold;
}
.sub .pub-bknum {
	font-weight: bold;
	text-align: center;
}
.sub div.pub-list {
	height: 150px;
	width: 360px;
	overflow: auto;
	background-color: #FFFAE8;
	border: solid 10px #FFFAE8;
}
.sub .pub-Annual {
	margin-bottom: 0px;
	margin-left: 20px;
	width: 570px;
}