﻿@charset "utf-8";
/* CSS Document */

/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */
a:hover{ text-decoration:none}
.clear{clear:both}
.sep { height:30px}
.sep-s { height:10px}
.sep-l { height:50px}
.tdc td, .tdc th{ text-align:center}
.floatL{float:left}
.floatR{float:right}
a:hover img {
	opacity: 0.75;
	filter: alpha(;opacity=75);
	-ms-filter: "alpha(opacity=75)";
}


body {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, メイリオ, Meiryo, arial;
  font-size:14px;
  color: #333333;
}
.index, .grey-bg{background:url(../images/common/bg.jpg)}


.container {width:980px } /*.container {width: auto;max-width: 980px;}*/
.shadow{ background:url(../images/common/shadow.png) repeat-x; height:10px}
	  
.page-header {margin-bottom: 20px; margin-top:20px}

.notice-banner{ display:inline; background:url(../images/common/notice-banner_Lbg.png) no-repeat left; font-size:18px;font-weight:bold; color:#FFF; padding:20px 10px; margin-left:30px}
.notice-banner-Rbg{display:inline; background:url(../images/common/notice-banner_Rbg.png) no-repeat right; padding:20px 20px 20px 10px }

.eng-notice .notice-banner{font-size:15px;background:url(../images/common/notice-banner_Lbg_e.png) no-repeat left;padding:10px 0px 10px 10px; margin-left:10px}
.eng-notice .notice-banner-Rbg{background:url(../images/common/notice-banner_Rbg_e.png) no-repeat right;padding:10px 10px 10px 0px }

.sub-buttons { text-align:right;margin:-30px 0 0 0; padding:0}
.sub-buttons li{ display:inline; padding-left:10px}
.sub-buttons li a{color:#666; font-size:12px;}
.sub-buttons li a.version{font-size:15px; padding:0px 5px; border:1px solid #666}
.sub-buttons li a.version:hover{ border-color: transparent}
.photo-frame{ border:1px solid #CCC; padding:6px}


.table-bordered th{background-color:#ededed}

.content{ margin-bottom:80px; background-color:#FFF}
.index .content {margin-bottom:0}
.top-grey-bg{ background:url(../images/common/top_grey_bg.jpg)}
.top-bg { background:url(../images/common/top_bg.png) no-repeat bottom;}
.top-area { background:url(../images/common/top_bg980.png)  no-repeat bottom;  width:980px; margin:0 auto;;padding-bottom:50px}
.top-info{ padding:20px;width:830px} /*619px + 159px + 62px*/

.gnavi_bg {background-color: #000; z-index:999999999}

.news{ background-color:#FFF; border:1px solid #c2c2c2; padding:20px; width:619px; float:left}
.news-ttl {padding-left:18px;border-left: solid 5px #ae272a; line-height:20px}
.news-ttl .floatR{ background:url(../images/common/bullet_bArrow.png) no-repeat 0 30%; padding-left:10px}
.news dl {margin: 0;border-left:1px dotted #666; padding:18px 18px 8px 18px; margin-left:2px;}
.news dl dt {float: left;width: 8.8em; color:#ae272a; font-size:12px; background:url(../images/common/news_bullet.png) no-repeat left; padding:5px 0 5px 10px; }
.news dl dd {padding:5px 0 5px 9.2em; border-bottom:1px dotted #666}
.news dl dd a, .con .news a:hover {color: #707070;}
.news dl dd a:hover, .con .news a {color:#aba000;}

.con .news{padding:10px; width:auto; border:none}
.con .news dl{border-left:0;}
.con .news dl dt{ clear:both; width:auto}
.con .news dl dd{ clear:both; width:auto; padding:0 0 5px 10px; margin-bottom:10px; font-weight:bold;color: #707070; }

.marginT-video{margin-top:160px}

.top-icons {float:right; padding:0; margin:0; list-style:none}
.top-icons li{margin-bottom:10px; font-size:12px}
.top-icons li a{width:159px;text-align:center; line-height:54px;display:block; background:url(../images/common/top_icon_grey.png) no-repeat; color:#FFF; font-weight:bold}
.top-icons li a:hover{ background:url(../images/common/top_icon_grey_o.png) no-repeat}

.top-icons li.color a{ background:url(../images/common/top_icon_color.png) no-repeat}
.top-icons li.color a:hover{ background:url(../images/common/top_icon_color_o.png) no-repeat}

.top-icons li.exhiForm a{ background:url(../images/common/btn_exhiForm.png) no-repeat}
.top-icons li.exhiForm a:hover{ background:url(../images/common/btn_exhiForm_o.png) no-repeat}

.top-icons li.exhiquestionnaire a{ background:url(../images/common/btn_exhiquestionnaire.png) no-repeat; padding-top:11px;line-height:16px; height:54px}
.top-icons li.exhiquestionnaire a:hover{ background:url(../images/common/btn_exhiquestionnaire_o.png) no-repeat}

.top-icons li.exhiForm-e a{text-align:left; background:url(../images/common/btn_exhiForm.png) no-repeat; padding-left:40px; font-size:11.5px}
.top-icons li.exhiForm-e a:hover{ background:url(../images/common/btn_exhiForm_o.png) no-repeat}

.top-organizer {background-color:#FFF;width:619px; padding:10px; margin-top:10px; float:left}


.breadcrumb-bg{ background:url(../images/common/breadcrumb.png) repeat-x; font-size:13px; height:64px;}
.breadcrumb{padding-top:5px}
.breadcrumb a{font-size:12px;}
.breadcrumb .label{ font-size:100%; padding:0 5px; font-weight:normal}

.L-nav-T{ background:url(../images/common/Lnav_Tbg.png) top no-repeat; height:35px }
.L-nav {background:url(../images/common/Lnav_Bbg.png) bottom no-repeat;padding-bottom:50px}

.L-nav ul{padding:0; margin:0;margin-right:10px; list-style:none;}
.L-nav ul li.current a{display:block; background: url(../images/common/Lnav_cir_arrow_w.png) no-repeat 4% 50% #405883; color:#FFF}
.L-nav ul li a{display:block; background: url(../images/common/Lnav_cir_arrow_b.png) no-repeat 8px 8px; padding:5px 5px 5px 26px; margin-bottom:8px}
.L-nav ul li ul li a{background: url(../images/common/bullet_bArrow.png) no-repeat 12% 45%; color:#405883;padding:5px 5px 5px 32px; }
.L-nav ul li.current ul li a{background: url(../images/common/bullet_bArrow.png) no-repeat 12% 45%; color:#405883; }
.L-nav ul li.current ul li a.current { border:1px solid #405883}
.L-nav ul li ul li a{margin-bottom:0px}
.L-nav ul li ul{margin-bottom:8px}
.L-nav ul li ul li .badge{ margin-top:6px;background-color: #ae272a;}

.con-area h1{color:#405883; font-size:2em; font-weight:bold; line-height:0}
.con-area h2{background:url(../images/common/con_area_Tbg.png) no-repeat; padding:40px 20px; color:#555; font-size:1.5em; font-weight:bold; line-height:0}
.con-frame{background:url(../images/common/con_frame.png) no-repeat;padding-top:20px; margin-top:20px}
.con {padding:0 20px}
.con h3{  border-bottom:1px solid #ae272a;font-size:1.2em; font-weight:bold; color:#ae272a;margin-top:30px; line-height:1.2em}
.con h3 div{background:url(../images/common/h3_bg.jpg) no-repeat bottom left;background-color:#FFF; padding:2px 0 0px 15px; }
.con h4{font-size:1em; font-weight:bold; color:#ae272a;}
.con h5{border:1px dotted #666; padding:2px 5px; margin-bottom:0}

.tradeRow td{ background-color: #dfdff0;} 

.jk_BnrSection {
	height: auto;
	padding: 10px 5px;
	margin: 15px 0;
	background-color: #ebeadf;
	border: 1px solid #aba000;
	overflow: hidden;
	clear: both;
}

.jk_BnrSection dl {
	/*width: 180px;*/
	padding: 4px 0 5px 5px;
	margin: 0;
	float: left;
}

.jk_BnrSection dt {
	font-size: 10.5pt;
	font-weight: bold;
	color:#aba000;
	margin-bottom:3px
}

.jk_BnrSection dt a {
		color:#aba000;
}
.jk_BnrSection dt a:hover{text-decoration:underline}

.jk_BnrSection dd { margin: 0; }
.jk_BnrSection div.vcenter { margin-top: 4px; }
.aiconImage { /* アイコンなどのテキストを載せる場合適用 */
	display: inline;
	vertical-align: middle;
}

.content ol{ margin:0 18px; padding:0}
.content ol li{margin-bottom:30px}
.content ol li .disc{ list-style: disc; margin-left:-18px}
.content ol li .disc li{margin-bottom:0px}
.content ol li .circle{ list-style: circle; margin-left:-18px}
.content ol li .circle li{margin-bottom:0px}

.blue-arrow-list { padding:0; margin:0; list-style:none}
.blue-arrow-list li{ background:url(../images/common/blue_arrow.png) no-repeat center left; padding-left:20px}
.blue-arrow-list  li ul li{ list-style:disc; background:none; padding:0; margin:0}

/* AccessMenu
----------------------------------------- */

#AccessMenu {
	margin: 0 30px 30px;
}

#AccessMenu ul {
	display: table;
	border-left: 1px solid #d0d0d0;
	width: 100%;
	padding:0; margin:0
}

#AccessMenu li {
	display: table-cell;
	width: 20%;
	border-right: 1px solid #d0d0d0;
	background: url(../images/common/access/mrk_03.png) no-repeat 50% 95%;
	text-align: center;
	list-style:none
}

#AccessMenu li a {
	display: block;
	padding: 4px 0 25px;
	text-decoration: none;
	color: inherit;
}

#AccessMenu li .icon {
	margin-bottom: 8px;
}

#AccessMenu li .text {
	line-height: 1.5;
	font-size: 85.7%;
}

#AccessMenu li .text span {
	font-size: 150%;
	font-weight: bold;
}

h3 div.ByPlane {
	background: url(../images/common/access/ico_access_airport_red.gif) no-repeat right #FFF;
	font-weight: bold;
	line-height:30px;
}

h3 div.ByTrain {
	background:  url(../images/common/access/ico_access_train_red.gif) no-repeat right #FFF;
	font-weight: bold;
	line-height:30px;
}

h3 div.ByBus {
	background: url(../images/common/access/ico_access_bus_red.gif) no-repeat right #FFF;
	font-weight: bold;
	line-height:30px;
}

h3 div.ByWaterBus {
	background: url(../images/common/access/ico_access_waterbus_red.gif) no-repeat right #FFF;
	font-weight: bold;
	line-height:30px;
}

h3 div.ByCar {
	background: url(../images/common/access/ico_access_car_red.gif) no-repeat right #FFF;
	font-weight: bold;
	line-height:30px;
}

.video-container {border-top:30px solid #000;border-bottom:30px solid #000; text-align:center}
video{z-index:0}


.num { background-color:#ae272a; color:#FFF; padding:2px 5px 1px 5px; margin-right:10px; }
.col1{ width:130px; float:left}
.col2{ display:inline} 

.formtable{ border:1px solid #000 ; border-collapse:collapse; margin: 0 auto;}
.formtable td{border:#000 solid 1px; text-align: left}
.formtable th{background-color:#58595b; border:#000 1px solid; color:#FFF; text-align:center}
.formtable td, .formtable th{padding:10px 5px}

.formtable .subtd{ margin:0; padding:0; list-style:none}
.formtable .subtd li{ border-bottom:1px dotted #999; padding:8px 0}
.formtable .subtd li.end{border-bottom:none}
.formtable input[type="text"]{ width:65%}


.booth-sample{ border:1px solid #AAA ; border-collapse:collapse; margin: 0 auto;}
.booth-sample td{border:#AAA solid 1px;}
.booth-sample th{background-color:#CCC; border:#AAA 1px solid; }
.booth-sample td, .booth-sample th{padding:0px; width:15px; line-height:15px}
.tenbooths{border:1px solid #CCC; padding:2px 5px; line-height:33px}


.exhiForm-L a{width:300px;text-align:center; line-height:54px;display:block;  background:url(../images/common/btn_exhiForm_L.png) no-repeat; color:#FFF; font-size:20px; font-weight:bold}
.exhiForm-L a:hover{ background:url(../images/common/btn_exhiForm_L_o.png) no-repeat}

.exhiForm-L-PDF a{width:300px;text-align:center; line-height:54px;display:block;  background:url(../images/common/btn_exhiForm_L_PDF.png) no-repeat; color:#FFF; font-size:20px; font-weight:bold}
.exhiForm-L-PDF a:hover{ background:url(../images/common/btn_exhiForm_L_PDF_o.png) no-repeat}

.exhiForm-L-PDF-e a{width:300px;text-align:right; line-height:54px;display:block;  background:url(../images/common/btn_exhiForm_L_PDF.png) no-repeat; color:#FFF; font-size:20px; font-weight:bold; padding-right:24px}
.exhiForm-L-PDF-e a:hover{ background:url(../images/common/btn_exhiForm_L_PDF_o.png) no-repeat}

.agreetment { height:460px; overflow-y:scroll; border:1px solid #CCC; padding:10px} 
.marginLR14{margin:0 14px}
.marginLR14 ol li{margin-bottom:5px}



.subcontract-table{ border:1px solid #CCC ; border-collapse:collapse; width:100%; border-top:3px solid #333}
.subcontract-table td{border:#CCC solid 1px; font-size:12px}
.subcontract-table th{background-color:#d7d7d7; border:#CCC 1px solid;text-align:center;}	  
.subcontract-table td, .subcontract-table th{padding:3px; }
.subcontract-table td:nth-child(2){ text-align:center;}
.subcontract-table td:nth-child(1), .subcontract-table td:nth-child(3){ font-weight:bold}

[class^="bicon-"],
[class*=" bicon-"] {
  background-image: url("../../assets/img/glyphicons-halflings.png");
background-repeat: no-repeat;
    display: inline-block;
    height: 14px;
	width: 17px;
    line-height: 14px;
    vertical-align: middle;
  	z-index:99999;
}
.bicon-envelope{background-position: -70px 0px ; }
.bicon-fax{background-position: -94px -48px ; }
.bicon-tel{background-position: 0px -166px ; }
.bicon-mobile{background-position: -22px -166px ; }