@charset "shift_jis";
/* --init --*/

* {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "ƒqƒ‰ƒMƒmŠpƒS Pro W3";
}
body {
	background: #fff;
	color: #333;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	-webkit-text-size-adjust: 100%;
}
a {
	text-decoration: none;
}
a:link {
	color: #a30;
	text-decoration: underline;
}
a:visited {
	color: #a30;
	text-decoration: underline;
}
a:hover {
	color: #a30;
	text-decoration: none;
}
a:active {
	color: #a30;
}
a img {
	border: none;
}
/* --init --*/


/*-- common --*/

#box_common {
	width: 960px;
	margin: 0 auto;
	text-align: left;
}
a.arrow {
	line-height: 2em;
}
.clear_float {
	clear: both;
}
/*-- common --*/


/* --evasion css bug--*/

.box_height:after {
	content: "";
	display: block;
	clear: both;
	height: 1px;
	overflow: hidden;
}
/*\*/
* html .box_height {
	height: 1px;
	overflow: visible;
}
/**/

*+html body .clear_float {
	height: 1px;
}
/* --evasion css bug--*/



/* ƒXƒ}[ƒgƒtƒHƒ“κ—p@*/

/*------------
switch-btn
--------------*/	
#topc-btn,
#tomb-btn{
	display: none;
}

#load-area{
	display: none !important;
}

#top-menu,
.slicknav_menu {
	display:none;
}

@media screen and (min-width: 4000px) {
	/* #menu is the original menu */
	.js #menu {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}


#switch_btn,
#mbnavi,
#footer-mb{
	display: none;
}

#mb-subNav,
.userguide-subNav{
	display: none;
}


.mb_index_name{
	display: none;
}

#mb_index_title{
	display: none;
}


/*------------
@‹€—Lclass
--------------*/


.youtube-mb{
	display: none;
}


.youtube-pc{
	margin: 0 auto;
	text-align: center;
}


.reset{
	margin: 0;
	padding: 0;
}

.block{
	width: 640px;
	float: left;
}
.block_flex {
	width: 640px;
	display: flex;
}
.harf-box{
	width: 315px;
	text-align: center;
	float: left;
}

.box-withPadding{
	padding: 10px;
}


.image-right{
	float: right;
	padding: 0;
	text-align: center;
}

.image-left{
	float: left;
	padding: 0;
	text-align: center;
}

.image-center{
	float: none;
	text-align: center;
	margin: 0 auto;
}


.image-left-withPadding{
	float: left;
	padding: 0 10px 0 0;
}


.image-right-withPadding{
	float: right;
	padding: 0 0 10px 0;
}


#body_box ul.withoutColor li:first-letter {
  color: #333;
}

#body_box ul.withoutColor{
	list-style: none;
}

/* mailmagazine */


.list-with-indent3em li{
	margin-left:3em;
}


.dl-withMargin-Padding{
	margin: 10px auto;
	padding: 0 20px;
}



/* text-with img without caption */
.with-rightimg{
	float: left;
	width: 640px;
	margin-bottom: 20px;
}

.with-rightimg img{
	float: right;
	padding: 0 0 10px 10px;

}


.with-leftimg{
	float: left;
	width: 640px;
	margin-bottom: 20px;
}

.with-leftimg img{
	float: left;
	padding: 0 10px 10px 0;
}





/* text-with caption 1 img */
.text-boxL{
	width: 420px;
	margin-right: 20px;
	float: left;
}
.block_flex .text-boxL {
	width: 420px;
	margin-right: 20px;
	float: none;
}
.block_flex .image-boxR {
	width: 200px;
}

.image-boxR-withcaption{
	width: 200px;
	float: right;
	text-align: left;
	margin-bottom: 20px;
}


.text-boxR{
	width: 420px;
	margin-left: 20px;
	float: right;
}


.image-boxL-withcaption{
	width: 200px;
	float: left;
	text-align: left;
	margin-bottom: 20px;
}

 li.without-listStyle{
	list-style: none;
}
.without-listStyle li{
	list-style: none;
}




/* with 2 img */
.with-imageR-box{
	width: 310px;
	padding-right: 10px;
	margin-bottom: 40px;
	float: left;
}

.imageR-box{
	width: 320px;
	float: left;
	text-align: left;
	overflow: hidden;
}

.imageR-box p{
	width: 150px;
	font-size: 11px;
	line-height: 1.2;
	float: left;
	margin-left: 10px;
}

.imageR-box p img{
	padding: 0 0 2px 0;
}

.caption img{
	padding: 0 0 2px 0;
}

.caption{
	width: 200px;
	font-size: 11px;
	line-height: 1.2;
	margin-bottom: 10px;
	float: left;
}



.left-table-Withimage{
	width: 350px;
	float: left;
}



/* /ƒXƒ}[ƒgƒtƒHƒ“κ—p@*/



/* --header --*/

#header_box {
	vertical-align: middle;
	border: none;
	border-collapse: collapse;
	font-size: 12px;
	position: relative;
}
#header_box img {
	margin: 0;
	padding: 0;
	border: 0;
}
#header_box li {
	list-style: none;
}
#header_box td {
	padding: 0;
}
#header_box td.header_logo {
	width: 239px;
	background: #fff;
}
#header_box td.header_closure {
	/*	width:300px; */
	padding: 0 0 0 15px;
	color: #999;
	/*color:#e80; */
	font-weight: bold;
	border-right: none;
	font-size: 12px;
}
#header_box td.header_language {
	width: 450px;
	padding: 0 5px 0 0;
	font-size: 10px;
	text-align: right;
}
#header_box td.header_textbox {
	width: 145px;
}
#header_box td.header_textbox input {
	width: 140px;
	border: 1px solid #ccc;
}
#header_box td.header_button {
	width: 52px;
}
#header_box td.header_banner {
	width: 143px;
}
#header_box td.header_language a {
	text-decoration: none;
}
#header_box td.header_language a:link {
	color: #000;
	text-decoration: underline;
}
#header_box td.header_language a:visited {
	color: #000;
	text-decoration: underline;
}
#header_box td.header_language a:hover {
	color: #000;
	text-decoration: none;
}
#header_box td.header_language a:active {
	color: #000;
	text-decoration: underline;
}
#header_box td.donate {
	padding: 0 5px 0 10px;
}

	/* --facebook-- */
#fbensarch {
	width: 200px;
	font-size: 12px;
}
#fbensarch a:link {
	color: #000;
	text-decoration: underline;
}
#fbensarch a:hover {
	color: #000;
	text-decoration: none;
}
#facebook	{
	width: 130px;
	float: left;
	padding-left: 10px;
}
#facebook img {
	float: left;
	padding-top: 3px;
}
#facebook span {
	display: block;
	float: left;
	text-align: left;
	line-height: 1.2;
	padding: 0 0 0 5px;
	width: 8em;
	color: #000;
	text-decoration: underline;
}
#facebook span:hover {
  text-decoration: none;
}

#header_language {
	width: 4em;
	float: right;
	margin-top: 4px;
}
#header_language a {
	color: #000;
	text-decoration: underline;
}
#header_language a:hover {
	text-decoration: none;
}
#donation {
	font-size: 12px;
	background: #f4f3eb;
	width: 165px;
	height: 40px;
	margin: 0;
	text-align: center;
	padding: 8px 0;
	border: 1px #52524e dotted;
}
#donation img {
	display: block;
	margin: 0 auto 5px;
}
#donation a {
	margin: 0 5px;
}
#fbensarch a:link {
	color: #000;
	text-decoration: underline;
}
#donation a:hover {
	text-decoration: none;
}
/* --header --*/


/* --footer --*/

#footer_box {
	border-top: 1px solid #ccc;
	margin: 0 0 20px 0;
	padding: 10px 15px 0 15px;
	position: relative;
}
#footer_box img {
	margin: 0;
	padding: 0;
	border: 0;
}
#footer_box ul {
	float: left;
	padding: 0 0 15px 0;
}
#footer_box li {
	list-style: none;
	float: left;
	margin: 0 10px 0 0;
}
#footer_box li img {
	display: block;
}
#footer_box img.copy {
	margin: 7px 0 0 0;
	vertical-align: bottom;
}
.footer_box_copy {
	float: left;
	width: 650px;
}
.footer_box_qr {
	float: right;
	width: 200px;
}
#footer_box .footer_box_qr img {
	float: right;
	margin: 0 0 0 15px;
}
/* --footer --*/


/* --menu --*/

#menu_box_static {
	height: 55px;
	position: relative;
	z-index: 1;
}
#menu_box {
	position: absolute;
}
#menu_box img {
	margin: 0;
	padding: 0;
	border: 0;
	display: block;
}
#menu_box li {
	list-style: none;
}
#menu_userguide, #menu_exhibition, #menu_learning, #menu_research, #menu_procedure, #menu_about, #menu_institution {
	float: left;
}
#menu_userguide_sub, #menu_exhibition_sub, #menu_learning_sub, #menu_research_sub, #menu_procedure_sub, #menu_about_sub, #menu_institution_sub {
	position: relative;
	display: none;
}
/* --menu --*/


/* --topic path --*/

#topicpath_box {
	width: 100%;
	height: 24px;
	vertical-align: middle;
	color: #fff;
	font-size: 11px;
	line-height: 12px;
	position: relative;
}
#topicpath_box table {
	width: 100%;
	height: 24px;
	border: none;
	border-collapse: collapse;
}
#topicpath_box td {
	padding: 4px 0 0 15px;
}
#topicpath_box a {
	text-decoration: none;
}
#topicpath_box a:link {
	color: #fff;
	text-decoration: none;
}
#topicpath_box a:visited {
	color: #fff;
	text-decoration: none;
}
#topicpath_box a:hover {
	color: #fff;
	text-decoration: underline;
}
#topicpath_box a:active {
	color: #fff;
}
/* --topic path --*/


/* --side contents --*/

#sideconte_box {
	width: 235px;
	float: left;
	padding: 14px 0 0 0;
  line-height: 0;
}
#sideconte_box img {
	margin: 1px 0 0 0;
	padding: 0;
	border: 0;
	_vertical-align: bottom;
}
#sideconte_box ul {
	margin: 0 0 0 30px;
	padding: 0 1em 0 0;
}
#sideconte_box ul li {
  line-height: 1.5em;
}
#sideconte_box li.last {
	margin: 0 0 10px 0;
}
#sideconte_box #banner_area {
	margin: 10px 0 25px 0;
	text-align: center;
}
#sideconte_box #banner_area img {
	margin: 15px 0 0 0;
	padding: 0;
	border: 0;
	_vertical-align: bottom;
}
#sideconte_box a {
	text-decoration: none;
}
#sideconte_box a:link {
	color: #333;
	text-decoration: none;
}
#sideconte_box a:visited {
	color: #333;
	text-decoration: none;
}
#sideconte_box a:hover {
	color: #333;
	text-decoration: underline;
}
#sideconte_box a:active {
	color: #333;
}
/* --side contents --*/


/* --body --*/

#body_box_index {
	width: 900px;
	padding: 30px;
}
.body_box_index_padding {
	padding: 50px 35px 0 35px;
}

#body_box_index .index_name {
	width: 385px;
	height: 160px;
	padding: 0 15px;
	overflow: hidden;
	float: left;
	background-position: 15px 50px;
	background-repeat: no-repeat;
}

#body_box_index .index_name a img {
	border: 0;
}

#body_box_index .index_name p{
	background: 0 no-repeat;
	height: 120px;
	}

#body_box_index .index_name p.index_icon {
	padding: 0 100px 10px 15px;
	margin-top: -90px;
}

#body_box_index .index_name p.index_icon2 {
	padding: 20px 20px 10px 15px;
	margin-top: 0;
}


#body_box {
	width: 705px;
	margin: 30px 0 0 20px;
	float: left;
	position: relative;
}
#body_box .body_box_padding {
	width: 640px;
	padding: 0 45px 0 20px;
}
#body_box .body_box_title {
	margin: 0 0 30px 0;
}
#body_box .name_box {
	padding: 1em 0 3em;
}


#body_box .line_box {
	padding: 10px;
	border: 1px solid #000;
}
#body_box table.basic {
	border-style: solid;
	border-width: 1px 0 0 1px;
	border-color: #fff;
	border-collapse: collapse;
	font-size: 12px;
	width: 100%;
	margin: 0 0 0.5em 0;
}
#body_box table.basic td {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #fff;
	vertical-align: middle;
	background: #f4f2ef;
	padding: 10px;
}
#body_box table.basic td.sep {
	border-width: 0 0 1px 0;
}
#body_box table.basic th {
	border-style: solid;
	border-width: 0 1px 1px 0;
	border-color: #fff;
	vertical-align: middle;
	background: #e3e0dc;
	padding: 10px;
}
/**/
#body_box table.basic.table_fontBig th,
#body_box table.basic.table_fontBig td {
  font-size: 120%;
}
#body_box table.basic.table_fontBig th span.small,
#body_box table.basic.table_fontBig td.small {
 font-size: 90%; 
}
#ticket-asoview a {
  font-size: 90%;
  color: #000;
  font-weight: 300;
  display: inline-block;
  background-color: #f2961c; /*#e80*/
  border-radius: 5px;
  padding: 7px 12px;
  margin-top: .5em;
  text-decoration: underline;
  text-decoration-style: solid;
  text-decoration-color: #333;
  text-underline-offset: 3px;
}
#ticket-asoview a:hover {
  background-color: #f5a73f;
  text-decoration-style: dashed;
}
/**/
#body_box .title_box a, #body_box .sub_title a {
	text-decoration: none;
}
#body_box .alert_box {
	width: 608px;
	padding: 10px 5px;
	border: 1px solid #ccc;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	line-height: 1.8em;
	background: #ffd;
}
#body_bg_box .extra_box {
	border-style: solid;
	border-color: #b2aba0;
	border-width: 5px 1px 1px 1px;
	padding: 10px;
	background: #f4f2ef;
}
table.nomalstyle {
	border-collapse: collapse;
	width: 100%;
	border-right: 1px solid #888;
	border-top: 1px solid #888;
}
table.nomalstyle tr td {
	border-left: 1px solid #888;
	border-bottom: 1px solid #888;
	padding: 5px;
}

table.table-badding td,
table.table-badding dd{
	padding: 5px;
	
}

table.simplest{
	margin-bottom: 10px;
}
table.simplest th{
	background: #e3e0dc;
}
table.simplest td{
	background: #f4f2ef;
}
table.simplest th,
table.simplest td{
	padding: 2px 10px;
}

	
/* --body --*/
/* ƒTƒuƒ^ƒCƒgƒ‹*/
h4.sub_titile_bodytop {
	margin-left: 1.2em;
	padding-bottom: 1em;
	padding-top: 0.5em;
	color: #666666;
	font-size: 1.5em;
}
h4.sub_titile_bodytop_access {
	margin-left: 0.5em;
	padding-bottom: 1em;
	padding-top: 0.5em;
	color: #666666;
}


h4.sub_title_bodytop_mb{
	display: none;
}


.mention{
	background: #e5cee8;
	padding: 2px 0 2px 10px;
	margin-top: 20px;

}

/* --margin --*/
.m_auto{
	margin: 0 auto;
}

.margin_1em {
	margin: 1em;
}
.margin_2em {
	margin: 2em;
}
.margin_3em {
	margin: 3em;
}
.margin_4em {
	margin: 4em;
}
.margin_5em {
	margin: 5em;
}
.margin_0_1_1_1em {
	margin: 0 1em 1em 1em;
}
.margin_top_05em {
	margin: 0.5em 0 0 0;
}
.margin_top_1em {
	margin: 1em 0 0 0;
}
.margin_top_2em {
	margin: 2em 0 0 0;
}
.margin_top_3em {
	margin: 3em 0 0 0;
}
.margin_top_4em {
	margin: 4em 0 0 0;
}
.margin_top_5em {
	margin: 5em 0 0 0;
}
.margin_left_05em {
	margin: 0 0 0 0.5em;
}
.margin_left_1em {
	margin: 0 0 0 1em;
}
.margin_left_2em {
	margin: 0 0 0 2em;
}
.margin_left_3em {
	margin: 0 0 0 3em;
}
.margin_left_4em {
	margin: 0 0 0 4em;
}
.margin_left_5em {
	margin: 0 0 0 5em;
}
.margin_right_1em {
	margin: 0 1em 0 0;
}
.margin_right_2em {
	margin: 0 2em 0 0;
}
.margin_right_3em {
	margin: 0 3em 0 0;
}
.margin_right_4em {
	margin: 0 4em 0 0;
}
.margin_right_5em {
	margin: 0 5em 0 0;
}
.margin_bottom_05em {
	margin: 0 0 .5em 0;
}
.margin_bottom_1em {
	margin: 0 0 1em 0;
}
.margin_bottom_2em {
	margin: 0 0 2em 0;
}
.margin_bottom_3em {
	margin: 0 0 3em 0;
}
.margin_bottom_4em {
	margin: 0 0 4em 0;
}
.margin_bottom_5em {
	margin: 0 0 5em 0;
}
/* --margin --*/


/* --indent --*/
.indent_08em {
	text-indent: 0.8em;
}
.indent_1em {
	text-indent: 1em;
}
.indent_2em {
	text-indent: 2em;
}
.indent_3em {
	text-indent: 3em;
}
/* --padding --*/

.padding_1em {
	padding: 1em;
}
.padding_2em {
	padding: 2em;
}
.padding_3em {
	padding: 3em;
}
.padding_4em {
	padding: 4em;
}
.padding_5em {
	padding: 5em;
}
.padding_top_05em {
	padding: .5em 0 0 0;
}
.padding_top_1em {
	padding: 1em 0 0 0;
}
.padding_top_2em {
	padding: 2em 0 0 0;
}
.padding_top_3em {
	padding: 3em 0 0 0;
}
.padding_top_4em {
	padding: 4em 0 0 0;
}
.padding_top_5em {
	padding: 5em 0 0 0;
}
.padding_left_1em {
	padding: 0 0 0 1em;
}
.padding_left_2em {
	padding: 0 0 0 2em;
}
.padding_left_3em {
	padding: 0 0 0 3em;
}
.padding_left_4em {
	padding: 0 0 0 4em;
}
.padding_left_5em {
	padding: 0 0 0 5em;
}
.padding_right_1em {
	padding: 0 1em 0 0;
}
.padding_right_2em {
	padding: 0 2em 0 0;
}
.padding_right_3em {
	padding: 0 3em 0 0;
}
.padding_right_4em {
	padding: 0 4em 0 0;
}
.padding_right_5em {
	padding: 0 5em 0 0;
}
.padding_bottom_05em {
  padding: 0 0 .5em 0;
}
.padding_bottom_1em {
	padding: 0 0 1em 0;
}
.padding_bottom_2em {
	padding: 0 0 2em 0;
}
.padding_bottom_3em {
	padding: 0 0 3em 0;
}
.padding_bottom_4em {
	padding: 0 0 4em 0;
}
.padding_bottom_5em {
	padding: 0 0 5em 0;
}
/* --padding --*/


/* --font --*/

/*«κŽ“‘’Η‰Α@ƒƒ‹ƒ}ƒK“™•ƒtƒHƒ“ƒg*/
pre.mailmagazine {
	font-family: "‚l‚r ‚oƒSƒVƒbƒN", "Osaka|“™•", mono;
}
/*«κŽ“‘’Η‰Α@ƒƒ‹ƒ}ƒK“™•ƒtƒHƒ“ƒg*/
html, body, div, ul, ol, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, form, p, blockquote, fieldset, input {
	margin: 0;
	padding: 0;
}
/*«20080728βV“‘’Η‰Α*/
.line_height_17 {
	line-height: 1.7;
}
.small {
	font-size: 11px;
}
.big {
	font-size: 14px;
}
.alignC {
	text-align: center;
}
.alignR {
	text-align: right;
}
.bold {
	font-weight: bold;
}
.red {
	color: #e00;
}
.back_botton {
	margin-top: 3em;
	border-style: dotted;
	border-color: #000;
	border-width: 1px 0px;
	padding: 5px;
	text-align: right;
}
.necessary {
	color: #f00;
}
.attention {
	padding: 0 0 0 1em;
	text-indent: -1em;
}
.page_top {
	text-align: right;
	font-size: 11px;
	margin-top: 0.5em;
}
.italic {
	font-style: italic;
}
.underline {
	text-decoration: underline;
}
span.note {
	color: #FF0000;
	font-size: 12px;
}

/*.red{
	color: #FF0000;
}*/
.red {
    color: #EE0303;
}

/* --font --*/


/* --float --*/

.float_right {
	float: right;
}
.float_left {
	float: left;
}
/* --float --*/


/* --form --*/
.form_w30 {
	width: 30px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w50 {
	width: 50px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w100 {
	width: 100px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w150 {
	width: 150px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w200 {
	width: 200px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w250 {
	width: 250px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w300 {
	width: 300px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w350 {
	width: 350px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w400 {
	width: 400px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w450 {
	width: 450px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w500 {
	width: 500px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_w550 {
	width: 550px;
	border: 1px solid #ccc;
	padding: 0.2em 0.2em 0 0.2em;
}
.form_error {
	background: #fcc;
	border: 1px solid #f66;
}
.form_ime_dis {
	ime-mode: disabled;
}
.form_error_box {
	width: 618px;
	background: #fee;
	border: 1px solid #f66;
	padding: 10px 0;
	text-align: center;
	font-weight: bold;
	margin: 0 0 1em 0;
	color: #f00;
	font-size: 14px;
}
/* --form --*/


/* --bugfix-- */

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
/* --bugfix-- */


/*ryuno’Η‰Α*/
.page_subtitle {
	position: relative;
	top: -50px;
	font-size: 120%;
	font-weight: bold;
	margin-left: 0;
	width: 300px;
	text-align: center;
}
.cent {
	text-align: center;
}
/*ryuno’Η‰Α*/



/* nakamura */
ul.note_list {
	margin-left: 0.5em;
	margin-top: 3px;
}
.imp_note {
	color: #FF0000;
}