@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;
}
	 
/* 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 .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
------------------------------------------------------------------------------------------------- */

/* Mark & List */

#hostlabs #wrapper #rightbox .list,
#hostlabs #wrapper #rightbox .labs {
	font-size: 1.4em;
	margin-bottom: 20px;
	margin-left: 50px;
}

#hostlabs #wrapper #rightbox .list tr th {
	padding-right: 5px;
}

#hostlabs #wrapper #rightbox .list tr td {
	padding-right: 10px;
}

/* Laboratories */

#hostlabs #wrapper #rightbox .labs {
	width: 720px;
	border-collapse: collapse;
	border-bottom: #999999 1px dotted;
}

#hostlabs #wrapper #rightbox .labs tr {

}

#hostlabs #wrapper #rightbox .labs tr th {
		border-top: #999999 1px dotted;
		width: 600px;
		background: url(../images/icon_arrow.jpg) no-repeat  0px 12px;
		background-size: 8px 9px;
		padding-top: 0.5em;
		padding-bottom: 0.2em;
		padding-left: 15px;
		font-weight: bold;
		

}

#hostlabs #wrapper #rightbox .labs tr .mark {
		border-top: #999999 1px dotted;
		width: 120px;
		padding-top: 0.5em;

}

#hostlabs #wrapper #rightbox .labs tr .tagline {
	padding-right: 120px;
	line-height: 1.2em;
	padding-left: 15px;
	padding-bottom: 0.5em;

}

#hostlabs #wrapper #rightbox dl .mark {
	/*margin-left: 13em;*/
	margin-left: 610px;
	width: 80px;
}

#hostlabs #wrapper #rightbox dl {
	font-size: 1.4em;
	width: 720px;
	border-top: #999999 1px dotted;
	padding-top: 0.5em;
	margin-bottom: 25px;
	margin-left: 50px;
}

#hostlabs #wrapper #rightbox dl dt {
	float: left;
	/*width: 13em;*/
	width: 600px;
	height: 9px;
	margin-top: 0.5em;
	padding-left: 10px;
	font-weight: bold;
	text-indent: 0.5em;
	line-height: 9px;
	background: url(../images/icon_arrow.jpg) no-repeat;
	background-size: 8px 9px;
}

#hostlabs #wrapper #rightbox dl .mark {
	margin-left: 610px;
	width: 80px;
}

#hostlabs #wrapper #rightbox dl .research {
	clear:both;
	width: 720px;
	text-indent: 1.5em;
	border-bottom: #999999 1px dotted;
	padding-bottom: 0.5em;
	margin-bottom: 0.5em;
}

#hostlabs #wrapper #rightbox dl dd img {
	vertical-align: middle;
}


/* 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 */