@charset "UTF-8";
@import url("reset.css");
@import url("common.css");

h2{
	min-height:70px;
	_height:70px;
	line-height:70px;
	font-size:30px;
	color:#FFF;
	font-weight: bold;
	text-shadow:0 0 6px #0E3964;
}

h3{
	display:block;
	height:36px;
	padding-top:5px;
	background: linear-gradient(to right, #51abcb, #ffffff);
	border-left:10px solid #396aa2;
	text-shadow: 0px 0px 7px rgba(0,0,0,0.6);
	font-size:22px;
	font-weight: bold;
	color:#fff;
	text-indent:10px;
	margin:40px 0 15px 0;
}

h4{
	color:#3372a8;
	font-weight:bold;
	font-size:18px;
	line-height:1.4em;
	padding:0 0 0 9px;
	margin:30px 0 10px 0;
	border-left:7px solid #7bc6db;
}

h5{
	font-weight:bold;
	font-size:1.2em;
	color:#000;
	margin:20px 0 5px 0;
}

h6{
	color:#6bbb68;
	font-size:1.2em;
	font-weight: bold;
	margin:15px 0 5px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dotted #000;
}

/*フロート*/
.left{float:left;}
.right{float:right;}


/*準備中*/
.construction{
	width:650px;
	height:137px;
	padding-top:100px;
	margin-top:30px;
	background-color:#d2ead1;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

.construction p{
	text-align:center;
	font-size:2em;
	color:#fff;
}

.cap{
	text-indent:-1em;
	padding-left:1em;
	margin-top:10px;
}

.span{
	background:#FFF;
	vertical-align:middle;
	border:1px solid #3372a8;
	color:#3372a8;
	font-size:12px;
	padding:2px 6px 1px 6px;
	margin-left:10px;
	text-shadow: none;
}

/********************************/
/********* 総合トップ ***********/
/********************************/

#general{
    background:url(../img/general/bg.jpg) 0 0 no-repeat;
	/* 画像を常に天地左右の中央に配置 */
    background-position: center center;
    /* 画像をタイル状に繰り返し表示しない */
    background-repeat: no-repeat;
    /* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
    background-attachment: fixed;
    /* 表示するコンテナの大きさに基づいて、背景画像を調整 */
    background-size: cover;
    /* 背景画像が読み込まれる前に表示される背景のカラー */
    background-color: #464646;
	width: 100vw;
	height: 100vh;
	position: relative;
	overflow: hidden;
}
#general .centerbox{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 680px;
	height: auto;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
	text-align: center;
}
#general .centerbox .whitebox{
	background: rgba(255, 255, 255, 0.7);
	padding: 20px;
	margin-top: 10px;
}
#general .centerbox .whitebox p{
	text-align: left;
}
#general .centerbox .whitebox .bluebox{
	background: white;
	padding: 20px;
	margin-top: 10px;
}
#general .centerbox .whitebox .bluebox .title{
	font-size: 22px;
	text-align: center;
	font-weight: bold;
}
#general .centerbox .whitebox .bluebox .title a:hover{
	text-decoration: none;
	opacity: 0.7; /* 0.0～1.0 */
	filter: alpha(opacity=70); /* 0～100 */
}

/********************************/
/************* top **************/
/********************************/
#top .portal{
	padding: 15px;
	margin-top: -15px;
	border: 2px solid #006095;
    background: #e2f5ff;
    background: white;
    text-align: center;
    border-radius:7px; /* css3 */
    -webkit-border-radius: 7px; /* Safari,Google Chrome用 */  
    -moz-border-radius: 7px; /* Firefox用 */  
}
#top .portal a{
   font-size: 24px;
    font-weight: bold;
}

#top .bnr_youtube{
	text-align: center;
}

#top .cancel{
	border: 2px solid red;
	padding: 15px;
	margin-top: 40px;
	background: white;
}
#top .cancel .title{
	background: red;
	color: white;
	padding: 15px 0 10px;
	text-align: center;
	font-weight: bold;
	font-size: 28px;
	line-height: 1;
	margin-bottom: 20px;
}

#top .notice{
    border: 3px solid #6bbb68;
    padding: 20px 30px 30px 30px;
    background: white;
}

#top .notice h2{
    color: #6bbb68;
    text-shadow: none;
}

#top .notice .txt{
    text-align: right;
}

#top #information{
	/* height:140px; */
	padding:15px;
	padding-top:0;
	border:1px solid #999;
	border-top:0;
	overflow:auto;
}

#top #information .c1{
	border-bottom:1px dotted #999;
	margin-top:10px;
	padding-bottom:2px;
}

#top #information .c2, #top #information .c3{
	display:inline-block;
	float:left;
}

#top #information .c2{
	color:#7B3C04;
	font-weight:bold;
	margin-right:1em;
}

#top .support{
	background: #fefad8;
	padding: 20px;
	margin-top: 2em;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

#top .support .summary{
	text-align: center;
	font-weight:bold;
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#top .support .summary a{
	display: inline-block;
	width: 100%;
	background: #c50018;
	color: white;
	padding: 10px 0 7px;
	border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */
}
#top .support .summary a:hover{
	text-decoration: none;
	opacity: 0.7; /* 0.0～1.0 */
	filter: alpha(opacity=70); /* 0～100 */
}
#top .support p{
	font-weight: bold;
}

#top .corona{
	margin-top: 30px;
	border: 2px solid #008fd1;
	padding: 20px;
}
#top .corona .title{
	text-align: center;
	font-weight:bold;
	font-size: 18px;
	color: white;
	line-height: 40px;
	background: #008fd1;
	height: 37px;
}
#top .corona .txt{
	margin: 1em 0;
}
/* ボタン */
#top .corona .btn{
	margin-top: 1em;
}
#top .corona .btn a{
	display:block;
	width:300px;
	font-size:1.2em;
	text-align:center;
	padding:10px 0;
	margin:auto;
	color:#fff;
	font-weight:bold;
	background-color:#0099FF;
	/* 角丸 */
	border-radius:7px; /* css3 */
    -webkit-border-radius:7px; /* Safari,Google Chrome用 */  
    -moz-border-radius:7px; /* Firefox用 */ 
}
#top .corona .btn a:hover{
	text-decoration:none;
	opacity: 0.7 !important; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70) !important; /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)" !important; /* IE 8 */
}

#top .c4 th,
#top .c4 td{
	padding:0 0 3px;
}

#top .c4 th{
	font-weight:bold;
	width:80px;
}

#top .c5{
	color: #6bbb68;
	font-size: 1.2em;
}

/* 来場者数 */
#top .number table, #report .number table{
	width:100%;
}

#top .number th, #top .number td, #report .number th, #report .number td{
	padding:8px 5px 5px 5px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
}

#top .number th, #report .number th{
	background-color:#51abcb;
	color:#FFF;
}

#top .number .c1, #report .number .c1{
	font-weight:bold;
}

#top .number .c2, #report .number .c2{
	background-color:#D9E9F0;
}
#top .number .c22, #report .number .c22{
	background-color:#D9E9F0;
}

#top .number .c3, #report .number .c3{
	background-color:#EEE;
}

#top .number .t1{
	background-color:#edf3c0;
}

/*開催レポート*/
#top .report_pdf{
	text-align: center;
}

#top .report_pdf p{
	font-size: 1.2em;
	margin-bottom: 1em;
}

#top .sametime th{
	width: 12em;
}

/************************************/
/*********** 出展のご案内 ***********/
/************************************/
/*出展・来場対象*/
#conduct .c1{
	font-size: 1.2em;
}

#conduct .c1 span{
	color: #6bbb68;
}

/*出展要項*/
#guideline table{
	width:650px;
	border-top:1px solid #3372a8;
	border-bottom:1px solid #3372a8;
}

#guideline td{
	padding:10px 0; 
	border-top:1px dotted #ccc; 
	border-bottom:1px dotted #ccc;
}

#guideline table.include{
	margin: 1em 0;
}

#guideline table.include, 
#guideline table.include td{
	border: none;
	padding: 1px 0;
}

#guideline table.include th{
	width: 75px;
}

#guideline .c1{
	font-size:1.2em;
	font-weight:bold;
	color:#3372a8;
}

#guideline .c2{
	text-align:right;
}

#guideline .c3{
	font-weight:bold;
	font-size:1.1em;
	color: red;
}

#guideline .c4{
	color:#FF0000;
	font-weight:bold;
	font-size:1.8em;
}

#guideline .c5{
	text-align:center;
}

#guideline .c55{
	text-align:center;
	background-color:#f5f5f5;
}

#guideline .c555{
	text-align:center;
	background-color: #E8ECF8;
}

#guideline .c6{
	padding:20px;
	margin-top:30px;
	background-color:#d2ead1;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
}

#guideline .c6 h4{
	border:0;
	font-size:20px;
	padding:0;
	margin-top:0;
}

#guideline .c6 h4 span{
	font-size: 0.55em;
}

#guideline .c6 h5{
	margin-top:10px;
}

#guideline .c6 table{
	width:400px;
	background-color:#FFFFFF;
	margin:15px 0 5px;
}

#guideline .c6 td{
	padding:10px 0 10px 10px;
	vertical-align:middle;
}
#guideline .c6_en{
	padding:15px 20px;
	margin-top:30px;
	background-color:#d2ead1;
	margin-bottom:40px;
}

#guideline .c6_en h4{
	border:0;
	font-size:20px;
	padding:0;
	margin-top:0;
}

#guideline .c6_en h5{
	margin-top:10px;
}

#guideline .c6_en table{
	width:100%;
	background-color:#FFFFFF;
	margin:15px 0 5px;
}

#guideline .c6_en td{
	padding:10px 10px 8px 10px;
	vertical-align:middle;
}

#guideline .c6_en ul li{
	list-style:disc;
	margin-left:1.5em;
}

#guideline .small{
	background:#FFF;
	color:#22764F;
	border:1px solid #22764F;
	font-size:10px;
	font-weight:bold;
	padding:1px 5px;
	margin-left:15px;
	vertical-align:middle;
	text-shadow: none;
}

#guideline .c7{
	display:block;
	color:#396aa2;
	font-weight:bold;
	font-size:1.2em;
	line-height:1.5em;
	margin:1em 0;
}

#guideline .c8{
	text-indent:1em;
	width:200px;
}

#guideline .c9{
	background-color:#22764F; 
	color:#FFF; 
	text-align:center; 
	padding:3px 0; 
	font-size:1.2em;
	margin-top:30px;
}

/*製品・技術発表会／ホームページ広告*/
#option td{
	padding-bottom: 3px;
}
#option .c1{
	font-weight: bold;
}

#option strong{
	color: red;
}

/*前回開催レポート*/
#report .report_pdf{
	text-align: center;
}

#report .report_pdf p{
	font-size: 1.2em;
	margin-bottom: 1em;
}

#report .table table{
	width:650px;
}

#report .table td{
	padding:8px 5px 5px 5px;
	border:1px solid #CCC;
	text-align:center;
	vertical-align:middle;
}

#report .c0{
	margin-top:5px;
	text-indent:-1em;
	margin-left:1em;
}

#report .table .c1{
	background-color:#D9E9F0;
}

#report .table .c2{
	background-color:#51abcb;
	color:#FFF;
}

#report .c3{
	width:100%;
}

#report .c3 td,
#report .c3 th{
	border:1px solid #CCC;
	padding:5px;
}

#report .c3 th{
	background-color:#22764F;
	color:#FFF;
	text-align:center;	
}

#report .c3 span{
	font-weight:bold;
	color:#22764F;
}

#report .c4{
	border:1px solid #CCC;
	padding:3px;
	margin-top:10px;
}

#report .c5{
	font-size:24px;
	color:#22764F;
	font-weight:bold;
	margin-top:60px;
}

#report .c6{
	width:100%;
}

#report .c6 td, 
#report .c6 th{
	border:1px solid #ccc;
	padding:3px;
	text-align:left;
	padding-left:5px;
	background-color:#D9E9F0;
}

#report .c6 th{
	text-align:right;
	background-color:#FFF;
}

#report .c6 .c66{
	border-top:none;
	border-bottom:none;
	background-color:#FFF;
}

#report h6{
	font-weight: bold;
	margin-top: 0.5em;
}



/*お申し込み方法・お問合せ*/
#inquiry .c1{
	background-color:#d2ead1;
	border-radius: 10px;        /* CSS3草案 */  
    -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 10px;   /* Firefox用 */
	padding:3em 0;
	margin:30px 0 0 0;
}

#inquiry  .c1 .c2{
	text-align:center;
	font-size:16px;
}

#inquiry  .c1 .c2 span{
	font-size:0.8em; 
	color:#333333; 
}

#inquiry  .c1 .c3{
	text-align:center;
}

#inquiry  .c1 .c4{
	text-align:center;
	margin:10px 0 0 0;
}

/* englishで仕様 */
#appli{
	border:1px solid #CCC;
	background-color:#eee;
	padding:3em 0;
	margin:30px 0 0 0;
}

#appli .a2{
	text-align:center;
	font-size:16px;
}

#appli .a2 span{
	font-size:0.8em; 
	color:#333333; 
}

#appli .a3{
	text-align:center;
}

#appli .a4{
	text-align:center;
	margin:10px 0 0 0;
}


/************************************/
/*********** 来場のご案内 ***********/
/************************************/
#event .event_navi{
	margin-top:15px;
}

#event .event_navi li{
	float:left;
	font-size: 1.2em;
}

#event .event_navi li a:hover{
	text-decoration: underline;
}

/* 共通 */
#event h4{
	color:#3372a8;
	font-weight:bold;
	font-size:24px;
	line-height:1.4em;
	padding:0 0 0 9px;
	margin:15px 0 5px 0;
	border-left:7px solid #7bc6db;
	border-left: 0;
	padding-left: 0;
}
#event h4 span{
	font-size: 0.8em;
	font-weight: normal;
	background: #51abcb;
	color: #fff;
	padding: 2px 6px 0;
	margin-right: 1em;
	vertical-align:middle;
	text-shadow: none;
}
#event h3 span.free{
	font-size: 0.6em;
	font-weight: bold;
	background: #e4004f;
	color: #fff;
	padding: 2px 4px 0;
	margin-left: 1em;
	vertical-align:middle;
	text-shadow: none;
}
#event h5{
	font-size: 1.6em;
	font-feature-settings: "palt";
}

/* ボタン */
#event .btn a{
	display:block;
	width:250px;
	font-size:1.2em;
	text-align:center;
	padding:10px 0;
	margin:25px auto 40px;
	color:#fff;
	font-weight:bold;
	background-color:#0099FF;
	/* 角丸 */
	border-radius:7px; /* css3 */
    -webkit-border-radius:7px; /* Safari,Google Chrome用 */  
    -moz-border-radius:7px; /* Firefox用 */ 
}
#event .btn a:hover{
	text-decoration:none;
	opacity: 0.7 !important; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70) !important; /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)" !important; /* IE 8 */
}
#event span.end{
	display:block;
	width:250px;
	font-size:1.2em;
	text-align:center;
	padding:10px 0;
	margin:25px auto 40px;
	color:#fff;
	font-weight:bold;
	background-color:#ccc;
	/* 角丸 */
	border-radius:7px; /* css3 */
    -webkit-border-radius:7px; /* Safari,Google Chrome用 */  
    -moz-border-radius:7px; /* Firefox用 */ 
}
#event .endtxt{
	text-align: center;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
	padding: 15px 0;
}

#event .bigtitle{
	font-size:1.6em;
	line-height: 1.4;
	font-weight:bold;
	color:#3372a8;
	margin-top: 5px;
}

#event .txt{
	line-height:1.5;
}

#event .movie{
	color: red;
	margin-top: 5px;
}

#event table{
	width:100%;
	margin-top: 5px;
}

#event table td{
	border:1px solid #ccc;
	padding:15px;
}

#event table .time{
	width:17%;
	padding:0;
	text-align:center;
	vertical-align:middle;
	background-color:#f1f1f1;
}

#event table .image{
	float: right;
	margin-left: 1em;
}

#event table .title{
	font-size:1.3em;
	line-height: 1.4;
	font-weight:bold;
	color:#3372a8;
}

#event table .border{
	border-top: 1px dotted #ccc;
	margin-top: 10px;
	padding-top: 10px;
}

#event table .name{
	font-weight:bold;
	font-size: 1.2em;
}

#event table .belong{
	font-weight:bold;
}

/************************************/
/*********** 自動車ロボット ************/
/************************************/
#automotive h3{
	font-size: 1.8em !important;
	border-bottom: 0 !important;
	margin-bottom: 5px !important;
}

#automotive .outline{
	margin-top: 1em;
}

#automotive .outline th{
	width: 10%;
	font-weight: bold;
}

#automotive .table td, 
#automotive .table th{
	border: 1px solid #ccc;
	padding: 8px;
}

#automotive .table td{
	position: relative;
}

#automotive .table th{
	background-color:#f1f1f1;
	vertical-align: middle;
	width: 17%;
	text-align: center;
	font-weight: normal;
}

#automotive .table .title{
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4;
	color:#3372a8;
}

#automotive .table .subtitle{
	font-weight: bold;
	font-size: 1.1em;
	color:#3372a8;
	border-top:1px dotted #ccc;
	padding-top: 5px;
	margin-top: 5px;
}

#automotive .table .txt{
	line-height: 1.5;
	margin: 5px 0;
}

#automotive .table dl{
	background-color:#eee;
	padding: 7px 7px 5px;
	margin: 5px 0;
	font-size: 0.9em;
}

#automotive .table dl dt{
	display: inline-block;
	font-weight: bold;
	width: 60px;
	vertical-align: top;
}

#automotive .table dl dd{
	display: inline-block;
	width: 456px;
}

#automotive .table .sponsor{
	font-weight: bold;
}

#automotive .table .btn_s{
	position: absolute;
	right: 8px;
	top:8px;
}

#automotive .table .btn_s a{
	display: block;
	padding: 6px 10px 5px;
	font-weight: bold;
	font-size: 0.9em;
	color: #fff;
	line-height: 1;
	background: #0688FD;
	border-radius: 5px;		/* CSS3草案 */
	-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
	-moz-border-radius: 5px;	/* Firefox用 */
}

#automotive .table .btn_s a:hover{
	text-decoration: none;
	opacity: 0.7; /* 0.0～1.0 */
	filter: alpha(opacity=70); /* 0～100 */
}

/************************************/
/************* 同時開催 *************/
/************************************/
#same .c1{
	font-size:1.2em;
	margin:10px 0 5px 0;
}

#same .c2{
	margin:50px 0 5px 0;

}


/************************************/
/*********** 来場のご案内 ***********/
/************************************/
/*出展者一覧*/
#exhibitors li{
	border-bottom:1px dotted #ccc;
	padding-bottom:3px;
	margin-bottom:6px;
}

#exhibitors .scot{
	background:url(../img/visitor_info/scot.gif) top left no-repeat;
	line-height:30px;
	margin:20px 0 0;
	color:#22764F;
	font-size:16px;
	font-weight:bold;
	text-indent:10px;
}

#exhibitors .c1{
	border:1px solid #CCC;
	background-color:#eee;
	padding:3em 0;
	margin:30px 0 0 0;
}

#exhibitors .c1 .c2{
	text-align:center;
	font-size:16px;
}

#exhibitors .c1 .c2 span{
	font-size:0.8em; 
	color:#333333; 
}

#exhibitors .c1 .c3{
	text-align:center;
}

#exhibitors .c1 .c4{
	text-align:center;
	margin:10px 0 0 0;
}
#exhibitors .btn{
	margin-top: 10em;
}
#exhibitors .btn a{
	display:block;
	width:250px;
	font-size:1.2em;
	text-align:center;
	padding:10px 0;
	margin:25px auto 40px;
	color:#fff;
	font-weight:bold;
	background-color:#0099FF;
	/* 角丸 */
	border-radius:7px; /* css3 */
    -webkit-border-radius:7px; /* Safari,Google Chrome用 */  
    -moz-border-radius:7px; /* Firefox用 */ 
}
#exhibitors .btn a:hover{
	text-decoration:none;
	opacity: 0.7 !important; /* Standard: FF gt 1.5, Opera, Safari */
	filter: alpha(opacity=70) !important; /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)" !important; /* IE 8 */
}

/*無料招待券・案内状*/
#ticket .c1{
	border:1px solid #CCC;
	background-color:#eee;
	padding:3em 0;
	margin:30px 0 0 0;
}

#ticket .c1 .c2{
	text-align:center;
	font-size:16px;
}

#ticket .c1 .c2 span{
	font-size:0.8em; 
	color:#333333; 
}

#ticket .c1 .c3{
	text-align:center;
}

#ticket .c1 .c4{
	text-align:center;
	margin:10px 0 0 0;
}

/************************************/
/************** press ***************/
/************************************/

#press .release{
	border:1px solid #CCC;
	padding:10px;
}

#press .release .c1{
	border-bottom:1px dotted #999;
	padding-bottom:5px;
	margin-bottom:5px;
}

#press .release .c2, 
#press .release .c3{
	float:left; 
	margin-right:1em;
}

#press .release .c2{
	background:url(../img/common/arrow.gif) center left no-repeat;
	text-indent:1.2em;
	width:10em;
}

#press .c4{
	margin-top:5px;
}

#press .c5{
	text-align:center;
}

/************************************/
/************* download *************/
/************************************/

#download ul{
	margin-left: 1.5em;
}

#download ul li{
	list-style-type: disc;
	border-top:1px dotted #ccc;
	padding-top: 10px;
	margin-top: 10px;
}

#download ul li:first-child{
	border-top: 0;
	padding-top: 0;
	margin-top: 0;
}