@charset "utf-8";

/* ========================================
        reset
======================================== */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, sup, var, b, i,
dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
	margin: 0; padding: 0; border: 0; outline: 0; font-size: 1em; letter-spacing: 0; line-height: 1.4; vertical-align: baseline; background: transparent;
}
body { text-align: center; width: auto;}
img { border-style: none;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block;}
ul { list-style: none;}
blockquote, q { quotes: none;}
blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none;}
p { text-align: left; }
a { margin: 0; padding: 0; font-size: 100%; vertical-align: baseline; background: transparent; text-decoration: none;}
/*2024.09 JCT Add STA */
.organizationLink { text-align: left;}
.organizationLinkInner { outline: none; text-decoration: underline;}
/*2024.09 JCT Add END */
dt { text-align: left;}
a:link, a:visited, a:hover, a:active { color: #000; }
.alpha a:hover img, a img:hover, .alpha a:active img, a img:active { opacity: 0.7; filter: alpha(opacity=70); -ms-filter: "alpha(opacity=70)";}
ins { background-color: #ff9; color: #000; text-decoration: none;}
mark { background-color: #ff9; color: #000; font-style: italic; font-weight: bold;}
del { text-decoration: line-through;}
abbr[title], dfn[title] { border-bottom: 1px dotted; cursor: help;}
table { border-collapse: collapse; border-spacing: 0;}
hr { display: block; height: 1px; border: 0; border-top: 1px solid #cccccc; margin: 1em 0; padding: 0;}
input, select { vertical-align: middle;}

.cf:before, .cf:after { content: " "; display: table;}
.cf:after {	clear: both;}
.cf {	*zoom: 1;}

.left {	float: left;}
.right { float: right;}

.tl { text-align: left;}
.tc { text-align: center;}
.tr { text-align: right;}
.bold { font-weight: bold;}

ul.center { text-align: center;}
ul.center li { display: inline-block; padding-right: 1em; /display: inline; /zoom: 1;}

.bor-no { border:none !important;}
.pa-no { padding:0 !important;}

h2.nodesign_h2 {
    font-size: 2.3rem;
    text-align: left;
    margin-top: 0px;
    border-bottom: none;
    margin-bottom: initial;
    line-height: normal;
}

.nodesign_h2::after{content: none;}

h2.search_h2_2{
    text-align: center;
}

.footer_text{
    text-align: center;
}

#selEItem.cf , #selEAim.cf, #selEPref.cf, #selRPref.cf{
    margin-bottom: 0;
}

.link_area a, .pan a{
    text-decoration: underline;
}
/* ========================================
        base
======================================== */

#contents2011 {
	font-size: 1.1em;
	max-width: 1200px !important;
	overflow: hidden;
    padding: 0 20px;
    margin: 0 auto;
}
#contents2011 .bread2011 {
	padding: 0 20px;
}
#contents2011 #ColA2011 {
	float: left;
	width: 100%;
	margin: 0 -250px 0 0;
}

#ColB2011 {
	margin: 0;
}

#main {
	text-align: center;
}
#maincontent{
	padding-bottom: 10px;
}

#main .content {
	max-width: 1000px;
	margin: 0 auto;
}

.changesize th, .changesize td {
	font-weight: normal;
	vertical-align: middle;
	border-left: 5px solid #fff;
}
	.changesize button {
		background: #e9e9e9;
		border: solid 1px #e9e9e9;
		width: 25px;
		height: 25px;
		border-radius: 3px;
		text-align: center;
		padding: 0;
	}
		.changesize button.active {
			background: #28abef;
			border-color: #28abef;
		}

#subNavi2011 dd a {
	text-align: left;
}

#content_equipment {
	padding: 70px 0 0;
}
#content_researcher {
	padding: 70px 0 0;
}

table th{
    background-color: transparent !important;
}

dl dt {
    font-weight: normal!important;
}

.bg-g{
    text-align: left;
}

.searchBtn a:hover{
    color: #fff!important;
}

footer p{
    text-align: center;
}
/* ========================================
        header
======================================== */

#header .logo {
	float: left;
	padding: 25px 0;
}

#header .serviceBtn {
	float: left;
	padding: 25px 0 10px 20px;
}
	#header .serviceBtn a {
		color: #fff;
		font-size: 120%;
		font-weight: bold;
		text-decoration: none;
		background: #007cbb url(../images/btn_yazi.png) no-repeat 90% 19px;
		border-radius: 10px;
		line-height: 58px;
		padding: 16px 94px 16px 28px;
		box-shadow: 0 -3px 4px 0px rgba(0,0,0,0.3) inset;
	}
		#header .serviceBtn a:hover, #header .serviceBtn a:active {
			text-decoration: underline;
		}

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

#footer {
	background: #7c7c7c;
	padding: 30px 0;
}
#footer p {
	text-align: center;
	color: #fff;
	font-size: 90%;
}

/* ==============================
        select
============================== */

#select {
	text-align: center;
}
	#select .selectImg {
		padding: 38px 0 10px;
	}
	#select p {
		text-align: center;
	}
	#select a {
		display: block;
		width: 100%;
		height: 100%;
		position: absolute;
		top: 0;
		left: 0;
		text-indent:-9999px;
	}
		#select div:hover, #select div:active {
			opacity: 0.7;
			filter: alpha(opacity=70);
			-ms-filter: "alpha(opacity=70)";
		}
	#select .selectArrow {
		padding: 38px 0 0;
	}

/* ==============================
        search
============================== */

#maincontent .searchTitle {
	padding: 45px 0 30px;
	margin-top: -80px;
	text-align: center;
}

#maincontent .searchIcon {
	float: left;
}
#maincontent .search_h2 {
	float: left;
	background-color: #fff;
}

/* ====== freeword ====== */

.freeword {
	width: 90%;
	border-radius: 4px;
	background-color: #fff;
}
.freeword p {
	float: left;
	color: #fff;
	font-size: 120%;
	text-align: center;
	font-weight: bold;
	padding: 2px 2% 2px 1%;
	line-height: 40px;
	margin: 4px 0 4px 4px;
}
.freeword .freeword_area {
	width: 70%;
	float: left;
	background: #fff url(../images/search_icon.png) no-repeat 10px 8px;
	border: none;
	padding: 2px 1% 2px 44px;
	line-height: 40px;
	height: 40px;
	margin: 4px 4px 4px 0;
	font-size: 1em;
}

.freeword_balloon {
	position: relative;
	padding: 10px 15px;
	height: 24px;
	line-height: 44px;
	background: #eee;
	z-index: 0;
	margin: 20px auto 0;
	border-radius: 8px;
	text-align: left;
}
	.freeword_balloon:after {
		content: "";
		position: absolute;
		top: -10px;
		left: 3%;
		margin-left: -10px;
		display: block;
		width: 0px;
		height: 0px;
		border-style: solid;
		border-width: 0 10px 10px 10px;
		border-color: transparent transparent #eee transparent;
	}
.freeword_balloon .right {
	font-size: 90%;
	padding: 4px 0;
}

/* ====== check ====== */

label.checkIcon {
	position: relative;
	padding: 0 0 0 20px;
}
label.checkIcon input {
	opacity: 0;
}
label.checkIcon .image {
	position: absolute;
	left: 0;
	top: 1px;
	display: block;
	background: url(../images/check_icon.png) no-repeat 0 0;
	width: 29px;
	height: 20px;
	cursor: pointer;
}
label.checkIcon input:checked + .image{
	background-position: 0 -20px;
}

/* ====== tabcontent ====== */

.tabcontent {
	margin-top: 30px;
}

ul.tabchange {
	margin: 0 2px;
	*zoom: 1;
	padding-left: 0;
}
ul.tabchange:after {
	content: "";
	display: block;
	clear: both;
}
ul.tabchange li {
	width: 33%;
	float: left;
	text-align: center;
}
ul.tabchange li a {
	border-top-left-radius: 10px;
    border-top-right-radius: 10px;
	display: block;
	background: #a5a5a5 url(../images/searchTab_yazi.png) no-repeat 90% 51%;
	margin: 0 2px;
	padding: 10px 30px;
	color: #333;
	text-decoration: none;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
}
ul.tabchange li a:hover, ul.tabchange li a:active {
	color: #fff;
}
ul.tabchange li a.activeBox {
	cursor: default;
	color: #fff;
}
ul.tabchange li a.activeBox:hover, ul.tabchange li a.activeBox:active {
	color: #fff;
}
.tabchangeContents {
	position: relative;
	text-align: left;
}
.tabchangeContents .tabchangeBox {
    padding: 20px 0 10px 20px;
}
#box3, #box6 {
    padding-bottom: 30px;
}
.tabchangeContents .tabchangeBox p {
	color: #fff;
}
.tabchangeContents:after {
	content: "";
	position: absolute;
	bottom: -30px; left: 50%;
	margin-left: -50px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 30px 50px 0 50px;
}

/* ====== tab ====== */
.tabchangeContents label.checkIcon {
	background-color: #cee0d6;
	width: 170px;
	line-height: 46px;
	font-size: 120%;
	font-weight: bold;
	border: 4px #b9c9c0 solid;
	border-radius: 6px;
    padding: 0 10px 0 32px;
	margin-right: 10px;
	margin-bottom: 20px;
	display: inline-block;
	cursor: pointer;
}
.tabchangeContents label.checkIcon .image {
	left: 10px;
	top: 12px;
}

.tabchangeContents label.checkmap {
	background-color: #cee0d6;
	width: 55px;
	line-height: 24px;
	text-align: center;
	font-size: 100%;
	font-weight: bold;
	border: 4px #b9c9c0 solid;
	border-radius: 6px;
  padding: 0 2px;
	margin-right: 0;
	margin-bottom: 3px;
	display: inline-block;
	cursor: pointer;
}

.tabchangeContents label.checkmap input {
	opacity: 0;
	width: 0;
	position: absolute;
}

.tabchangeContents .mapBtn {
	width: 50%;
	position: relative;
	z-index: 10;
	float: left;
}

.tabchangeContents .mapBtnArea {
	float: left;
	width: 80px;
}

.mapText {
	position: absolute;
	right: 170px;
	top: 30px;
}

.mapImg {
	position: absolute;
	right: 20px;
	top: 20px;
	z-index: 1000;
}

/* ====== map ====== */

.mapImg table, .mapImg tbody, .mapImg tr, .mapImg th, .mapImg td {
	margin: inherit;
	padding: 0 2px;
	border: 0;
	outline: inherit;
	font-size: 10px;
	letter-spacing: inherit;
	line-height: 1em;
	vertical-align: middle;
}

.mapImg .mapTbl {
  border-collapse: collapse;
  text-align: center;
  font-size: 10px;
}

.mapImg .mapTbl tr {
	height: 0.4em;
}

.mapImg .mapTbl tr td {
	padding: 2.5px 1.5px;
}

.mapImg .hokka {
  height: 7em;
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .tohoku {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .kanto {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .cyuubu {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .kinki {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .tyugoku {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .sikoku {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .kyusyu {
  background-color: #cee0d6;
	cursor: pointer;
}

.mapImg .kaikyo {
	height: 0.5em;
}

/* ====== checkedcontent ====== */

.checkedcontent {
	margin: 40px auto 20px;
	background-color: #fff;
}
.checkedcontent dl dt {
	min-width: 80px;
	font-weight: bold!important;
	text-align: center;
	float: left;
	line-height: 50px;
	height: 50px;
	margin: 7px;
	font-size: 110%;
	padding: 0 5px;
}
.checkedcontent dl dd {
	border-radius: 4px;
	padding: 2px 10px;
	color: #fff;
	font-weight: bold;
	float: left;
	margin: 16px 5px;
	font-size: 110%;
}

.checkedcontent2 {
	margin: 0px auto 55px;
  background-color:#eeeeee;
  width:98%;
  padding:1%;
  position:relative;
}

.checkedcontent2:after {
    content: "";
    position: absolute;
    bottom: -28px;
    left: 50%;
    margin-left: -50px;
    display: block;
    width: 0px;
    height: 0px;
    border-style: solid;
    border-width: 30px 50px 0 50px;
    border-color: #eeeeee transparent transparent transparent;
}

.checkedcontent2 dl dt {
	min-width: 80px;
	font-weight: bold !important;
	text-align: center;
	float: left;
	line-height: 40px;
	height: 40px;
	margin: 7px;
	font-size: 110%;
	padding: 0 5px;
}
.checkedcontent2 dl dd {
	border-radius: 4px;
	padding: 2px 10px;
	font-weight: bold;
	float: left;
	margin: 11px 5px;
	font-size: 110%;
}

/* ====== searchBtn ====== */

.searchBtn {
	margin: 0 auto 50px;
	text-align: center;
}
	.searchBtn a {
		color: #fff;
		font-size: 130%;
		font-weight: bold;
		text-decoration: none;
		border-radius: 10px;
		line-height: 58px;
		padding: 16px 8% 16px 10%;
		box-shadow: 0 -3px 4px 0px rgba(0,0,0,0.3) inset;
	}
		.searchBtn a:hover, .searchBtn a:active {
			text-decoration: underline;
		}

/* ==============================
        contact
============================== */

#contactBnr {
	margin: 100px auto 60px;
	width: 982px;
}

#contactBnr .contact_title {
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
	background-color: #007cbb;
	color: #fff;
	font-weight: bold;
	font-size: 130%;
	padding: 10px 6px;
	width: 30%;
	text-align: center;
}

#contactBnr .contact_main {
	border: 4px #007cbb solid;
	padding: 30px 40px;
}

#contactBnr .contact_tel {
	font-size: 200%;
	font-weight: bold;
	float: left;
	padding-right: 40px;
}

#contactBnr .contact_mail {
	font-size: 200%;
	font-weight: bold;
	float: left;
}

#contactBnr .contact_tel span, #contactBnr .contact_mail span {
	background-color: #eef3ff;
	padding: 6px 10px;
	font-size: 60%;
	font-weight: bold;
	display: block;
	margin: 2px 10px 0 0;
	float: left;
}

/* ==============================
        pageSearchBg
============================== */

.pageSearchBg {
	background-color: #f2f2f2;
	margin-bottom: 60px;
}
#maincontent .search_h2_2 {
	font-size: 180%;
}
.pageSearchBg .content {
	border: none !important;
}
.pageSearchBg .searchTitle {
	margin: 0 !important;
}
.pageSearchBg .freeword_balloon {
	background: #fff !important;
}
.pageSearchBg .freeword_balloon:after {
	border-color: transparent transparent #fff transparent !important;
}
.preText {
	float: left;
	padding: 45px 0 10px 10px;
}
.boxAdobe {
    text-align: left;
}