@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Didact+Gothic&display=swap');
/*  ------------------------------------------------
ファインケミカルジャパン Common CSS for PC/Tablet
update:2017.6.1
------------------------------------------------  */

@import url('https://fonts.googleapis.com/css?family=Merriweather');


/*
	normalize
------------------------------------------------  */
progress, sub, sup { vertical-align: baseline }

button, hr, input { overflow: visible }

html {
 font-family: 'Didact Gothic',sans-serif;
 -ms-text-size-adjust: 100%;
 -webkit-text-size-adjust: 100%
}

body { margin: 0 }

figcaption, menu, article, aside, details, figure, footer, header, main, nav, section, summary { display: block }

audio, canvas, progress, video { display: inline-block }

audio:not([controls]) {
 display: none;
 height: 0
}
[hidden], template {
display:none
}

a {
 background-color: transparent;
 -webkit-text-decoration-skip: objects
}

a:active, a:hover { outline-width: 0 }

abbr[title] {
 border-bottom: none;
 text-decoration: underline;
 text-decoration: underline dotted
}

b, strong { font-weight: bolder }
strong.ftxt { color:#C00; }

dfn { font-style: italic }

h1 {
 font-size: 2em;
 margin: .67em 0
}
#top h1 {
 font-family: 'Merriweather', serif;
}
mark {
 background-color: #ff0;
 color: #000
}

small { font-size: 80% }

sub, sup {
 font-size: 75%;
 line-height: 0;
 position: relative
}

sub { bottom: -.25em }

sup { top: -.5em }

img { border-style: none }

svg:not(:root) { overflow: hidden }

code, kbd, pre, samp {
 font-family: monospace, monospace;
 font-size: 1em
}

figure { margin: 1em 40px }

hr {
 box-sizing: content-box;
 height: 0
}

button, input, select, textarea {
 font: inherit;
 margin: 0
}

optgroup { font-weight: 700 }

button, input { }

button, select { text-transform: none }
[type=submit], [type=reset], button, html [type=button] {
-webkit-appearance:button
}
[type=button]::-moz-focus-inner, [type=reset]::-moz-focus-inner, [type=submit]::-moz-focus-inner, button::-moz-focus-inner {
border-style:none;
padding:0
}
[type=button]:-moz-focusring, [type=reset]:-moz-focusring, [type=submit]:-moz-focusring, button:-moz-focusring {
outline:ButtonText dotted 1px
}

fieldset {
 border: none;
 margin: 0 2px;
 padding: .35em .625em .75em
}

legend {
 box-sizing: border-box;
 color: inherit;
 display: table;
 max-width: 100%;
 padding: 0;
 white-space: normal
}

textarea { overflow: auto }
[type=checkbox], [type=radio] {
box-sizing:border-box;
padding:0
}
[type=number]::-webkit-inner-spin-button, [type=number]::-webkit-outer-spin-button {
height:auto
}
[type=search] {
-webkit-appearance:textfield;
outline-offset:-2px
}
[type=search]::-webkit-search-cancel-button, [type=search]::-webkit-search-decoration {
-webkit-appearance:none
}
::-webkit-input-placeholder {
color:inherit;
opacity:.54
}
::-webkit-file-upload-button {
-webkit-appearance:button;
font:inherit
}

/*
	common
------------------------------------------------  */

html {
 /*font-size: 80%;*/
 /*line-height: 1.6;*/
 /*font-family: 'meiryo', 'メイリオ', 'ms pgothic', 'ms pゴシック', osaka, sans-serif;*/
}

body {
 /*
 background:url(../images/main_bg.png);
 background-position: center center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  background-size: cover;
  */
}

.clearfix { zoom: 1; }
/*
img { vertical-align: middle; }
*/

ul, ol {
 margin: 0;
 padding: 0
}

li {
 margin: 0;
 padding: 0;
 list-style: none;
}

h1, h2, h3, h4, h5, h6 {
 margin: 0;
 padding: 0;
}

.alC { text-align: center; }
.alR { text-align: right; }

.imgR {
 float:right;
 margin:0 0 20px 20px;
}
.imgL {
 float:left;
 margin:0 20px 20px 0;
}

.cf:before, .cf:after, .cmn-section:before, .cmn-section:after,
#aside .event:before, #aside .event:after, #fNavi:before, #fNavi:after,
#seminar td:before, #seminar td:after, #seminar02 td:before , #seminar02 td:after,
#topIconImg ul:before, #topIconImg ul:after, .chkbox-list:before, .chkbox-list:after {
 content: " ";
 display: table;
}

.cf:after, .cmn-section:after,
#aside .event:after, #fNavi:after,
#seminar td:after, #seminar02 td:after,
#topIconImg ul:after, .chkbox-list:after { clear: both; }
a:focus, *:focus { outline: none; }




/*
	margin
------------------------------------------------  */

	.mgn0 { margin: 0; }
	.mgn1 { margin: 0.1em; }
	.mgn2 { margin: 0.2em; }
	.mgn3 { margin: 0.3em; }
	.mgn4 { margin: 0.4em; }
	.mgn5 { margin: 0.5em; }
	.mgn10 { margin: 1em; }
	.mgn15 { margin: 1.5em; }
	.mgn20 { margin: 2em; }
	.mgn25 { margin: 2.5em; }
	.mgn30 { margin: 3em; }
	.mgn35 { margin: 3.5em; }
	.mgn40 { margin: 4em; }
	.mgn45 { margin: 4.5em; }
	.mgn50 { margin: 5em; }

	.mgnT0 { margin-top: 0; }
	.mgnT1 { margin-top: 0.1em; }
	.mgnT2 { margin-top: 0.2em; }
	.mgnT3 { margin-top: 0.3em; }
	.mgnT4 { margin-top: 0.4em; }
	.mgnT5, .MgnT5 { margin-top: 0.5em; }
	.mgnT8 { margin-top: 0.8em; }
	.mgnT10, .MgnT10 { margin-top: 1em; }
	.mgnT15 { margin-top: 1.5em; }
	.mgnT20 { margin-top: 2em; }
	.mgnT25 { margin-top: 2.5em; }
	.mgnT30 { margin-top: 3em; }
	.mgnT35 { margin-top: 3.5em; }
	.mgnT40 { margin-top: 4em; }
	.mgnT45 { margin-top: 4.5em; }
	.mgnT50 { margin-top: 5em; }

	.mgnR0 { margin-right: 0; }
	.mgnR1 { margin-right: 0.1em; }
	.mgnR2 { margin-right: 0.2em; }
	.mgnR3 { margin-right: 0.3em; }
	.mgnR4 { margin-right: 0.4em; }
	.mgnR5 { margin-right: 0.5em; }
	.mgnR10 { margin-right: 1em; }
	.mgnR15 { margin-right: 1.5em; }
	.mgnR20 { margin-right: 2em; }
	.mgnR25 { margin-right: 2.5em; }
	.mgnR30 { margin-right: 3em; }
	.mgnR35 { margin-right: 3.5em; }
	.mgnR40 { margin-right: 4em; }
	.mgnR45 { margin-right: 4.5em; }
	.mgnR50 { margin-right: 5em; }

	.mgnB0 { margin-bottom: 0; }
	.mgnB1 { margin-bottom: 0.1em; }
	.mgnB2 { margin-bottom: 0.2em; }
	.mgnB3 { margin-bottom: 0.3em; }
	.mgnB4 { margin-bottom: 0.4em; }
	.mgnB5 { margin-bottom: 0.5em; }
	.mgnB10 { margin-bottom: 1em; }
	.mgnB15 { margin-bottom: 1.5em; }
	.mgnB20 { margin-bottom: 2em; }
	.mgnB25 { margin-bottom: 2.5em; }
	.mgnB30 { margin-bottom: 3em; }
	.mgnB35 { margin-bottom: 3.5em; }
	.mgnB40 { margin-bottom: 4em; }
	.mgnB45 { margin-bottom: 4.5em; }
	.mgnB50 { margin-bottom: 5em; }

	.mgnL0 { margin-left: 0; }
	.mgnL1 { margin-left: 0.1em; }
	.mgnL2 { margin-left: 0.2em; }
	.mgnL3 { margin-left: 0.3em; }
	.mgnL4 { margin-left: 0.4em; }
	.mgnL5 { margin-left: 0.5em; }
	.mgnL10 { margin-left: 1em; }
	.mgnL15 { margin-left: 1.5em; }
	.mgnL20 { margin-left: 2em; }
	.mgnL25 { margin-left: 2.5em; }
	.mgnL30 { margin-left: 3em; }
	.mgnL35 { margin-left: 3.5em; }
	.mgnL40 { margin-left: 4em; }
	.mgnL45 { margin-left: 4.5em; }
	.mgnL50 { margin-left: 5em; }


/*
	common selciton
------------------------------------------------  */

.cmn-section { width: 100%; }

.cmn-section > .in-cont {
 width: 860px;
 margin: auto;
  padding: 0 20px;
}

.cmn-section > .sm-cont {
 width: 1300px;
 margin: auto;
  padding: 0 20px;
}

.cmn-section > .in-schedule {
 width: 90%;
 margin: auto;
  padding: 0 20px;
}

#nav > .in-cont {
 width: 1140px;
 margin: auto;
 text-align: left;
 position:relative;
}

footer > .in-cont {
 width: 1140px;
 margin: auto;
}


/*
	navigation
------------------------------------------------  */

.lheadnv { height: 90px; }

.headnv .fixbar {
 position: absolute;
 width: 100%;
 top: 0;
 height: 66px;
 background-color: rgba(0, 0,0, 0.8);
}

.headnv.fixed .fixbar {
 position: fixed;
 top: 0;
 z-index: 1000;
}
#nav > .in-cont .sitelogo { position:absolute; top:10px; left:35px; }
#nav > .in-cont #globalnav { position:absolute; width:779px; top:10px; right:0; }

#nav li { display: table-cell; position:relative; width:100px; table-layout:fixed;text-indent: -9999px; }
#nav li a { display:block; padding:10px 0 15px 0; width:100px; overflow: hidden;text-indent: 100%;white-space: nowrap; }
#nav li a.eng, #nav li a.jpn, #nav li:last-child { width:79px; }

#nav li.exhibit { background:url(../images/nav_exhibit.png) no-repeat 0 0; }
#nav li.visit { background:url(../images/nav_visit.png) no-repeat 0 0; }
#nav li.complist { background:url(../images/nav_list.png) no-repeat 0 0; }
#nav li.seminar { background:url(../images/nav_seminar.png) no-repeat 0 0; }
#nav li.press { background:url(../images/nav_press.png) no-repeat 0 0; }
#nav li.event { background:url(../images/nav_event.png) no-repeat 0 0; }
#nav li.contact  { background:url(../images/nav_contact.png) no-repeat 0 0; }
#nav li a.eng { background:url(../images/nav_eng.png) no-repeat 0 0; }

#nav li.exhibitEn { background:url(../images/nav_exhibit_en.png) no-repeat 0 0; }
#nav li.visitEn { background:url(../images/nav_visit_en.png) no-repeat 0 0; }
#nav li.complistEn { background:url(../images/nav_list_en.png) no-repeat 0 0; }
#nav li.seminarEn { background:url(../images/nav_seminar_en.png) no-repeat 0 0; }
#nav li.pressEn { background:url(../images/nav_press_en.png) no-repeat 0 0; }
#nav li.eventEn { background:url(../images/nav_event_en.png) no-repeat 0 0; }
#nav li.contactEn  { background:url(../images/nav_contact_en.png) no-repeat 0 0; }
#nav li a.jpn { background:url(../images/nav_jpn.png) no-repeat 0 0; }

/* Drop Menu  */

#nav ul li ul li a, #nav ul li ul li a:hover{ background:none; }
#nav ul li { position:relative; }
#nav ul li ul{
	display: none;
	position: absolute;
	width:100px;
 top:70px;
}

#nav ul li ul li, #nav ul li ul li:first-child {
	display:block;
	width:100px;
	height:auto;
	background:rgba(255,255,255,0.8);
 white-space:normal;
 overflow:visible;
 padding:0;
}

#nav ul li ul li:last-child { width:100px; }

#nav ul li ul li a {
	display:block;
	width:100px;
	height:auto;
	padding:7px 5px 7px 5px;
	text-indent:0;
 font-size:11px;
	color:#333;
	border-left:1px solid #999;
	border-right:1px solid #999;
	border-bottom:1px solid #999;
 box-sizing:border-box;
 text-decoration:none;
  overflow:visible;
  white-space:normal;
}

#nav li ul li a:hover {
	text-decoration:none;
 color:#19A69A;
}

#nav ul li ul li span {
 font-size:85%;
}

* html #nav{ height: 1%;}


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

.pagetop {
 display: none;
 position: fixed;
 bottom: 60px;
 right: 80px;
}

/* footer {
 width:100%;
 background-color: #3F3F3F;
 padding: 10px;
 margin-top:40px;
 text-align: center;
 color: #999;
}

footer a { color:#FFF; text-decoration:none; } */

#fNavi .ftMenu {
	width:205px;
	margin-left:10px;
	float:left;
}

#fNavi .ftMenu .contTtl {
	border-bottom:1px dotted #AAA;
  font-weight:bold;
  color:#FFF;
	padding-bottom:3px;
	margin:15px 0 5px 0;
}

#fNavi .ftMenu li {
 text-align:left;
 font-size:85%;
	margin-bottom:5px;
}

#fNavi .ftMenu li.contact {
	padding:5px;
	color:#FFF;
	margin-top:10px;
	border:1px solid #CCC;
}

#fNavi .ftMenu li a { color:#FFF; text-decoration:none; }
#fNavi .ftMenu li a:hover { color:#CCC; }

.ftIcon li {
	width:20%;
	float:left;
	text-align:center;
}

.ftIcon li div {
	margin-top:5px;
	font-size:10px;
	text-align:center;
}

.ftShow { margin:15px 0; text-align:center; }

.copyright { margin-top:40px; color:#FFF; }


/*
	common layout
------------------------------------------------  */

/* topPage */

.video{
  position:relative;
  width:80%;
  padding-top:45%;
  margin:0 auto 40px auto;
}
.video iframe{
  position:absolute;
  top:0;
  right:0;
  width:100%;
  height:100%;
}
.videoTtl01 {
 background-color: #19A69A;
 padding: 10px 0;
 text-align: center;
 color: #FFF;
 font-size: 18px;
 width:80%;
  margin:0 auto;
}

#event ul {
 margin-bottom:50px;
}

#event li {
 width:215px;
 margin-bottom:40px;
 float:left;
 text-align:center;
 font-size:11px;
 line-height:3.0em;
}

#semList a {
 color:#333;
 text-decoration:none;
}
#semList a .semBox {
 border:2px solid #DDD;
 box-sizing:border-box;
 float:left;
 width:420px;
 margin:0 20px 10px 0;
 padding:6px;
 font-size:13px;
}
#semList a:hover .semBox {
 border:2px solid #A6618D;
 box-sizing:border-box;
}
#semList a .semBox:nth-child(2n) {
 margin-right:0;
}
#semList .timeId span {
 background-color: #A6618D;
 padding:2px 10px;
 margin-right:10px;
 color:#FFF;
 font-size:16px;
}
#semList .semBox img {
 margin-top:10px;
 float:left;
}
#semList .semTtl {
 width:300px;
 font-weight:bold;
 margin:10px 0 10px 110px;
}
#semList .semSpkr {
 width:300px;
 font-size:12px;
 margin-left:110px;
}

/*exhibitor_slider*/
.exhibitBnr div.bx-wrapper {
    padding: 0;
    box-shadow: none;
    border: none;
}
div#exhibitor_slider {display:table;table-layout:fixed;}
div#exhibitor_slider div.pager{width:206px;display:table-cell;vertical-align:middle;height:70px;}
div.pager {margin-top:0px;}
div#exhibitor_slider div {text-align:center;}
div#exhibitor_slider p.booth {width:205px;padding-top:10px;text-align: center;}
div#exhibitor_slider p.exhibitor_title {width:205px;text-align: left;}

.toplogolist li {
 width:25%;
 float:left;
 text-align:center;
 margin-bottom:15px;
}

#topIconImg { text-align:center; margin:45px auto; width:1100px; }

#topIconImg ul {
 display:table;
 margin:40px auto;
}

#topIconImg li {
 display:table-cell;
 padding-right:33px;
}
#topIconImg li:last-child{ padding-right:0; }

#topIconImg li img:hover {
 opacity:0.8;
}

.whatsnew {
 border:1px solid #C6BB9A;
 margin-bottom:40px;
}
.whatsnew .newsttl {
 background:url(../../images/whatsnew_ttl.png) no-repeat bottom left #C6BB9A;
 text-indent:-9999px;
 height:40px;
}
.whatsnew .newslist {
  max-height: 200px;
 overflow: auto;
 padding-top:10px;
}
.whatsnew dl {
 margin:0 15px 10px 15px;
 border-bottom:1px dotted #C6BB9A;
}
.whatsnew dt {
 padding:5px 0;
 line-height:1.5;
 width:120px;
 float:left;
}
.whatsnew dd {
 float:right;
 width:680px;
 margin:0;
 padding:5px 0;
}

.relshow {
 margin-bottom:40px;
}
.relshow .showttl {
 background:url(../../images/relshow_img.gif) no-repeat top right #8AB829;
 height:30px;
 padding-top:10px;
 font-size:135%;
 text-align:center;
 font-weight:bold;
 color:#FFF;
}
.relshow .showlist {
 border:2px solid #8AB829;
}
.relshow .showlist table { width:100%; }
.relshow .showlist th, .relshow .showlist td { padding:10px; text-align:center; }
.relshow .showlist th {
 width:250px;
 font-size:130%;
}
.relshow .showlist tr.cphi th {
 background-color:#FCE6F1;
 color:#E5348C;
}
.relshow .showlist tr.medtec th {
 background-color:#DFF0F2;
 color:#008693;
}
.relshow .showlist tr.medtec img { height:50px; margin:10px; }

#contpage .topContact {
 background-color:#EFEFEF;
 padding:10px;
 width:70%;
}
#contpage .topContact  span{ font-size:150%; font-weight:bold; }

/* #contpage {
 padding:80px 0 0 0;
} */

#contents {
 width:100%;
 padding:20px 0 40px;
 margin-bottom:40px;
 float:left;
 background-color:#FFF;
}

#schedule {
 width:80%;
 padding:20px 0 40px;
 margin-bottom:40px;
 float:left;
 background-color:#FFF;
}

#aside {
 /*width:215px;*/
 float:right;
}

#aside .fb { margin:20px 0; }
.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

.note {
    font: bold 16px Verdana;
    background: #C00;
    color: #FFFFFF;
    letter-spacing: 2px;
    margin: 4px;
    padding: 1px 6px 1px 8px;
}

.errMsg {
    color: #C00;
    font-size: 16px;
    font-weight: bold;
}

table.formTbl .errMsg {
    font-size: 14px;
    font-weight: bold;
}

table.formTbl .Grn10 {
	color: #4F911A;
	font-size: 10px;
}

table.formTbl .Red {
	color: #FF4066;
}

#contpage p {
 font-size:14px;
}

#contpage p .bigger {
 font-size:16px;
}

#contpage .red, #contwrap .red { color:#C30; }
#contpage .redB, #contwrap .redB { color:#C30; font-weight:bold; }

#contpage .noB, #contwrap .noB { font-weight:normal; }

#contpage h1 {
 font-size:24pt;
 font-weight:normal;
 color:rgb(0, 102, 153);
 border-bottom:2px solid rgb(0, 102, 153);
 padding:5px 0;
 margin-bottom: 30px;
}

#contpage h1 span {
 margin-left:20px;
 float:right;
 font-size:12pt;
 padding:15px 0 0 0;
}

/* #contpage h2 {
 font-size:18pt;
 font-weight:normal;
 border-bottom:1px dotted #3F3F3F;
 margin:2em 0 1.5em 0;
} */

#contpage h3 {
 background-color:#3F3F3F;
 padding: .7em .75em;
 font-size:20px;
 font-weight:normal;
 color:#FFF;
 /*border-radius: 5px 0 5px 0;*/
 margin:4em 0 1.5em 0;
}

strong.txt14 {
    font-weight: bold;
}

.MgnBT20 {
    margin-bottom: 20px;
}

#contpage h3 span {
 font-size:16px;
}

#contpage h4 , #contwrap h4{
 font-size:20px;
 margin:2em auto 1em;
 border-left:5px solid #19A69A;
 padding-left:10px;
}

#contpage h5 {
 font-weight: bold;
 padding: 9px;
 font-size: 14px;
 background-color: #DAE7EC!important;
 margin: 20px 0 10px 0;
 border-radius: 5px;
 position: relative;
}

.slide-banner {
 position:fixed;
 top: 320px;
 right: 20px;
 background: rgba(255,255,255,0.5);
 padding:15px 15px 0 15px;
}

.slide-banner li {
 margin-bottom:15px;
}

.slide-exhibit {
 position:fixed;
 /*top: 320px;*/
 top: 450px;
 left: -1px;
}

.slide-visit {
 position:fixed;
 top: 450px;
 left: -1px;
 display:none;
}

.slide-news {
 padding: 20px;
 width: 250px;
 min-height: 82px;
 background: #fff;
 border: #19A69A 1px solid;
}

.slide-news .handle {
 background: url(../images/news_tab.gif) no-repeat;
}

.slide-news dl {
 margin:0;
 max-height:220px;
 overflow:auto;
}

.slide-news dt {
 padding:5px 0;
 line-height:1.5;
}

.slide-news dd {
 text-align:right;
 font-size:85%;
 margin:0;
 padding:5px 0;
 border-bottom:1px dotted #333;
}


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

table.formTbl, table.hotelTbl, table.pwTbl, table.spsrTbl {
 width: 98%;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
 margin-bottom:20px;
}

.formTbl th, .formTbl td, .hotelTbl th, .hotelTbl td, .pwTbl th, .pwTbl td, .spsrTbl th, .spsrTbl td {
 padding: .8em;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

.formTbl th {
 background: rgb(0, 102, 153);
 color: #fff;
 text-align: left;
 vertical-align: top;
 width: 25%;
}
@media screen and (min-width:641px) {
.formTbl .list-2 li {
 width:33%;
 float:left;
}
.formTbl .list-3 li {
 width:33%;
 float:left;
}
}

.hotelTbl th {
 background: #f4f4f4;
 text-align: left;
 vertical-align: top;
 width:auto;
}

.pwTbl th {
 background-color: #FEFFD2;
 text-align: left;
 vertical-align: top;
 width: 25%;
}

.spsrTbl  thead th {
 width: 180px;
 font-weight: bold;
 background-color: #19A69A;
 vertical-align: middle;
 color:#FFF;
 text-align:center;
}
.spsrTbl  thead th.wdF { width:auto; }

.spsrTbl  tbody th {
 background-color:#F2F2F2;
 text-align:center;
 width:auto;
}

.spsrTbl  tbody td {
 text-align:center;
}
.spsrTbl  tbody td.avT {
 text-align:left;
 vertical-align:top;
}


.hotelTbl td.smTh {
 display:none;
}

.extxt {
 font-size:85%;
 color:#555;
}

.must {
 border:1px solid #C00;
 color:#C00;
 font-size:10px;
 padding:1px 5px;
 background-color:#FFF;
 font-weight:normal;
}

.sdattnt {
 border:1px solid #C00;
 color:#C00;
 font-size:12px;
 padding:1px 5px;
 margin:0 10px;
 text-align:left;
 background-color:#FFF;
 font-weight:normal;
}

.attnt {
 color:#C00;
 font-size:12px;
 font-weight:bold;
}


.exTxt {
 font-size:90%;
 margin-top:5px;
 color:#666;
}

input[type=text], input[type=password], input[type=number], textarea {
  border: 1px solid #999;
  padding: 3px;
  margin-bottom: 2px;
}

.w30 { width: 30px; }
.w40 { width: 40px; }
.w50 { width: 50px; }
.w60 { width: 60px; }
.w90 { width: 90px; }
.w100 { width: 100px; }
.w150 { width: 150px; }
.w200 { width: 200px; }
.w250 { width: 250px; }
.w275 { width: 275px; }
.w300 { width: 300px; }
.w350 { width: 350px; }
.w385 { width: 385px; }
.w400 { width: 400px; }
.w407 { width: 407px; }
.w450 { width: 450px; }
.w500 { width: 500px; }
.w620 { width: 620px; }
.w740 { width: 740px; }
.w860 { width: 860px; }

.sendBtn {
  margin: 20px 0;
  text-align: center;
}
.sendBtn input[type="submit"] {
	background-color: rgb(0, 102, 153);
	width: 220px;
	height: 45px;
	border: 1px solid rgb(0, 102, 153);
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	cursor: pointer;
}
.sendBtn input[type="submit"].back {
	background-color: rgb(72, 73, 71);
	border: 1px solid rgb(72, 73, 71);
}
.sendBtn input[type="submit"].back.theme {
	background-color: rgb(0, 102, 153);
	border: 1px solid rgb(0, 102, 153);
}
.sendBtn input[type="submit"].seminar {
	background-color: #d94c90;
	width: 250px;
	height: 45px;
	border: 1px solid #d94c90;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	cursor: pointer;
}
.sendBtn div.mypage {
	background-color: #0ea599;
	width: 250px;
	height: 45px;
	border: 1px solid #0ea599;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	cursor: pointer;
}
.sendBtn div.seminar {
	background-color: #8ab829;
	width: 250px;
	height: 45px;
	border: 1px solid #8ab829;
	color: #fff;
	font-weight: 700;
	font-size: 16px;
	margin: 0;
	cursor: pointer;
}

.sendBtn div.submit,
.sendBtn div.search {
	display: inline-block;
	position: relative;
	width: 220px;
	height: 45px;
}
.sendBtn div.submit::after {
	position: absolute;
	top: 50%;
	right: 10px;
	color: #fff;
	font-size: 28px;
	font-family: "Font Awesome 5 Free";
	content: "\f105";
	font-weight: bold;
	pointer-events: none;
	transform: translateY(-50%);
}

.sendBtn div.submit a {
	text-decoration: none;
}

.sendBtn div.back {
	display: inline-block;
	position: relative;
	width: 220px;
	height: 45px;
	margin-right: 20px;
}
.sendBtn div.back::after {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 30px;
	height: 45px;
	color: #fff;
	font-size: 28px;
	font-family: "Font Awesome 5 Free";
	content:"\f104";
	font-weight: bold;
	pointer-events: none;
}
.sendBtn div.search::after {
	position: absolute;
	top: 10px;
	left: 40px;
	width: 30px;
	height: 45px;
	color: #fff;
	font-family: "Font Awesome 5 Free";
	content: "\f002";
	font-weight: bold;
	font-size: 16px;
	pointer-events: none;
}
.sendBtn div.jump::before {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 30px;
	height: 45px;
	color: #fff;
	font-size: 28px;
	font-family: "Font Awesome 5 Free";
	content:"\f104";
	font-weight: bold;
	pointer-events: none;
}

.sendBtn div.logout {
	display: inline-block;
	position: relative;
	width: 220px;
	height: 45px;
	margin-right: 20px;
}
.sendBtn div.logout::after {
	position: absolute;
	top: 0px;
	left: 5px;
	width: 30px;
	height: 45px;
	color: #fff;
	font-size: 28px;
	font-family: "Font Awesome 5 Free";
	content:"\f00d";
	font-weight: bold;
	pointer-events: none;
}

.pagetop {
	width: 50px !important;
	height: 50px !important;;
	background-color: rgb(0, 102, 153);
	border-radius: 50%;
	color: #fff;
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: 20px;
}
.pagetop span {
	color: #fff;
	font-weight: 700;
}
.pagetop a {
	text-decoration: none;
}

.sendBtn input { margin: 0 20px; }
.sendBtn img { vertical-align: inherit; }


.exhibitor-list {
  position: relative;
  margin-top: 50px
}

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

.attentionLt, .attentionPk, .attentionRPk {
	padding:10px 10px 5px 10px;
	background-color:#EFEFEF;
	line-height:150%;
}

.attentionLt ul { margin-left:15px; }
.attentionLt li { margin-bottom:5px; line-height:1.3em; }

.attentionRPk ul { margin-left:20px; list-style:disc; }
.attentionRPk li { margin-bottom:5px; line-height:1.5em; }

.attentionPk {
	background-color: #FAE4EF;
}

.attentionRPk {
	background-color: #FAEFF0;
	border: 1px dotted #C00;
	margin-bottom:20px;
}

.attentionRed, .attentionRedSem {
	padding:10px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
	background-color:#FFEAF1;
	border:2px solid #C00;
	color:#C00;
	line-height:150%;
}
.attentionRedSem {
	text-align:left;
}
.attentionRedSem div {
	background-color:#C00;
	color:#FFF;
	padding:2px 10px;
	margin-bottom:5px;
}

.attentionRedSem ul {
	list-style:disc;
	margin-left:20px;
}

.attentionBl {
	padding: 10px 10px 5px 10px;
	background-color: #D3ECF3;
	line-height: 150%;
	border:1px solid #06C;
}

.attentionYlw {
	padding: 10px;
	background-color: #FAF5CD;
	line-height: 150%;
}

.attentionYlwC {
  margin:20px 0;
	padding: 10px;
	border:6px solid #FAF5CD;
	line-height: 150%;
}


/*
	side contents
------------------------------------------------  */

#aside .stndBtn {
 margin-bottom:20px;
 text-align:center;
}

#aside .contact {
 border:1px solid #666;
 margin-bottom:20px;
}

#aside .contact .ttl {
 border-bottom:1px solid #666;
 text-align:center;
 padding:5px;
 background-color:rgba(0, 0,0, 0.7);
 color:#FFF;
}

#aside .contact .tel, #aside .contact .mail{
 font-size:150%;
 text-align:center;
  padding:5px;
  background-color:#FFF;
}

#aside .relevent {
 border:1px solid #666;
}

#aside .relevent .ttl {
 border-bottom:1px solid #666;
 text-align:center;
 padding:5px;
 background-color:rgba(0, 0,0, 0.7);
 color:#FFF;
}

#aside .relevent .event {
 text-align:center;
  padding:10px 0 0 0;
  background-color:#FFF;
}

#aside .relevent .event a {
 display:block;
 padding-bottom:10px;
}


/*
	for exhibitor
------------------------------------------------  */

.checkListTtl {
	position: relative;
	padding: .5em .75em;
	background-color: #109D59;
	border-radius: 5px;
 font-size:22px;
 color:#FFF;
 margin-bottom:15px;
}
.checkListTtl::after {
	position: absolute;
	top: 100%;
	left: 20px;
	content: '';
	width: 0;
	height: 0;
	border: 10px solid transparent;
	border-top: 15px solid #109D59;
}
.checkList { padding:10px 20px; background-color:#F4F4F4; }
.checkList li {
 background:url(../images/ico_checkbox.png) left 15px no-repeat;
 padding:8px 0 2px 35px;
 font-size:20px;
}
.checkList li.noChk { background:none; font-size:18px; padding-left:0; }
.checkList li strong { color: #C00; }

.targetLt {
 margin:15px 0 15px  20px;
}

.targetLt li {
 width:160px;
 float:left;
}

.feeTbl {
 width:100%;
 font-size:22px;
 border-top: 1px dotted #666;
}

.feeTbl th, .feeTbl td {
 padding:10px;
 border-bottom: 1px dotted #666;
}

.feeTbl th {
 width: 25%;
 background-color: #B5DAFF;
}

.feeTbl th.pack { background-color: #C7EDDF; }

.feeTbl th span { font-size:85%; }

.usualprice {
 text-decoration: line-through;
}

.earlybird {
 margin-top:15px;
 background-color:#FEEFF7;
 padding:10px;
  font-size:18px;
 color:#C00;
}

.earlyprice {
 margin-top:10px;
 color:#C00;
 font-size:30px;
 font-weight:bold;
}

.packImg {
 margin:20px 0 40px 0;
}

.packImg img {
 float:left;
}

.packImg .dtl {
 float:right;
 width:335px;
 font-size:110%;
 background-color:#EFEFEF;
 padding:10px;
}

.forexhb {
 position:relative;
}

.forexhb .expTxt {
 position:absolute;
 text-align:center;
}
@media screen and (min-width:641px) {
.forexhb .dtl01 {
 top:50px;
 left:120px;
 width:620px;
}
.forexhb .dtl0201 {
 top:50px;
 left:75px;
 width:710px;
}
.forexhb .dtl0202 {
 top:910px;
 left:120px;
 width:620px;
}
.forexhb .dtl03 {
 top:50px;
 left:75px;
 width:710px;
}
}
@media screen and (max-width:640px) {
#contents .forexhb .dtl01 {
 width:82%;
 left:9%;
 top:10px;
}
#contents .forexhb .dtl0201 {
 width:86%;
 left:7%;
 top:10px;
}
#contents .forexhb .dtl0202 {
 width:86%;
 left:7%;
 bottom:10px;
}
#contents .forexhb .dtl03 {
 width:86%;
 left:7%;
 top:10px;
}
}

/*
	press
------------------------------------------------  */

#pressLt {
	margin: 20px 0;
}

#pressLt dl {
    border-bottom: 1px dotted #CCC;
}

#pressLt dt {
    width: 15%;
    line-height: 150%;
    padding: 8px 10px;
    float: left;
}

#pressLt dd {
    width: 80%;
    margin-left: 130px;
    line-height: 150%;
    padding: 8px 10px;
}


/*
	seminar and presen
------------------------------------------------  */

.formTbl .cap {
	padding-top: 150px;
	margin-top: -150px;
}

.pInfoSt {
	border:2px solid #D53883;
	background-color:#FBEEF4;
	font-size:14px;
	line-height:1.3;
	padding:10px;
	display:block;
	margin:20px 0;
}

.pFineInfoSt {
    border:2px solid #D53883;
    background-color:#FBEEF4;
    font-size:14px;
    line-height:1.3;
    padding:10px;
    display:block;
    margin:20px 0;
}

#contpage h2.semHdJ {
 background-color:#55B3D9;
 color: #FFF;
 padding:20px 10px 15px 20px;
 margin-top: 20px;
}


#contpage h5.semDay {
 font-size:20px;
 border-radius:0 4px 4px 0;
 border-left:5px solid #19A69A;
 margin:60px 0 20px 0;
}

#contpage h6.semHdJ {
 padding:10px;
 border-radius:4px;
 background-color:#CCC;
 font-size:16px;
 margin:40px 0 10px 0;
}

#seminar .table, #seminar .tableLt,
#seminar02 .table, #seminar02 .tableLt {
	width:100%;
	margin-bottom:20px;
 border-left: 1px solid #CCC;
 border-top: 1px solid #CCC;
}

#seminar th, #seminar02 th {
 background-color: #EFEFEF;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
 text-align: center;
 width: 70px;
 vertical-align: middle;
}

#seminar td, #seminar02 td {
	padding: .8em;
 border-right: 1px solid #CCC;
 border-bottom: 1px solid #CCC;
}

#seminar td.apply, #seminar02 td.apply {
	text-align:center;
	vertical-align:middle;
	font-size:14px;
	width:70px;
	background-color:#FBF9D9;
	position:relative;
}

#seminar .id, #seminar02 .id {
 background-color: #19A69A;
 margin: 10px 5px;
 padding: 5px 0;
 color: #FFF;
 font-weight: bold;
}
#seminar .cap, #seminar02 .cap {
 color: #19A69A;
}
#seminar .interpretation {
 background-color: #FEDA02;
 margin: 5px;
 padding: 5px 0;
 font-weight: bold;
}
#seminar .price, #seminar .priceE {
	background-color: #D53849;
	width:70px;
	padding: 5px 0;
	color: #FFF;
	font-weight: bold;
	margin-bottom:10px;
}
#seminar .priceE {
	font-size:11px;
}
#seminar .time {
	font-weight: bold;
	margin-bottom:15px;
}

/*セミナー情報のみ ---------------------*/
#seminar .semDtl {
	line-height: 130%;
}
#seminar .semDtlNP {
	width: 455px;
	line-height:130%;
}
#seminar .title {
	margin-bottom: 10px;
	line-height:180%;
}

#seminar .name {
	line-height:150%;
}

#seminar .imgBox {
	width:110px;
	float:right;
	text-align:center;
}

#seminar .imgBoxW {
	width:110px;
	float:left;
	text-align:center;
}

#seminar .dtlBox {
 width: 490px;
 float: left;
}

#seminar .capTxt {
	margin-top:4px;
	font-size:12px;
}

#seminar .text {
	margin-top: 10px;
	border-top:1px dotted #CCC;
	padding-top:5px;
	line-height:150%;
}

#seminar .wSEntry {
	border-bottom:1px solid #007579;
	padding-bottom:10px;
	margin-bottom:10px;
}

/*出展社プレゼン ---------------------*/
#seminar02 h6 {
	font-weight: bold;
	padding: 9px 10px;
	font-size: 14px;
	background-color: #CCC;
	margin: 20px 0 10px 0;
	border-radius: 5px;
}

#seminar02 .title {
	font-weight: bold;
	font-size: 14px;
	position: relative;
}
#seminar02 .lang-tag {
	top: 0;
	right: 0;
}
.lang-tag-icon {
	background-color: rgb(0, 0, 128);
	color: #fff;
	padding: 2px 4px;
	margin: 0 2px;
}

.special-title {
	font-weight: bold;
	font-size: 14px;
	background-color: #080186 !important;
	color: #fff;
}

.title.kbn1 {
	color: #cf121b;
}
.title.kbn2 {
	color: #eca400;
}
.title.kbn3 {
	color: #05449a;
}
.title.kbn4 {
	color: #00a73c;
}

#seminar02 .company {
	text-align: right;
	border-top: none;
}

#seminar02 th {
	width: 80px;
	color: #666;
	border: 1px solid #ccc;
}

#seminar02 .time {
	font-weight: bold;
	font-size:12px;
}

#seminar02 th .id { color:#FFF; margin:5px; }

#seminar02 th.HallA .id { background-color: #19A69A; }
#seminar02 th.HallB .id { background-color: #0C00DD; }
#seminar02 th.HallC .id { background-color: #080186; }
#seminar02 th.HallD .id { background-color: #00A46A; }
#seminar02 th.HallE .id { background-color: #008154; }

#seminar02 .tableDay {
    width: 100%;
    margin-bottom: 40px;
    border:none;
}

#seminar02 .tableDay th {
    text-align: left;
    width: 120px;
    padding-left: 5px;
    font-size: 14px;
    background-color:#FFF;
    vertical-align: middle;
    border:none;
}

#seminar02 .tableDay td a {
 display:block;
 text-align: center;
 text-decoration:none;
 color:#222;
}

#seminar02 .tableDay td.HallA { background-color: rgba(0, 108, 223, 0.3); }
#seminar02 .tableDay td.HallB { background-color:  rgba(12, 0, 221, 0.3); }
#seminar02 .tableDay td.HallC { background-color: rgba(8, 1, 134, 0.3); }
#seminar02 .tableDay td.HallD { background-color: rgba(0, 164, 106, 0.3); }
#seminar02 .tableDay td.HallE { background-color: rgba(0, 129, 84, 0.3); }


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

.sortCompany, .sortCompanyE {
    background-color: #EFEFEF;
    padding: 15px 15px 0 15px;
    margin-top: 20px;
}

.sortCompany span, .sortCompanyE span {
 width:135px;
 margin-bottom:15px;
 font-size: 14px;
 font-weight: bold;
 display:block;
 float:left;
}
.sortCompanyE span {
 width:175px;
}

.sortCompany select, .sortCompanyE select {
 margin-bottom:15px;
}

#tblRow { width:100%; margin:0; border:none;  }
#tblRow th  {
 background-color: #EEF7FF;
 border: none;
 padding: 5px 10px;
}
#tblRow td  { padding:2px 5px;width:50%; border:none; }

.exhibitor li {
	margin-bottom:10px;
	padding-bottom:10px;
	line-height:135%;
}

.exhibitor li.odd {
	width:310px;
	float:left;
}

.exhibitor li.even {
	width:310px;
	margin-left:325px;
}

.exhibitor li span {
	font-weight:bold;
	margin-right:5px;
	width:65px;
	text-align:center;
	float:right;
}

.exhibitor li span.CPhI { color:#008996 }
.exhibitor li span.BioPh { color:#579029 }
.exhibitor li span.P-MEC { color:#003399 }
.exhibitor li span.ICSE { color:#D23981 }
.exhibitor li span.Pharmatec { color:#008ED3 }
.exhibitor li span.InnoPack { color: #94365A }

.exhibitor li span.semCPhI, .exhibitor li span.semBioPh,
.exhibitor li span.semP-MEC, .exhibitor li span.semICSE, .exhibitor li span.semPharmatec,
.exhibitor li span.catBio, .exhibitor li span.catJen, .exhibitor li span.catNm,
.exhibitor li span.semInnoPack {
	font-weight:normal;
	font-size:10px;
	color:#FFF;
	padding:2px 0;
	border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
.exhibitor li span.semCPhI { background-color:#008996 }
.exhibitor li span.semBioPh { background-color:#579029 }
.exhibitor li span.semP-MEC { background-color:#003399 }
.exhibitor li span.semICSE { background-color:#D23981 }
.exhibitor li span.semPharmatec { background-color:#008ED3 }
.exhibitor li span.semInnoPack { background-color:#883D5B }

.exhibitor li span.catBio {
	background-color:#639
}
.exhibitor li span.catJen {
	background-color: #30A626
}
.exhibitor li span.catNm {
  background-color: #df7c36
}

table.exhibitor {
	width: 100%;
}
.exhibitor .header th {
	text-align: center;
	background-color: rgb(0, 102, 153);
	color: #fff;
	font-weight: bold;
	border: 1px solid #ccc;
	padding: 5px 0;
}
.exhibitor td {
	padding: 10px 5px;
	text-align: center;
}
.exhibitor td.name {
	/* width: calc(100% - 370px); */
	text-align: left;
	display: flex;
	min-height: 50px;
	align-items: center;
}
.exhibitor td.demo {
	width: 90px;
}
.exhibitor td.boothno {
	width: 70px;
}
.exhibitor td.presen {
	width: 90px;
}
.exhibitor td.new {
	width: 120px;
}

.exhibitor td span {
	font-size: 12px;
	padding: 0 5px;
}
span.catNew {
  background-color: #0d94c9;
	border: 1px solid #0d94c9;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}
span.catDemo {
  background-color: #e86763;
  border: 1px solid #e86763;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}
span.catPre {
  background-color: #ff9900;
  border: 1px solid #ff9900;
	color: #fff;
	font-weight: bold;
	border-radius: 5px;
}

img.logo {
	width: 20px;
	margin-right: 5px;
}


.complist-side {
	width: 315px;
	margin-left: auto
/*	position: fixed;
	top: 70px;
	left: 10px;*/
}
.complist-side.js-fixed {
}

.complist-side img {
	margin: 5px 0;
}
.presen-side {
	position: fixed;
	width: 230px;
	height: 500px;
	top: 70px;
	left: 10px;
	overflow-x: hidden;
	overflow-y: scroll;
}

.mobile-message {
	display: none;
	padding: 10px; 
	background-color: #ccc; 
	margin-bottom: 10px
}

/*
	mobile style
------------------------------------------------  */
@media screen and (max-width:750px) {
	.presen-side {
		display: none;
	}
/*
	.complist-side {
		display: none;
	}
*/
	.mobile-message {
		display: block!important;
	}
}

@media screen and (max-width:640px) {
.pagetop {
    position: fixed;
    bottom: 50px;
    right: 20px;
}

body, header, #nav * {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

#contpage {
    padding: 40px 0 0 0;
}

.cmn-section > .in-cont {
 width:95%;
}

.cmn-section > .sm-cont {
 width:95%;
}

#nav > .in-cont {
	width: 100%;
  margin: auto;
  text-align: left;
}

#nav > .in-cont .sitelogo img {
	width: 80%;
}

.mean-nav {
 position:fixed;
	width: 100%;
	top: 55px;
	z-index:9999;
}

.headnv .fixbar {
	position: absolute;
	width: 100%;
	top: 0;
	height: 63px;
	background-color: rgba(0, 0,0, 0.9);
}

nav li {
	width: 96%;
	padding:2%;
	background-color: white;
	font-size:16px;
	 color:#999;
 	border-bottom:1px solid #999;
 	position:relative;
}

nav li ul li {
 	padding:15px 12px 5px 12px;
 	border-bottom:none;
 	font-size:14px;
}

.mean-expand {
 	position:absolute;
 	top:0;
 	right:5px;
 	margin-right:20px;
}

.closeico{
  display: inline-block;
  position: relative;
  margin: 0 10px 0 7px;
  padding: 0;
  width: 5px;
  height: 30px;
  background: #FFF;
  transform: rotate(45deg);
}
.closeico:before{
  display: block;
  content: "";
  position: absolute;
  top: 50%;
  left: -12px;
  width: 30px;
  height: 5px;
  margin-top: -2px;
  background: #FFF;
}

nav li span, nav li a {
	color:#FFF;
 display:block;
	text-decoration:none;
}

.headnv {
	float: left;
	width: 100%;
	position: relative;
	background: #0c1923;
	padding: 4px 0;
	z-index: 999999;
}

#nav-toggle a {
	width: 32px;
	height: 32px;
	padding: 13px 18px 11px 13px;
	position: absolute;
	top: 0;
	right: 0;
	cursor: pointer;
	color: #fff;
	text-decoration: none;
	font-size: 16px;
	text-indent: -9999em;
	line-height: 22px;
	font-size: 1px;
	display: block;
	font-family: 'Didact Gothic',sans-serif;
	font-weight: 700;
}

#nav-toggle a span.openico {
	display: block;
	background: #fff;
	height: 4px;
	margin-top: 5px;
}

#aside {
 width: 96%;
 float: none;
 padding:2%;
}

#aside .relevent .event a {
 width:50%;
 text-align:center;
 margin-top:10px;
 float:left;
}
#aside .relevent .event a img { width:90%; }

#contents {
 width: 96%;
 margin:2%;
 float: none;
}

#contents img {
}
/*
#contents .sendBtn img {
 width:45%;
}*/

#pressLt dt {
	width:auto;
	padding: 10px;
	float: none;
}

#pressLt dd {
	width:auto;
	padding: 0 10px 10px 10px;
 margin-left:0;
}

.checkList li {
 background: url(../images/ico_checkbox.png) left 10px no-repeat;
 font-size:16px;
}

.checkList li.noChk {
 font-size: 14px;
}

.packImg .dtl {
 float: none;
 margin-top:20px;
 width: 90%;
}

#contents .packImg img { width:60%; float:none; }

table.formTbl, table.hotelTbl, table.loginTbl, table.pwTbl, table.tableDay, table.spsrTbl, #tblBl table {
 width: 100%;
}

.formTbl th, .formTbl td, .hotelTbl td, .tableDay th, #tblBl th, #tblBl td {
 width: auto;
 display:block;
}

.hotelTbl thead { display:none; }
.hotelTbl td { font-size:12px; }
.hotelTbl td.hotelN { background-color: #D4D4D4; }
.hotelTbl td.smTh { display:block; background-color:#EFEFEF; text-align:center;}
.formTbl td .mbBr { display:block; margin-top:8px; }
.spsrTbl tbody td img { max-width:100px; }

/*
.spsrTbl thead{
 display: block;
 float: left;
}
.spsrTbl  thead th {width:auto; }
.spsrTbl thead tr, .spsrTbl th, .spsrTbl td {
    display: block;
    width:auto;
}
.spsrTbl tbody td br { display:none; }
.spsrTbl tbody{
	display: block;
  width: auto;
  position: relative;
  overflow-x: auto;
  white-space: nowrap;
}
.spsrTbl tbody tr{
 display: inline-block;
 vertical-align: top;
}
*/
#seminar th, #seminar02 th { width:auto; text-align:left; }
#seminar td.apply, #seminar02 td.apply { width:auto; }
#seminar th div, #seminar td.apply div, #seminar02 th div, #seminar02 td div, #seminar02 td.apply {
 display:inline;
}

#seminar th br, #seminar02 th br, #seminar td.apply br, #seminar02 td.apply br { display:none; }

#seminar .id, #seminar02 .id, #seminar .interpretation, #seminar .price {
 padding:2px 15px;
}

#seminar .dtlBox {
 width: auto;
 float: none;
}

input[type=text], input[type=password], textarea {
 padding:10px;
}

textarea, textarea.w620 {
 width:90%;
}

input[type=checkbox], input[type=radio] {
  /* transform: scale(2.0); */
  margin:10px;
}

select {
    -webkit-appearance: button;
    -moz-appearance: button;
    appearance: button;
    text-indent: 1em;
    background:#FFF url(../images/arw_select_down.png) no-repeat;
    background-size:20px 10px;
    background-position: right center;
    height: 40px;
    line-height: 40px;
    font-size: 15px;
    vertical-align: middle;
    border:1px solid #999;
    margin-bottom:5px;
    width:90%;
}

.w300 { width:90%; }
.w350 { width: 90%; }
.w385 { width: 90%; }
.w400 { width: 90%; }
.w450 { width: 90%; }
.w500 { width: 90%; }
.w620 { width: 90%; }
.w740 { width: 90%; }
.w860 { width: 90%; }

footer > .in-cont {
 display:none;
}

.sortCompany span, .sortCompanyE span {
 float:none;
 margin-bottom:5px;
}

.slide-exhibit, .slide-visit, .slide-news { display:none; }

.whatsnew dt {
 padding:5px 0;
 line-height:1.5;
 width:100%;
 text-align:right;
 float:none
}

.whatsnew dd {
 float:right;
 width:100%;
 margin:0;
 padding:5px 0;
}

#topIconImg {
    margin: 20px auto;
    width: auto;
}

#topIconImg ul {
 display:block;
 width:auto;
 margin:40px auto;
}

#topIconImg li {
 display:block;
 float:left;
 width:50%;
 padding-right:0;
 text-align:center;
 margin-bottom:20px;
}
#topIconImg li img { width:90%; }

.relshow .showlist th, .relshow .showlist td { width:90%; display:block; padding:5%; }
#contents .relshow .showlist td img { width:50%; height:auto; }

#contpage .topContact { width:100%; }

footer {
 width:100%;
 background-color: #3F3F3F;
 padding: 0;
 margin-top:0;
 text-align: center;
 color: #999;
}

footer a { color:#FFF; text-decoration:none; }

#fNavi {
 display:none;
}

.br-sp { display:none; }

#semList a .semBox {
 float:none;
 width:100%;
 margin:0 0 10px 0;
 padding:10px;
 font-size:14px;
}

#semList .semBox img {
 float:left;
 width:25%;
}
#semList .semTtl {
 width:73%;
 margin:10px 0 10px 27%;
}
#semList .semSpkr {
 width:73%;
 font-size:14px;
 margin-left:27%;
}

#event ul {
 margin-bottom:40px;
}

#event li {
 width:50%;
 margin-bottom:40px;
 float:left;
 text-align:center;
 font-size:11px;
 line-height:3.0em;
}
#event li img { width:90%; max-height:45px; }
#event li img.ccl { width:auto; }

.btnResp { width:80%; margin:0 auto; }
}

a.ImgOn {
	text-decoration: none;
}

.toppage {
    margin-left: 66px;
    margin-right: auto;
}

[data-en="Contract Manufacturing"], [data-en="Functionality Evaluation / Test"], [data-en="High Functional Foods Project"],
[data-en="Food Taste Evaluation"], [data-en="Analysis / Measurement ＆ Physical and Chemical Equipment"], 
[data-en="Manufacturing and Processing Machine / Facility"], [data-en="Packaging Material / Cases / Printing / Label"],
[data-en="Packaging Machinery / Printer"], [data-en="Sanitation-Related Materials"], [data-en="Safety Testing Equipment / Materials"],
[data-en="Contract Analysis and Testing"], [data-en="Safety / Quality Related Service"],
[data-en="Environmental Measure / Materials"], [data-en="Research/ Consulting"], [data-en="Publication/ Association"], [data-en="Others"]{
	display:none;
}

[data-en="受託製造"], [data-en="機能性評価・試験"], [data-en="高機能食品プロジェクト"], [data-en="美味しさ評価技術"],
[data-en="分析・計測＆理化学機器"], [data-en="製造・加工機器・設備"], [data-en="包装材料・容器・印刷・ラベル"], [data-en="包装機器・印刷機械"],
[data-en="サニテーション関連資材"], [data-en="安全性検査機器・資材"], [data-en="分析検査受託"], [data-en="安全・品質関連サービス"],
[data-en="環境対策装置・資材"], [data-en="リサーチ・コンサルティング"], [data-en="出版・団体"], [data-en="その他"]{

	display:none;

}

/*

#cate_whole_box div:nth-of-type(7), #cate_whole_box div:nth-of-type(9), #cate_whole_box div:nth-of-type(13), #cate_whole_box div:nth-of-type(15),
#cate_whole_box div:nth-of-type(17), #cate_whole_box div:nth-of-type(19), #cate_whole_box div:nth-of-type(21), #cate_whole_box div:nth-of-type(23),
#cate_whole_box div:nth-of-type(25), #cate_whole_box div:nth-of-type(27), #cate_whole_box div:nth-of-type(29), #cate_whole_box div:nth-of-type(31),
#cate_whole_box div:nth-of-type(33), #cate_whole_box div:nth-of-type(35), #cate_whole_box div:nth-of-type(37), #cate_whole_box div:nth-of-type(41){
	display:none;
}
*/

#insert_area_of_BIGCATE_OF_04, #insert_area_of_BIGCATE_OF_05, #insert_area_of_BIGCATE_OF_07, #insert_area_of_BIGCATE_OF_08, #insert_area_of_BIGCATE_OF_09,
#insert_area_of_BIGCATE_OF_10, #insert_area_of_BIGCATE_OF_11, #insert_area_of_BIGCATE_OF_12, #insert_area_of_BIGCATE_OF_13, #insert_area_of_BIGCATE_OF_14,
#insert_area_of_BIGCATE_OF_15, #insert_area_of_BIGCATE_OF_16, #insert_area_of_BIGCATE_OF_17, #insert_area_of_BIGCATE_OF_18, #insert_area_of_BIGCATE_OF_19,
#insert_area_of_BIGCATE_OF_21{
	padding: 0px;
	background-color: #eee;
	margin-bottom:14px;
}



.search-wrap {
	width: 100%;
	text-align: left;
}
.search-categoly {
/*	background-color: rgb(0, 102, 153);*/
	color: #000;
	padding: 10px 0 10px 10px;
}
.search-check-wrap {
	padding: 10px;
	border: 1px solid #ccc;
}
.search-check {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}


#insert_area_of_BIGCATE_OF_09 div{
	width: 58%;
}

/*
 about search tab
*/
.search-tab {
	text-align: left;
	display: flex;
/*	position: absolute;
	top: -27px;
	left: 0; */
	
}

.search-tab li input {
	display: none;
}

.search-tab li input + label {
	background-color: #fff;
	border-radius: 5px 5px 0 0;
	border: 1px solid #ccc;
	border-bottom: none;
	font-weight: bold;
	padding: 5px 10px;
	cursor: pointer;
}

.search-tab li input.all + label {
	color: #fff;
	background-color: rgb(0, 102, 153);
}
.search-tab li input.all:checked + label {
	color: rgb(0, 102, 153);
	background-color: #fff;
	border-color: rgb(0, 102, 153);
	border-bottom: 1px solid #fff;
}

.search-tab li input.hi + label {
	color: #fff;
	background-color: #cf121b;
}
.search-tab li input.hi:checked + label {
	color: #cf121b;
	background-color: #ffd4d4;
	border-color: #cf121b;
	border-bottom: 1px solid #fff;
}

.search-tab li input.fit + label {
	color: #fff;
	background-color: #eca400;
}
.search-tab li input.fit:checked + label {
	color: #eca400;
	background-color: #fff5b9;
	border-color: #eca400;
	border-bottom: 1px solid #fff;
}

.search-tab li input.stec + label {
	color: #fff;
	background-color: #05449a;
}
.search-tab li input.stec:checked + label {
	color: #05449a;
	background-color: #d0d4ff;
	border-color: #05449a;
	border-bottom: 1px solid #fff;
}

.search-tab li input.llj + label {
	color: #fff;
	background-color: #00a73c;
}
.search-tab li input.llj:checked + label {
	color: #00a73c;
	background-color: #d0d4ff;
	border-color: #00a73c;
	border-bottom: 1px solid #fff;
}

.form-wrap {
	position: relative;
	padding: 10px;
	border-top: 1px solid #ccc;
	margin-top: 40px;
}

.visitor-info.p-policy {
	padding: 10px 20px;
}

.visitor-info.p-policy .block {
	background-color: #eee;
	padding: 10px 20px;
	margin: 10px 0;
}

.visitor-info.p-policy .block ol {
	list-style-type: decimal;
}

.visitor-info.p-policy .p-policy-top {
	font-size: 18px;
	font-weight: bold;
	color: rgb(171, 0, 18);
}
.visitor-info.p-policy .p-policy-contents {
	padding: 10px 30px;
}

/* responsive */
.l-header__inner {
	display: none;
}

@media screen and (max-width: 768px) {
	.l-gnav {
		top: 0px!important;
	}

	.l-gnav__btn {
		z-index: 99999!important;
	}

	.l-header__inner {
		display: block!important;
	}
}

@media(min-width: 768px){
  a[href^="tel:"]{
    pointer-events: none;
    color: black;
    text-decoration:none;
  }
}