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

		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

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

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

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


/* ------------------------------------------------------------------
	1-2. Headline styles
-------------------------------------------------------------------*/
.headline {

}
.headline2 {
  margin-bottom: 40px !important;
  font-size: 250%;
  font-weight: bold;
  text-align: center;
}


/* ------------------------------------------------------------------
	1-3. Error styles
-------------------------------------------------------------------*/
.error {
	margin:0 auto 10px;
	padding:8px 0;
	background-color:#FFD3C3;
}
.error li {
	padding-left:25px;
	background:#FFD3C3 url(../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 #2e2e2e;
	border-right: 1px solid #d0d0d0;
	empty-cells:show;
}
.sheet caption {
	padding:8px 5px;
	border-top:2px solid #06C;
	border-bottom:none;
	font-weight:bold;
	text-align:left;
}
.sheet thead th {
	width:auto;
	padding:8px;
	background-color: #666;
	background-image:none;
	color: #fff;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.sheet th, .sheet td {
	padding:20px 30px;
}
.sheet th {
	width:120px;
	background:#000;
  border-top:1px solid #2e2e2e;
	border-bottom:1px solid #2e2e2e;
	font-weight: bold;
	text-align:left;
}
.sheet td {
  background: #f2f2f2;
  border-top:1px solid #d0d0d0;
  border-bottom:1px solid #d0d0d0;
  color: #000;
}
.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;
}
.sheet td a {
  color: #000;
}


/* ------------------------------------------------------------------
	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:178px;
	height:44px;
	margin-bottom:20px;
	border-radius:5px;
	font-weight:bold;
	line-height:44px;
	text-align:center;
	text-decoration:none;
	outline:none;
	cursor:pointer;
	behavior:url(../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(../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(../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(../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(../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 {}
#container {}
#contents {
	position:relative;
}
#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;
	height: 750px;
  min-width: 940px;
  background-image:url(../img/common/bg_keyv.jpg);
  background-position: center;
	background-size: cover;
}
#headerInner {
	position:relative;
	height: 680px;
  background-image:url(../img/common/bg_keyv-copy.png);
  background-position: center bottom;
  background-repeat: no-repeat;
  background-size: contain;
}
.headerLogo {
	width: 862px;
	height: 169px;
	margin: 0 auto 15px;
	padding: 135px 0 0;
	overflow: hidden;
}
.headerLogo:before {
	content: url(../img/common/title_iot.png);
	display: block;
}
#headerInner p {
	width: 940px;
	margin: 0 auto;
	text-align: center;
}
#headerInner p:last-child {
  margin-top: 95px;
}

/* ------------------------------------------------------------------
	2-3. Navi styles
-------------------------------------------------------------------*/
nav {
  position: absolute;
  bottom: 0;
  width: 100%;
  height: 70px;
  background-color: #911016;
  z-index: 100;
}
nav.fixed {
  position: fixed;
  left: 0;
  top: 0;
}
#navi {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  width:940px;
  height: 1em;
}
#navi li {
  float: left;
  box-sizing: border-box;
  width: 25%;
  border-left: 1px solid #b2585c;
}
#navi li:first-child {
  border-left: none;
}
#navi li a {
  display: block;
  color: #fff;
  text-align: center;
  text-decoration: none;
}


/* ------------------------------------------------------------------
	2-4. Breadcrumbs styles
-------------------------------------------------------------------*/
.breadcrumbs {
	width:980px;
	margin:0 auto 10px;
	padding:0px 0px 5px 0px;
	background:#FFF url(../img/common/line_dot.gif) repeat-x 0% 100%;
	color:#666;
	font-size:10px;
	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%;
	color:#666;
	text-decoration:none;
}


/* ------------------------------------------------------------------
	2-5. Main styles
-------------------------------------------------------------------*/
#main p { margin-bottom:1em; }
#main .section { padding: 50px 0; }
#main .item { margin-bottom:30px; }
#main .inner {
	width:100%;
	margin-bottom:20px;
}
#main .section .box {
	padding:10px;
	border:1px solid #ccc;
}
#greeting, #outline, #schedule, #speaker {
  min-width: 940px;
  background-color: #000;
}
.w940 {
  width:940px;
	margin:0 auto;
}
.mainCopy {
	padding: 20px 35px;
	border-radius: 5px;
	border: 1px solid #c23d3d;
	background-color: #fff;
}
.mainCopy span {
	color: #c23d3d;
}
.schedule_text {
  float: left;
  width: 74%;
  margin-right: 10%;
}
.schedule_speakerPht {
  float: right;
  width: 16%;
  text-align: center;
}
.speaker_text { width: 700px; }
.speaker_pht { width: 220px; }

section#outline { background-color: #2e2e2e; }
section#schedule {
  background-image: url(../img/common/bg_schedule.gif);
  background-size: cover;
}

.col2 {
  width: 460px;
  float: left;
}
.list_name {width: 320px;}

.registFinish {
  position: relative;
  width: 940px;
  margin: 0 auto;
  text-align: center;
}
.registFinish span {
  position: absolute;
  left: 160px;
  top: 0;
  display: block;
  width: 620px;
  height: 70px;
  margin: 0 auto;
  background-color: rgba(0,0,0,0.7);
  color: #fff;
  font-size: 16px;
  font-weight: bold;
  line-height: 70px;
}


/* ------------------------------------------------------------------
	2-6. Side styles
-------------------------------------------------------------------*/

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

/*	PageTop styles
-------------------------------------------------------------------*/
.pageTop {
  font-size: 77%;
  text-align: right;
}
.pageTop a {
  color: #000;
}

/*	Footer styles
-------------------------------------------------------------------*/
#footer {
	clear:both;
	background: #fff;
  color: #000;
}
#footerInner {
  width: 940px;
  margin: 0 auto;
  padding: 20px 0;
}