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

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

　 style CSS

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


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

#h_wrapper {
	width: 100%;
	height: 92px;
	border-bottom: 8px #221815 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;
}
/* information
================================================================================================= */

#m_wrapper2 {
	width: 100%;
	height: 200px;
	/*background: #3CC;*/
}

<!--#m_wrapper2 #information {
	width: 900px;
	margin: 20px auto;
}-->

#m_wrapper2 #information h4 {
	height:30px;
	clear: both;
	font-size: 160%;
	font-weight: bold;
	background: #E60012;
	color: #ffffff;
	text-indent: 15px;
	margin-bottom: 0px; padding:10px 0px 0px 5px;
}


div.infomation {
width:auto; height:auto;
margin-bottom:50px; padding:20px; border:5px solid #E60012;
background-color:#faf0e6;
font-size: 140%;
} 


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

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

#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;
}

/* form */

#c_wrapper #contents #form_box {
	width: 900px;
	margin-left: 20px;
	margin-right: 20px;
}

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

/* Main title */

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

/* Sub title */

#c_wrapper #contents h4 {
	clear: both;
	width: 680px;
	height: 35px;
	margin-bottom: 20px;
}

/* Sub title 2 */

#c_wrapper #contents #left_box .h5 {
	clear: both;
	font-size: 100%;
	background: #eeeeee;
	color: #000000;
	text-indent: 5px;
	margin-bottom: 20px;
}

/* Sub title 2 */

#c_wrapper #contents #left_box .h6 {
	clear: both;
	font-size: 100%;
	background: #ec6f83;
	color: #ffffff;
	text-indent: 5px;
	margin-bottom: 20px;
}


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

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

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

#c_wrapper #contents #left_box .table {
	line-height: 1.5em;
	margin-bottom: 30px;
	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;
	background-size: 11px;
	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;
}

#c_wrapper #contents #left_box .table .end td #list {
	margin-left: 15px;
}

#c_wrapper #contents #left_box .table .end td #list li {
	list-style-type: disc;
	list-style-position: outside;
}


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

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

/* message
------------------------------------------------------------------------------------------------- */

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

/* summary
------------------------------------------------------------------------------------------------- */

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

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

#c_wrapper #contents #left_box .bnr {
	margin-top: 10px;
	margin-right: 15px;
	margin-bottom: 30px;
	float: left;
}


/* features
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box #features {
	width: 680px;
}

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

#c_wrapper #contents #left_box #features .position {
	margin-left: 90px;
	margin-bottom: 30px;
}

#c_wrapper #contents #left_box #features .position p {
	margin-left: 8px;
}

/* movie 
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .movie {
	float: left;
	margin-right: 15px;
}

#c_wrapper #contents #left_box .movie.end {
	margin-right: 0px;
}

#c_wrapper #contents #left_box .movie dl {
	margin-top: 10px;
}

#c_wrapper #contents #left_box .movie dt {
	border-bottom: 1px dotted #000000;
	padding: 5px 0px;
	margin-bottom: 8px;
}

#c_wrapper #contents #left_box .movie dd {
	font-size: 100%;
}

#c_wrapper #contents #left_box .movie dl dd .comments {
	font-size: 90%;
}

#c_wrapper #contents #left_box .movie p {
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	padding: 5px 0px;
	margin-top: 8px;
	margin-bottom: 40px;
}

/* students
------------------------------------------------------------------------------------------------- */

#c_wrapper #contents #left_box .students {
	clear: both;
	overflow: hidden;
	border-bottom: 1px dotted #000000;
	padding-bottom: 20px;
}

#c_wrapper #contents #left_box .students .end {
	padding-top: 20px;
	border-bottom: none;
}
	
#c_wrapper #contents #left_box .students p {
	width: 160px;
	height: 160px;
	background: url(file:///Macintosh%20HD/Users/SUMIRE/Documents/%E5%88%B6%E4%BD%9C%E3%83%87%E3%83%BC%E3%82%BF/01_%E5%BA%83%E5%A0%B1%E6%A5%AD%E5%8B%99/03_%E5%A4%A7%E5%AD%A6%E9%99%A2%E4%B8%80%E6%97%A5%E4%BD%93%E9%A8%93%E4%BC%9A%EF%BC%88%E5%A4%A7%E5%AD%A6%E9%99%A2%E8%AA%AC%E6%98%8E%E4%BC%9A%EF%BC%89/2018/%E7%89%B9%E8%A8%AD%E3%82%B5%E3%82%A4%E3%83%88/images/common/bg_stripe.png) repeat;
	float: left;
	display: inline;
}

#c_wrapper #contents #left_box .students p img {
	padding: 5px 0px 0px 5px;
}

#c_wrapper #contents #left_box .students.end p {
	margin-top: 20px;
}

#c_wrapper #contents #left_box .students dl {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: -10px;
}

#c_wrapper #contents #left_box .students.end dl {
	float: left;
	display: inline;
	margin-left: 20px;
	margin-top: 10px;
}
	
#c_wrapper #contents #left_box .students dl dt {
	width: 480px;
	font-size: 120%;
	border-bottom: 1px dotted #000000;
	padding: 10px 10px;
	margin-bottom: 10px;
}

#c_wrapper #contents #left_box .students dl dt span {
	font-size: 80%;
	font-weight: normal;
}

#c_wrapper #contents #left_box .students dl dd {
	line-height: 1.5em;
	padding-bottom: 5px;
	padding-left: 10px;
}

#c_wrapper #contents #left_box .students dl dd a {
	display: inline-block;
}

#c_wrapper #contents #left_box .students dl dd span {
	vertical-align: bottom;
}

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

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

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


/* message
================================================================================================= */

#c_wrapper #contents #left_box .photo {
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}

#c_wrapper #contents #left_box #name {
	text-align: right;
}

#c_wrapper #contents #left_box #name span {
	font-size: 110%;
}

/* 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_blue.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-top: #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;
}


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

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

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

#c_wrapper #contents #right_box ul {
	margin-top: 20px;
}

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

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

#c_wrapper #contents #right_box #flyer {
	margin-bottom: 20px;
}


/* form
================================================================================================= */

#c_wrapper #contents #form_box #privacypolicies {
	width:900px;
	height:200px;
	margin-bottom: 30px;
	padding: 0px;
	overflow:auto;
	text-align:left;
	border:1px solid #ccc;
}
	
#c_wrapper #contents #form_box #privacypolicies dl{
	width:;
	margin:10px;
	padding: 0px;
}
	
#c_wrapper #contents #form_box #privacypolicies dt{
	font-weight:normal;
	margin: 10px 0px 0px 0px;
	padding: 0px;
	color:#28AFE4;
	font-weight:normal;
}
	
#c_wrapper #contents #form_box #privacypolicies dd {
	margin:0px;
	padding: 0px 0px 10px 0px;
}

#c_wrapper #contents #form_box iframe {
	margin-top: 10px;
	margin-left: 0px;
}
	

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

#f_wrapper {
	clear: both;
	width:100%;
	height: 250px;
}

#f_wrapper #footer {
	font-size: 1.4em;
	/*background: #EAF0FF;*/
	background-image: url("../images/footer_Back.png")
	/*height: 250px;*/
}

#f_wrapper #footer ul {
	width: 940px;
	height: 60px;
	margin: 0 auto;
	padding-top: 20px;
	padding-left: 40px;
}

#f_wrapper #footer ul li {
	float: left;
	margin-right: 10px;
}

/* address
------------------------------------------------------------------------------------------------- */

#f_wrapper #footer address dl {
	clear: both;
	width: 940px;
	height: 90px;
	margin: 0 auto;
	height: 120px;
	padding-top: 30px;
	padding-left: 40px;
	/*background: #EAF0FF;*/
}

#f_wrapper #footer address dl dt {
	margin-bottom: 5px;
}

#f_wrapper #footer address dl dt span {
	font-size: 110%;
}



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

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


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

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.indent {
	text-indent: 1em;
}

.red{ 
  color:#e50011;
}


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

a:link {
	color: #6cb92d; 
    text-decoration: underline;
}

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

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

a:active {
	color: #F4D230;	
	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;
	background-size: 14px 14px;
	padding-right: 20px;
}

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

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

#lab #c_wrapper #contents #left_box .labs tr th a[href^="http"] {
	background: none;
}


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

/* Main color (青) : #414d99 */

/* Sub color 1 (薄青) : #EAF0FF */

/* Sub color 2 (黄緑) : #6cb92d */

/* Sub color 3 (黄色) : #F4D230 */

/* Accent color (黒) : #000000 */

/* Background color : #ffffff */