@charset "UTF-8";

/*================================================
 *  CSSリセット
 ================================================*/
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,canvas,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section,summary,time,mark,audio,video{
	margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;font-weight:normal;
}body{
	line-height:1;
}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:none;
}a{
	margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;
}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 #ccc;margin:1em 0;padding:0;
}input,select{
	vertical-align:middle;
}

/*================================================
 *  一般・共通設定
 ================================================*/
body{
	font-size:14px;
	color:#485560;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	letter-spacing:1px;
	line-height:1.6;
	background:#fff;
	min-width:980px;
	-webkit-text-size-adjust:100%;
}
header{
	box-sizing:border-box;
	position:relative;
	width:100%;
	background:#013764;
}

nav{
	width:100%;
	background:#fff;
	?zoom:1;
}
nav:after{
   content:'';
   display:block;
   clear:both;
}

#contents{
	box-sizing:border-box;
	overflow:hidden;
	width:980px;
	margin:20px auto;
	background:#fff;
}

#top #contents{
	width:auto;
}

.inner{
	position:relative;
	width:980px;
	margin:0 auto;
}
#contents .inner{
	width:85%;
	margin-bottom:80px;
}

#top #contents .inner{
	position:relative;
	width:980px;
	margin:0 auto;
}

footer{
	box-sizing:border-box;
	width:100%;
	margin:0 auto;
}

a{
	color:#027de2;
	text-decoration:underline;
}
a:hover{
	text-decoration:none;
}

h1{
	margin-top:1em;
	margin-bottom:1.5em;
	letter-spacing:2px;
	font-size:22px;
	font-weight:bold;
	text-align:center;
}
	h1 span{
		display:block;
		color:#808080;
		text-transform:uppercase;
		font-size:40%;
	}

h2{
	clear:both;
	position: relative;
	line-height:1.2;
	margin-bottom:1.5em;
	padding:.5em;
	letter-spacing:2px;
	font-size:20px;
	font-weight:bold;
	background:#f2f2f2;
	background::#808080;
	text-align:center;
	border-radius:3px;
}

h3{
	margin-bottom:1em;
	padding-left:8px;
	font-size:16px;
	font-weight:bold;
	border-left:5px solid #013764;
}

h4{
	margin-bottom:0;
	font-weight:bold;
	color:#013764;
}

h5{
	margin-bottom:0.25em;
	padding-left:5px;
	font-size:16px;
	font-weight:bold;
}

p{
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 0 2em 0;
}

img{
	vertical-align:bottom;
}

em{
	font-style:normal;
	font-weight:bold;
}

strong{
	font-weight:bold;
}

pre{
	margin:1em 0;
	padding:1em;
}

blockquote{
	margin-bottom:1em;
	padding:1em;
	border:1px dotted #ddd;
	border-left:5px solid #ddd;
}

ul,ol,dl{
	text-align:justify;
	text-justify:inter-ideograph;
	margin:0 0 2em 0;
}
ul li{
	list-style:disc;
	margin-bottom:1em;
}
ol li{
	list-style:decimal;
	margin-bottom:1em;
}
li{
	margin-left:2em;
}

dt{
	font-weight:bold;
}
dd{
	margin-bottom:2em;
}

table{
	width:100%;
	margin-bottom:1em;
	border-collapse:collapse;
	border:1px solid #ddd;
	background:#fff;
}
th{
	padding:10px;
	text-align:center;
	vertical-align:middle;
	border:1px solid #ddd;
	background:#eee;
}
td{
	padding:10px;
	text-align:left;
	border:1px solid #ddd;
}

figcaption{
	margin-top:0.5em;
	text-align:center;
	font-weight:bold;
}

/*================================================
 *  ヘッダー
 ================================================*/
header #logo_name{
	padding:10px 0;
	text-align:center;
}

header #logo{
	position:absolute;
	top:3px;
	left:3px;
}

header h1{
	margin-top:0;
	margin-bottom:0;
}

.summary{
	position:absolute;
	top:3px;
	right:3px;
	width:235px;
	margin:0;
	color:#027de2;
	font-size:80%;
	line-height:1.3;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav{
	background:#013764;
	z-index:29;
}
nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	position:relative;
	float:left;
	width:17%;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}

nav ul li.menu1{
	width:14%;
}
nav ul li.menu2{
	width:14%;
}
nav ul li.menu3{
	width:20%;
}
nav ul li.menu4{
	width:20%;
}
nav ul li.menu5{
	width:16%;
}
nav ul li.menu6{
	width:16%;
}

nav ul li a{
	display:block;
	color:#fff;
	line-height:3;
	text-decoration:none;
}
nav ul li a:hover{
	color:#027de2;
}
nav ul li ul{
	position: absolute;
	margin:0;
	padding:0;
	line-height:1.2;
	z-index:30;
}
nav ul li.menu2 ul{
	left:-29.4px;
}
nav li ul li{
	overflow: hidden;
	width:100%;
	height:0;
}
nav li ul li a{
	padding-left:15px;
	background:#013764;
	text-align:left;
	font-weight:normal;
}
nav li:hover > ul > li{
	overflow:visible;
	width:196px;
	height:40px;
}
nav li a.active{
	color:#027de2;
}

.gnav{
	display:block !important;
}

.fixed{
	position:fixed;
	top:0;
	left:0;
}

/*================================================
 *  トピックパス（パンくずリスト）
 ================================================*/
#topicpath{
	font-size:12px;
	margin-bottom:20px;
	padding:0.5em;
	color:#808080;
}

/*================================================
 *  フッター
 ================================================*/
footer{
	clear:both;
	background:#E9EDF0;
}

footer .logo{
	float:left;
	margin:10px 0;
}
footer .mail{
	line-height:1;
	margin-top:6px;
	margin-bottom:0;
}
footer .mail a{
	color:#485560;
	text-decoration:none;
}
footer .mail a:hover{
	color:#027de2;
	text-decoration:underline;
}

.footmenu{
	float:right;
	margin-top:15px;
	overflow:hidden;
}
.footmenu_top{
	margin-top:40px;
}
.footmenu ul{
	position:relative;
	float:left;
	left:50%;
	margin:0;
	padding:0;
	text-align:left;
}
.footmenu li{
	position:relative;
	left:-50%;
	float:left;
	list-style:none;
	margin:0;
	padding:0 10px;
	font-size:12px;
	text-align:center;
	border-left:1px solid #485560;
	border-right:1px solid #485560;
}
.footmenu li + li{
	border-left:0;
	border-right:1px solid #485560;
}
.footmenu a{
	color:#485560;
	text-decoration:none;
}
.footmenu a:hover{
	color:#027de2;
	text-decoration:underline;
}

.copyright{
	clear:both;
	padding:2px;
	font-size:12px;
	text-align:center;
	color:#fff;
	background:#013764;
}

/*================================================
 *  ページトップへの戻り
 ================================================*/
.totop{
	position:fixed;
	bottom:15px;
	right:15px;
}
.totop a{
	display:block;
	text-decoration:none;
}
.totop img{
	background:#212121;
}
.totop img:hover{
	background:#757575;
}

/*================================================
 *  クラス
 ================================================*/
.pageSummary{
	margin:0 200px 2em 200px;
}
.pageSummary_1line{
	text-align:center;
}

a[href$=".pdf"]{
	 
	background: url("../images/ic_pdf.png") no-repeat 100% 50%; 
	padding-right:20px;
} 


/* ボタン */
.btn-more{
	margin:1em auto 3em auto;
	display:table;
}
.btn-more a{
	display:table-cell;
	padding:10px 50px;
	font-weight:600;
	text-align:center;
	vertical-align:middle;
	text-decoration:none;
	color:#027de2;
	border:1px solid #027de2;
	border-radius:2px;
	transition:.2s;
}
.btn-more a:hover{
	color:#fff;
	background-color:#027de2;
	text-decoration:none;
}
.btn-more a:after{
	content:"＞";
	margin-left:20px;
}
.btn-more-txt{
	margin-bottom:0;
	text-align:center;
}

.clear{
	clear:both;
}
.clear hr{
	display:none;
}

.mb0{
	margin-bottom:0 !important ;
}
.mb1{
	margin-bottom:1em !important ;
}
.mb2{
	margin-bottom:2em !important ;
}
.mb3{
	margin-bottom:3em !important ;
}
.mb4{
	margin-bottom:4em !important ;
}
.mb5{
	margin-bottom:5em !important ;
}

.indentB1{
	margin-left:1em;text-indent:-1em;
}
.indentB2{
	margin-left:2em;text-indent:-2em;
}
.indentB3{
	margin-left:3em;text-indent:-3em;
}
.indentB10{
	margin-left:10em;text-indent:-10em;
}
.indentJ1{
	text-indent:1em;
}
.indentJ2{
	text-indent:2em;
}
.indent-1{
	margin-left:-1em;
}
.indent1{
	margin-left:1em;
}
.indent2{
	margin-left:2em;
}

span.supText{
	font-size:75.5%;
	vertical-align:top;
	position:relative;
	top:-0.1em;
}
span.subText{
	font-size:75.5%;
	vertical-align:bottom;
	position:relative;
	top:0.1em;
}

p.c{
	text-align:center;
}
p.r { text-align:right;
}

.img_right{
	float:right;
	margin:0 0 10px 30px;
}
.img_left{
	float:left;
	margin:0 30px 10px 0;
}


/*================================================
 *  トップページ
 ================================================*/
/* スライドショー */
#contents.topPage{
	margin-top:0;
}

#slideWrapper{
	position:relative;
	height:320px;
	background:#BFC5CA;
	background: linear-gradient(#b4ddfe, #fff);
}

#slideWrapper-inner{
	clear:both;
	position:relative;
	z-index:-1
	overflow:hidden;
	width:980px;
	margin:0 auto 50px auto;
}

#slideshow{
	position:relative;
	width:732px;
	height:300px;
}

#slideshow a{
	position:absolute;
	top:0;
	left:0;
	z-index:8;
	opacity:0.0;
}

#slideshow a.active{
	z-index:10;
	opacity:1.0;
}

#slideshow a.last-active{
	z-index:9;
}


/* トップナビ */
* html .topNavi{
	height:1em;
	overflow:visible;
}
.topNavi{
	overflow:hidden;
	position:relative;
	margin-top:1em;
	margin-right:-1%;
	margin-bottom:30px;
	z-index:15
}

.topNaviColumn{
	display:inline;
	width:24%;
	float:left;
	margin-right:1%;
	margin-bottom:1%;
	background:#e5ebef;
	z-index: 16;
}

.topNaviCon{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:0.5em 1em;
	text-decoration:none;
	transition: background-color 0.5s linear;
}

.topNaviCon:hover img {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: background-color 0.1s linear;
}

.topNaviCon:hover h2{
	color:#027de2;
}
.topNaviCon:hover p.topNaviText{
	color:#027de2;
}

.topNaviCon h2{
	letter-spacing:1px;
	margin:0.5em 0;
	padding:0;
	line-height:1.6;
	font-size:16px;
	text-align:center;
	color:#485560;
	background:#e5ebef;
}

.topNaviCon h2.line1{
	margin:1.1em 0 1.5em 0;
}

.topNaviCon p.topNaviText{
	margin:0.5em 0;
	font-size:13px;
	letter-spacing:0.8px;
	line-height:1.4;
	color:#485560;
}

.topNaviPhoto img{
	width:100%;
}

.topNavi .icon a{
	margin:0;
	padding:1em 0;
}
.topNavi .icon div.topNaviImage{
	float:left;
	margin:0.5em 1.5em;
}
.topNavi .book div.topNaviImage{
	float:left;
	margin:0.5em 1.5em 0.5em 1em;
}
.topNavi .seminar div.topNaviImage{
	float:left;
	margin:0.5em 1.5em 0.5em 1em;
}
.topNavi .tocontact div.topNaviImage{
	float:left;
	margin:1.5em 0.1em 0 0;
}
.topNavi .icon div.topNaviText_area{
	float:left;
}
.topNavi .icon h2{
	margin-top:0;
	margin-bottom:1em;
	line-height:1.2;
}
.topNavi .book h2{
	margin-top:0.5em;
	margin-bottom:0.5em;
	line-height:1.2;
}
.topNavi .seminar h2{
	margin-top:1.25em;
	margin-bottom:0.5em;
	line-height:1.5;
}
.topNavi .tocontact h2{
	margin-top:0;
	margin-bottom:0.5em;
	font-size:12px;
	line-height:1.6;
}
.topNavi .icon p.topNaviText{
	margin:0;
	font-size:16px;
	text-align:center;
	letter-spacing:1px;
	font-weight:bold;
	line-height:1.2;
	color:#485560;
}
.topNavi .tocontact p.topNaviText{
	padding:0.4em;
	font-size:16px;
	font-weight:bold;
	text-align:center;
	color:#fff;
	background-color:#027de2;
}
.topNavi .icon:hover p.topNaviText{
	color:#027de2;
}
.topNavi .tocontact p.topNaviText:after{
	content:"＞";
	margin-left:0.2em;
}
.topNavi .tocontact:hover p.topNaviText{
	color:#fff;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: background-color 0.1s linear;;
}

.topNavi .contact a.topNaviCon{
	margin:0;
	padding:1em 0;
}
.topNavi .contact div.topNaviImage{
	float:left;
	margin:0.5em 5em 0 2em;
}
.topNavi .contact div.topNaviText_area{
	float:left;
}
.topNavi .contact h2{
	margin:0;
}
.topNavi .contact p.topNaviText{
	text-align:center;	
}
.topNavi .contact p.topNaviBtn{
	margin:0 3em;
	padding:0.5em 0;
	text-align:center;
	font-weight:bold;
	color:#fff;
	background-color:#027de2;
}
.topNavi .contact p.topNaviBtn:after{
	content:"＞";
	margin-left:20px;
}
.topNaviCon:hover p.topNaviBtn{
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	opacity:0.7;
	transition: background-color 0.1s linear;
}

.topNaviColumn a[href$=".pdf"]{
	background-image:none;
}

/* 新着情報 */
.info{
	position:relative;
	margin-bottom:3em;
	padding:1em 0;
	background:#E9EDF0;
}
.info h2{
	margin:0 0 0.5em 0; 
	padding:0;
	line-height:1.6;
	font-size:28px;
	background:#E9EDF0;
	border:2px solid ##E9EDF0;
}
	.info h2 a span{
		position:absolute;
		right:0;
		display: inline-block;
		margin:0;
		padding:3px 16px;
		font-size:12px;
		text-align:center;
		color:#fff;
		background-color:#013764;
		text-decoration:none;
	}
	.info h2 a span:hover{
		color:#fff;
		text-decoration:underline;
	}
	.info h2 a span:before{
		content:"＞";
	}

.info dl{
	margin:0 0 4em 0;
	background:#fff;
}
.info dl dt{
	width:10em;
	float:left;
	clear:both;
	padding-top:1em;
	padding-left:1em;
	font-weight:normal;
	border-bottom:none;
}
.info dl dd{
	margin-bottom:0;
	padding-top:1em;
	padding-right:1em;
	padding-bottom:1em;
	padding-left:11em;
	border-bottom:2px solid #E9EDF0;
}
.info dl.seminar{
	margin:0 0 1em 0;
}
.info dl.seminar dt{
	width:14em;
/*	padding-top:0.5em;
	padding-bottom:0.5em;*/
}
.info dl.seminar dd{
	padding-left:16em;
/*	padding-top:0.5em;
	padding-bottom:0.5em;*/
}

.info a{
	text-decoration:none;
}
.info a:hover{
	text-decoration:underline;
}

.info dt .cateIcon{
	display:inline-block;
	width:8em;
	margin-left:15px;
	font-size:12px;
	text-align:center;
	color:#fff;
	vertical-align:middle;
}
.info dt .cateIcon.type-seminar{
	background-color:#017D24;
}
.info dt .cateIcon.type-notice{
	background-color:#660066;
}
.info dt .cateIcon.type-notice-nodate{
	width:17.4em;
	margin-left:0;
	padding:0 .3em;
	font-size:13px;
	text-align:left;
	background-color:#660066;
}

.info .btn-more{
	margin:0 auto;
}
.info .btn-more a{
	padding:10px 80px;
	text-decoration:none;
}
.info dd.btn{
	padding-left:0;
}
.info dl.seminar dd.btn{
	padding-left:0;
}

/* お問い合わせフォームへ */
.toContact_area{
	margin:3em auto;
	padding:1em;
	background:#e9edf0;
}

.toContact_area p {
	text-align:center;
	margin-bottom:0;
}

.toContact_area p.heading {
	font-size:120%;
	font-weight:bold;
	color:#027de2;;
}


.toContact_area .btn-more {
	margin:0.5em auto;
	background:#027de2;
}

.toContact_area .btn-more a{
	font-size:120%;
	color:#fff;
}

.toContact_area .btn-more a:hover{
	background:#fff;
	color:#027de2;
}


/* 研究室バナー */
.toLab{
	overflow:hidden;
	position:relative;
	width:833px;
	margin:0 auto 20px auto;
}
.toLab .naviColumn{
	display:inline;
	width:100%;
	float:left;
}
.toLab .naviCon{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:5px;
	text-decoration:none;
	transition:.2s;
	background:#0089a1;
}
.toLab .naviCon:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:.2s;
}
.toLab .naviCon p.name{
	margin:1em 0;
	font-size:20px;
	font-weight:bold;
	color:#fff;
	text-align:center;
}
	.toLab .naviCon p.name:after{
		content:url("../images/bg_arrow_white.png");
		position:relative;
		top:3px;
		left:6px;
	}
.toLab .naviCon p.name_sub{
	margin:0;
	font-weight:bold;
	color:#ddd;
	text-align:center;
}

.toLab .naviCon a{
	color:#485560;
}
.toLab .naviCon_img{
	float:left;
}
.toLab .naviCon_txt{
	float:left;
	width:680px;
	margin-left:5px;
}

/* その他バナー */
.topBn{
	text-align:center;
	padding-left:0;
}
.topBn li{
	display:inline-block;
	margin:10px;
}
.topBn li a:hover img {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition: 0.3s;
}
.topBn img.seeds{
	border:solid 1px #38A1EC;
}
.topBn img.guide{
	border:solid 1px #ee8cac;
}
.topBn img.adhesion{
	border:solid 1px #013764;
}

/*================================================
 *  新着情報一覧
 ================================================*/
.news dl dt{
	margin-top:2em;
	font-weight:normal;
	text-align:right;
}
.news dl dd{
	font-size:120%;
	font-weight:bold;
	margin-bottom:1em;
}
.news dl dd.detail{
	padding-bottom:1em;
	font-size:100%;
	font-weight:normal;
	border-bottom:1px dashed #ddd;
}
.news dl.seminar_info{
	margin-bottom:1em;
}
.news dl.seminar_info dt{
	margin-top:0;
	margin-left:5em;
	text-align:left;
}
.news dl.seminar_info dt.heading{
	width:16em;
	margin-left:4em;
	font-weight:bold;
}
.news dl.seminar_info dd{
	margin-bottom:0;
	padding-left:14em;
	font-size:100%;
	font-weight:normal;
}
.news p.seminar_info{
	margin-left:5em;
}
.news dl.book_info{
	float:left;
	margin-bottom:1em;
}
.news dl.book_info dt{
	margin-top:0;
	margin-left:5em;
	text-align:left;
}
.news dl.book_info dd{
	margin-bottom:0;
	padding-left:14em;
	font-size:100%;
	font-weight:normal;
}
.news .book_img{
	float:left;
	margin-left:5em;
}
.news div.book_info{
	float:left;
	width:500px;
	margin-left:5em;
}
.news p{
	margin-bottom:1em;
}

#news_navi{
	margin-bottom:1em;
}
#news_navi ul{
	overflow: hidden;
	margin: 0 auto;
}
#news_navi ul li{
	position: relative;
	display:block;
	float: left;
	margin-left:0;
	margin-right:1%;
	width: 10%;
}
#news_navi ul li a{
	display: block;
	padding: 12px 4%;
	color: #fff;
	background:#027de2;
	text-align: center;
	text-decoration: none;
}
#news_navi ul li a:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:.2s;
}


/*================================================
 *  会社案内
 ================================================*/
/** html .navi {
	height:1em;
	overflow:visible;
}*/
.navi{
	overflow:hidden;
	position:relative;
	width:460px;
	margin:0 auto 80px auto;

}
.naviColumn{
	display:inline;
	width:100%;
	float:left;
}
.naviCon{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	background:#013764;
}
.naviCon:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.naviCon h3{
	margin-top:4em;
	margin-bottom:3.5em;
	padding:0;
	font-size:16px;
	text-align:center;
	color:#fff;
	border:none;
}
	.naviCon h3:after{
		content:url("../images/bg_arrow_white.png");
		position:relative;
		top:6px;
		left:6px;
	}
.naviCon p{
	margin:1.5em 1.5em 0 1.5em;
	margin:1.5em;
	color:#fff;
}
.naviCon a{
	color:#485560;
}
.naviCon_img{
	float:left;
}
.naviPhoto img{
	width:100%;
}
.naviCon_txt{
	float:left;
	width:260px;
}

.navi_message .navi{
	width:100%;

}
.navi_message .naviCon h3{
	margin-top:1em;
	margin-bottom:1em;
}
.navi_message .naviCon_txt{
	width:340px;
}

/* プロフィール */
.prof_box{
	position:relative;
	width:800px;
	margin:0 0 2em 0;
	padding:1.5em;
	font-size:90%;
	border:1px solid #dddddd;
}
.prof_area .prof_box{
	float:left;
	width:600px;
	padding:0.5em 1em;
}
.prof_area h3{
	margin-bottom:0.5em;
	font-size:14px;
}
.prof_box h4{
	margin:1em -0.5em 0.5em -0.5em;
	padding-top:1em;
	border-top:1px dotted #dddddd;
}
.prof_box p{
	margin-bottom:1em;
}
.prof_area .prof_box p{
	margin-bottom:0.5em;
}
.prof_box hr{
	margin:0.5em 0;
	border-top:1px dotted #dddddd;
}
.prof_box ul{
	margin-right:0.5em;
	margin-bottom:1em;
	margin-left:-0.5em;
}
.prof_box dl{
	margin-bottom:1em;
}
.prof_box dt{
	font-weight:normal;
}
.prof_box dd{
	margin-bottom:1em;
	margin-right:0.5em;
}
.prof_box li{
	margin-bottom:0;
	margin-left:0.5em;
	list-style-type:none;
}
.prof_box li ul li{
	margin-bottom:0;
	margin-left:0.5em;
}
.date_block dt{
	clear:left;
	float:left;
	width:8em;
	font-weight:normal;
	margin-bottom:0;
	border-bottom:none;
}
.date_block dd{
	padding-left:8em;
	margin-bottom:0;
}

/* お問い合わせ先 */
dl.contact{
	margin-bottom:0;
}
dl.contact dt{
	clear:left;
	float:left;
	width:12em;
	font-weight:normal;
	margin-bottom:0;
}
dl.contact dd{
	padding-left:12em;
	margin-bottom:0;
}

/* アクセス */
.adress .img_block{
	float:left;
	padding:20px 70px;
}
.adress .text_block{
	float:left;
	padding-top:20px;
}
.adress img{
	margin-bottom:1em;
}
.office ul{
	text-align: center;
}
.office ul.img{
	overflow:hidden;
	margin:0 -1% 0 0;
}
.office ul.img li{
	list-style:none;
	float:left;
	width:32%;
	margin:0 1% 1% 0;
}

/* 研究業績 */
.inner_L{
	width:49%;
	float:left;
}

.inner_R{
	width:49%;
	float:right;
}

dl.achv_list dt{
	clear:left;
	float:left;
	width:10em;
}

dl.achv_list dd{
	margin-bottom:1em;
	padding-left:11em;
}
dl.achv_list a{
	text-decoration:none;
}
dl.achv_list a:hover{
	color:#027de2;
	text-decoration:underline;
}

.tab_area{
	overflow:hidden;
	border-collapse:separate;
	border-spacing:5px 0;
	display:table;
	margin-top:50px;
	padding-bottom:40px;
	background-color:#fff;
	width:85%;
	margin:0 auto;
}
.tab_area li{
 /*Tabの装飾*/
	width:50px;
	height:50px;
	text-align:center;
	border:1px dotted #027de2;
	cursor:pointer;
	vertical-align:middle;
	display:table-cell;
/*	color:#333333;*/
	line-height:1.2;
	font-weight:bold;
	background-color:#fff;
	transition: all 0.2s ease;
}
.tab_area li:hover{
/*opacity: 0.75;*/
	background-color:#027de2;
	color:#fff;
}
.all_area{
	background:#fff;
/*	padding:10px;*/
	overflow:hidden;
}
 
.all_area div.content_area{
 /*Tabの内容を表示するエリアの装飾*/
	width:85%;
	margin:0 auto;
	margin-bottom:5em;
	background:#ffffff; 
/*	padding:10px 10px 10px 2px;
border: 1px dotted #bbbbbb;*/
 }
 
.tab_area li.select{
 /*アクティブタブの装飾*/
 background-color:#027de2; 
background-image:none;
 color:#fff;
/*border-top:2px solid #e94545;*/
 }
 
.hide{
	display:none;
}

.content_area h2{
	margin-bottom:.5em;
}
.number_area{
	text-align: center;
	border-bottom:1px solid #E2E2E2;
}
.book_area{
	float:left;
	width:680px;
	line-height:1.8em;
	margin-bottom:5em;
}
.book_area dt{
	font-weight: normal;
}
.book_area dd{
	text-indent:-1em;
	margin: -1.8em 0 0 0;
	padding: 0 0 0.5em 8em;	
}

.paper_area input.ExpandCheckBox[type="checkbox"]{
	display: none;
}
.paper_area input.ExpandCheckBox[type="checkbox"] + .ExpandHeader{
	margin:0 1em;
	color:#0089a1;
}
.paper_area input.ExpandCheckBox[type="checkbox"]:checked + .ExpandHeader{
	margin:0 1em;
}
.paper_area input.ExpandCheckBox[type="checkbox"] + label + div.panel{
	display: none;
}
.paper_area input.ExpandCheckBox[type="checkbox"]:checked + label + div.panel{
	display: block;
	margin-top:0.5em;
	margin-bottom:2em;
	padding:10px;
	border-top:solid 1px #ddd;
	border-left:solid 1px #ddd;
	border-right:solid 1px #ddd;
	border-bottom:solid 1px #ddd;
}
.paper_area label:hover{
	text-decoration:underline;
}
.paper_area ul.img{
	display: table;
	width: 100%;
	margin-top:1em;
	margin-bottom:0;
}
.paper_area ul.img li{
	display: table-cell;
	height: 100%;
	text-align: center;
}
.paper_area ul.img img{
    	vertical-align: bottom;
}
.paper_area ul.img p{
    	vertical-align: bottom;
	text-align: left;
	font-family: Times New Roman;
	padding:0 15px;
}
.paper_area ul.p{
	display: table;
	width: 100%;
	margin-top:1em;
	margin-bottom:0;
}
.paper_area ul.p li{
	display: table-cell;
	height: 100%;
	text-align: left;
	font-family: Times New Roman;
	padding:0 15px;
}
.paper_area ul.p p{
	text-align: center;
}

/*================================================
 *  お問い合わせページ
 ================================================*/
/* 問い合わせフォーム */
#formWrap{
	width:100%;
	margin:0 auto 5em auto;
}

#formWrap textarea{
	width:95%;
	height:10em;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
}

#formWrap input[type="button"],input[type="submit"],input[type="reset"]{
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
	font-size:15px;
	margin:2em;
	padding:1em 3em;
	letter-spacing:2px;
	border:none;
}
#formWrap .sbt{
	color:#fff;
	background:#013764;
}
#formWrap .sbt:hover{
	color:#027de2;
}

#formWrap .btn:hover{
	color:#027de2;
}
#formWrap p.button{
	text-align:center;
}

table.formContact{
	margin:3em 0;
}
table.formContact th{
	width:205px;
	padding:10px;
	text-align:left;
}
table.formContact th span{
	float:right;
	padding:2px 5px;
	font-size:12px;
	text-align:right;
	color:#fff;
	background:#e2020d;
	border-radius:3px;
}
table.formContact td{
	padding:10px;
}

div.error_messe{
	margin:20px 0;
	padding:5px;
	color:red;
	background:#FFEEEE;
	border:solid 1px red;
}

div.error_messe p{
	margin-bottom:5px;
}

/*================================================
 *  コンサルティング
 ================================================*/
/* コンサルティング */
.consul_faq dt p{
	font-weight:bold;
	border:none;
}

.consul_faq dd{
	margin-bottom:3em;
	padding-left:2em;
}
.consul_faq p{
	margin-bottom:0;
	margin-left:2em;
	text-indent:-2em;
}

/* セミナー講演予定 */
.seminarlist td{
	vertical-align: middle;
}
.seminarlist_txt{
	font-weight:bold;
	margin-bottom:8em;
}
.seminarlist_pdf{
	text-align:center;
}

/* セミナー講演実績 */
.navi_semi .navi{
	width:800px;
}
.navi_semi .naviCon_txt{
	width:410px;
}

/*================================================
 *  基礎技術解説
 ================================================*/
.navi4{
	overflow:hidden;
	position:relative;
	margin-right:-0.25%;
}
.navi4Column{
	display:inline;
	width:24.75%;
	float:left;
	margin-right:0.25%;
}
.navi4Con{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:0;
	text-decoration:none;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	background:#027de2;
}
.navi4Con:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.navi4Con h3{
	margin-top:2em;
	margin-bottom:2em;
	padding:0;
	line-height:1;
	font-size:16px;
	text-align:center;
	color:#fff;
	border:none;
}
	.navi4Con h3:after{
		content : url("../images/bg_arrow_white.png");
		position:relative;
		top:4px;
		left:6px;
	}
	.navi4Con h3.row_two{
		margin-top:1.5em;
		margin-bottom:1.5em;
	}
	.navi4Con h3.row_two:after{
		top:-4px;
	}
	.navi4Con h3.high{
		margin-top:4em;
		margin-bottom:4em;
	}
	.navi4Con h3.high.row_two{
		margin-top:3.5em;
		margin-bottom:3.5em;
	}
	.navi4Con h3.down:after{
		content : url("../images/bg_arrow_white1.png");
	}

h2.h21{
	color:#fff;
	background:#027de2;
}

.toContact_block{
	width:775px;
	margin:0 auto 2em auto;
	padding:1.5em 2em;
	background:#E7EAF1;
}
.toContact_block ul{
	margin:0;
	padding:0;
}
.toContact_block li{
	display:inline-block;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
.toContact_block li.txt{
	width:470px;
	font-weight:bold;
	text-align:left;
}
.toContact_block li a{
	margin-left:2.5em;
	padding:0.5em 2em;
	text-decoration:none;
	font-weight:bold;
	color:#027de2;
	border:solid 1px #027de2;
	border-radius:2px;
}
.toContact_block li a:hover{
	color:#fff;
	background:#027de2;
}

.category{
	overflow:hidden;
	margin-bottom:50px !important;
	padding:0;
}
.category h3{
	clear:both;
	margin-bottom:1em;
	padding:3px 0;
	font-size:14px;
	line-height:1.2;
	color:#013764;
	border-bottom:solid 1px #013764;
	border-left:none;
}
.category h3 a{
	padding-left:20px;
	color:#013764;
	text-decoration:none;
	background : url(/css/images/bg_arrow_black2.png) left center / auto auto no-repeat scroll padding-box border-box transparent;
}
.category h3 a:hover{
	color:#027de2;
}
.category ul{
	overflow:hidden;
	margin:0 0 1.5em 0;
}
.category li{
	float:left;
	width:46%;
	margin:0 0 1em 1.5em;
}
.category li a{
	color:#013764;
}
.category li a:hover{
	color:#027de2;
	text-decoration:underline;
}

.tech p.last{
	margin-bottom:0em;
}
.tech p.last:after{
	content:'';
	display:block;
	height:3em;
	width: 100%;
	position:relative; 
	margin-top:-3em;
	background-color:#fff;
	background-image:linear-gradient(180deg, rgba(255,255,255,0.7), #fff);
	background-color:transparent;
}

.readmore{
	position:relative;
	z-index:8;
	width:75%;
	margin:2em auto;
	padding:2em;
	background:#E7EAF1;
}
.readmore h3{
	padding:0;
	color:#013764;
	border-left:none;
	border-bottom:solid 1px #013764;
}
.readmore p{
	margin-bottom:1em;
}
.readmore li{
	margin-bottom:0;
}
.readmore li span{
	font-weight:bold;
	margin-right:0.5em;
}

.toContact_box{
	width:75%;
	margin:5em auto;
	padding:0;
	background:#E7EAF1;
}
.toContact_box h3{
	margin:0;
	padding:.5em 0 .5em 1em;
	color:#fff;
	background-color:#013764;
	border-left:none;
}
.toContact_box ul{
	margin:0;
	padding:0;
}
.toContact_box li{
	display:inline-block;
	margin:0;
	padding:0;
	text-align:center;
	vertical-align:middle;
}
.toContact_box li.txt{
	width:50%;
	font-weight:bold;
	text-align:left;
	margin-top:2em;
	margin-left:2em;
	margin-bottom:2em;
}
p.toContact{
	margin:0 auto;
}
p.toContact a{
	margin-left:1em;
	padding:10px 20px;
}

p.reference{
	clear:both;
	margin-bottom:0;
	font-weight:bold;
}
ul.reference li{
	margin-bottom:0;	
}

.tech figure{
	position:relative;
	z-index:10;
	display:inline-block;
	margin:0 2em 1em 2em;
}
.tech .fig_R{
	clear:both;
	float:right;
	margin-left:2em;
	margin-bottom:1em;
}
.tech .fig_R figure{
	margin:0;
}
.tech .fig{
	clear:both;
	margin:0 -4em 2em -4em;
	text-align:center;
}
.tech .fig_S{
/*	clear:both;*/
	margin-bottom:1em;
	margin-left:2em;
}
.tech .fig_S span{
	margin-left:3em;
}
.tech figcaption{
	font-size:12px;
}
.tech .nomwrkm{
	overflow:hidden;
	zoom:1;
}
.tech .tbl figure{
	vertical-align:top;
}
.tech .shiki{
	margin-left:2em;
}

.qa_list{
	width:100%;
	margin-bottom:4em;
	border:solid 1px #ddd;
}
.qa_list h3{
	padding:0.3em 0;
	text-align:center;
	color:#fff;
	background:#027de2;
	border:none;
}
.qa_list h4{
	margin:0 2em;
	color:#485560;
	border-bottom:solid 1px #027de2;
}
.qa_list ul{
	margin:1em 2em 2em 1em;
}
.qa_list a{
	text-decoration:none;
}
.qa_list a:hover{
	text-decoration:underline;
}

dl.qa{
	margin-bottom:4em;
}
dl.qa dt{
	position:relative;
	margin-bottom:1em;
	padding:0.5em 0 0.5em 3em;
	border-bottom:dotted 1px #ddd;
}
dl.qa dd{
	position:relative;
	padding-left:3em;
}
dl.qa dt:before{
	content:"Ｑ";
	position:absolute;
	top:-0.2em;
	left:0;
	font-size:200%;
	font-weight:normal;
	color:#027de2;
}
dl.qa dd:before{
	content:"Ａ";
	position:absolute;
	top:-0.5em;
	left:0;
	font-size:200%;
	color:red;
}

/*================================================
 *  特定商取引法に基づく表記
 ================================================*/
h2.h23{
	margin-bottom:0;
	padding-left:0;
	text-align:left;
	color:#013764;
	background:none;
}
h2.h22{
	margin-bottom:0;
	text-align:left;
	color:#fff;
	background:#013764;
	border-radius:0;
}
table.law{
	margin:0em 0 2em 0;
	border:none;
}
table.law th{
	width:300px;
	padding:10px;
	text-align:left;
	border-left: none !important;
	border-top: none !important;
	background:none;
}
table.law td{
	padding:10px;
	border-right: none !important;
	border-top: none !important;
}

/*================================================
 *  書籍
 ================================================*/
.booklist{
	margin-top:1em;
	margin-bottom:3em;
}
.booklist th{
	padding:1em 0;
}
.booklist td{
	padding:0.4em;
	vertical-align: middle;
}
.booklist a{
	text-decoration:none;
}
.booklist a:hover{
	text-decoration:underline;
}
.booklist_txt{
	text-align:right;
	font-weight:bold;
	margin-bottom:0;
}

.book_img{
	float:left;
	margin:0 60px 0 80px;
	line-height:3;
}
.book_img a[href$=".pdf"]{
	background-image:none;
}
.book_detail{
	float:left;
	margin-left:5em;
}
.book_detail dt{
	float:left;
	font-weight: bold;
}
.book_detail dd{
	margin:0 0 1em 8em;
}
.book_detail dd strong{
	color:#027de2;
}
h2 span{
	display: inline-block;


	margin-right: 5em;
	vertical-align: top;
	font-weight: bold;
}
h2::before{
	position: absolute;
	content: attr(title);
	left:0;
	margin-left:1em;
	font-weight:bold;
}

/*================================================
 *  書籍販売フォーム
 ================================================*/
table.formOrder{
	margin:1em 0 3em 0;
}
table.formOrder th{
	width:205px;
	padding:10px;
	text-align:left;
}
table.formOrder th span{
	float:right;
	padding:2px 5px;
	font-size:12px;
	text-align:right;
	color:#fff;
	background:#e2020d;
	border-radius:3px;
}
table.formOrder td{
	padding:10px;
}
table.formOrder strong{
	color:#027de2;
}

div.error_messe{
	margin:20px 0;
	padding:5px;
	color:red;
	background:#FFEEEE;
	border:solid 1px red;
}
div.error_messe p{
	margin-bottom:5px;
}

/*================================================
 *  受託測定加工サービス
 ================================================*/
.navi3{
	overflow:hidden;
	position:relative;
	margin-bottom:0.75%;
	margin-right:-1%;
}
.navi3Column{
	display:inline;
	width:32.25%;
	float:left;
	margin-right:1%;
}
.navi3Con{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:0 1em;
	text-decoration:none;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	background:#027de2;
}
.navi3Con:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.navi3Con h3{
	margin-top:2em;
	margin-bottom:2em;
	padding:0;
	line-height:1;
	font-size:20px;
	text-align:center;
	color:#fff;
	border:none;
}
	.navi3Con h3:after{
		content : url("../images/bg_arrow_white1.png");
		position:relative;
		top:4px;
		left:6px;
	}
.navi3Con p{
	color:#fff;
	line-height:1.5;
}
	.navi3Con p.row_three{
		margin-bottom:4.5em;
	}
	.navi3Con p.row_four{
		margin-bottom:3em;
	}
	.navi3Con p.row_five{
		margin-bottom:1.5em;
	}
.navi2{
	overflow:hidden;
	position:relative;
	margin-bottom:2em;
	margin-right:-0.75%;
}
.navi2Column{
	display:inline;
	width:49%;
	float:left;
	margin-right:1%
}
.navi2Con{
	position:relative;
	display:block;
	box-sizing:border-box;
	overflow:hidden;
	padding:0 1em;
	text-decoration:none;
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
	background:#748089;
}
.navi2Con:hover {
	opacity:0.7;
	filter:alpha(opacity=70);
	-ms-filter:"alpha(opacity=70)";
	transition:background 0s ease 0s, border 0.5s ease-out 0s;
}
.navi2Con h3{
	margin-top:1em;
	margin-bottom:1em;
	padding:0;
	line-height:1;
	font-size:16px;
	text-align:center;
	color:#fff;
	border:none;
}
	.navi2Con h3:after{
		content : url("../images/bg_arrow_white1.png");
		position:relative;
		top:4px;
		left:6px;
	}
.navi2Con p{
	color:#fff;
	line-height:1.5;
	text-align:center;
	margin-bottom:1em;
}

h2.h24{
	padding-left:8px;
	text-align:left;
	border-left:8px solid #027de2;
	border-radius:0;
}
h3.h31{
	margin-top:3em;
	margin-bottom:2em;
	text-align:center;
	border:none;
}
.servicelist {
	margin-bottom:5em;
}
.servicelist td {
	vertical-align: middle;
}
.servicelist a[href$=".pdf"]{
	background-image:none;
}

/*================================================
 *  グローバルナビゲーション
 ================================================*/
nav{
	background:#013764;
	z-index:29;
}
nav ul{
	margin:0;
	padding:0;
}
nav ul li{
	position:relative;
	float:left;
	width:17%;
	margin:0;
	padding:0;
	text-align:center;
	list-style:none;
}

nav ul li.menu10{
	width:18%;
}
nav ul li.menu20{
	width:18%;
}
nav ul li.menu30{
	width:18%;
}
nav ul li.menu40{
	width:28%;
}
nav ul li.menu50{
	width:18%;
}

nav ul li a{
	display:block;
	color:#fff;
	line-height:3;
	text-decoration:none;
}
nav ul li a:hover{
	color:#027de2;
}
nav ul li {
	display:block;
	color:#fff;
	line-height:3;
	text-decoration:none;
}

nav ul li ul{
	position:absolute;
	margin:0;
	padding:0;
	line-height:1.2;
	z-index:30;
}
nav ul li.menu30 ul{
	left:-40px;
}
nav ul li.menu40 ul{
	left:40px;
}
nav li ul li{
	overflow: hidden;
	width:100%;
	height:0;
}
nav li ul li a{
	padding-left:15px;
	background:#013764;
	text-align:left;
	font-weight:normal;
}
nav li:hover > ul > li{
	overflow:visible;
	width:196px;
	height:40px;
}
nav li.menu30:hover > ul > li{
	width:272px;
}
nav li.active{
	color:#027de2;
}
nav li a.active{
	color:#027de2;
}

nav ul li ul li.submenu{
	text-indent:1em;
}

.gnav{
	display:block !important;
}

.fixed{
	position:fixed;
	top:0;
	left:0;
}

/*================================================
 *  ご依頼の流れ
 ================================================*/
.flowStep {
	margin-bottom:10em;
}
.flowStep_block {
	width:100%;
	margin-bottom:2em;
	padding-bottom:0;
}
.flowStep_block:after {
	content:"";
	display:block;
	clear:both;
}
.flowStep_number {
	float:left;
	width:25%;
	text-align:right;
	margin-top:1.5em;
}
.flowStep_number span {
	margin-right:.4em;
	font-size:32px;
	font-weight:bold;
	line-height:1;
}
.flowStep_contents {
	float:right;
	width:70%;
	margin-top:1.5em;
}
.flowStep_title {
	margin:0 0 .5em;
	padding:0;
	font-size:20px;
	font-weight:bold;
	border:none;
}
.flowStep_title:after {
	border:none;
}
.flowStep_text {
	margin-bottom:1em;
	margin-right:1em;
}
.flowSecurity_area {
	width:100%;
	margin-top:2em;
	margin-bottom:8em;
	border:2px solid #e5ebef;
}
.flowSecurity_title {
	margin:15px 25px 5px;
	padding:0;
	font-size:20px;
	font-weight:bold;
	border:none;
}
.flowSecurity_title:after {
	border:none;
}
.flowSecurity_text {
	margin:5px 25px 20px;
}
.flowStep_contents.notice{
	width:80%;
}