@charset "utf-8";

/* for smartphone */
#spLinkBlockInPc{
	display:none;
	border-bottom:1px dotted #ccc;
	text-align:center;
	padding:30px 0;
}

#spLinkBlockInPc a{
	display: block;
	color: #000;
	font-size:40px;
	letter-spacing: 0;
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	border-radius: 6px;
	text-decoration: none;
	padding: 15px 0;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.99, #b8b8b8), color-stop(0.00, #fff));
	background: -webkit-linear-gradient(top, #fff 0%, #b8b8b8 99%);
	background: -moz-linear-gradient(top, #fff 0%, #b8b8b8 99%);
	background: -o-linear-gradient(top, #fff 0%, #b8b8b8 99%);
	background: -ms-linear-gradient(top, #fff 0%, #b8b8b8 99%);
	background: linear-gradient(to bottom, #fff 0%, #b8b8b8 99%);
	border:1px solid #ccc;
	width:75%;
	text-align:center;
	margin:1em auto;
}

#spLinkBlockInPc a{/*リンクされた文字*/
    color:#000;
    font-style:normal;
	text-decoration:none;
}
#spLinkBlockInPc a:link {/*未訪問のリンク*/
    color:#000;
    font-style:normal;
	text-decoration:none;
}
#spLinkBlockInPc a:visited {/*訪問後のリンク*/
    color:#000;
	text-decoration:none;
}
#spLinkBlockInPc a:hover {/*マウスをのせたとき*/
    color:#000;
    font-style:normal;
	text-decoration:none;
}


/* mainvisual */

#mainvisual {
	position:relative;
	width:100%;
	min-width:1000px;
}

#mainvisual .inner {
	position:relative;
	width:1000px;
	height:100%;
	margin:0 auto;
}

#mainvisual .inner img {
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	width:978px;
	height:96px;
	margin:-48px 0 0 -489px;
}

#mainvisual .inner .sets {
	position:absolute;
	top:50%;
	left:50%;
	width:800px;
	height:180px;
	margin:-90px 0 0 -400px;	
}

#mainvisual .inner #catch_tx {
	display:block;
	padding:10px 0;
	font-size:26px;
	font-weight:bold;
	line-height:35px;
	color:#000;
	text-align:center;
	background:rgba(255,255,255,0);
	text-shadow: #fff 2px 2px 2px, #fff -2px 2px 2px,
             	#fff 2px -2px 2px, #fff -2px -2px 2px;	
}

#mainvisual .btn_mv_entry {
	position:relative;
	display:block;
	width:300px;
	margin:20px auto 0;
	padding:10px 0;
	text-align:center;
	font-size:15px;
	font-weight:bold;
	line-height:20px;
	background:rgba(219, 224, 0,0.85);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#mainvisual .btn_mv_entry:before {
	position:absolute;
	top:50%;
	left:5%;
	margin:-10px 0 0;
	font-size:20px;
	font-family: 'FontAwesome';
	content:"\f0a9";
}
#mainvisual .btn_mv_entry:hover {
	background:rgba(219, 224, 0,0.6);
	text-shadow: #fff 2px 2px 2px, #fff -2px 2px 2px,
             	#fff 2px -2px 2px, #fff -2px -2px 2px;	
}

/* whatsnew */

#whatsnew {
	position:relative;
	width:100%;
	min-width:1000px;
	background:#E4DDD9;
}

#whatsnew .inner {
	width:1000px;
	height:30px;
	margin:0 auto;
	padding:15px 0;

}

#whatsnew h3 {
	float:left;
	display:block;
	width:7em;
	height:28px;
	margin:0 0 0 10px;
	border:1px solid #777;
	border-radius:5px;
	text-align:center;
	font-size:15px;
	line-height:28px;
}

#whatsnew #newsticker {
	float:left;
	width:700px;
	height:30px;
	margin:0 0 0 30px;
	line-height:30px;
	position: relative;
	overflow: hidden;
}

#whatsnew .ticker {
  margin: 0 auto;
  padding: 10px;
  width: 700px;
  text-align: left;
  border: #ccc 1px solid;
  position: relative;
  overflow: hidden;
  background-color:#ffffff;
}

#whatsnew #newsticker ul {
  width: 100%;
  position: relative;
}

#whatsnew #newsticker ul li {
  width: 100%;
  display: none;
}

#whatsnew #newsticker ul li a {
	text-decoration:underline !important;
}

#whatsnew ul li span:after {
	content:" : ";
}

#whatsnew #backnumber {
	float:right;
	width:110px;
	height:30px;
	padding:0 0 0 15px;
	line-height:30px;
	border-left:1px dotted #333;
}
#whatsnew #backnumber a {
	color:#111;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#whatsnew #backnumber a .fa {
	margin:0 5px 0 0;
	font-size:16px;
	color:#333;
	line-height:30px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#whatsnew #backnumber a:hover {
	color:#04809A;
}
#whatsnew #backnumber a:hover .fa {
	color:#04809A;
}




/* contents */

/* info area */
.infoarea {
	position:relative;
	width:100%; 
}
.infoarea .inner {
	width:1000px;
	margin:0 auto;
	padding:30px 0 40px;
}
.infoarea .inner > img {
    display:block;
    margin:0 auto;
}
.infoarea a {
    display:block;
    width:40%;
    margin:0 auto;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
.infoarea a img {
    display:block;
    width:100%;
}
.infoarea a:hover {
	opacity:0.8;
	-webkit-filter: saturate(140%);
    filter: saturate(140%);
}

.infoarea .inner > div {
	text-align:center;
	font-size:24px;	
}

/* number of visitors */
#visitors {
	position:relative;
	width:100%; 
}
#visitors .inner {
	width:1000px;
	margin:0 auto;
	padding:0 0 0px;
}
#visitors .day_wrap {
    margin:0 auto 30px;
}
#visitors .day_wrap > div {
    position:relative;
    display:inline-block;
    width:30%;
    margin:0 1.4%;
    border:1px solid #009FB9;
}
#visitors .day_wrap .date {
    padding:5px 10px;
    background:#009FB9;
    color:#fff;
    font-size:24px;
    font-weight:bold;
}
#visitors .day_wrap .date span {
    font-size:18px;
}
#visitors .day_wrap .weather {
    position:absolute;
    top:15px;
    right:10px;
    color:#fff;
    font-size:13px;
}
#visitors .day_wrap .num {
    padding:15px 15px 0;
    text-align:center;
    color:#009FB9;
    font-size:34px;
    font-weight:bold;
}
#visitors .day_wrap .num span {
    font-size:24px;
}
#visitors .day_wrap .cap {
    padding:5px 10px;
    color:#777;
    font-size:12px;
    text-align:center;
}
#visitors .day_wrap .lastyear {
    padding:0 10px 5px;
    color:#009FB9;
    font-size:12px;
    text-align:center;
}

#visitors .total {
    width:97%;
    margin:0 auto;
    border:1px solid #009FB9;
}
#visitors .total .label {
    display:inline-block;
    width:300px;
    height:60px;
    padding:0;
    background:#009fb9;
    color:#fff;
    text-align:center;
    font-size:24px;
    font-weight:bold;
    line-height:60px;
    vertical-align:bottom;
}
#visitors .total .data {
    display:inline-block;
    height:60px;
    padding:0;
    vertical-align:bottom;
}
#visitors .total .num {
    display:inline-block;
    width:340px;
    padding:0 15px 0;
    text-align:center;
    color:#009FB9;
    font-size:34px;
    font-weight:bold;
    line-height:60px;
}
#visitors .total .num span {
    font-size:24px;
}
#visitors .total .info {
    display:inline-block;
    width:280px;
}
#visitors .total .cap {
    padding:10px 5px 0;
    color:#777;
    font-size:12px;
    text-align:center;
}
#visitors .total .lastyear {
    padding:0 5px 5px;
    color:#009FB9;
    font-size:12px;
    text-align:center;
}

/* about */
#about {
	position:relative;
	width:100%;
}

#about .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}

#about h2 {
	width:980px;
	margin:0 auto;
	font-size:36px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	text-align:center;
}
#about h2:after {
	content:"";
	display:block;
	height:1px;
	width:980px;	margin:0 auto;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#40e5fb), to(#00a0b8));
	background:-moz-linear-gradient(left, #40e5fb, #00a0b8);
	background:linear-gradient(left, #40e5fb, #00a0b8);
}

#about h3 {
	width:980px;
	margin:0 auto;
	padding:10px 0 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#about p {
	width:700px;
	margin:30px auto;
	font-size:13px;
}
#about p span {
	display:block;
	width:100%;
	margin:0 0 15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}


/* keynote */
#keynote {
	position:relative;
	width:100%;
}

#keynote .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0 0;
}

#keynote > img {
	display:block;
	width:100%;
	margin:0 0 60px;
}

#keynote h2 {
	width:980px;
	margin:0 auto;
	font-size:36px;
	/*font-family: 'Roboto Condensed', sans-serif;*/
	font-weight:400;
	text-align:center;
}
#keynote h2:after {
	content:"";
	display:block;
	height:1px;
	width:980px;	margin:0 auto;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#40e5fb), to(#00a0b8));
	background:-moz-linear-gradient(left, #40e5fb, #00a0b8);
	background:linear-gradient(left, #40e5fb, #00a0b8);
}

#keynote h3 {
	width:980px;
	margin:0 auto;
	padding:10px 0 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#keynote p {
	width:700px;
	margin:30px auto 0;
	font-size:13px;
}
#keynote p span {
	display:block;
	width:100%;
	margin:0 0 15px;
	text-align:center;
	font-size:14px;
	font-weight:bold;
}

#keynote .btnarea {
	width:800px;
	margin:0 auto 30px;
}

#keynote .btn {
	position:relative;
	float:left;
	display:block;
	width:360px;
	height:50px;
	margin:20px 20px;
	line-height:50px;
	background:#009FB9;
	color:#fff;
	text-align:center;
	font-size:15px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
	/*cursor:default;
	opacity:0.4;*/
}
#keynote .btn:before {
	position:absolute;
	top:0;
	left:10px;
	line-height:50px;
	font-family: 'FontAwesome';
	content:"\f0a9";
}
#keynote .btn:hover {
	background:#00C9E1;
}
#keynote .btn_cs {
	position:relative;
	float:left;
	display:block;
	width:360px;
	height:50px;
	margin:20px 20px;
	line-height:50px;
	background:#009FB9;
	color:#fff;
	text-align:center;
	font-size:15px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
	cursor:default;
	opacity:0.4;
}
#keynote .btn_cs:before {
	position:absolute;
	top:0;
	left:10px;
	line-height:50px;
	font-family: 'FontAwesome';
	content:"\f0a9";
}


/* keynotes list */

#keynote .keynote_list {
	
}

#keynote .keynote_list table {
	width:980px;
	margin:20px auto;
}

#keynote .keynote_list th {
	width:120px;
	padding:5px 0;
	background:#007EA4;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-align:center;
	vertical-align:top;
}
#keynote .keynote_list td {
	width:860px;
	border-right:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#keynote .keynote_list .date {
	width:820px;
	padding:10px 20px;
	background:#9BD6E0;
	font-size:14px;
	font-weight:bold;
}

#keynote .keynote_list h4 {
	width:820px;
	padding:10px 20px;
	font-size:24px;
	text-decoration:underline;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#keynote .keynote_list h4:hover {
	text-decoration:none;
}
#keynote .keynote_list h4 a {
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#keynote .keynote_list h4:hover a {
	color:#00A2B0;
}

#keynote .keynote_list .name {
	width:820px;
	padding:10px 20px 0;
	font-size:14px;
}
#keynote .keynote_list img {
	float:right;
    width: 135px;
	margin:0 0 16px 16px;
    border-radius: 135px;
    border: solid 5px #dedede;
}
#keynote .keynote_list .name a {
	color:#007EA4;
	text-decoration:underline !important;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#keynote .keynote_list .name a:hover {
	color:#000;
	text-decoration:none;
}

/* news@ */
#newsatmark {
	position:relative;
	width:100%;
}

#newsatmark > .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}

#newsatmark h2 {
	width:980px;
	margin:0 auto;
	font-size:36px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	text-align:center;

}
#newsatmark h2:after {
	content:"";
	display:block;
	height:1px;
	width:980px;	margin:0 auto;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#40e5fb), to(#00a0b8));
	background:-moz-linear-gradient(left, #40e5fb, #00a0b8);
	background:linear-gradient(left, #40e5fb, #00a0b8);
}

#newsatmark h3 {
	width:980px;
	margin:0 auto;
	padding:10px 0 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#newsatmark .backnum {
	position:relative;
	display:block;
	width:360px;
	height:50px;
	margin:20px auto;
	line-height:50px;
	background:#009FB9;
	color:#fff;
	text-align:center;
	font-size:15px;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#newsatmark .backnum:before {
	position:absolute;
	top:0;
	left:10px;
	line-height:50px;
	font-family: 'FontAwesome';
	content:"\f0a9";
}
#newsatmark .backnum:hover {
	background:#00C9E1;
}

#newsatmark #news_area_outer {
	width:980px;
	margin:20px auto;
	overflow:hidden;
}

#newsatmark #news_area {
	width:880px;
	margin:0 auto;
}

#newsatmark #news_area a {
	display:block;
	width:280px;
	margin:0 auto 18px;
	padding:0;
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#newsatmark #news_area a:hover {
	opacity:0.9;
	background:rgba(255,249,110,0.5);
}

#newsatmark .news_card {
	display:block;
	width:280px;	
	margin:0; 
	border-left:1px solid #096da0;
	border-right:1px solid #00a0b8;
}
#newsatmark .news_card > .inner {
	width:260px;
	padding:10px;
	overflow:hidden;
}
#newsatmark .news_card:before,
#newsatmark .news_card:after {
	content:"";
	display:block;
	height:1px;
	width:280px;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#096da0), to(#00a0b8));
	background:-moz-linear-gradient(left, #096da0, #00a0b8);
	background:linear-gradient(left, #096da0, #00a0b8);
}

#newsatmark .news_card .date {
	margin:0 0 8px;
	color:#0B757E;
	font-size:13px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:700;
}
#newsatmark .news_card .title {
	margin:0 0 8px;
	color:#000;
	font-size:14px;
	font-weight:bold;
}
#newsatmark .news_card .text {
	display:inline;
	color:#333;
}
#newsatmark .news_card .text:after {
	content:"…";
}
#newsatmark .news_card img {
	float:right;
	display:block;
	width:48%;
	margin:0 0 10px 10px;
}
#newsatmark .news_card .corp {
	margin:0;
	padding:5px 2%;
	width:96%;
	color:#fff;
	text-align:center;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#096da0), to(#00a0b8));
	background:-moz-linear-gradient(left, #096da0, #00a0b8);
	background:linear-gradient(left, #096da0, #00a0b8);
}


/* mediasponsor */

#mediasponsor {
	position:relative;
	width:100%;
}

#mediasponsor .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}

#mediasponsor h2 {
	width:980px;
	margin:0 auto;
	font-size:36px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	text-align:center;
}
#mediasponsor h2:after {
	content:"";
	display:block;
	height:1px;
	width:980px;	margin:0 auto;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#40e5fb), to(#00a0b8));
	background:-moz-linear-gradient(left, #40e5fb, #00a0b8);
	background:linear-gradient(left, #40e5fb, #00a0b8);
}

#mediasponsor h3 {
	width:980px;
	margin:0 auto;
	padding:10px 0 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}
#mediasponsor .more {
	float:right;
}


/* slide bar */

#mediasponsor div.bn_area {
	width:1000px;
	height:80px !important;
	padding:20px 0 0;
	text-align: center;
}

#mediasponsor .caroufredsel_wrapper {
    height: 103px !important;
}

#mediasponsor div.bn_area ul li {
	float:left;
	font-size: 9px;
	width:200px;
	height:74px;
	margin: 0 10px 10px;
	text-align: center;
	border:1px solid #ddd;
}

#mediasponsor div.bn_area ul li span {
	margin-top: -12px;
	display: block;
}



/* co-located events */

#colocated {
	position:relative;
	width:100%;
}

#colocated .inner {
	width:1000px;
	margin:0 auto;
	padding:40px 0;
}

#colocated h2 {
	width:980px;
	margin:0 auto;
	font-size:36px;
	font-family: 'Roboto Condensed', sans-serif;
	font-weight:400;
	text-align:center;
}
#colocated h2:after {
	content:"";
	display:block;
	height:1px;
	width:980px;
	margin:0 auto;
	background:#00a0b8;
	background:-webkit-gradient(linear, left top, right bottom, from(#40e5fb), to(#00a0b8));
	background:-moz-linear-gradient(left, #40e5fb, #00a0b8);
	background:linear-gradient(left, #40e5fb, #00a0b8);
}

#colocated h3 {
	width:980px;
	margin:0 auto;
	padding:10px 0 0;
	font-size:18px;
	font-weight:bold;
	text-align:center;
}

#colocated ul {
	width:960px;
	margin:20px auto;
}
#colocated ul li {
	float:left;
	width:218px;
	margin:10px;
	border:1px solid rgba(5,129,150,0.5);
    -webkit-transition: 0.4s;
    -moz-transition: 0.4s;
    -o-transition: 0.4s;
    -ms-transition: 0.4s;
    transition: 0.4s;
}
#colocated ul li:hover {
	opacity:0.6;
	border:1px solid rgba(20,149,210,1);
}