@charset "utf-8";

@import "subpage.css";

/*** body Area用レイアウト ***/

#mainSection {
	width: 600px;
	padding: 0 15px;
	float: left;
}

#sidebarSection {
	width: 170px;
	float: right;
}

/*** mainSection内のレイアウト用スタイル ***/
/*** eventsカテゴリ共通のパーツ ***/
#breadcrumb {
	padding: 5px 0;
}

.blockTitle {
	clear: both;
	padding: 5px 0 2px;
}


/*** index.html用のパーツ ***/

.eveTopMidashiBox {
	float: left;
	margin: 10px 0 ; 
}

.eveTopMidashiBox img {
	margin: 5px 0;
}

.eveTopHowtoBox {
	float: right;
	margin: 15px 5px;
}

.eveTopHowtoBox p {
	width: 200px;
}

.exceptForum {
	color:#f30;
}

.topForumDetails, .topSistemtenDetails {
	background-image: url(../images/news/info_graybullet.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	padding: 5px 0 0 15px;
}


ol.exhEventList {
	list-style-type: none;
	padding-left: 25px;
	margin-top:15px;
}

ol.exhEventeList li {
	clear: both;
	padding: 8px 0;
	border-bottom: 1px #ccc dashed;
}

ol.exhEventList li:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

ol.exhEventList li {/*Hack for IE5-mac \*/
	display: inline-table;
}

/* Hides from IE5-mac \*/
* html #mainSection ol.exhEventList li { height: 1%; }
#mainSection ol.exhEventList li {display: block; }
/* End hideing */

ol.exhEventList li p {
	float: left;
	margin-top:10px;
}

ol.exhEventList li p.exhEventDate {
	width: 85px;
	font-size: 0.9em;
}

ol.exhEventList li p.exhEventBody {
	width: 470px;
	padding-left: 15px;
	text-indent: 20px;
}

ol.exhEventList li p.exhEventeBody span {
	display: block;
	font-size: 0.9em;
}

ol.exhEventList li p.exhEventBody span.exhEventTitle {
	background-image: url(../images/common/listbullet_blue_border.gif);
	background-repeat: no-repeat;
	background-position: 0 5px;
	padding-left: 20px;
	font-size: 1.1em;
}

/** forum.html用パーツ **/
.forumHighlight p {
	margin: 0 0 10px 25px;
}

.forumHighlight p.forumHighlightTitle {
	margin: 15px 0 10px 0;
	background-image: url(../images/events/bg_highlight_strong.jpg);
	background-repeat: repeat-x;
	background-color: #036A00;
	font-size: 1.2em;
	color: #fff;
	padding: 10px 10px 5px 10px;
}

.forumSchedule {
	width: 270px;
	margin: 0 10px 0 15px;
	border: 1px #333 solid;
	border-collapse: collapse;
	float: left;
}

.forumSchedule caption {
	text-align: left;
	background-image: url(../images/common/subtitle_bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	margin-left: 25px;
	text-indent: 15px;
	font-weight: bold;
}

.forumSchedule th, .forumSchedule td {
	width: 90px;
	padding: 3px;
	border: 1px #333 solid;
}

.forumApply {
	width: 280px;
	float: left;
}

.forumApply p {
	background-image: url(../images/common/subtitle_bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	text-indent: 15px;
	font-weight: bold;
	margin:0 0 0 10px;
	padding:0;
}

.forumApply p.forumPayment {
	background: none;
	font-weight: normal;
	text-indent: 0;
	margin: 10px 0 10px 10px;
	padding:0;
}

.forumApply dl {
	margin:0 0 0 10px;
}

.forumApply dl dt {
	font-weight: bold;
}
.forumApply dl dd {
	padding-left: 15px;
}



/** 開催概要部分 **/
.genralInfo {
	padding: 10px 15px 5px 20px;
}

.genralInfo dd {
	clear: both;
	width: 6em;
	text-align: right; 
	float: left;
	padding-right: 5px;
	padding-bottom: 5px;
	margin-bottom: 5px;
}

.genralInfo dt {
	float: left;
	width: 35em;
	padding-bottom: 10px;
	border-left: 3px #9c6 solid;
	padding-left: 5px;
	margin-bottom: 5px;
}

.forumGreetingBody {
	margin: 5px 0 0 25px;
	text-indent: 1em;
}

.forumGreetingFooter {
	margin-top: 20px;
	float: right;
	text-align:right;
	width: 400px;
}

/*** forum_schedule.html用のパーツ ***/
.eventsAnchorNav {
	width:575px;
	padding: 10px 0 0 25px;
	margin: 5px 0;
	height: 2em;
	list-style-type: none;
	background-color: #eee;
}

.eventsAnchorNav li {
	background-image: url(../images/common/listbullet_gray_ongray.gif);
	background-repeat: no-repeat;
	background-position: 0 4px;
	text-indent: 12px;
	width:170px;
	display: block;
	float: left;
}

.forumProgram {
	width: 560px;
	margin: 10px;
	border: 1px #999 solid;
	border-collapse: collapse;
}

.forumProgram caption {
	display: none;
}

.forumProgram th, .forumProgram td {
	padding: 3px 5px;
	border: 1px #999 dashed;
}
.forumProgram th.keynote {
	background-color: #CA7D9A;
}

.forumProgram td.keynote {
	background-color: #E0B8C5;
}

.forumProgram th.stageA {
	background-color: #9E75B4;
}

.forumProgram td.stageA {
	background-color:#D4C8E2;
}

.forumProgram th.stageB {
	background-color: #4E87C6;
}

.forumProgram td.stageB {
	background-color:#A2B8DF;
}

.forumProgram td.stageA strong, .forumProgram td.stageB strong {
	display: block;
	padding-left: 15px;
	font-size: 1.1em;
}

.forumProgram td strong {
	display: block;
}

.forumProgram td strong img {
	padding: 0 0 3px 3px;
	vertical-align: middle;
}

.forumProgram td dl dt {
}

.forumProgram td dl dd {
	margin-left: 15px;
}

.forumInfoDate {
	text-align:right;
	padding-right: 30px;
} 

.soldOut {
	color:#c00;
	margin:0 0 10px;
}

/*** systemten.htmlのスタイル ***/
.systemtenPic1 {
	float:right;
	margin: 5px;
}

.systemtenPic2 {
	float:right;
	margin: 0px 15px 5px 0;
}


.eventSystemtenList {
	margin: 10px 0 0 25px;
}

.eventSystemtenList dt {
	background-image: url(../images/common/subtitle_bullet_blue.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	text-indent: 12px;
	margin: 10px 0 5px;
	font-weight: bold;
}

/*** exh_seminar.html用のパーツ ***/

.sessionTitle {
	background-color: #B7E0D3;
	padding: 3px 5px;
}

.sessionTitle img {
	vertical-align:bottom;
	margin-left: 5px;
}

/*** sidebarSectionのスタイル ***/

#subNavi {
	list-style-type: none;
	text-align: center;
	margin-top: 30px;
}

#subNavi li {
	margin: 10px 0;
}
 
#subNavi li.eventsSubnaviTitle {
	background-image: url(../images/events/subnavi/events.gif);
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
	margin-bottom: 18px;
}

#subNavi li a.eventsTop {
	background-image: url(../images/events/subnavi/events_top.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsTop:hover {
	background-image: url(../images/events/subnavi/events_top.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsForum {
	background-image: url(../images/events/subnavi/events_forum.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsForum:hover {
	background-image: url(../images/events/subnavi/events_forum.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsProgram {
	background-image: url(../images/events/subnavi/event_program.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsProgram:hover {
	background-image: url(../images/events/subnavi/event_program.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsHallmap {
	background-image: url(../images/events/subnavi/event_hallmap.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsHallmap:hover {
	background-image: url(../images/events/subnavi/event_hallmap.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsSeminar {
	background-image: url(../images/events/subnavi/events_exhseminar.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsSeminar:hover {
	background-image: url(../images/events/subnavi/events_exhseminar.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsSystemten {
	background-image: url(../images/events/subnavi/events_systemten.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsSystemten:hover {
	background-image: url(../images/events/subnavi/events_systemten.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}

#subNavi li a.eventsExhevents {
	background-image: url(../images/events/subnavi/events_exhevents.gif);
	background-position: 0 30px;
	display: block;
	width: 150px;
	height: 30px;
	text-indent: -9999em;
}

#subNavi li a.eventsExhevents:hover {
	background-image: url(../images/events/subnavi/events_exhevents.gif);
	background-position: 0 0;
	display: block;
	width: 150px;
	height: 30px;
}