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

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

　 style CSS

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

#wrapper {
	width: 1000px;
	height: 100%;
	margin: 0 auto;
	text-align: left;
	background: url(../images/bg_stripe.jpg) repeat;
	background-size: 4px 4px;
	overflow: auto;
}

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

#wrapper #header {
	background: #c9c9ca;
	width: 100%;
	height: 115px;
}

#wrapper #header h1 {
	margin-left: 25px;
	padding: 30px 0px 18px 0px;
	float: left;
	display: inline;
}

#wrapper #header p {
	margin-right: 25px;
	padding: 24px 0px 11px 0px;
	float: right;
	display: inline;
}

#wrapper #header h2 {
	clear: both;
}


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

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

/* left */

#wrapper #leftbox {
	width: 205px;
	float: left;
	display: inline;
}

#wrapper #leftbox #menu {
	margin-top: 30px;
	margin-left: 18px;
	margin-right: 18px;
}

#wrapper #leftbox #menu li {
	margin-bottom: 10px;
	font-size: 1.3em;
	text-align: center;
}

}
.sidebar {
  width: 170px;
}
.sidebar__item {
  margin-bottom: 20px;
}
.sidebar__item--fixed {
  position: sticky;
  margin-bottom: 0;
  top: 10px;
  z-index: 1;
}
	 
/* right */

#wrapper #rightbox {
	width: 795px;
	float: right;
	display: inline;
	background: #ffffff;
}

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

#wrapper #rightbox h3 {
	margin-top: 30px;
	margin-bottom: 10px;
}

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

#wrapper #rightbox .text {
	font-size: 1.4em;
	text-align: justify;
	text-justify: inter-ideograph;  /* IE */
	line-height: 1.5em;
	margin-left: 50px;
	margin-right: 25px;
	margin-bottom: 15px;
}

#wrapper #rightbox .number {
	font-size: 2em;
	font-weight:bolder;
	text-align: justify;
	text-justify: inter-ideograph;  /* IE */
	line-height: 1.5em;
	margin-left: 50px;
	margin-right: 25px;
	margin-bottom: 15px;
}

#wrapper #rightbox .arrow {
	background: url(../images/icon_arrow.jpg) no-repeat;
	background-size: 8px 9px;
	font-size: 1.4em;
	font-weight: bold;
	height: 9px;
	line-height: 9px;
	padding-left: 15px;
	margin-left: 50px;
}

/* step */

#wrapper #rightbox div.step {
	margin-left: 50px;
}

#wrapper #rightbox .step .step_number {
	float: left;
	width: 4em;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}

#wrapper #rightbox .step .step_title {
	margin-left: 4em;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 15px;
}

#wrapper #rightbox .step .text {
	margin-left: 65px;
}

#wrapper #rightbox .step .arrow {
	background: url(../images/icon_arrow.jpg) no-repeat;
	background-size: 8px 9px;
	font-size: 1.4em;
	height: 9px;
	line-height: 9px;
	padding-left: 15px;
	margin-top: 1em;
	margin-bottom: 15px;
	margin-left: 65px;
}

/* faq */

#wrapper #rightbox div.faq {
	clear: both;
	margin-left: 50px;
	margin-right: 25px;	
}

#wrapper #rightbox .faq .faq_number {
	float: left;
	width: 2em;
	font-size: 1.4em;
}

#wrapper #rightbox .faq .faq_title {
	margin-left: 2em;
	font-size: 1.4em;
}

#wrapper #rightbox .faq .question {
	margin-bottom: 10px;
}

#wrapper #rightbox .faq .answer {
	margin-bottom: 20px;
}

/* message */

#wrapper #rightbox #mf_nigintern {
	float: left;
}

#wrapper #rightbox .message li {
	font-size: 1.4em;
	display: inline;
	margin-right: 1em;
}

/* details
------------------------------------------------------------------------------------------------- */

#wrapper #rightbox .disc {
	margin-left: 50px;
	margin-bottom: 1.5em;
}

#wrapper #rightbox .disc li {
	font-size: 1.4em;
	list-style: disc outside;
	margin-left: 1.5em;
	margin-bottom: 0.5em;
	margin-right: 25px;
}

/* Hostlabs
------------------------------------------------------------------------------------------------- */

/* 分野 */

#hostlabs #wrapper #rightbox .areas {
	width: 745px;
	margin-bottom: 30px;
	/*border-collapse:collapse;*/
}

#hostlabs #wrapper #rightbox .areas tr td {
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

/* 研究室 */

#hostlabs #wrapper #rightbox .labs_box {
	width: 745px;
	margin-bottom: 30px;
	border-bottom: #999999 1px solid;
	margin-left: 50px;
}

#hostlabs #wrapper #rightbox .labs_box div .labs {
	clear: both;
	width: 745px;
	border-collapse:collapse;
	/*margin-bottom: 30px;*/
	text-align: left;
	border-top: #999999 1px solid;
	margin-bottom: 0;
	margin-left: 0px;
}

/* th 研究室名 */

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_name th {
	width: 25em;
	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行目 */

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_name {
	/*border-top: #999999 1px solid;*/
	background: #EAF0FF;
}

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_name .mark {
	width: 125px;
	padding-left: 1em;
}

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_name .mark img {
	margin-right: 5px;
}

/* tr_summary 2行目 */

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_summary {
}

#hostlabs #wrapper #rightbox .labs_box div .labs tbody .tr_summary .summary {
	padding-top: 8px;
	padding-right: 1em;
	padding-bottom: 8px;
	padding-left: 30px;
}


/* Application
------------------------------------------------------------------------------------------------- */

#wrapper #rightbox .requirement_01 {
	margin-left: 70px;
}

#wrapper #rightbox .requirement_01 dd {
	margin-bottom: 20px;
	padding-left: 1.5em;
}

#wrapper #rightbox .requirement_02 li {
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: 65px;
	list-style-type: disc;
	list-style-position: outside;
}

#wrapper #rightbox .requirement_03 {
	margin-bottom: 50px;
}

#wrapper #rightbox .requirement_03 dd {
	margin-bottom: 20px;
}
#wrapper #rightbox .requirement_04 li {
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: 15px;
	list-style-type: disc;
}
#wrapper #rightbox .format {
	padding-bottom: 30px;
}

#wrapper #rightbox .format p {
	font-size: 1.4em;
	color: #ffffff;
	margin-left: 50px;
	/*background: url(../images/btn_format_02.jpg) left center no-repeat;*/
	background: url(../images/btn_format.jpg) left center no-repeat;
	background-size: 640px 50px;
	line-height: 50px;
	padding-left: 100px;
	width: 640px;
	height: 50px;
}


#wrapper #rightbox .format p:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}


#wrapper #rightbox .format p a {
	display: block;
	color: #ffffff;
}

#wrapper #rightbox .format p a:focus {
	outline: none;
}


/* image
------------------------------------------------------------------------------------------------- */

#wrapper #rightbox .images {
	margin-left: 50px;
}

#wrapper #rightbox .images_02 {
	clear: both;
	float: left;
	display: inline;
	margin-left: 50px;
	margin-bottom: 35px;
}

#wrapper #rightbox .images_03 {
  float: right;
	display: inline;
	margin-right: 10px;
	margin-bottom: 35px;
}


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

#wrapper #rightbox dl {
	margin-left: 50px;
	margin-right: 25px;
}

#wrapper #rightbox dl dt {
	font-size: 1.6em;
	font-weight: bold;
}

#wrapper #rightbox dl dd {
	font-size: 1.4em;
	text-align: justify;
  text-justify: inter-ideograph;  /* IE */
	line-height: 1.5em;	
}

#wrapper #rightbox ol {
	font-size: 1.4em;
	text-align: justify;
  text-justify: inter-ideograph;  /* IE */
	line-height: 1.5em;	
	margin-left: 50px;
	margin-right: 25px;
}

#wrapper #rightbox ol li {
	list-style: decimal outside;
	margin-left: 1.5em;
	margin-bottom: 15px;
}

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

#wrapper #rightbox table {
	font-size: 1.4em;
	margin-left: 50px;
	margin-right: 25px;
	margin-bottom: 15px;
}

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


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

#wrapper #footer {
	clear: both;
	width: 100%;
	height: 120px;
	background: #0068b7;
}

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

#wrapper #footer #copyright {
	height: 25px;
	background: #000000;
	line-height: 25px;
	padding-left: 25px;
	color: #ffffff;
	font-size: 1.4em;
}

/* footer links
------------------------------------------------------------------------------------------------- */

#wrapper #footer #links {
	color: #ffffff;
	font-size: 1.4em;
	margin-top: 15px;
	margin-left: 25px;
}

#wrapper #footer #links li {
	list-style: disc inside;
}

#wrapper #footer #links li a:link { 
    text-decoration: underline;
	color: #ffffff;
}

#wrapper #footer #links li a:visited {
	text-decoration: underline;
	color: #ffffff;
}

#wrapper #footer #links li a:hover {
	text-decoration: underline;
	color: #f39800;
}

#wrapper #footer #links li a:active {
	text-decoration: underline;
	color: #f39800;	
}

#wrapper #footer #links li a:focus {
	outline: none;
}


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

.bold {
	font-weight: bold;
}

.italic {
	font-style: italic;
}

.indent {
	text-indent: 1em;
}

.super { 
  vertical-align: super;
}


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

a:link { 
    text-decoration: underline;
	color: #0168B7;
}

a:visited {
	text-decoration: underline;
	color: #0168B7;
}

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

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

a:focus {
	outline: none;
}


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

/* Main color (赤) : #da382b */

/* Sub color 1 (オレンジ) : #de5454 */

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

/* Sub color 3 (黒) : #221714 */

/* Accent color (紺) : #3e4b91 */

/* Background color : #ffffff */