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

/* =================================================================================================

　 style CSS

================================================================================================= */


/* header
================================================================================================= */

#h_wrapper {
	width: 100%;
	height: 92px;
	background: #ffffff;
	border-bottom: 8px #a50082 solid;
}

#h_wrapper #header {
	width: 940px;
	margin: 0 auto;
}

#h_wrapper #header .logo {
	float: left;
	margin-left: 20px;
	padding-top: 15px;
}

#h_wrapper #header .sns {
	float: right;
	margin-right: 20px;
	padding-top: 28px;
}


/* mainvisual
================================================================================================= */

#m_wrapper {
	width: 100%;
	height: 350px;
	/*background: url(../images/bg_mainvisual.jpg);*/
}

#m_wrapper #mainvisual {
	width: 940px;
	margin: 0 auto;
}

#m_wrapper #mainvisual h1 img {
	margin-left: 20px;
}


/* contents
================================================================================================= */

#c_wrapper {
	width: 100%;
}

#c_wrapper #contents {
	width: 940px;
	margin: 20px auto;
	font-size: 1.4em;
	min-height: 100%;
	overflow: hidden;
}

/* box
------------------------------------------------------------------------------------------------- */

/* left */

#c_wrapper #contents #left_box {
	float: left;
	display: inline;
	width: 680px;
	margin-left: 20px;
}
	 
/* right */

#c_wrapper #contents #right_box {
	float: right;
	display: inline;
	width: 200px;
	margin-right: 20px;
	overflow: hidden;
}
#c_wrapper #contents .e_wrapper {
	display:table;
	width: 100%;
	table-layout: fixed;	
}

#c_wrapper #contents .exhibition {
	display: table-cell;
	width: 280px;
	float: left;
}

#c_wrapper #contents .exhibition.e_left {
	padding-right: 40px;

}

#c_wrapper #contents .exhibition.e_center {

}

#c_wrapper #contents .exhibition.e_right {
	padding-left: 40px;
}

#c_wrapper #contents .exhibition p img {
	margin-bottom: 20px;
}

#c_wrapper #contents .exhibition p {
  text-align: justify;
	text-justify: inter-ideograph;  /* IE */
}

#c_wrapper #contents .e_wrapper .exhibition .text {
	margin-bottom: 20px;
}

#c_wrapper #contents #left_box .faq dt {
	background: url(../images/ico_question.png) no-repeat;
	background-size: 40px 35px;
	line-height: 35px;
	height: 45px;
	margin-bottom: 20px;
	border-bottom: #CCC 1px dotted;
	padding-left: 55px;
	padding-bottom: 20px;
}


#c_wrapper #contents #left_box .faq dd {
	background: url(../images/ico_answer.png) no-repeat;
	background-size: 40px 35px;
	min-height: 35px;
	margin-bottom: 20px;
	border-bottom: #CCC 2px solid;
}

#c_wrapper #contents #left_box .faq dd:last-child {
	border: none;
}

#c_wrapper #contents #left_box .faq dd p {
	margin-left: 55px;
	padding-top: 0.5em;
	padding-bottom: 20px;
}



/* title
------------------------------------------------------------------------------------------------- */

/* Main title */

#c_wrapper #contents #left_box h3 {
	clear: both;
	margin-bottom: 20px;
}

/* Sub title */

#c_wrapper #contents #left_box h4 {
	clear: both;
	width: 680px;
	height: 35px;
	line-height: 35px;
	padding-left: 2.5em;
	margin-bottom: 20px;
	color: #221714;
	font-size: 120%;
	font-weight: bold;
	background: url(../images/bg_subtitle.png) no-repeat;
	background-size: 680px 35px;
}

/* text
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .text {
	margin-bottom: 20px;
}

/* table
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .table {
	line-height: 1.5em;
	margin-bottom: 10px;
	width: 680px;
	border-collapse: collapse;
	border-spacing: 0px;
}

#c_wrapper #contents #left_box .table tr th {
	text-align: left;
	border-bottom: 1px dotted #999999;
	width: 1%;
	white-space: nowrap;
	font-weight: bold;
	background: url(../images/ico_arrow.png) no-repeat left center;
	padding: 10px 20px;
}

#c_wrapper #contents #left_box .table tr td {
	text-align: left;
	padding: 10px 0px 10px 10px;
	border-bottom: 1px dotted #999999;
}

#c_wrapper #contents #left_box .table .end th {
	text-align: left;
	padding: 10px 10px 10px 20px;
	border-bottom: none;
}

#c_wrapper #contents #left_box .table .end td {
	text-align: left;
	padding: 10px 0px 10px 10px;
	border-bottom: none;
}

/* list
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box ul {
	margin-bottom: 20px;
}

#c_wrapper #contents #left_box ul li {
	background: url(../images/ico_arrow.png) no-repeat left center;
	padding: 5px 20px;
}

/* banner
------------------------------------------------------------------------------------------------- */

/* 350x55 センター揃え */

#c_wrapper #contents #left_box .bnr {
	margin-left: 165px;
	margin-bottom: 20px;
}

/* news
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .more {
	float: right;
}	

/* report
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .report {
	padding-bottom: 20px;
}

#c_wrapper #contents #left_box .report .img_report {
	float: left;
	margin-bottom: 20px;
	width: 330px;
}

#c_wrapper #contents #left_box .report .img_report_l {
	margin-right: 12px;
} 

#c_wrapper #contents #left_box .report .report_end {
	margin-bottom: 50px;
}


/* schedule
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .schedule {
	padding-bottom: 20px;
}

#c_wrapper #contents #left_box .schedule .time {
	width: 5em;
	float: left;
}

#c_wrapper #contents #left_box .schedule .name {
	clear: both;
	margin-left: 5em;
	margin-bottom: 20px;
}

/* lecture
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .photo {
	float: left;
	display: inline;
	margin-right: 20px;
}

#c_wrapper #contents #left_box .box {
	float: left;
}

#c_wrapper #contents #left_box .summary {
	clear: both;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	text-align: justify;
	text-justify: inter-ideograph;  /* IE */
	border-bottom: 1px dotted #999999;
}

#c_wrapper #contents #left_box .summary.end {
	border-bottom: none;
}

#c_wrapper #contents #left_box .box dl {
	float: left;
}

#c_wrapper #contents #left_box .box dl dt,
#c_wrapper #contents #left_box .box dl dd {
	margin-left: 65px;
}

#c_wrapper #contents #left_box .box dl dt span {
	font-size: 150%;
	margin-right: 0.5em;
}

#c_wrapper #contents #left_box .box .interview {
	clear: both;
	padding-top: 15px;
	margin-left: 65px;
}

#c_wrapper #contents #left_box .researcher {
	width: 330px;
	float: left;
	margin-bottom: 20px;
	/*border: #B4D465 2px solid;*/
}

#c_wrapper #contents #left_box .researcher.researcher_01 {	
	margin-right: 20px;
}

/* nig
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .nig {
	font-size: 120%;
	margin-bottom: 10px;
}

/* pagetop
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box #pagetop {
	text-align: right;
	margin: 20px 0px;
}

/* navigation
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #right_box ul li {
	margin-bottom: 5px;
}

#c_wrapper #contents #right_box ul .end {
	margin-bottom: 15px;
}

/* lab
------------------------------------------------------------------------------------------------- */

#lab #c_wrapper #contents #left_box .lab {
	width: 340px;
	float: left;
	display: inline;
	margin-bottom: 20px;
}

#lab #c_wrapper #contents #left_box .lab dt {
	height: 13px;
	line-height: 13px;
	background: url(../images/ico_arrow.png) no-repeat left center;	
	margin-bottom: 5px;
	margin-top: 10px;
	padding-left: 15px;
	font-weight: bold;
}

#lab #c_wrapper #contents #left_box .lab dd {
	padding-left: 15px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #999999;	
}

#lab #c_wrapper #contents #left_box .lab .end {
	padding-left: 15px;
	padding-bottom: 5px;
	border-bottom: none;
	
}

/* labo
================================================================================================= */

/* 分野 */

#c_wrapper #contents #left_box .areas {
	width: 680px;
	margin-bottom: 30px;
	/*border-collapse:collapse;*/
}

#c_wrapper #contents #left_box .areas tr td {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

/* 研究室 */

#c_wrapper #contents #left_box .labs_box {
	border-top: #999999 1px solid;
	
}

#c_wrapper #contents #left_box .labs {
	clear: both;
	width: 680px;
	border-collapse:collapse;
	/*margin-bottom: 30px;*/
	text-align: left;
}

/* th 研究室名 */

#c_wrapper #contents #left_box .labs tbody tr th {
	width: 16em;
	background: url(../images/ico_arrow.png) no-repeat 1em center;
	background-size: 11px;
	padding-top: 8px;
	padding-left: 30px;
	padding-bottom: 8px;
}

/* tr_name 1行目 */

#c_wrapper #contents #left_box .labs tbody .tr_name {
	border-bottom: #999999 1px solid;
	/*background: #EAF0FF;*/
}

#c_wrapper #contents #left_box .labs tbody .tr_name .mark {
	width: 125px;
	padding-left: 1em;
}

#c_wrapper #contents #left_box .labs tbody .tr_name .mark img {
	margin-right: 5px;
}

/* tr_summary 2行目 */

#c_wrapper #contents #left_box .labs tbody .tr_summary {
	border-bottom: #999999 1px solid;
}

#c_wrapper #contents #left_box .labs tbody .tr_summary .summary {
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 30px;
	border-right: #999999 1px dotted;
}

#c_wrapper #contents #left_box .labs tbody .tr_summary .material {
	width: 130px;
	vertical-align: top;
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 1em;
}

/* Link */

#c_wrapper #contents #left_box .labs tbody tr th a:link,
#c_wrapper #contents #left_box .labs tbody .tr_summary .material a:link {
	color: #414d99; 
  text-decoration: underline;
}

#c_wrapper #contents #left_box .labs tbody tr th a:visited,
#c_wrapper #contents #left_box .labs tbody .tr_summary .material a:visited {
	color: #414d99;
	text-decoration: none;
}

#c_wrapper #contents #left_box .labs tbody tr th a:hover,
#c_wrapper #contents #left_box .labs tbody .tr_summary .material a:hover {
	color: #F4D230;
	text-decoration: underline;
}

#c_wrapper #contents #left_box .labs tbody tr th a:active, 
#c_wrapper #contents #left_box .labs tbody .tr_summary .material a:active{
	color: #F4D230;	
	text-decoration: underline;
}

#c_wrapper #contents #left_box .labs tbody tr th a:focus,
#c_wrapper #contents #left_box .labs tbody .tr_summary .material a:focus {
	outline: none;
}



/* footer
================================================================================================= */

#f_wrapper {
	clear: both;
	width:100%;
	/*height: 200px;*/
}

#home #f_wrapper,
#news #f_wrapper,
#lab #f_wrapper  {
	clear: both;
	width: 100%;
	/*height: 200px;*/
	/*background: none;*/
}

#f_wrapper #footer {
	width: 940px;
	margin: 0 auto;
	color: #ffffff;
	font-size: 1.4em;
	border-top: 5px solid #cccccc;
}

#home #f_wrapper #footer,
#news #f_wrapper #footer,
#lab #f_wrapper #footer {
	width: 100%;
	background: #ffffff;
}

/* festa
------------------------------------------------------------------------------------------------- */

#f_wrapper #footer p img {
	float: right;
	margin-top: 20px;
	margin-right: 20px;
	margin-bottom: 100px;
}

#f_wrapper #footer p a img {
	border: #999999 1px solid;
}

#home #f_wrapper #footer p,
#news #f_wrapper #footer p,
#lab #f_wrapper #footer p {
	width: 940px;
	margin: 0 auto;
}

/* copyright
------------------------------------------------------------------------------------------------- */

#f_wrapper #footer #copyright {
	clear: both;
	height: 30px;
	line-height: 30px;
	text-align: center;
}

#home #f_wrapper #footer #copyright,
#news #f_wrapper #footer #copyright,
#faq #f_wrapper #footer #copyright,
#lab #f_wrapper #footer #copyright {
	width: 100%;
	background-color: #a50082;
}


/* Decoration
================================================================================================= */

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.indent {
	text-indent: 1em;
}


/* Link
================================================================================================= */

a:link {
	color: #556cb2; 
    text-decoration: underline;
}

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

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

a:active {
	color: #f39800;
	text-decoration: underline;
}

a:focus {
	outline: none;
}

/* 外部リンクアイコン */

#c_wrapper #contents #left_box a[href^="http"] {
	background: url(../images/ico_external-link.png) no-repeat right center;
	padding-right: 0px;
}

/* 外部リンクアイコン表示なし（参加研究室リスト） */

#lab #c_wrapper #contents #left_box .lab dd a[href^="http"],
#lab #c_wrapper #contents #left_box .lab .sokendai a[href^="http"] {
	background: none;
}

/* Color
================================================================================================= */

/* Main color (イエロー) : #fff100 */

/* Sub color 1 (ブルー) : #008cce */

/* Sub color 2 (ピンク) : #e62f82 */

/* Sub color 3 (オレンジ) : #f6ab00 */

/* Sub color 3 (グレー) : #b4b5b5 */

/* Accent color (ブラック) : #221814 */

/* Background color : #ffffff */

/* 明るい#d45297 */

/* 暗いa50082 */

/* 青紫556cb2 */