@charset "utf-8";



/* header
------------------------------------------------*/
header nav {
	width:100%;
	height:351px;
	position:relative;
	background:url(../images/header_nav_bgs.png) no-repeat center;
}
header nav ul li {
	width:164px;
	height:164px;
	position:absolute;
}
header nav ul li:first-child {
	left:60px;
	top:0;
}
header nav ul li:first-child + li {
	right:60px;
	top:0;
}
header nav ul li:first-child + li + li {
	left:70px;
	bottom:15px;
}
header nav ul li:first-child + li + li + li {
	right:70px;
	bottom:15px;
}



#ybox {
	width:80%;
	margin:20px auto;
	padding:10px;
	text-align:center;
	font-size:16px;
	color:#008b3e;
	font-weight:bold;
	border:4px solid #ffe100;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	background:#fff;
}

#ybox ul {
	text-align:center;
}
#ybox ul li {
	margin:0 15px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
#ybox ul li:first-child {
	width:170px;
}
#ybox ul li:first-child + li {
	width:260px;
}

#ybox p.btn {
	margin:10px auto 0;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	background:#00b9f0;
}
#ybox p.btn a {
	padding:3px;
	display:block;
	font-size:14px;
	color:#fff;
	font-weight:normal;
}
#ybox p.btn a:hover {
	color:#ffe100;
}



#live {
	width:640px;
	height:172px;
	position:relative;
	margin:25px auto;
}
#live #live_left {
	width:452px;
	height:172px;
	position:absolute;
	left:0;
	top:0;
}
#live #live_right {
	width:157px;
	height:172px;
	position:absolute;
	right:0;
	top:0;
}

#live div.element {
	padding:17px;
	text-align:center;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
}
#live #live_left .element {
	background:#ffe100;
}
#live #live_right .element {
	background:#fff;
	border:4px solid #ffe100;
}



/* contents
------------------------------------------------*/
#contents .element {
	margin:0 0 26px;
	padding:15px;
	float:left;
	font-size:14px;
	border:3px solid #b4def7;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	background:#fff;
}
#contents_fix .element {
	margin:0 0 26px;
	/margin-top:26px;
	padding:15px;
	font-size:14px;
	border:3px solid #b4def7;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	background:#fff;
}

#news .element h2,
#contents .element h2,
#contents_fix .element h2 {
	width:100%;
	height:42px;
	margin-bottom:15px;
	font-size:20px;
	color:#fff;
	text-align:center;
	line-height:42px;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	position:relative;
	background:#00b9f0;
}
#contents .element h3 {
	margin:0 0 5px;
	padding:0 0 3px;
	font-size:14px;
	color:#00b9f0;
	border-bottom:1px dotted #00b9f0;
}

#contents #conference.element h2 span {
	padding:5px 0 5px 40px;
	background:#00b9f0 url(../images/h2_icon_conference.gif) no-repeat left center;
}
#contents #offer.element h2 span {
	padding:5px 0 5px 37px;
	background:#00b9f0 url(../images/h2_icon_offer.gif) no-repeat left center;
}
#contents #about.element h2 span {
	padding:5px 0 5px 41px;
	background:#00b9f0 url(../images/h2_icon_about.gif) no-repeat left center;
}
#contents #supporter.element h2 span {
	padding:5px 0 5px 49px;
	background:#00b9f0 url(../images/h2_icon_supporter.gif) no-repeat left center;
}
#contents #report.element h2 span {
	padding:5px 0 5px 40px;
	background:#00b9f0 url(../images/h2_icon_report.gif) no-repeat left center;
}
#contents #calendar.element h2 span {
	padding:5px 0 5px 39px;
	background:#00b9f0 url(../images/h2_icon_calendar.gif) no-repeat left center;
}
#contents #esdquest.element h2 span {
	padding:5px 0 5px 41px;
	background:#00b9f0 url(../images/h2_icon_esdquest.gif) no-repeat left center;
}
#contents #link.element h2 span {
	padding:5px 0 5px 37px;
	background:#00b9f0 url(../images/h2_icon_link.gif) no-repeat left center;
}
#contents #song.element h2 span {
	padding:5px 0 5px 35px;
	background:#00b9f0 url(../images/h2_icon_song.gif) no-repeat left center;
}



#contents .element.org {
	border:3px solid #ff9900;
}
#contents .element.org h2,
#contents .element.org h2 span {
	background-color:#ff9900 !important;
}
#contents .element.org h3 {
	color:#ff9900;
	border-bottom:1px dotted #ff9900;
}
#contents .element.org a {
/*	color:#ff9900;*/
}

/*
#contents .element.org .linkarw a {
	padding-left:14px;
	background:url(../images/ico_link_arrow_ylw.png) no-repeat left 2px;
}
*/
#contents .element.size1 {
	width:100%;
}
#contents .element.size2 {
	width:48%;
}



#contents .element .coming {
	padding:15px;
	text-align:center;
	font-size:16px;
}



#contents #supporter.element {
	position:relatvie;
}
/*
#contents #supporter #supporter_link {
	width:50%;
	float:left;
}
*/
#contents #supporter #supporter_link {
	width:100%;
}
#contents #supporter #supporter_video {
	width:50%;
	height:316px;
	padding:15px;
	float:right;
	text-align:center;
	border:3px solid #ff9600;
}
#page_supporter #supporter_video {
	padding:15px;
	border:3px solid #00b9f0;
}
#page_supporter #supporter_video iframe {
	float: right;
	margin: 0 0 0 10px;
}
#supporter_video h3 {
    color: #00b9f0;
    font-size: 20px;
}

#contents #supporter.element ul {
	text-align:center;
	letter-spacing: -.40em;
}
#contents #supporter.element ul li {
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	letter-spacing: normal;
}
#contents #supporter.element ul li:first-child,
#contents #supporter.element ul li:first-child + li + li {
	margin-right:20px;
}
#contents #supporter.element ul li:first-child + li + li,
#contents #supporter.element ul li:first-child + li + li + li {
	margin-top:5px;
}
#contents #supporter.element ul li img {
	vertical-align:top;
}


#contents #badge.element {
	padding-bottom:0;
}
#contents #badge.element #badge_step {
	height:384px;
}
#contents #badge.element #badge_step .intro {
	border-bottom:1px dotted #ff9600;
}
#contents #badge.element #badge_step #badge_img {
	text-align:center;
}
#contents #badge.element #badge_step #badge_num {
	color:#ff9900;
	font-weight:bold;
	text-align:center;
}

#contents #badge.element #badge_step #badge_dlbtn {
	text-align:center;
}
#contents #badge.element #badge_step #badge_share {
	margin:10px 0 0;
}
#contents #badge.element #badge_step #badge_share ul {
	text-align:center;
	letter-spacing: -.40em;
}
#contents #badge.element #badge_step #badge_share li {
	margin:0 10px;
	display: -moz-inline-box;
	display: inline-block;
	letter-spacing: normal;
	/display: inline;
	/zoom: 1;
}

#badgestep {
	line-height:0;
}
#badgestep img {
	padding-left:14px\9;
}
#badgestep.finish {
	width:470px;
	height:220px;
	background:url(../images/top_esdbadge_step5.png) no-repeat;
}
#badgestep.finish #badge_share_cb {
	padding:165px 0 0;
}
#badgestep.finish #badge_share_cb ul {
	text-align:center;
	letter-spacing: -.40em;
}
#badgestep.finish #badge_share_cb li {
	margin:0 10px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}



/* news/offer
------------------------------------------------*/
#news {
	width:100%;
	height:393px;
	margin:0 0 25px;
	position:relative;
	background:url(../images/header_nav_bgs.png) no-repeat left center;
	z-index:1;
}
#news .element {
	width:412px;
	height:405px;
	margin:0 0 26px 388px;
	padding:15px;
	font-size:14px;
	border:3px solid #b4def7;
	-webkit-border-radius:10px;
	-moz-border-radius   :10px;
	border-radius        :10px;
	background:#fff;
}
#news .element h2 span {
	padding:5px 0 5px 46px;
	background:#00b9f0 url(../images/h2_icon_news.gif) no-repeat left center;
}


.information_list {
	padding-bottom:20px;
	line-height:1.3em;
	line-height:1.1em\9;
}

.information_list #news_sc {
	height:300px;
	overflow-y:scroll;
}

.information_list .notice a {
	color: red;
	font-size: 13px;
}

.information_list #offer_sc {
	height:250px;
	overflow-y:scroll;
}

.information_list dl {
	margin-top:15px;
	/zoom: 1
}
.information_list dl:after {
	content:"";
	display:block;
	clear:both;
}
.information_list dl dt {
	height:28px;
	float:left;
	padding-left:80px;
	line-height:28px;
	vertical-align:bottom;
}
.information_list dl dd {
	padding-top:7px;
	padding-top:10px\9;
	float:left;
	margin-left:10px;
}

#news .information_list dl {
	margin-bottom:25px;
	/zoom: 1
}
#news .information_list dl dt {
	float:none;
}
#news .information_list dl dd {
	padding-top:0;
	float:none;
	line-height:1.3em\9;
}


.information_list dl dd.l2 {
	line-height:1.4em;
	line-height:1.2em\9;
}

.information_list dl:first-child {
	margin-top:0;
}

.information_list dl dd .notice_line1 {
/*	width:240px;*/
/*	width:230px\9;*/
	width:340px;
	width:330px\9;
	margin-top:5px\9;
	display:inline-table;
	vertical-align:top;
}
.information_list dl dd span.notice {
	padding:2px 4px;
	font-size:11px;
	color:#fff;
	background:#c00;
	vertical-align:top;
	border-radius: 3px; /* added 2016-02-04 */
}
.information_list dl dd span.notice.finish {
	background:#999;
}
.information_list dl dd span.notice_caution {
	font-size:11px;
	padding:4px 0 0;
	margin-top:5px\9;
	display:inline-table;
	vertical-align:top;
}





.information_list dl.information dt {
	background:url(../images/ico_cate_information.gif) no-repeat left center;
}
.information_list dl.offer dt {
	background:url(../images/ico_cate_offer.gif) no-repeat left center;
}
.information_list dl.event dt {
	background:url(../images/ico_cate_event.gif) no-repeat left center;
}





/* conference
------------------------------------------------*/
#conference ul {
	margin-top:15px;
	text-align:center;
}
/*
#conference ul li {
	vertical-align:top;
	/width:380px;
	margin-bottom:20px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
}
*/


/* facebook
------------------------------------------------*/
#facebook {
	height:500px;
}


/* link
------------------------------------------------*/
#link ul {
	text-align:center;
}
#link ul li {
	/width:252px;
	margin-bottom:20px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	vertical-align:top;
}

#link ul.lft li {
	text-align: center;}


/* footer
------------------------------------------------*/
footer {
	padding:10px 0 30px;
	text-align:right;
	color:#fff;
	border-top:3px solid #fff;
}
 /* added 2016-02-04 */
.footer_link a {
	color: #fff;
}


/* calendar
------------------------------------------------*/
#calendar #calendar_nav,
#calendar #calendar_place {
	margin:0 0 15px;
}
#calendar #calendar_nav ul,
#calendar #calendar_place ul {
	text-align:center;
	letter-spacing: -.40em;
}
#calendar #calendar_nav ul li {
	padding:3px 20px;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color:#00b9f0;
	letter-spacing: normal;
	border-top:1px solid #00b9f0;
	border-bottom:1px solid #00b9f0;
	border-right:1px solid #00b9f0;
	cursor:pointer;
}
#calendar #calendar_nav ul li.select {
	color:#fff;
	background:#00b9f0;
}
#calendar #calendar_nav ul li:first-child {
	border-left:1px solid #00b9f0;
}

#calendar #calendar_place ul li {
	width:130px;
	margin:0 10px;
	padding:0;
	display: -moz-inline-box;
	display: inline-block;
	/display: inline;
	/zoom: 1;
	color:#00b9f0;
	letter-spacing: normal;
}
#calendar #calendar_place ul li#ev_tokyo {
	color:#fff;
	background:#0070c0;
}
#calendar #calendar_place ul li#ev_aichi {
	color:#000;
	background:#ffccff;
}
#calendar #calendar_place ul li#ev_okayama {
	color:#000;
	background:#ccffcc;
}
#calendar #calendar_place ul li#ev_koubo {
	color:#000;
	background:#ffff00;
}



#calendar #calendar_main #calendar_sc {
	height:400px;
	margin-top:-1px;
	overflow-y:scroll;
}
#calendar #calendar_main table {
	width:100%;
	line-height:1.4em;
}

#calendar #calendar_main table.cal_head th {
	padding:5px;
	vertical-align:middle;
	border:1px solid #c8c8c8;
	background:#ebf5ff;
}
#calendar #calendar_main table.cal_head th:first-child,
#calendar #calendar_main table.cal_head th:first-child + th {
	width:30px;
}

#calendar #calendar_main table.cal_date th {
	width:30px;
	font-weight:normal;
	vertical-align:middle;
	color:#a3a3a3;
	border:1px solid #c8c8c8;
}

#calendar #calendar_main table.cal_head tr th:first-child + th + th,
#calendar #calendar_main table.cal_date tr td.title {
	width:460px;
}


#calendar #calendar_main table.cal_date td {
	vertical-align:middle;
	color:#a3a3a3;
	border:1px solid #c8c8c8;
}

#calendar #calendar_main table.cal_date tr.ev th {
	padding:5px;
	color:#000;
}
#calendar #calendar_main table.cal_date tr th.sun {
	color:#ff0000;
}
#calendar #calendar_main table.cal_date tr th.sat {
	color:#0000ff;
}

#calendar #calendar_main table.cal_date tr.ev td {
	padding:5px;
	color:#000;
}



#calendar #calendar_main table.cal_date tr.ev_tokyo td {
	color:#fff;
	background:#0070c0;
}
#calendar #calendar_main table.cal_date tr.ev_tokyo td a {
	color:#fff;
}

#calendar #calendar_main table.cal_date tr.ev_aichi td {
	color:#000;
	background:#ffccff;
}
#calendar #calendar_main table.cal_date tr.ev_aichi td a {
	color:#000;
}

#calendar #calendar_main table.cal_date tr.ev_okayama td {
	color:#000;
	background:#ccffcc;
}
#calendar #calendar_main table.cal_date tr.ev_okayama td a {
	color:#000;
}

#calendar #calendar_main table.cal_date tr.ev_koubo td {
	color:#000;
	background:#ffff00;
}
#calendar #calendar_main table.cal_date tr.ev_koubo td a {
	color:#000;
}

#calendar #calendar_main table.cal_date tr.ev_other td {
	color:#ff6400;
}
#calendar #calendar_main table.cal_date tr.ev_other td a {
	color:#ff6400;
}


/*
#calendar #calendar_main table.cal_date tr.ev_mext td {
	color:#fff;
	background:#4071ff;
}
#calendar #calendar_main table.cal_date tr.ev_aichi-okayama td {
	color:#fff;
	background:#3fc026;
}
#calendar #calendar_main table.cal_date tr.ev_other td {
	color:#000;
	background:#ffe534;
}
#calendar #calendar_main table.cal_date tr.ev_supporter td {
	color:#fff;
	background:#ff8fd9;
}
#calendar #calendar_main table.cal_date tr td.bg_white {
	background:#fff;
}


#calendar #calendar_main table tr.ev_mext td a,
#calendar #calendar_main table tr.ev_aichi-okayama td a,
#calendar #calendar_main table tr.ev_supporter td a {
	color:#fff;
}
#calendar #calendar_main table tr.ev_other td a {
	color:#000;
}
*/