@charset "UTF-8";
/* ******************************************************************

	1. Style setting

		1. Style setting
		1-1. FontColor styles
		1-2. Headline styles
		1-3. Error styles
		1-4. Table styles
		1-5. Button styles
		1-6. Pager styles

	2. Layout setting
		2-1. Base styles
		2-2. Header styles
		2-3. Navi styles
		2-4. Breadcrumbs styles
		2-5. Main styles
		2-6. Side styles
		2-7. Footer styles

	3. Module setting
		3-1. ImgIcon styles
		3-2. NewIcon styles

****************************************************************** */

/*==================================================================
	1. Style setting
===================================================================*/

/* ------------------------------------------------------------------
	1-1. FontColor styles
-------------------------------------------------------------------*/
html { color:#404040; }
a:link, a:visited { color:#2f77ac; }
a:hover, a:active {
	text-decoration:none;
}


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline {
	position:relative;
	margin-bottom:10px;
	padding:8px;
	background:#7e8cc0;
	color:#FFF;
	font-weight:bold;
	line-height:1;
}
.headline a { color:#FFF; }

.headlineSide {
	position:relative;
	margin-bottom:5px;
	padding:8px;
	background:#171c61;
	color:#FFF;
	font-weight:bold;
	line-height:1;
	text-align: center;
}
.headline2 {
  margin-bottom: 10px;
  padding-bottom: 5px;
  border-bottom: 1px solid #ccc;
  font-size: 108%;
  font-weight: bold;
}
.headlinePageTitle {
	font-size: 300%;
	color: #171c61;
}
.headline4 {
  margin-bottom: 7px;
  padding: 5px;
	font-weight:bold;
  text-align: center;
}
.headline-report {
	position:relative;
	margin-bottom:20px;
	padding:8px 20px;
	background:#000;
	color:#FFF;
	font-weight:bold;
	line-height:1;
}

/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(../../../../exhibitor/img/common/icon_error.gif) no-repeat 10px .35em;
	*background-position:10px .2em;
	color:#F00;
}
.error input,
.error textarea,
.error select { background-color: #FFD3C3; }


/* ------------------------------------------------------------------
	1-4. Table styles
-------------------------------------------------------------------*/

/* Sheet styles
-------------------------------------------------------------------*/
.sheet {
	width:100%;
	border-collapse:collapse;
	border-spacing:0;
	border-left:1px solid #CCC;
	border-right:1px solid #CCC;
	empty-cells:show;
}
.sheet caption {
	background-color: #efefef;
	margin-bottom: 10px;
	padding:8px 5px;
	border-bottom:none;
	font-weight:bold;
	text-align:center;
}
.sheet thead th {
	width:auto;
	padding:8px;
	background-color: #f2f2f2;
	background-image:none;
	font-weight:bold;
	line-height:1;
	text-align:left;
}
.sheet th, .sheet td {
	padding:20px 15px;
	border:1px solid #CCC;
}
.sheet th {
	width:30%;
	padding-left: 15px;
	background:#e0f2fa;
	font-weight: bold;
	text-align:left;
}
.tdHead {
	background: #e0f2fa !important;
}
.sheet input[type="text"],
.sheet input[type="password"],
.sheet textarea {
	width:80%;
	padding:5px;
	background:#F7F7F7;
	font-size:100%;
	font-weight:normal;
}
.sheet input[type="text"]:focus,
textarea:focus { background-color:#FFF; }
.sheet .caution {
	display:block;
	color:#C00;
	font-size:11px;
}


/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
.button {
	display:block;
	-webkit-transition:background-color 0.15s ease-in-out;
	-moz-transition:background-color 0.15s ease-in-out;
	-o-transition:background-color 0.15s ease-in-out;
	transition:background-color 0.15s ease-in-out;
	width:100%;
	height:44px;
	margin-bottom:5px;
	border-radius:5px;
	font-weight:bold;
	line-height:44px;
	text-align:center;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	behavior:url(../../../../exhibitor/htc/PIE.php);
}
.button.black {
	border:1px solid #222;
	background:#333;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #555), color-stop(1, #333));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #555, #333);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #555, #333);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #555, #333);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #555, #333);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #555, #333);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #000;
	behavior:url(../../../../exhibitor/htc/PIE.php);
}
.button.black:hover { background:#555; }
.button.blue {
	border:1px solid #145072;
	background:#2567AB;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #4E89C5), color-stop(1, #2567AB));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #4E89C5, #2567AB);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #4E89C5, #2567AB);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #4E89C5, #2567AB);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #4E89C5, #2567AB);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #4E89C5, #2567AB);/* IE 10+ */
	color:#FFF;
	text-shadow:0 -1px 1px #145072;
	behavior:url(../../../../exhibitor/htc/PIE.php);
}
.button.blue:hover { background:#4E89C5; }
.button.yellow {
	border:1px solid #F7C942;
	background:#FADB4E;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FCEDA7), color-stop(1, #FADB4E));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FCEDA7, #FADB4E);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FCEDA7, #FADB4E);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FCEDA7, #FADB4E);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FCEDA7, #FADB4E);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FCEDA7, #FADB4E);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../../../../exhibitor/htc/PIE.php);
}
.button.yellow:hover { background:#FCEDA7; }
.button.gray {
	border:1px solid #CCC;
	background:#F5F5F5;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #FFF), color-stop(1, #E6E6E6));/* Safari 4-5, Chrome 1-9, Android 1.6-3.0 */
	background-image:-webkit-linear-gradient(top, #FFF, #E6E6E6);/* Safari 5.1+, iOS Safari 5.1+, Chrome 10+ */
	background-image:-moz-linear-gradient(top, #FFF, #E6E6E6);/* Firefox 3.6+ */
	background-image:-o-linear-gradient(top, #FFF, #E6E6E6);/* Opera 11.10+ */
	-pie-background:linear-gradient(top, #FFF, #E6E6E6);/* IE 6-9 */
	background-image:-ms-linear-gradient(top, #FFF, #E6E6E6);/* IE 10+ */
	color:#111;
	text-shadow:0 1px 1px #FFF;
	behavior:url(../../../../exhibitor/htc/PIE.php);
}
.button.gray:hover { background:#FAFAFA; }


/* ------------------------------------------------------------------
	1-6. Pager styles
-------------------------------------------------------------------*/
.pager {
	margin:2em 0;
	text-align:center;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	clear:both;
}
.pager li { display:inline; }
.pager li a {
	padding:5px 8px;
	border:1px solid #DDD;
	text-decoration:none;
}
.pager li a:hover {
	border:1px solid #DBECFF;
	background: #DBECFF;
}
.pager li strong {
	border:1px solid #DDD;
	padding:5px 8px;
	background: #E7E7E7;
	color: #999;
	font-weight:bold;
}


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Base styles
-------------------------------------------------------------------*/
body {
	background:url(../img/common/bg_hd.gif) repeat-x left top;
}
body > img { display: block; }
#contents {
	position:relative;
	width:960px;
	margin:0 auto 20px;
}
#noScript {
	width:938px;
	margin:30px auto;
	padding:20px;
	border:1px solid #FF8282;
	background:#FFE0E6;
	font-weight:bold;
	text-align:center;
}


/* ------------------------------------------------------------------
	2-2. Header styles
-------------------------------------------------------------------*/
#header {
	position: relative;
	background: url(../img/common/bg_header.jpg) no-repeat center top;
	height:296px;
	margin-bottom:10px;
}
.headerInner {
	position:relative;
	width:960px;
	padding-top: 35px;
	margin:0 auto;
}
.headerInner h1 {
	padding-top: 45px;
	margin-left: -20px;
}
.headerInner h1 img {
	padding-bottom: 20px;
}
.headerInner p {
	position: absolute;
	top: 50px;
	right: 0;
}
.headerInner p.exhibitorLink {
	position: absolute;
	top: 10px;
	left: 0;
}
.headerInner p.exhibitorLink a {
	color: #fff;
}
.header__date {
	position: absolute;
	top: 50px;
	right: 0;
	background: url(../img/common/bg_date.png) no-repeat left top;
	width: 286px;
	height: 240px;
	color: #fff;
	font-size: 56px;
	font-weight: bold;
}
.header__date p {
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	width: 250px;
	height: 150px;
	text-align:center;
	line-height: 1;
}
.header__date p span {
	font-size: 36px;
}
.header__date p span.dow {
	font-size: 14px;
}
.social {
	position:absolute;
	top: 4px;
	right: 0;
}
.social li {
	float: left;
	padding: 0 2px;
}
.langNavi {
	position: absolute;
	top: 0;
	right: 0;
}
.langNavi li {
	width: 98px;
	float: left;
	text-align: center;
	line-height: 35px;
	overflow: hidden;
}
.langNavi li a,
.langNavi li span {
	padding-left:23px;
	color: #fff;
}
.langNavi li.jp a,
.langNavi li.jp span {
	background:url(../../../../exhibitor/img/common/icon_jp.gif) no-repeat 0 0.3em;
}
.langNavi li.eng a,
.langNavi li.eng span {
	background:url(../../../../exhibitor/img/common/icon_eng.gif) no-repeat 0 0.3em;
}
body.jpSite .langNavi li.jp {
	background-color: #dbe000;
}
body.jpSite .langNavi li.jp a,
body.engSite .langNavi li.eng a {
	color: #000;
	text-decoration: none;
	font-weight: bold;
}
#google_translate_element {
	position: absolute;
  right: 70px;
	top: 5px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
nav {
	margin-top: -46px;
	background-color: #171c61;
}
#navi {
	position:relative;
	margin:0 auto 8px;
	padding-bottom: 5px;
	background-color: #171c61;
}
.headlineNav {
	background-color: #000;
	color: #fff;
	font-weight: bold;
	font-size: 80%;
	text-align: center;
	overflow: hidden;
	line-height: 30px;
}
#navi li {
	position: relative;
	display: block;
	width: 186px;
	height: 55px;
	margin: 5px auto 0;
	background-color: #454981;
}
#navi li a,
#navi li span {
	position: absolute;
	right: 0;
	bottom: 0;
	display:block;
	overflow:hidden;
	padding-top: 20px;
	padding-left: 28px;
	width: 158px;
	height:35px;
	overflow: hidden;
	text-decoration: none;
}
#navi li a {
	background: url(../img/common/img_linenavi.png) no-repeat 5% 50%;
	color: #fff;
}
#navi li span {
	background: url(../img/common/img_linenavi_comingsoon.png) no-repeat 5% 50%;
	color: #8d8fad;
}
#navi li.current a,
body#pageHome #navi li#naviHome a {
	background: #dbe000 url(../img/common/img_linenavi_active.png) no-repeat 5% 50%;
	color: #000;
	font-weight: bold;
}

.intEvents li {
	border: 1px solid #b3b3b3;
	margin-bottom: -1px;
}


/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	width:100%;
	margin:0 auto;
	padding:0px 0px 5px 0px;
	line-height:1;
}
.breadcrumbs li { display:inline; }
.breadcrumbs a:link,
.breadcrumbs a:visited {
	padding-right:10px;
	background:url(../img/common/icon_breadcrumbs.gif) no-repeat 100% 50%;
}


/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/
#main {
	float:right;
}
#main p { margin-bottom:18px; }
#main .section { margin-bottom:5px; }
#main .item { margin-bottom:30px; }
#main .inner {
	width:100%;
	margin-bottom:20px;
}
#main .section .box {
	padding:10px;
	border:1px solid #ccc;
}

.main_top {
	width:757px;
}

.main_contents {
	width:737px;
	margin-top: 15px;
}
.col2_box { margin-left: -11px; }
.col2 {
  float: left;
  width: 363px;
  margin-left: 11px;
  margin-bottom: 10px;
}
.col4_box_boxinside { margin-left: -10px; }
.col4_box_boxinside > li {
  float: left;
  margin-left: 10px;
}

#main .newsCol {
	/*float: left;
	width: 554px;*/
}
.text_2col {
	float: left;
	width: 417px;
}
.photo_2col {
	float: right;
	width: 300px;
}
.registBnr__title {
	margin-bottom: 0 !important;
	padding: 10px;
	background: #000 url(../img/common/bg_registbnr.png) no-repeat left top;
	border: 1px solid #b3b3b3;
	color: #000;
	font-size: 36px;
	font-weight: bold;
	text-align: center;
}
.registBnr__btnArea {
	padding: 10px 10px 15px;
	background-color: #171c61;
}

.registBnr__btn {
  margin: 0 auto;
	display: inline-block;
	-webkit-border-radius: 5;
	-moz-border-radius: 5;
	border-radius: 5px;
	-webkit-box-shadow: 0px 4px 0px #b84311;
	-moz-box-shadow: 0px 4px 0px #b84311;
	box-shadow: 0px 4px 0px #b84311;
	color: #fff !important;
	font-size: 24px;
	font-weight: bold;
	background: #ea5514;
	width: 717px;
	padding: 10px 10px 10px 10px;
	text-decoration: none;
	text-align: center;
}
.planningBtn {
  background: #3498db;
  background-image: -webkit-linear-gradient(top, #3498db, #2980b9);
  background-image: -moz-linear-gradient(top, #3498db, #2980b9);
  background-image: -ms-linear-gradient(top, #3498db, #2980b9);
  background-image: -o-linear-gradient(top, #3498db, #2980b9);
  background-image: linear-gradient(to bottom, #3498db, #2980b9);
  -webkit-border-radius: 28;
  -moz-border-radius: 28;
  border-radius: 28px;
  font-family: Arial;
  color: #ffffff !important;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
}

.planningBtn:hover {
  background: #3cb0fd;
  background-image: -webkit-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -moz-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -ms-linear-gradient(top, #3cb0fd, #3498db);
  background-image: -o-linear-gradient(top, #3cb0fd, #3498db);
  background-image: linear-gradient(to bottom, #3cb0fd, #3498db);
  text-decoration: none;
}

.report {
	overflow: hidden;
	margin-left: -5px;
}
.report li {
	position: relative;
	float: left;
	width: 249px;
	height: 150px;
	margin-bottom: 5px;
	margin-left: 5px;
}
.report span {
	position: absolute;
	top: 90px;
	left: 0;
	width: 249px;
	height: 60px;
	overflow: hidden;
	z-index: 200;
	color: #fff;
	font-size: 150%;
	font-weight: bold;
	line-height: 1;
	text-align: center;
}
.report img.soon {
    opacity: 0.3;
}
#pageOutline .report {
	margin-left: -3px;
}
#pageOutline .report li {
	width: 242px;
	margin-left: 3px;
}
#pageOutline .report span {
	width: 242px;
}
.reportApps { background-color: #b499e5; }
.reportApps .headline4 {
  background-color: #f7f5fc;
  color: #b499e5;
}
.report2015Doc,
.report2015Job {
	margin-bottom: 10px;
	padding: 8px;
    background-color: #b499e5;
}
.report2015Job {
	margin-bottom: 10px;
}
.report2015Doc h2 {
	margin-bottom: 10px;
	color: #fff;
	font-size: 116%;
	font-weight: bold;
}
.report2015Doc li {
	width: 364px;
}
.report2015Job li {
	width: 354px;
}
.pdffile {
	display: inline-block;
	margin-bottom: -10px;
	padding-right: 10px;
}
.graphText {
	width: 363px;
	margin-bottom: 10px;
	list-style: decimal;
	font-size: 12px;
}
.graphText li {
	margin-left: 2.3em;
}


/* ------------------------------------------------------------------
	2-6. Side styles
-------------------------------------------------------------------*/
.side {
	width:196px;
}


/* ------------------------------------------------------------------
	2-7 Footer styles
-------------------------------------------------------------------*/

/*	PageTop styles
-------------------------------------------------------------------*/
#pageTop {
	position:relative;
	clear:both;
	width:980px;
	height:0;
	margin:0 auto;
}
#pageTop a {
	display:block;
	position:absolute;
	right:0;
	bottom:0;
	width:106px;
	height:23px;
}

/*	Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	padding-top: 30px;
	background: #b497e7 url(../img/common/bg_ft.gif) no-repeat center top;
}
#footerInner {
	position: relative;
	width: 960px;
	margin: 0 auto;
	background: #fff;
}
#footerInner p {
	position: absolute;;
	left: 0;
	top: 10px;
}
#footerInner ul {
	position: absolute;
	top: 10px;
	right: 0;
	width: 65px;
}
#footerInner li {
	float: left;
	padding-left: 10px;
}
#footerInner li a {
	display: block;
	width: 65px;
	height: 65px;
	text-align: center;
	line-height: 65px;
}


/*==================================================================
	3. Module setting
===================================================================*/

/* ------------------------------------------------------------------
	3-1. ImgIcon styles
-------------------------------------------------------------------*/
.li {
	padding-left:10px;
	background:url(../img/common/icon_linkarrow.gif) no-repeat 0 .35em;
}

/* ------------------------------------------------------------------
	3-2. NewIcon styles
-------------------------------------------------------------------*/
.iconNew {
	display: inline-block;
	width: 35px;
	height: 14px;
	background:url(../img/top/icon_new.gif) no-repeat 0 0;
}