@charset "UTF-8";

/*=========================================================*/
/*	IT Fair2017
/*=========================================================*/

/* clearfix
-----------------------------------------------------------*/
.cf:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.cf { display: inline-block; }
/* Hides from IE-mac \*/
* html .cf { height: 1%; }
.cf { display: block; }
/* End hide from IE-mac */
/* blackMtgList */

.sp {
	display: none;
}

body {
}
#wrap {
	width: 912px;
	margin: 0 auto;
}

.mb10 { margin-bottom: 10px; }
.mb20 { margin-bottom: 20px; }
.mb30 { margin-bottom: 30px; }
.mb40 { margin-bottom: 40px; }
.mb60 { margin-bottom: 60px; }
.mb80 { margin-bottom: 80px; }
.mb100 { margin-bottom: 100px; }

.mt40 { margin-top: 40px; }

/* header
-----------------------------------------------------------*/
.header {
	padding: 16px 0;
}
.logo {}
.logo a {
	width: 77px;
	float: left;
	display: block;
}
.itfair2017 {
	margin: 20px 0 0 10px;
}

/* mainImg
-----------------------------------------------------------*/
.mainImg {
	margin-bottom: 40px;
}

/* title
-----------------------------------------------------------*/

#wrap h2 {
	font-size: 20px;
	background-color: #c5973e;
	color: #FFF;
	font-weight: normal;
	padding: 14px 15px 12px;
	line-height: 1.2em;
	margin-bottom: 20px;
}
#wrap h2.black {
	background-color: #474747;
}

/* topList
-----------------------------------------------------------*/

.topList {
	/* margin-bottom: 16px;*/
	margin-bottom: 60px;
}
.topList li {
	width: 448px;
	float: left;
}
.topList li a {
	background: #fff6f5 url(img/line_top_tokyo.gif) no-repeat left top;
	padding: 10px 10px 20px;
	text-align: center;
}
.topList li:nth-child(2)  a {
	background: #dbb7150a url(img/line_top_osaka.gif) no-repeat left top;
	padding: 10px 10px 20px;
	text-align: center;
}



/*
.topList li a:hover {
	opacity: 0.9;
}
*/





.topList li:nth-child(1) {
	border-bottom: solid 3px #aa3b24;
}
.topList li:nth-child(2) {
	border-bottom: solid 3px #dbb715;
}
.topList li:nth-child(odd) {
	margin-right: 16px;
}
.topList li h3 {
	font-size: 32px;
	color: #010100;
	font-weight: normal;
	padding: 25px 0 15px;
	border-bottom: solid 1px #f9dfdc;
	line-height: 1.4em;
}
.topList li:nth-child(2)  h3 {
	font-size: 32px;
	color: #010100;
	font-weight: normal;
	padding: 25px 0 15px;
	border-bottom: solid 1px #dbb71559;
	line-height: 1.4em;
}
.topList li:nth-child(1) h3 span.place {
	color: #aa3b24;
}
.topList li:nth-child(2) h3 span.place {
	color: #dbb715;
	/*color: #df5953;*/
}
.topList li h3 span.line {
	margin: 0 5px;
	color: #7e7e7e;
}
span.ls {
	letter-spacing: -0.5em;
}
span.gls {
	letter-spacing: -0.3em;
}

.topList li .lecture {
	padding: 15px 0;
	border-bottom: solid 1px #f9dfdc;
	margin-bottom: 20px;
}
.topList li:nth-child(2)  .lecture {
	padding: 15px 0;
	border-bottom: solid 1px #dbb71559;
	margin-bottom: 20px;
}
.topList li .lecture .lectureTxt {
	width: 300px;
	float: left;
}
.topList li .lecture .lectureTxt dl dt {
	width: 90px;
	float: left;
	text-align: right;
	font-weight: bold;
	font-size: 90%;
	letter-spacing: .1em;
	color: #666;
	padding: 3px 0 0;
}
.topList li .lecture .lectureTxt dl dd {
	width: 295px;
    margin: 0 0 7px 90px;
	text-align: left;
}
.topList li .lecture .lectureTxt dl dd span.bold {
	font-weight: bold;
}
.topList li .lecture img {
	width: 100px;
	float: right;
	margin-right: 10px;
}
.topList li a {
	text-decoration: none;
	color: #333;
	display: block;
}
.topList li span.topListBtn {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	font-size: 15px;
	width: 204px;
	color: #FFF;
	text-decoration: none;
	background: #aa3b24 url(img/icon_btn_arrow.png) no-repeat 200px center;
	padding: 10px;
}
.topList li:nth-child(2) span.topListBtn {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	font-size: 15px;
	width: 204px;
	color: #FFF;
	text-decoration: none;
	background: #dbb715 url(img/icon_btn_arrow.png) no-repeat 200px center;
	padding: 10px;
}

.topList li span.topListBtn_pre {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	font-size: 15px;
	width: 204px;
	color: #FFF;
	text-decoration: none;
	background: #888 url(img/icon_btn_arrow.png) no-repeat 200px center;
	padding: 10px;
}




.topList li a.topListBtn:hover {
	opacity: 0.7;
}
.small {
	font-size: 80%;
}

/* bottomList
-----------------------------------------------------------*/

.bottomList {
	margin-bottom: 30px;
}
.bottomList li {
	width: 196px;
	float: left;
	background: #fdf9eb url(img/line_top.gif) no-repeat left top;
	padding: 10px 10px 20px;
	text-align: center;
	margin: 0 16px 16px 0;
}
.bottomList li:nth-child(4n) {
	margin-right: 0px;
}
.bottomList li h3 {
	font-size: 20px;
	font-weight: normal;
	padding: 20px 0 16px;
	border-bottom: solid 1px #f3e0c9;
}
.bottomList li h3 span.place {
	color: #bf7e2d;
}
.bottomList li h3 span.line {
	margin: 0 5px;
	color: #7e7e7e;
}
.bottomList li dl {
	padding: 10px 0 0;
	text-align: left;
	font-size: 14px;
	margin-bottom: 10px;
	min-height: 3em;
}
.bottomList li dl dt {
	width: 50px;
	float: left;
	text-align: right;
}
.bottomList li dl dd {
	width: 146px;
	float: right;
}
.bottomList li a {
	text-decoration: none;
	color: #333;
}
.bottomList li span.topListBtn {
	display: block;
	margin: 0 auto;
	border-radius: 3px;
	font-size: 15px;
	width: 136px;
	color: #FFF;
	text-decoration: none;
	background: #d0d0d0;
	padding: 8px 8px 6px;
	box-shadow: 2px 2px 0px rgba(179,179,179,1);
}
.bottomList li a span.topListBtn {
	background: #e4b477 url(img/icon_btn_arrow.png) no-repeat 136px center;
	box-shadow: 2px 2px 0px rgba(201,142,67,1);
}
.bottomList li a.topListBtn:hover {
	opacity: 0.7;
}

/* 今年のテーマ
-----------------------------------------------------------*/

.catchCopy span.orange { color: #df7f05; }
.catchCopy span.yello { color: #e5a723; }
.catchCopy span.red { color: #cd4d3f; }
.catchCopy span.pink { color: #ca5084; }
.catchCopy span.purple { color: #7a6c99; }

.themeTop .specalLecture h3, .themeTop .movie h3, .themeBottom h3 {
	background-color: #f7f7f7;
	border-left: solid 5px #c5973e;
	font-size: 18px;
	font-weight: normal;
	padding: 8px 12px 6px;
	margin-bottom: 20px;
}
.catchCopy {
	font-size: 34px;
	font-weight: bold;
	margin: 20px 0;
}
.themeTop .specalLecture {
}

.themeTop .movie {
	width: 394px;
	float: right;
}

.specalLecture {
	margin-bottom: 40px;
}
.specalLecture div.slBox {
}
.specalLecture div.slBox img {
	width: 120px;
	float: left;
}
.specalLecture div.slBox .slRight {
	width: 772px;
	float: right;
	font-size: 14px;
}
.specalLecture div.slBox .slRight dl dt {
	color: #FFF;
	text-align: center;
	width: 120px;
	padding: 5px 0 3px;
	margin-bottom: 10px;
	font-size: 18px;
}
.specalLecture div.slBox .slRight.tokyo dl dt {
	background-color: #aa3b24;
}
.specalLecture div.slBox .slRight.osaka dl dt {
	background-color: #e8b800;
}
.specalLecture div.slBox .slRight dl dd.ttl {
	font-weight: bold;
	font-size: 24px;
	margin-bottom: 10px;
}
.specalLecture div.slBox .slRight dl dd span.company {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 10px;
}
.specalLecture div.slBox .slRight dl dd span.name {
	font-weight: bold;
	font-size: 18px;
	margin-bottom: 10px;
}
.specalLecture div.slBox .slRight a {
	display: block;
	text-align: right;
}
.specalLecture div.slBox.line {
	border-bottom: dashed 1px #bfbfbf;
	padding-bottom: 20px;
	margin-bottom: 20px;
}

/*会場の様子*/

.movie dl dt {
	margin-bottom: 10px;
	font-size: 15px;
}
.movie dl dt a:hover {
	opacity: 0.7;
}

/*特別協賛・協賛*/

.themeBottom dl {
	width: 912px;
	margin-bottom: 30px;
}
.themeBottom dl dt {
	width: 95px;
	float: left;
}
.themeBottom dl dd {
	width: 817px;
}
.sponsorTop {
	margin-top: 40px;
}
.sponsorTop dt {
/*	margin-top: 25px;*/
}
.sponsorBottom dt {
/*		margin-top: 9px;*/
}
.sponsorTop dd {
/*	font-size: 2.0rem;*/
}
.sponsorBottom dd div {
	width: 817px;
}
.sponsorBottom dd div ul.left {
	width: 400px;
	float: left;
}
.sponsorBottom dd div ul.right {
	width: 400px;
	float: right;
}
.sponsorBottom dd div ul li {
}


/*grayBox*/

.grayBox {
	background-color: #f2f2f2;
	padding: 30px;
	text-align: center;
	margin-bottom: 20px;
}
.grayBox p {
	font-size: 18px;
}
.grayBox .topTxt {
	font-size: 24px;
	font-weight: bold;
}
.grayBox ul {
	margin-top: 25px;
	padding-left: 170px;
}
.grayBox ul li {
	width: 240px;
	height: 80px;
	float: left;
	margin: 0 20px 5px 0;
	background: #d0d0d0;
	background: #e4b477 url(img/icon_bottom_btn.png) no-repeat right bottom;
}
.grayBox ul li a:hover {
	opacity: 0.7;
}
.grayBox ul li.pink {
	background-color: #ed7668;
}
.grayBox ul li a {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 17px 0 0;
}
.grayBox ul li.noLink dl {
	display: block;
	color: #FFF;
	text-decoration: none;
	padding: 17px 0 0;
}
.grayBox ul li.pink a {
	padding: 14px 0 0;
}
.grayBox ul li a dl dt {
	font-size: 22px;
	line-height: 1.2em;
}
.grayBox ul li.pink a dl dt {
	font-size: 26px;
}

/* これまでのITフェア
-----------------------------------------------------------*/

.historyList {
	width: 852px;
	margin: 0 auto 40px;
	padding-left: 47px
}
.historyList li {
	width: 284px;
	float: left;
	margin-right: 0px;
}
.historyList li a {
	display: block;
}
.historyList li a:hover {
	opacity: 0.7;
}
.historyList li dl dt {
	margin-bottom: 5px;
}
.historyList li dl dd {
	font-size: 18px;
}
.historyList li:nth-child(3n) {
	margin-right: 0px;
}
.historyList li a {
	text-decoration: none;
	color: #333;
}
.historyList li a:hover {
	text-decoration: underline;
}

.toTopPage {
	display: block;
	background-color: #DDD;
	text-align: center;
	padding: 32px;
	color: #333;
	margin-bottom: 40px;
}

.close {
	text-align: center;
	font-size: 12px;
	margin: 5px 0 0;
	display: block;
	font-weight: bold;
}

.close-t {
	font-size: 12px;
	margin: 5px 0 0;
	display: block;
	font-weight: bold;
}


#wrap .houkoku {
	text-align: center;
	margin: 30px 0 60px;
}
#wrap .houkoku a {
	display: block;
	width: 260px;
	padding: 10px 10px 6px;
	background-color: #474747;
	color: #FFF;
	font-size: 18px;
	text-decoration: none;
	position: relative;
	margin: 0 auto;
}
#wrap .houkoku a::after {
	content: "";
	position: absolute;
	right: 16px;
	width: 8px;
	top: 50%;
	margin-top: -4px;
	height: 8px;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
#wrap .houkoku a:hover {
	opacity: 0.7;
}

/* 主なセミナー
-----------------------------------------------------------*/
.seminar_list{
	color: #444;
}
	.seminar_list dt{
		margin-bottom: 10px;
		padding: 2px;
		font-weight: bold;
		font-size: 90%;
		color: #fff;
		width: 160px;
		text-align: center;
	}
	.seminar_list dd{
		margin-bottom: 20px;
	}
		.seminar_list dd .seminar_row{
			margin-bottom: 10px;
			display: inline-block;
		}
			.seminar_list dd .seminar_row .seminar_detail{
				margin: 10px 0;
				padding: 0 10px;
				width: 450px;
				box-sizing: border-box;
				float: left;
			}
			.seminar_list dd .seminar_row .seminar_detail:first-child{
				margin-right: 12px;
			}
				.seminar_list dd .seminar_row .seminar_detail .sem_category{
					margin-bottom: 10px;
					padding: 2px 5px;
					display: inline-block;
					font-size: 70%;
					color: #fff;
					background: #EB5532;
				}
				.seminar_list dd .seminar_row .seminar_detail .sem_title{
					margin-bottom: 20px;
					font-weight: bold;
					font-size: 105%;
					line-height: 1.2em;
				}
				.seminar_list dd .seminar_row .seminar_detail .sem_lecturer{
					font-size: 90%;
					line-height: 1.2em;
				}

.seminar_list.color_orange dt{
	color: #fff;
	background: #F08300;
}
	.seminar_list.color_orange dd .seminar_row .seminar_detail{
		border-left: solid 2px #F08300;
	}
		.seminar_list.color_orange dd .seminar_row .seminar_detail .sem_title span{
			color: #F08300;
		}

.seminar_list.color_green dt{
	color: #fff;
	background: #00A78D;
}
	.seminar_list.color_green dd .seminar_row .seminar_detail{
		border-left: solid 2px #00A78D;
	}
		.seminar_list.color_green dd .seminar_row .seminar_detail .sem_title span{
			color: #24B49D;
		}