@charset "utf-8";
@import url(https://fonts.googleapis.com/css?family=Open+Sans);

/* HTML5 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
main{
	display: block;
}
audio,
canvas,
video{
	display: inline-block;
}


/* ページ本体 */
#PageBody{
	padding: 20px 15px 0;
	margin: 0 auto;
	max-width: 960px;
	box-sizing: content-box;
	font-family: "Open Sans", "Helvetica Neue", Helvetica, "Arial", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	-webkit-text-size-adjust: 100%;
}


/* レイアウトとインライン装飾 */
.centering{
	text-align: center !important;
}
.centeringred{
	text-align: center !important;
	color: #e00314;
}

.lefting{
	text-align: left !important;
}
.righting{
	text-align: right !important;
}
.largetext{
	font-size: 120%;
}
.verylargetext{
	font-size: 140%;
}
.superlargetext{
	font-size: 170%;
}

dl{
	margin: 1.5em 0;
	padding: 0;
}
dt,
dd{
	margin: 1em 0;
	padding: 0;
}
dd{
	padding: 0 0 0 2em;
}

a{
	color: inherit;
}
strong{
	color: #e00314;
	font-weight: bold;
	font-style: normal;
}
em{
	color: #e00314;
	font-weight: normal;
	font-style: normal;
}


/* 出展者検索サイトヘッダ */
#Header_s{
	background-color: #ffffff;
}
#Header_s h1{
	margin: 0 0 10px;
	font-size: 30px;
	color: #e00314;
}


/* 出展者検索メニュー */
#Header_s_Guide{
	list-style: none;
	display: block;
	text-align: center;
	margin: 0;
	padding: 0;
	font-size: 0;
	color: #fff;
	background-color: #86020c;
	border-radius: 6px;
	overflow: hidden;
}
#Header_s_Guide li{
	display: inline-block;
	vertical-align: top;
	padding: 0;
	font-size: 15px;
	line-height: 1.3;
	font-weight: bold;
	width: 20%;
	/* width: 16.666%; */
	height: 52px;
	box-sizing: border-box;
}
#Header_s_Guide li.onbtn{
	background-color: #e00314;
}
#Header_s_Guide li.offbtn{
}
#Header_s_Guide li > a{
	display: block;
	display: flex;
	width: 100%;
	height: 100%;
	vertical-align: middle;
	text-align: center;
	align-items: center;
	justify-content: center;
	color: inherit !important;
	text-decoration: none !important;
}
#Header_s_Guide li > a.smallertext{
	font-size: 0.85em;
}
@media (max-width:800px){
	#Header_s_Guide li{
		width: 50%;
		font-size: 13px;
		height: 44px;
	}
	#Header_s_Guide li:last-child:nth-child(odd){
		width: 100%;
	}
}


/* コンテント*/
#Content{
	margin-bottom: 1em;
	padding-top: 1em;
}
#Content_s{
	width: 100%;
	margin: 0 auto;
}


/* ワク */
.window{
	background: #FFFFFF;
	border-radius: 6px;
	margin: 1em auto;
	border: #999 1px solid;
	overflow: hidden;
}
.window .window,
.paneOnlyWindow .window{
	border-radius: 4px;
	margin: 1.5em 0;
}

.window > .titlebar{
	margin: 0;
	padding: 10px 15px;
	color:					#000000;
	text-shadow: 			0px 1px #FFFFFF;
	overflow: 				hidden;
	position: 				relative;
	border-bottom: 1px solid #999;
	background-color: #efefef;
}
.js .window.panel.off > .titlebar{
	border-bottom: 0;
}
@media (max-width:800px){
	.window > .titlebar{
		padding: 10px;
	}
}

.window > .titlebar:after{
	content: "";
	clear: both;
	display: block;
}
.window > .titlebar h2,
.window > .titlebar h3,
.window > .titlebar h4{
	margin: 0;
	font-size: 18px;
	float: left;
	font-weight: normal;
}
.window > .titlebar p.leftinfo{
	line-height: 34px;
	height: 34px;
	float: left;
	margin: 0;
	padding: 0;
	text-align: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FC3;
}

.window > .panel{
	border-radius: inherit;
}
.window > .pane{
	margin: 0;
	padding: 10px 15px;
	min-height: 32px;
}
@media (max-width:800px){
	.window > .pane{
		padding: 10px;
	}
}

.window .pane p,
.window .pane hr{
	margin: 1.5em 0;
}
.window .pane .paneThinZone{
	margin: 0 46px;
}
.window .pane .paneThinZone2{
	float: right;
	margin-top: -15px;
	margin-right: 10px;
	margin-left: 100px;
	text-align: left;
	font-size: 11px;
	vertical-align: middle;
	padding-top: 0px;
}
.window .pane .paneThinZone1{
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-left: 10px;
	text-align: left;
	width: 200px;
	vertical-align: middle;
	height: 15px;
}
.window .pane .paneThinZone3{
	margin: 0 120px;
}
@media (max-width:800px){
	.window .pane .paneThinZone{
		margin: 0;
	}
}


/*ミニアコーディオンホルダーのウィンドウ*/
.window.miniaccordionholder{
}
.window.miniaccordionholder > .titlebar{
	padding-left: 2em !important;
}


/*ミニアコーディオンのウィンドウ*/
.window.miniaccordion{
}
.window.miniaccordion > .titlebar{
	padding: 0 0 0 2em !important;
}.window.miniaccordion > .titlebar,
.window.miniaccordion > .titlebar h2,
.window.miniaccordion > .titlebar h3,
.window.miniaccordion > .titlebar h4{
	font-size: 14px;
	line-height: 25px;
}


/*開閉パネル機構*/
.js .window.panel > .titlebar[onclick]{
	cursor: pointer;
}
.js .window.panel.off > .pane{
	display: none;
}
.js .window.panel > .titlebar[onclick]:before{
	content: "";
	display: block;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 2em;
	background: url(buttons/ar_r.png) 50% 50% no-repeat;
	margin: 0;
}
.js .window.panel.on > .titlebar[onclick]:before{
	background: url(buttons/ar_b.png) 50% 50% no-repeat;
}

.js .window.panel.miniaccordion > .titlebar[onclick]:before{
	background: url(buttons/but_plus.png) 50% 50% no-repeat;
}
.js .window.panel.on.miniaccordion > .titlebar[onclick]:before{
	background: url(buttons/but_-.png) 50% 50% no-repeat;
}


/* 枠だけウィンドウ風 */
.paneOnlyWindow{
	background: #FFFFFF;
	border-radius: 6px;
	margin: 1.5em auto;
	box-shadow: 0 0 4px rgba(0,0,0,0.4);
	
	border-color: #BCBDC0;
	border-width: 1px;
	border-style: solid;
	
	padding: 1px 24px;
	min-height: 32px;
}
.window .paneOnlyWindow,
.paneOnlyWindow .paneOnlyWindow{
	border-radius: 4px;
	margin: 1.5em;
	box-shadow: 0 0 2px rgba(0,0,0,0.2);
}
.paneOnlyWindow.transparent{
	background: transparent !important;
	box-shadow: none !important;
	border-color: transparent !important;
}
.paneOnlyWindow .thinZone{
	margin: 0 46px;
}
.paneOnlyWindow > h2,
.paneOnlyWindow > h3,
.paneOnlyWindow > h4,
.paneOnlyWindow > .thinZone > h2,
.paneOnlyWindow > .thinZone > h3,
.paneOnlyWindow > .thinZone > h4{
	margin: 21px 0 -0.7em;
	font-size: 18px;
	line-height: 34px;
	height: 34px;
	font-weight: normal;
}


/* 警告表示 */
.warningtext{
	color: #AA001D;
	font-size: 18px;
}
p.warningtext{
	text-align: center;
	margin: 0.5em;
}


/* フォーム */
#PageBody input,
#PageBody textarea{
	margin: 1px 0;
	box-sizing: border-box;
	padding: 4px;
	font-size: 14px;
	line-height: 1.428571429;
	border-radius: 4px;
	border: 1px solid #999;
}
#PageBody input[type="submit"],
#PageBody input[type="button"]{
	background-color: #eee;
	color: inherit;
}
#PageBody button,
#PageBody a.fakebutton{
	display: inline-block;
	padding: 6px 12px;
	margin-bottom: 0;
	font-size: 14px;
	font-weight: normal;
	line-height: 1.428571429;
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	border: 1px solid transparent;
	border-radius: 4px;
	
	width: auto !important;
	min-width: 9em;
	
	color: #ffffff;
	background-color: #f0ad4e;
	border-color: #eea236;
	
	text-decoration: none !important;
	position: relative;
}
#PageBody button:hover,
#PageBody a.fakebutton:hover{
	color: #ffffff;
	background-color: #ed9c28;
	border-color: #d58512;
}
button:active,
a.fakebutton:active{
	background-image: none;
	outline: 0;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

#PageBody button.closer:before,
#PageBody a.fakebutton.closer:before,
#PageBody button.printer:before,
#PageBody a.fakebutton.printer:before{
	content: "";
	display: block;
	position: absolute;
	left: 0;
	top: 0;
	bottom: 0;
	width: 34px;
	height: 34px;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	background-image:                   url(popup/icon_closer.png);
	background-image: -webkit-image-set(url(popup/icon_closer.png) 1x, url(popup/icon_closer_2x.png) 2x);
	background-image:         image-set(url(popup/icon_closer.png) 1x, url(popup/icon_closer_2x.png) 2x);
	
}
#PageBody button.printer:before,
#PageBody a.fakebutton.printer:before{
	left: auto;
	right: 0;
	background-image:                   url(popup/icon_printer.png);
	background-image: -webkit-image-set(url(popup/icon_printer.png) 1x, url(popup/icon_printer_2x.png) 2x);
	background-image:         image-set(url(popup/icon_printer.png) 1x, url(popup/icon_printer_2x.png) 2x);
}


table.formTable3,
.formTable3 > table{
	border: 1px solid #ddd;
}
.formTable3 th{
	padding: 0.5em;
	width: 180px;
	vertical-align: middle;
	font-weight: normal;
	text-align: right;
	background-color: #eee;
	border: 1px solid #ddd;
}
.formTable3 th small{
	display: inline-block;
	text-align: left;
	font-size: 11px;
}
.formTable3 td{
	vertical-align: top;
	min-width: 160px;
	padding: 0.5em;
	background-color: #fff;
	border: 1px solid #ddd;
}
.formTable3 td small{
	font-size: 12px;
}
.formTable3 td textarea{
	width: 100%;
	width: calc(100% - 3.5em);
}
.formTable3 td input{
	max-width: calc(100% - 3.5em);
}
@media (max-width:800px){
	table.formTable3,
	.formTable3 > table,
	.formTable3 tbody,
	.formTable3 tr,
	.formTable3 th,
	.formTable3 td{
		display: block;
		width: auto;
		text-align: left;
	}
	.formTable3 th{
		border-width: 1px 0;
	}
	.formTable3 tr:first-child th{
		border-width: 0 0 1px;
	}
	.formTable3 td{
		border-width: 0;
	}
}


/* 検索件数が出るやつ */
.subtitle{
	font-size: 14px;
	border-bottom: #999 solid 1px;
}


/* アイウエオ順のボタン */
#OnjunList{
	display: block;
	list-style: none;
	margin: -0.5em;
	padding: 0;
	font-size: 0;
	text-align: center;
}
#OnjunList li{
	display: inline-block;
	vertical-align: top;
	font-size: 14px;
	margin: 0.5em;
}
#OnjunList li a{
	display: block;
	border-radius: 4px;
	padding: 0.5em;
	min-width: 1.5em;
	line-height: 1.5;
	text-align: center;
	box-sizing: content-box;
	color: #999;
	text-decoration: none;
	background-color: #efefef;
}
#OnjunList li a[href]{
	background-color: #e00314;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#OnjunList li a[href]:hover{
	opacity: 0.8;
}
#OnjunList li a[href]:active{
	opacity: 1;
	box-shadow: 0 100px rgba(0,0,0,0.2) inset;
}


/* モバイルだとスクロールする */
.scrollableOnMobile{
	overflow: auto;
	-webkit-overflow-scrolling: touch;
}
.window .pane .scrollableOnMobile{
	margin: 0 -15px;
	padding: 0 15px;
}
@media (max-width:800px){
	.window .pane .scrollableOnMobile{
		margin: 0 -10px;
		padding: 0 10px;
	}
}


/* 検索画面 */
.seachField{
	display: flex;
	margin: 0;
}
.seachField > p{
	margin: 0 !important;
}
.seachField > p:first-child{
	flex-grow: 1;
	padding-right: 4px;
}
#PageBody .seachField > p input{
	width: 100%;
	box-sizing: border-box;
	margin: 0;
	padding: 6px;
	font-size: 14px;
	line-height: 1.428571429;
	border-radius: 4px;
	border: 1px solid #999;
}
#PageBody .seachField > p button{
	min-width: 0 !important;
}
.seachFieldOption{
	text-align: center;
}
.seachFieldOption label{
	display: inline-block;
	vertical-align: top;
	cursor: pointer;
}
ul.checkboxList{
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0;
}
ul.checkboxList li{
	display: inline-block;
	vertical-align: top;
	width: 50%;
	font-size: 14px;
}
ul.checkboxList li label{
	display: block;
	cursor: pointer;
	padding: 3px 0;
}
@media (max-width:800px){
	ul.checkboxList li{
		width: auto;
		display: block;
	}
}


/* 検索結果画面 */
#OnjunTable{
	margin: 10px 0 5px;
	min-width: 100%;
	border: 1px solid #efefef;
	box-sizing: border-box;
}

#OnjunTable tr.onjyun_sBar{
	font-size: 12px;
	border: 1px solid #777;
	background-image: linear-gradient(to bottom, #fff, #efefef);
}
#OnjunTable tr.onjyun_sBar th{
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
#OnjunTable tr.onjyun_sBar th.onjyun_t,
#OnjunTable tr.onjyun_sBar th.wordbase3,
#OnjunTable tr.onjyun_sBar th.onjyun_pagetopbuttonholder{
	width: 1em;
}
#OnjunTable tr.onjyun_sBar th.onjyun_pagetopbuttonholder{
	text-align: right;
}
#OnjunTable tr.onjyun_sBar th.onjyun_t span{
	display: block;
	border-radius: 4px;
	padding: 0.5em;
	min-width: 1.5em;
	line-height: 1.5;
	text-align: center;
	box-sizing: content-box;
	color: #fff;
	font-size: 1.1em;
	text-decoration: none;
	background-color: rgba(0,0,0,0.4);
}

#OnjunTable tr.companybase td{
	padding: 5px;
	vertical-align: middle;
	white-space: nowrap;
}
#OnjunTable tr.companybase td.subcap{
	width: 7em;
}
#OnjunTable tr.companybase td.icon,
#OnjunTable tr.companybase td.detailsbtn{
	width: 1em;
}
#OnjunTable tr.companybase:nth-child(odd) td{
	background-color: #f2f2f2;
}
#OnjunTable tr.companybase td div.company{
	font-weight: bold;
}
#OnjunTable tr.companybase td div.show2{
	font-size: 0.8em;
	color: #999;
}
#OnjunTable tr.companybase td span.new_mark,
#OnjunTable tr.companybase td span.demo_mark{
	display: inline-block;
	border-radius: 4px;
	padding: 0.5em 0.5em 0.5em 2.75em;
	line-height: 1.5;
	text-align: center;
	background-color: #e0e0e0;
	color: #222;
	text-decoration: none;
	min-width: 4em;
	box-sizing: content-box;
	position: relative;
}
#OnjunTable tr.companybase td span.new_mark:before,
#OnjunTable tr.companybase td span.demo_mark:before{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 2.5em;
	
	background-size: contain;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	
	background-image:                   url(search/icon_new.png);
	background-image: -webkit-image-set(url(search/icon_new.png) 1x, url(search/icon_new_2x.png) 2x);
	background-image:         image-set(url(search/icon_new.png) 1x, url(search/icon_new_2x.png) 2x);
}
#OnjunTable tr.companybase td span.demo_mark:before{
	background-image:                   url(search/icon_demo.png);
	background-image: -webkit-image-set(url(search/icon_demo.png) 1x, url(search/icon_demo_2x.png) 2x);
	background-image:         image-set(url(search/icon_demo.png) 1x, url(search/icon_demo_2x.png) 2x);
}
#OnjunTable tr.companybase td button{
	border: none;
	font-family: inherit;
	display: block;
	border-radius: 4px;
	padding: 0.5em 1.625em;
	line-height: 1.5;
	text-align: center;
	background-color: #e00314;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
	width: 100% !important;
	min-width: 7.25em !important;
}
#OnjunTable tr.companybase td button:hover{
	opacity: 0.8;
}
#OnjunTable tr.companybase td button:active{
	opacity: 1;
	box-shadow: 0 100px rgba(0,0,0,0.2) inset;
}


/* 出演者詳細 */
#CompanyName{
	box-sizing: border-box;
	padding: 15px 32px 5px;
	
	border-radius: 6px;
	margin: 0 auto 1.5em;
	border: #999 1px solid;
	background-color: #efefef;
	overflow: hidden;
}
@media only screen and (max-width:600px){
	#CompanyName{
		padding: 10px 10px 5px;
	}
}

#CompanyName .names{
	float: left;
	overflow: auto;
	padding: 0 10px 10px 0;
}
#CompanyName .names h1{
	margin: 0;
	font-size: 20px;
	line-height: 1.4;
}
#CompanyName .names h2{
	margin: 18px 0 0;
	font-size: 15px;
	line-height: 1.4;
}
@media only screen and (max-width:600px){
	#CompanyName .names h2{
		margin: 10px 0 0;
	}
}

#CompanyName .icons{
	float: right;
	text-align: right;
	overflow: hidden;
	padding: 0 0 10px
}
#CompanyName .icons p{
	margin: 0;
}
#CompanyName .icons p + p{
	margin: 10px 0 0;
}
#CompanyName .icons p span{
	display: inline-block;
	border-radius: 4px;
	padding: 0.5em 0.5em 0.5em 2.75em;
	line-height: 1.5;
	text-align: center;
	background-color: #fff;
	color: #222;
	text-decoration: none;
	min-width: 4em;
	box-sizing: content-box;
	position: relative;
}
#CompanyName .icons p span + span{
	margin-left: 1em;
}
#CompanyName .icons p span.cubeicon:before,
#CompanyName .icons p span.micicon:before{
	display: block;
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	width: 2.5em;
	background-image:                   url(search/icon_new.png);
	background-image: -webkit-image-set(url(search/icon_new.png) 1x, url(search/icon_new_2x.png) 2x);
	background-image:         image-set(url(search/icon_new.png) 1x, url(search/icon_new_2x.png) 2x);
}
#CompanyName .icons p span.micicon:before{
	background-image:                   url(search/icon_demo.png);
	background-image: -webkit-image-set(url(search/icon_demo.png) 1x, url(search/icon_demo_2x.png) 2x);
	background-image:         image-set(url(search/icon_demo.png) 1x, url(search/icon_demo_2x.png) 2x);
}