@charset "UTF-8";

/* ===========================================================================

CSS Information

Update:2017/3/17

01：Overall
02：header
03：nav
05:content
06:footer

=========================================================================== */
/*nanotech基本色
青色　#395ca2
グレー　#666
*/
/*----------------------------------------------------------------------------
01：overall
----------------------------------------------------------------------------*/
body {line-height:1.4em;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";}
p a:hover,a:hover img,footer ul li a:hover,header div#header_upper ul li a:hover,div#main ul li a:hover {opacity:0.7;filter:alpha(opacity=70);-ms-filter: "alpha( opacity=70 )";}

div.inner {/*width:1048px;*/margin:0 auto;}

/*grid*/
.grid_container {width: 1032px;margin: 0 auto;}
.grid1,.grid2,.grid3,.grid4,.grid5,.grid6,.grid7,.grid8,.grid9,.grid10,.grid11 {float:left;display:inline;margin-left:24px;}
.grid1 {width: 54px;}
.grid2 {width: 138px;}
.grid3 {width: 222px;}
.grid4 {width: 328px;}/*確定*/
.grid5 {width: 416px;}/*確定*/
.grid6 {width: 504px;}/*確定*/
.grid7 {width: 592px;}/*確定*/
.grid8 {width: 680px;}/*確定*/
.grid9 {width: 726px;}
.grid10 {width: 810px;}
.grid11 {width: 894px;}
.grid_container > div:first-child {margin-left:0;clear:left;}

/* clearfix */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}

/*ul*/
.ul01 {list-style-type:none;}
.ul01 li{line-height:1.5em;padding-left:15px;background:url(../images/common/listmark01.gif) no-repeat 0 0.5em;}

.ul01_float_left {list-style-type:none;}
.ul01_float_left li{float:left;white-space:nowrap;margin-right:15px;line-height:1.5em;padding-left:15px;background:url(../images/common/listmark01.gif) no-repeat 0 0.5em;}

ul.annotation li {text-indent:-1em;padding-left:1em;}

/*table*/
table.table01 {border-collapse: collapse;width:100%;border:1px solid #999;}
table.table01 th {background-color: #eee;padding:5px;border:1px solid #999;white-space: nowrap;text-align: center;}
table.table01 td {padding:5px;border:1px solid #999;}


/*dl*/

dl {

border: 1px solid #ccc;
border-top: none;
background: #eee;
font-size:90%;
}

dt,dd {
padding: 3px;
}

dt {
border-top: 1px solid #ccc;
clear: left;
float: left;
width: 100px;
padding-right:12px;
}
dd {
margin-left: 100px;
padding-left:10px;
border-top: 1px solid #ccc;
border-left: 1px solid #ccc;
background: #fff;
}


/*h1-h6*/
h2 {font-size:1.6em;font-weight:bold;background-color:#395ca2;color:#fff;padding:5px;}
h3 {font-size:1.4em;font-weight:bold;border:1px solid #666;border-left:8px solid #666;padding:5px;}
h4 {font-size:1.2em;font-weight:bold;border-bottom:1px solid #666;padding-bottom:5px;}

span.price {font-size:1.2em;font-weight:bold;color:#395ca2;}

.mr24 {margin-right:24px;}


div#pankuzu {position:relative;clear:both;width:950px;margin:5px 0 10px 0;}

div#pankuzu p {font-size:90%;}
span.arrow {margin-left:5px;padding-left:10px;background:url(../images/common/arrow01.gif) no-repeat left center;
}


div.lightblue_box {
background-color: #9CC7DF;
color:#395ca2;
padding:10px;
text-align: center;
font-size:1.2em;
}
/*----------------------------------------------------------------------------
03：header
----------------------------------------------------------------------------*/
header div#header_upper {background-color:#666;height:48px;}
header div#header_upper ul {color:white;font-size:0.85em;line-height:48px;}
header div#header_upper ul a {color:white;}
header div#header_upper ul li {float:left;white-space: nowrap;}
header div#header_upper ul li span {margin:0 0.5em;}
header div#header_upper ul li a {text-decoration: none;}
header div#header_upper ul li:after {content:" / "}
header div#header_upper ul li:last-child:after {content:none;}
div#sub-logo {float:right;margin-top:10px;margin-bottom:0px;}
div#logo {cler:both;text-align: center;margin-bottom:20px;}
p#language_btn {background-color:#ccc;float:right;margin-top:2px;text-align: center;}
p#language_btn a {padding:0 5px;text-decoration:none;color:#666;line-height:24px;}

p#date {text-align: center;font-size:1.5em;color:#666;}
p#date a {text-decoration: none;color:#666;}

/*----------------------------------------------------------------------------
03：nav
----------------------------------------------------------------------------*/

div#gnavi {height:64px;z-index: 100;border-top:1px solid #666;border-bottom:3px solid #666;font-size:1.2em;margin-top:20px;}
#gnavi ul {list-style: none;padding: 0; color:#666;}/*リスト全体*/
#gnavi li {float: left;white-space: nowrap;line-height:64px;text-align:center;padding-left:50px;background:url(../images/common/slash.gif)no-repeat 15px center;}/*リストの1段目*/
#gnavi li:first-child {background:none;}
#gnavi li.twoline {line-height:20px;margin-top:10px;} /*2行組み*/
#gnavi ul ul {display: none;position: absolute;z-index: 10;margin-top:-4px;border-top:3px solid #0092D1;}/*2段目以降*/
#gnavi li li {clear: left;position:relative;width: 100%;text-align: left;margin:0;background-image:none;padding-left:0;}/*2段目以降のリスト項目*/
#gnavi ul li ul li a{padding:8px;}
#gnavi ul li:hover > ul {display: block;}
#gnavi ul ul ul {top: 0;left: 100%;}/*3段目以降*/
#gnavi a {display: block;color:#666;text-decoration:none;white-space: nowrap;}/*1段目以降のメニュー文字*/
#gnavi li a:hover {color:#999;}
#gnavi li li a {color:white;}/*2段目以降のメニュー文字*/
#gnavi li li a:hover {color: #0092D1;}
#gnavi ul ul a {display:block;font-size: 0.9em;padding: 2px 5px;line-height:20px;
border-bottom: solid 1px #999;
background-color: #666;}
span.coming {font-size:0.8em;}

#gnavi li li.nolink a:hover{ color:#fff;}

/*----------------------------------------------------------------------------
04：main
----------------------------------------------------------------------------*/
div#main {clear:both;padding:20px 0;}
div#main div.inner {padding-left:8px;padding-right:8px;}

/*----------------------------------------------------------------------------
05：footer
----------------------------------------------------------------------------*/
footer{;width:100%;margin-top:30px;}
p#footer_title {font-size:1.3em;text-align: center;font-weight:bold;margin-bottom:20px;padding-top:10px;}
div#footer_upper {background-color:#1c2957;color:white;}
div#footer_upper div.inner {background:url(../images/common/footer_bg.jpg)no-repeat top center;display:block;height:160px;}

div#footer_under {background-color:#666;height:48px;width:100%;}
div#footer_under address {text-align: center;color:white;line-height:48px;margin-bottom:0px;}

/*footer_menu*/
div#footer_upper ul#footer_menu {float:left;left:50%;position:relative;}
div#footer_upper ul#footer_menu li {float:left;left:-50%;position:relative;background:url(../images/common/footer_listmark.png)no-repeat left center;padding-left:20px;margin-right:20px;}
div#footer_upper ul#footer_menu li a {color:#fff;text-decoration: none;}

/*contact*/
div#footer_upper ul#contact {float:left;left:50%;position:relative;}
div#footer_upper ul#contact li {float:left;left:-50%;position:relative;padding-left:24px;margin-right:20px;white-space:nowrap;display:block;line-height:20px;}
div#footer_upper ul li#tel {background:url(../images/common/tel_icon.png)no-repeat left center;}
div#footer_upper ul li#fax {background:url(../images/common/fax_icon.png)no-repeat left center;}
div#footer_upper ul li#mail {background:url(../images/common/mail_icon.png)no-repeat left center;}
div#footer_upper ul li a {color:white;text-decoration: none;}

/*----------------------------------------------------------------------------
06：top
----------------------------------------------------------------------------*/
/*blue_box*/
body#index p.blue_box_title {font-size:1.3em;font-weight:bold;margin-left:100px;margin-bottom:10px;}
body#index div.top_blue_box {background-color:#395ca2;display:block;position:relative;height:184px;padding:16px;color:white;}
body#index div.top_blue_box ul {margin-left:100px;}
body#index div.top_blue_box ul li {background:url(../images/common/footer_listmark.png)no-repeat left center;padding-left:20px;margin-right:20px;margin-bottom:5px;}
body#index div.top_blue_box ul li a {color:#fff;text-decoration: none;}
body#index div.top_blue_box ul img {position:absolute;left:16px;top:16px;}
body#index div.blue_box_textarea {position:absolute;left:40px;top:16px;}

body#index p.top_title {border-bottom:1px solid #666;margin-top:20px;}

/*partner logo*/
body#index div.logo_box,body#index div.logo_box_concurrent {display:table;table-layout:fixed;width:100%;}
body#index div.logo_box div {display:table-cell;height:70px;text-align:center;vertical-align:middle;}
body#index div.logo_box_concurrent div {display:table-cell;height:50px;text-align:center;vertical-align:middle;}


/*media partner*/
div#slider_media {display:table;table-layout:fixed;margin-top:10px;}
div#slider_media div.pager{width:206px;display:table-cell;vertical-align:middle;height:70px;}
div.pager {margin-top:0px;}/*bootstrapの打ち消し*/

/*top_slide*/
div.bx-wrapper {padding:0;box-shadow:none;border:none;}
.pager {padding-left: 0;  margin: 0;  list-style: none;  text-align: none;}/*bootstrap打ち消し*/
.bx-wrapper .bx-controls-direction a {top:390px!important;}
div#slide_box {position: relative;margin-bottom:20px;}
div#slide_box div#bx-pager {position: absolute;top:368px;left:59px;display:table;table-layout:fixed;}
div#slide_box div#bx-pager div {text-align:center;margin-right:16px;background-color:#666;width:166px;float:left;}
div#slide_box div#bx-pager div a{display:table-cell;vertical-align:middle;width:166px;height:48px;color:white;text-decoration: none;}
div#slide_box div#bx-pager div a:hover,div#slide_box div#bx-pager div a.active{background-color:#999;}

/*----------------------------------------------------------------------------
06：exhibitor
----------------------------------------------------------------------------*/
span.blue_number {background-color:#395ca2;padding:3px 5px;margin-right:5px;color:white;}


/*----------------------------------------------------------------------------
06：download
----------------------------------------------------------------------------*/
p.download {
	background:url(../images/download/dl_button.gif) no-repeat left;
	padding-left:25px;
	margin-left:30px;
	margin-bottom:10px;
}

/*----------------------------------------------------------------------------
06：sitemap
----------------------------------------------------------------------------*/

ul.sitemap {
margin: 0 0 0 10px;
}

ul.sitemap li {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
list-style-type: none;
font-size: 100%;
background:url(../images/common/arrow02.gif) no-repeat left 0.5em;

}

ul.sitemap li ul {
padding: 15px 0 0 10px;
background-repeat: no-repeat;
background-position: left bottom;
}

ul.sitemap li ul li {
margin: 0 0 15px 0;
padding: 0 0 0 15px;
font-size: 100%;
background-repeat: no-repeat;
background-position: 0 10px;
background:url(../images/common/arrow03.gif) no-repeat left center;

}

ul.sitemap li ul li.last {
background-image: none;
}