@charset "UTF-8";
html{
  width:100%;
  min-height: 100%;
}
body{
/*  background-color:#ffffff; */
  width:100%;
  min-height: 100%;
  margin:0 auto;
  padding:0 0;
  color:#080808;
  font-family:"Lucida Grande","segoe UI","ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN",Meiryo,arial,sans-serif;
  font-size:0.75em;
  -webkit-text-size-adjust: 100%;
  word-wrap:normal;


/* 赤系 50f 87a */
/*
  background: linear-gradient(to bottom, rgba(255,255,255,0.9),rgba(215,230,215,0.9));
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(215,230,215,0.9)));
  background:   -moz-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(215,230,215,0.9)));
  background:    -ms-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(215,230,215,0.9)));
  background:     -o-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(215,230,215,0.9)));
*/
/* 青系 82a 83a 89a */
/*
  background: linear-gradient(to bottom, rgba(255,255,255,0.9),rgba(230,230,255,0.9));
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(230,230,255,0.9)));
  background:   -moz-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(230,230,255,0.9)));
  background:    -ms-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(230,230,255,0.9)));
  background:     -o-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(230,230,255,0.9)));
*/
/* 緑系 49f 84a 86a 55f *//* 黄緑系 51f */
  background: linear-gradient(to bottom, rgba(255,255,255,0.9),rgba(225,250,225,0.9));
  background:-webkit-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(225,250,225,0.9)));
  background:   -moz-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(225,250,225,0.9)));
  background:    -ms-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(225,250,225,0.9)));
  background:     -o-gradient(linear, left top, left bottom, from(rgba(255,255,255,0.9)),to (rgba(225,250,225,0.9)));

  background-color:transparent;

}

/* easp2/3 */
h2:empty, h3:empty {display:none}


input:focus, textarea:focus {
    background-color: #efe;
}


h2 {
/*	width:100%; *//* 300px; */
	margin:10px 0px 0px 0px !important;
	width: 98%;
	padding: 0.5em 1%;
	text-align:left;
	background-color:#e0e0e0;
	border-color:rgb(99,112,80);
	border-width:1px 10px 2px 0;
	line-height:1.2em;
	color:black;
	font-weight: bold;
	font-family: sans-serif;
	font-size:1.2em;

	border-top:5px solid green;

}

img.abstimage {
  margin: 1em;
  float: right;
}

/* all */

body {
    background-color: #ffffff;
    color: #090909;
/*    font-family: Arial, sans-serif; */
    font-size: 11pt;
    word-wrap: normal;
}
p {
    margin-left: 2em;
    line-height: 1.35;
    text-indent: 0;
}

h2.pagetop {
    border-top: none;
    clear: none;
    margin: 0px 0px !important;
    color: white;
    background-color: darkblue; 
    text-align: left;
}
.Member h2.pagetop {
/*    background-color: #721; */
}
/*
h2 {
    clear: left;
    margin: 0px 0px;
    padding: 5px;
    color: darkblue;
    background-color: #dddddd; 
    text-align: left;
}
*/
h3 {
    margin: 0.4em 2em 0.4em 2em;
    padding: 3px;
    color:#050520;
    background-color: lightgray; 
    text-indent: 10px; 
}
image.logo {
    margin-right: 1em;
    margin-bottom: 0px;
    float: left;
}
address {
    font-family:'Times New Roman','Times',serif;
    font-style:normal;
    font-size:small;
    line-height:1em;
    margin-left: 2em;
}

dl.myprog, ul.myprog {
    margin: 0.4em 2em 0.4em 2em;
    padding: 3px;
}

dt {font-weight: bold;}

/* -------------- for Program */
div#contents {min-height: 100%}

div#contents > div:first-child {margin-right: 1em;}

div.sympdesc {background-color: #eef; margin: 1em 5%;}
div.sympdesc table {width: 100%; max-width: 100%;}
div.sympdesc p {padding-bottom: 0.8em;}
div.sympdesc p:empty {display: none;}

ruby {ruby-position:after;ruby-align:center;}
rt {font-size: 70%;}

.ls-7 {letter-spacing: -0.7px;}
.ls-1 {letter-spacing: -1px;}
.ls-2 {letter-spacing: -2px;}

.hide, .blockhide {display: none;}
table {margin: 1em auto; max-width: 99%;}
table.programn {margin: 2em auto 4em; max-width: 99%;}
table {border-spacing: 0;}
td, th {padding: 3px 0.5em; line-height: 1.25;background:#fff;}
td.Spacer {min-width: 0.3sem; height:1px;}
td.Spacer.hide2 {min-width: 0; }
tr.myhit td, tr.myhit th {border: #00f solid 1px;}
tr.myhit td:first-child {background-color: #eea;}
tr.mydown td:first-child {background-color: #cc9;}
#myprog tr.myhit td, #myprog tr.myhit th {border: #000 solid 1px;}

td.sessabst {background-color: #ffd;}
p.sessabst {font-size: 120%; width: 30em; max-width: 80%; background-color: #bfa; padding: 0.3em; margin: 0.5em auto;}
p.extra {font-size: 120%; max-width: 80%; background-color: #fba; padding: 0.3em; margin: 0.5em auto;}
td span.extra {color:blue;}
td span.extra a {color:blue;}

tr.Multi td[rowspan] {vertical-align: top; padding-top: 1em;}
body.program td, table.programn td {font-weight: 600;}
body.program th, table.programw td b {font-weight: 800;}
td span.SessNum {font-weight: 800;}
td span.SessCat {font-weight: 900; background-color: #fbb;
  background: linear-gradient(to bottom, rgba(255,255,160,0.5),rgba(255,180,180,1),rgba(255,255,160,0.5)); }
td span.PosCat {font-weight: 900; background-color: #ffa;
  background: linear-gradient(to bottom, rgba(224,255,200,0.5),rgba(255,255,128,1),rgba(255,255,128,1),rgba(224,255,200,0.5)); }
td span.SessName {font-weight: 600;}
body.en_.program tr.Room1 td {font-size: 95%;}

body.program td.hide2, body.program th.hide2, body.program td.hide2.small, body.program td.hide2.big {
  width: 0 !important; font-size: 0 !important; padding: 0 !important; border: none !important;
}

body.nonMember .member-open {display:none;}
body.Member .member-close {display:none;}

span.Member {color: #f53;}

div.progmenu {display:inline-block;margin:0;margin-left: 3em;}
@media screen and (max-width: 520px) {
	div.progmenu {margin-left: 0;}
}

p.emergency {clear: both; color:red; font-weight:bold; text-align: center; font-size: 110%; line-height: 1.6; margin: 0.5em; background: #fd9;}

span.hover {position: relative;}
span.hover span.pop {color: red; display:none; position: relative;}
span.hover:hover span.pop {
  display: inline-block;
  position: absolute;
  z-index: 30;
  background: #ffe;
  padding: 2px;
  border: solid 1px #000;
  top: 1.1em;
  left: 0;
}

td a, th a {text-decoration: none; color: #00a;}
tr.normal th a, tr.awardl th a, tr.thm1.abste th a, tr.thn1.abste th a 
	{text-decoration: underline;font-weight: bold; color: #03c}
tr.normal th a[href$=".pdf"], tr.awardl th a[href$=".pdf"], tr.thm1.abste th a[href$=".pdf"], tr.thn1.abste th a[href$=".pdf"] 
	{background: #ff9;}
tr.normal th a[href="noabst.html"], tr.awardl th a[href="noabst.html"] 
	{text-decoration: none; background: none;}
td a:hover, th a:hover, tr.normal th a:hover, tr.awardl th a:hover {color: #f00;}

td.thb {align: center; text-align: center;}
tr.thm2.abste td {vertical-align: top; height: 300px; padding-top: 0.5em;}
tr.thm1 td {text-align:center;}
tr.thm1 td.thb {min-width:314px; padding: 3px 1px;}
tr.thm1.noabst th, tr.thn1 th {min-height:2em;}
body.awards tr.thm2+tr.thm1 th, body.awards tr.thm2+tr.thm1 td,
body.keynotes tr.thm2+tr.thm1 th, body.keynotes tr.thm2+tr.thm1 td
 { border-top: dotted #333 2px; }
tr.thn3.noabst td {min-height:3em;}
tr.thn1 td {background:#ffd;}
tr.thn3 td.thb {min-width:314px; padding: 3px 1px;}
body.awards tr.thn3+tr.thn1 th, body.awards tr.thn3+tr.thn1 td,
body.keynotes tr.thn3+tr.thn1 th, body.keynotes tr.thn3+tr.thn1 td
 { border-top: dotted #333 2px; }

div.thh1 {
  display: none;
  position: absolute;
  border: blue solid 2px;
  padding: 8px;
  background: #ffd;
  border-radius: 10px;
  z-index: 35;
}
div.thh2 {
  display: none;
  position: absolute;
  z-index: 36;
  height: 32px;
  width: 20px;
}
div.thh3 {
  position: absolute;
  top: 3px;
  left: 0px;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 14px 20px 14px 0px;
  border-color: transparent blue transparent transparent;
}
div.thh4 {
  position: absolute;
  top: 5px;
  left: 3px;
  height: 0px;
  width: 0px;
  border-style: solid;
  border-width: 12px 17px 12px 0px;
  border-color: transparent #ffd transparent transparent;
}
.thh1 img, .thb img {border: none;}
.thb img.thumb-1+img.thumb-2, img.thh1h
{
  margin-top: 5px;
  border-top: dotted 3px #44b;
  padding-top: 5px;
}

body.awards table[data-tht="1"] tr.head2a td {background: #eee;}
body.awards table[data-tht="2"] tr.head2a td {background: #eee;}

table.prog td,table.prog th {padding: 2px 3px; line-height: 1.1}
.authors table td {max-width: 30em;}
/* table.session td:last-child {padding-left: 1.5em; text-indent: -1em;} */

body.admin td.titaut {position: relative;}
td.titaut div.admin {display: none; position: absolute; left: -2px; z-index: 20;
background: #eee; width: 96%; margin: 0; margin-top: 0.25em; padding: 2%;
border: solid 2px #00f; border-top: none;
}
td.titaut div.admin div.abst {border-top: #666 dotted 2px; padding-top: 0.5em; margin-top: 0.25em;}
td.titaut div.admin div.mail {border-top: #666 dotted 2px; padding-top: 0.5em; margin-top: 0.25em;}
td.titaut div.remark {border-top: #666 dotted 2px; padding-top: 0.5em; margin-top: 0.25em; background: #fdd;}

body.admin td.titaut:hover {overflow: show; border: solid #00f 1px; box-shadow: 4px 4px 5px; z-index: 10;}
td.titaut:hover div.admin {display: block; box-shadow: 3px 4px 5px;}

table.center td {text-align: center;}
th {background-color: #dfe;}
tr.awardl th {background-color: #fff; color: #000; width: 4em;}
tr.head2s th {background-color: #cfc; min-height: 2em;}
tr.head2 th {background-color: #cfc; min-height: 2em;}
tr.chair td, tr.chair th {background-color: #ddf;}
tr.chair.reviewer td, tr.chair.reviewer th {background-color: #edb;}
tr.normal.reviewer.noreview td, tr.normal.reviewer.noreview th {background-color: #ccc;}
tr.head2 {background-color: #def;}
td.key {font-size: 90%;}
tr.awardl td:first-child { width: 3em;}

/* 日付が変わるところ、時間が飛ぶところ */
tr.daychange > td, tr.daychange > th {border-top: blue 6px solid !important;}
tr.timeskip > td, tr.timeskip > th {border-top: #000 7px double !important;}

/* ポスター / フラッシュ の色(一般ページ) */
/*
tr.pPA1PA1 td, tr.pPB2PB2 td, tr.pPC2PC2 td, tr.pPD3PD3 td, tr.pPE3PE3 td {background-color: #efd;}
tr.pPC1DB1 td, tr.pPB2DA2 td  {background-color: #cdc;}
*/

/* 変更部分の色 */
/*
tr#K222 td,
tr#K223 td {background-color: #ffc;}
*/

/* オーガナイズドセッションの色 */
tr#J313 td, tr#J314 td, tr#J315 td, tr#J316 td, tr#J317 td, tr#J318 td, tr#J319 td, tr#J320 td, tr#J321 td, tr#J322 td, tr#J323 td {background-color: #ffd;}
tr.chairpre.cJ313-J316 td {background-color: #ffb; font-weight:bold; color:blue; text-align: center; padding: 0.5em;}

/* ショートプレゼンテーションの色 */
/* tr#LA004 td, tr#LA006 td, tr#LA010 td {background-color: #ffd;} */

h3 {background-color: #ccc; border-bottom: #7f7 1px;}

td a span, th a span {
  margin-left: 0.25em; margin-right: 0.25em;
}

span.strong {background-color: #fbb; font-weight: bold;}
span.award {background-color: #ffa;}
span.red, span.red a {color: red; font-weight: bold;}
span.blue, span.blue a {color: blue; font-weight: bold;}

body.program table.programw td, body.program table.programn td, body.session #selectpanel td {font-size: 85%; text-align: center; padding: 2px 3px; line-height: 1.1; border: solid 1px #000; } 
#selectpanel td {font-size: 85%; text-align: left; padding: 2px 3px; line-height: 1.1; border: none; } 

body.program td.big {font-size: 85%; background-color: #fcc; border: 2px solid red;}
body.program td.small {font-size: 60%; opacity: 0.5; height: 0.5em; padding: 1px;}
body.program td.small.null {opacity: 1}
body.program td.small:hover { opacity: 1; }
body.program td.small.roomno { opacity: 1; height: 0.5em; padding: 1px;}

body.program tr.small.Room2 td.small {height: 0; max-height: 0; font-size: 0; padding: 0; border: none;}
body.program tr.small td.small {height: 0; max-height: 0; font-size: 40%;}
body.program tr.small td.roomno {height: 0; max-height: 0; font-size: 60%;}

td.null {background: #ccc !important;}
body.program tr.Room1 td.null {border-bottom: none;}
body.program tr.Room1 td {border-bottom: #333 dotted 2px;}
body.program tr.Room1 td.roomno {border: solid 1px #000;}
body.program tr.Room1 td.roomdesc {border: solid 1px #000;}
body.program tr.Room2 td {font-size: 80%; border-top: none;}
table a {text-decoration: none; color: #000}
table a:hover {text-decoration: underline; color: #f00}

/* tr.BldgB td.roomno, tr.BldgB th {background: #dfe;} */
/* tr.RoomE td.roomno, tr.RoomE th {background: #edf;} */
tr.A0 td.roomno, tr.A0a th {background: #ffe;}
tr.A1 td.roomno, tr.A1a th {background: #dde;}
tr.A2 td.roomno, tr.A2a th {background: #ffe;}
tr.A3 td.roomno, tr.A3a th {background: #dde;}

tr.PS td.roomno, tr.PSa th {background: #dfc;}

/*
tr.B3 td.roomno, tr.B3a th {background: #dde;}
tr.C3 td.roomno, tr.C3a th {background: #dde;}
tr.D3 td.roomno, tr.D3a th {background: #dde;}

tr.KY1 td.roomno, tr.KY2 th {background: #dfe;}
tr.KY3 td.roomno, tr.KY3 th {background: #dfc;}
tr.KY4 td.roomno, tr.KY4 th {background: #bfc;}
tr.KY5 td.roomno, tr.KY5 th {background: #cfa;}
tr.KO4 td.roomno, tr.KO4 th {background: #da9;}
tr.KO5 td.roomno, tr.KO5 th {background: #ecc;}
tr.KO6 td.roomno, tr.KO6 th {background: #fcb;}
*/
tr.ZA td.roomno, tr.ZAa th {background: #fcc;}
tr.ZB td.roomno, tr.ZBa th {background: #dde;}
tr.BA td.roomno, tr.BA th {background: #faa;}

tr.headB td, tr.headB th {border-top: 6px solid #000; border-bottom: 3px solid #000; height: 2em; background-color: #fe9; color: #00c;}
/*
tr.headB.bldg0 td, tr.headB.bldg0 th {background-color: #fe8; }
tr.headB.bldg1 td, tr.headB.bldg1 th {background-color: #8e8; }
tr.headB.bldg2 td, tr.headB.bldg2 th {background-color: #8da; }
tr.headB.bldg3 td, tr.headB.bldg3 th {background-color: #8cc; }
tr.headB.bldg4 td, tr.headB.bldg4 th {background-color: #9bd; }
tr.headB.bldg5 td, tr.headB.bldg5 th {background-color: #da8; }
tr.headB.bldg6 td, tr.headB.bldg6 th {background-color: #fe8; }
tr.headB.bldg7 td, tr.headB.bldg7 th {background-color: #a8d; }
tr.headB.bldg8 td, tr.headB.bldg8 th {background-color: #faa; }
*/
/* 50f theme color for each building */
/*
tr.headB.bldg0 td, tr.bldg0 th {background-color: #ffcba1; }
tr.headB.bldg1 td, tr.bldg1 th {background-color: #9fa1ff; }
tr.headB.bldg2 td, tr.bldg2 th {background-color: #ffa1da; }
tr.headB.bldg3 td, tr.bldg3 th {background-color: #a1ff90; }
tr.headB.bldg4 td, tr.bldg4 th {background-color: #a1ff90; }
tr.headB.bldg5 td, tr.bldg5 th {background-color: #a1bcff; }
tr.headB.bldg6 td, tr.bldg6 th {background-color: #f8ffa1; }
tr.headB.bldg7 td, tr.bldg7 th {background-color: #faa; }
tr.headB td a, tr.headB th a {color: #00c;}
*/

body tr.Room1 td.roomdesc, body tr.Room1 th.roomdesc {height: 2em; color: #008; font-weight: 600; font-size: 100%;}

td.roomdescP {background: #bfb;}
td.ScPS {background: #dfd;}

td.ScST, tr.ScST td.name, tr.ScST td.code {background: #dcf;}
td.ScHC {background: #ffb;}
td.ScHQ, tr.ScHQ td.name, tr.ScHQ td.code {background: #ffb;}
td.ScHQ.SeHQ-15 {background: #dfd;}
td.ScSV, tr.ScSV td.name, tr.ScSV td.code {background: #fbc;}
td.ScSP, tr.ScSP td.name, tr.ScSP td.code {background: #fdd;}
td.ScSS {background: #ffd;}
tr.RoomPA td.Flash, tr.RoomPB td.Flash, tr.RoomPC td.Flash {background: #cdc;}
td.ScE4BABAE69D90E4BAA4E6B581E4BC9A7CExchangem, 
td.ScE382A4E383B3E382BFE383BCE383B3E382B7E38383E38397E4BAA4E6B581E4BC9A7CInte 
{background: #fec;}
td.ScE3808CE38387E383BCE382BFE589B5E587BAE383BBE6B4BBE794A8E59E8BE3839EE38386E383AAE382A2E383ABE7A094 
{background: #afc;}

td.roomdescC {background: #bbf;}
/*
td.ScK {background: #ddf;}
td.ScF {background: #fec;}
td.ScX {background: #ece;}

td.ScCer,td.ScCY,td.Sc0,td.ScE9968BE4BC9AE5BC8F7CCeremony {background: #faa; font-size: 100%}
td.ScBanq {background: #faa;}
td.ScPL {background: #faa;}
td.ScSE {background: #faa;}
td.ScAward {background: #ddd !important; font-size: 100%}
*/
td.Sc3Cahref3D22http3A2F2F {background: #aca;}

/* td.Flash {background: #fcf !important;} */
/* td.Flash {background: #cdc !important;} */

td.ScCer,td.ScCY,td.ScPL,td.ScSE,td.ScSV,td.ScSP,td.ScIN {border-color: #f00 !important;}

/*黄色: ライブ配信併用*/
td.ScSV, 
td.ScSP, 
td.ScIN, 
td.ScK, 
td.ScIS, 
td.ScF, 
td.ScSS, 
td.ScHC,
td.SeHQ-11,
td.SeHQ-12,
td.SeHQ-13,
td.SeSY-88,
td.Se0-a,
td.Se0-d {background: #ff0;}


tr td.use {background: #fff;}

tr.ScSV td.use, 
tr.ScSP td.use, 
tr.ScIN td.use, 
tr.ScK td.use, 
tr.ScIS td.use, 
tr.ScF td.use, 
tr.ScSS td.use, 
tr.ScHC td.use,
tr.SeHQ-11 td.use,
tr.SeHQ-12 td.use,
tr.SeHQ-13 td.use,
tr.SeSY-88 td.use,
tr.Se0-a td.use,
tr.Se0-d td.use {background: #ff0;}

td.SeHQ-15 {background: #dfd;}

.keynotes .head2a td, .awards .head2a td {border-bottom: #333 solid 2px; font-weight: bold;}
.keynotes .head2a rt, .awards .head2a rt {font-weight: normal;}


.topnavi {
	width: 100%;
	height: 2em;
	margin: 0;
	margin-bottom: 2.2em;
	padding: 0;
	text-indent: 0;
	clear: both;
/*	background: #b22222; *//* 50f 87a 配色(赤) */
/*	background: #46f; *//* 82a 83a 89a 配色 */
/*	background: #006e4f; *//* 49f配色 */
/*	background: #819b25; *//* 51f配色(黄緑) */
	background: #005e3f; /* 84a 86a 55f 配色(深緑) */
}
#nav {
	width: 57em;
	max-width: 100%;
	height: 2em;
	margin: 0 auto;
	text-indent: 0;
	z-index: 20;
	padding: 0;
}

.topnavi {
	z-index: 20; 
}
.topnavi.fixed, #nav.fixed {
	position: fixed;
	z-index: 20; 
}
#nav ul {
	padding: 0;
}
#nav li {
	list-style-type: none;
	position: relative;
	float: left;
	width: 8em;
	height: 2em;
	text-align: center;
	border-right: 1px solid #fff;
	text-indent: 0;
	margin: 0;
	z-index: 30;
	word-break: break-all;
}
#nav li.search {
	border-right: none;
	width: 16em;
}

#nav li.search div {
	width: 16em;
	height: 2em;
	color: #006;
	line-height: 2em; 
	padding: 0px;
/*	background: #f88; *//* 赤系 (50f 87a) */
/*	background: #acf; *//* 青系 (82a 83a 89a) */
/*	background: #6db; *//* 緑系 (49f) */
/*	background: #9ac82b; *//* 黄緑系 (51f) */
	background: #6b9; /* 深緑系 (84a 55f) */
}
#nav li.search div input, #nav li.search div select {
/*	line-height: 2em; */
	font-size: 90%;
	padding: 0px;
}
#nav li.search div span.alt  {
	display: none;
	font-weight: bold;
}

#nav li a {
	display: block;
	width: 8em;
	height: 2em;
	color: #006;
	text-decoration: none;
	font-weight: bold;
	line-height: 2em;
/*	background: #f88; *//* 赤系 (50f 87a) */
/*	background: #acf; *//* 青系 (82a 83a 89a) */
/*	background: #6db; *//* 緑系 (49f) */
/*	background: #9ac82b; *//* 黄緑系 (51f) */
	background: #6b9; /* 深緑系 (84a 86a 55f) */
}
#nav li.haschild:hover {
	height: 2em;
/*	background: #f88; *//* 赤系 (50f 87a) */
/*	background: #acf; *//* 青系 (82a 83a 89a) */
/*	background: #6db; *//* 緑系 (49f) */
/*	background: #9ac82b; *//* 黄緑系 (51f) */
	background: #6b9; /* 深緑系 (84a 86a 55f) */
}

#nav li.myprogs {
	display: none;
}
#nav li.myprog a {
	background: #ecc;
}
#nav li.myprog a:hover {
	background: #fdd;
}

#nav > li > ul > li:first-child {
/*	border-top: 0.5em #acf; */
}

#nav li a:hover {
	color: #800;
/*	background: #fcc; *//* 赤系 (50f 87a) */
/*	background: #cef; *//* 青系 (82a 83a 89a) */
/*	background: #afc; *//* 緑系 (49f) */
/*	background: #cee582; *//* 黄緑系 (51f) */
	background: #8da; /* 深緑系 (84a 86a 55f) */
}
#nav > li li:hover > a {
/*	background: #fcc; *//* 赤系 (50f 87a) */
/*	background: #cef; *//* 青系 (82a 83a 89a) */
/*	background: #afc; *//* 緑系 (49f) */
/*	background: #cee582; *//* 黄緑系 (51f) */
	background: #8da; /* 深緑系 (84a 86a 55f) */
}
#nav li ul {
	left: 0;
	position: absolute;
	top: 2em;
	z-index: 21;
}
#nav li ul li {
	overflow: hidden;
	height: 0;
}
#nav li ul li a {
	border-top: 1px solid #fff;
}
#nav li ul li ul li a {
	text-align: left;
	padding-left: 0.5em;
}

#nav li:hover > ul > li {
	overflow: visible;
	width: 8em;
	height: 2em;
}
	#nav li ul li ul {
		top: 0;
		left: 8em;
	}
	
	#nav li ul li ul li:hover > a {
/*		background: #fcc; *//* 赤系 (50f 87a) */
/*		background: #cef; *//* 青系 (82a 83a 89a) */
/*		background: #afc; *//* 緑系 (49f) */
/*		background: #cee582; *//* 黄緑系 (51f) */
		background: #8da; /* 深緑系 (84a 86a 55f) */
	}



@media screen and (min-width: 891px) {
	#nav.nomyprog { width: 48.5em;}
}

@media screen and (max-width: 890px) {
	#nav { width: 48.5em;}
	#nav > li.navLast {display: none; }
	#nav li.myprogs {display: inline; }
	#nav > li.myprog {display: none; }
}
@media screen and (max-width: 760px) {
	#nav { width: 40.3em;}
	#nav > li.navInfo {display: none; }
	td.code, th.code { display: none; }
}
@media screen and (max-width: 650px) {
	#nav { width: 32.3em;}
	#nav > li.navProg {display: none; }
	td.key, th.key { display: none; }
}
@media screen and (max-width: 530px) {
	#nav { width: 24.3em;}
	#nav > li.navSear, #nav > li.search div {width: 8em; }
	#nav > li.navSear div input, #nav > li.search div select {display: none; }
	#nav > li.navSear div span.alt {display: inline; }
}

@media screen and (max-width: 410px) {
	#nav { width: 16.3em;}
	#nav > li.navSear {display: none; }
}

/* division select popup */

/* popupメッセージ */

div#popscreen {
	position: fixed;
	z-index: 123456784;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	display: none;
	border: none;
	background: #666;
	background: rgba(0,0,0,0.7);
}

div#topicspopup, div#ctlpopup {
  position: relative;
  margin: 5% auto;
  border: solid blue 2px;
  border-radius: 10px;
  background: #fff;
  max-width: 95%;
}
div#topicspopup {
  width: 58em;
}
div#ctlpopup {
  width: 38em;
}
div#topics-titleline, div#ctl-titleline, div#ifr-titleline {
  background: blue;
  color: #ffc;
  font-weight: bold;
  border: none;
  margin: 0;
  text-align: center;
  height: 1.7em;
}

div#topicspopup table, div#ctlpopup table {
  background-color: #fff;
}
div#ctlpopup table {
  width: 37em;
}

table#topics-cond {
  border: none;
  border-collapse: collapse;
}
table#topics-cond th, table#topics-cond td {
  background-color: #ddd;
  padding: 0.2em 0.5em;
  border: none;
}

#topicspopup td.btn, #ctlpopup td.btn {
  text-align: center;
}

#topicspopup th, #topicspopup td {
  background-color: #ddd;
  padding: 0.2em 0.5em;
  font-weight: 600;
}
#topicspopup td.list {
  text-align: left;
  border-top: none;
  border-bottom: none;
  vertical-align: top;
}
#topicspopup th.title {
  background-color: #dfd;
  font-size: 110%;
}
#topicspopup th.left {
  border-right: black 3px solid;
}
#topicspopup td.no-left {
  border: none;
}

#topicspopup td.choice {
  background-color: #ccc;
  text-align: center;
}

#topicspopup tr.search-cond td {
  background-color: #eee;
}

#topicspopup button, #ctlpopup button, #ifrcontainer button {
  font-weight: bold;
  font-size: 100%;
/*  background-color: #ada; */
  padding: 0.2em 0.6em;
  margin: 0.3em 1em;
  border-radius: 4px;
}

#topics-titleline button, #ctl-titleline button, #ifr-titleline button {
  display: inline-block;
  position: absolute;
  margin: 0;
  right: 1px;
}

#topicspopup span.topics-all,
#topicspopup span.topics-none
{
  display: inline-block;
  background-color: #ffa;
  font-weight: bold;
  padding: 2px 0.6em;
  margin: 2px 0.3em;
  border: #666 solid 1px;
  cursor: pointer;
  border-radius: 4px;
}
#topicspopup th span.topics-all,
#topicspopup th span.topics-none
{
  font-size: 85%;
}

#topicspopup span.topics-all:hover,
#topicspopup span.topics-none:hover
{
  background-color: #dd7;
}

div#selectpanel {
  position: absolute;
  top: 2em;
  left: 0em;
  z-index: 10;
  width: 100%;
/*  padding: 0.1em 0.1em; */
  border: 0.1em;
}
div#selectpanel.fixed {
  position: fixed;
  top: 2em;
}
#selectpanel table {
  background-color: #c36;
/*  background-color: #36f; *//* 青系 */
  margin: 0 0 0 auto;
  border: solid 2px #c36;
/*  border: solid 2px #36f; *//* */
}
#selectpanel td {
  padding: 0.1em 0.7em;
  height: 1.5em; 
  text-align: center;
  font-weight: bold;
  border-top: solid 1px #ccc;
  border-left: solid 1px #ccc;
  border-bottom: solid 1px #666;
  border-right: solid 1px #666;
  cursor: pointer;
}
#selectpanel td.on span.on, #selectpanel td span.off {display:inline;}
#selectpanel td.on span.off, #selectpanel td span.on {display:none;}

#selectpanel th {
  background: none;
  font-weight: normal;
  color: #fff;
}
#selectpanel td.daysel {
  background: #bdd; color: #900;
}
#selectpanel td.daysel.on {
  background: #dfd; color: #000;
}
#selectpanel td.thumbsel {
  background: #bdd; color: #900;
}
#selectpanel td.thumbsel.on {
  background: #fc3; color: #000;
}
#selectpanel td#ctlpanel {
  background: #fe9; color: #006;
}
td#divpanel {
  background: orange;
}
td#divreset {
  background: #8d8;
}
td#divreset.off {
  background: #696;
  color: #999;
}
#selectpanel table td:hover {
  color: red !important;
  background-color: #ccc !important;
}

  tr, td.roomno, tr.head1 th { page-break-inside: avoid; }
  tr.Room2, tr.Room1K, tr.Room2 td, tr.Room1K td { page-break-before: avoid; }
@media print {
  #nav, #topicspopup, #selectpanel, form.topnavi, #navSpacer, #NaviPanel { display: none !important; opacity 0; }
}

/* 要旨ポップアップ */

#ifrcontainer {
	position: relative;
	display: none;
	width: 98%;
	margin: 2% auto auto;
	height: 95%;
	overflow: auto;
	border: solid 2px blue;
	background: #ffe;
	border-radius: 10px;
	overflow: hidden;
}

iframe#ifr {
	width: 100%;
	margin: 0;
	overflow: auto;
	height: 96%;
	padding: 0;
	border: none;
}



/* ------------- */

.pagetop-style{
  opacity: 0;
}
@media screen, handheld {
  .pagetop-style{
    opacity: 0.5;
  }
  .pagetop-style:hover {
    opacity: 1;
  }
}

.pagetop-style{
  display: none;
  position:fixed;
  bottom:85px;
  right:20px;
  width:40px;
  height:40px;
  color:green;
  border-radius:20px;
  background-color:#ff0000;
  list-style-type:none;
  text-align:center;
  line-height:14px;
  font-size:14px;
  font-weight:bold;
  font-family:sans-serif;
  background-image : url("pages/img/up.png");
  background-repeat:no-repeat;
  background-position:center center;
  z-index:16;
}
.pagetop-style.noNVp{
  bottom:20px;
}

.pagetop-style p a{
  position: relative;
  display: block;
  margin: -20px 0 0 0;
  padding: 0px;
  background: #a1b91d;
  color: red;
  font-weight: bold;
  text-decoration: none;
}

.pagetop-style p a:before{
  display: inline-block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg); 
  right: 50px;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  background-color: #fff;
}

.pagetop-style p a:after{
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  right: 40px;
  width: 20px;
  height: 20px;
  margin-top: 20px;
  background: #a1b91d;
}


/* CSS for sort.js */


table.sortable tr:first-child th {
  min-height: 1.4em;
}

nobr.btn {
  display: inline-block;
  color: #44e;
  margin-left: 0.1em;
  height: 1em;
  width: 0.2em;
  cursor: pointer;
  position: relative;
}
nobr.btn span{
  color: #44e;
/*  font-size: 50%; */
  font-size: 9px;
  margin: 0;
  width: 0.5em;
  cursor: pointer;
  position: absolute;
  left: 0;
  line-height: 0.5;
}
nobr.btn span:hover{
  color: #e44;
}

nobr.btn span.asc{
  bottom: -1px;
}
nobr.btn span.dsc{
  top: -1px;
}
nobr.btn span.hbtn{
  display: none;
}
table.sortable caption {
  display: none;
}

th.sorting.asc span.sbtn.asc {color: red;}
th.sorting.dsc span.sbtn.dsc {color: red;}
th.sort-float, td.sort-float {z-index: 17;}

/* navipanel */
#NaviPanel a,
#NaviPanel p.hover a,
#NaviPanel p a:hover
{
	opacity: 0;
}
@media screen and (min-width: 320px), handheld and (min-width: 320px)
{
	#NaviPanel a
	{
		opacity: 0.4;
		display: inline;
		background: #ffc;
		color: #f00;
		cursor: pointer;
		position: fixed;
		text-decoration: none;
		text-align: center;
		min-width: 8em;
		width: 20%;
		height: 24px;
		font-size: 14px;
		padding: 20px 0 2% 0;
		font-weight: bold;
		z-index: 15;
	}
	#NaviPanel p.hover a
	{
		opacity: 1;
	}
	#NaviPanel p a:hover
	{
		opacity: 1;
		background: #fea;
	}
}

@media screen and (min-width: 460px), handheld and (min-width: 460px)
{
	#NaviPanel a
	{
		font-size: 15px;
	}
}

#NaviPanel
{
	height: 6em;
	width: 100%;
}

#NaviPanel .upper a
{
	top: 0;
	padding-top: 2.5em;
}
#NaviPanel.fix .lower a
{
	bottom: 0;
}
#NaviPanel.fix.ios .lower a
{
	bottom: 50px;
}

#NaviPanel a.back,
#NaviPanel a.left
{
	left: 0;
}
#NaviPanel a.up,
#NaviPanel a.down
{
	left: 38%;
}
#NaviPanel.fix a.right
{
	right: 0;
}


/* navipanel (absolute) */
#NaviPanel.abs a
{
	position: absolute;
}
#NaviPanel.opaque a
{
	opacity: 0;
}

/* 各色ボタン (gray: IE11標準) */
.b-gray, 
.b-blue, 
.b-red, 
.b-orange, 
.b-green {
	color: rgb(33,33,33);
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: pointer;
	border-radius: 4px;
}

.b-gray:disabled, 
.b-blue:disabled, 
.b-red:disabled, 
.b-orange:disabled, 
.b-green:disabled,
.b-gray:disabled:hover, 
.b-blue:disabled:hover, 
.b-red:disabled:hover, 
.b-orange:disabled:hover, 
.b-green:disabled:hover {
	color: #777;
	background: #ccc;
	border: solid 1px rgb(112,112,112);
	font-weight: normal;
	padding: 3px 0.75em;
	cursor: not-allowed;
}

/* 各配色 */
.b-blue {
	background: rgb(180,215,255);
	background: linear-gradient( rgb(210,235,255), rgb(160,200,245));
}
.b-blue:hover {
	background: rgb(200,230,255);
	border: solid 1px rgb(80,100,245);
}

.b-red {
	background: rgb(255,144,144);
	background: linear-gradient( rgb(255,172,172), rgb(245,128,128));
}
.b-red:hover {
	background: rgb(255,176,176);
	border: solid 1px rgb(245,90,90);
}

.b-orange {
	background: rgb(255,180,80);
	background: linear-gradient( rgb(255,210,130), rgb(240,166,60));
}
.b-orange:hover {
	background: rgb(255,200,128);
	border: solid 1px rgb(235,120,40);
}

.b-green {
	background: rgb(80,226,90);
	background: linear-gradient( rgb(128,255,160), rgb(80,226,90));
}
.b-green:hover {
	background: rgb(128,255,160);
	border: solid 1px rgb(60,200,60);
}

.b-gray {
	color: rgb(33,33,33);
	background: rgb(220,220,220);
	background: linear-gradient( rgb(235,235,235), rgb(212,212,212));
}
.b-gray:hover {
	background: rgb(166,243,255);
	border: solid 1px rgb(38,160,218);
}

/* ボタン配色終わり */


table.organizers a {
  text-decoration: underline !important;
}

table.organizers caption {
  display: table-caption !important;
  background: #fff;
  height: 1.5em;
  text-align: left;
  margin-bottom: 3px;
}
caption div {
  z-index: 5;
  background: #fff;
  position: relative;
  left: 0;
  top: 0;
}
caption span {
  display: inline-block;
  font-weight: bold%;
  padding: 1px;
  border: 2px solid;
  border-color: #aaa #444 #444 #aaa;
  margin: 0 0.3em;
  cursor: pointer;
}
span.filter, span.search {
  background: #edc;
  color: #44e;
}
span.rbtn {
  background: #fdd;
  color: #000
}
caption span:hover {
  color: #e66;
}

span.zoomlink, span.posterlink {
  display: inline-block;
  margin-left: 0.3em;
  min-width: 4em;
}
span.zoomlink.full {
  margin-left: 1em;
}
body span.zoomlink a, body span.posterlink a {
  color: #000;
  font-weight: normal;
  text-decoration: none;
  padding: 1px 2px;
  font-size: 85%;
  letter-spacing: -0.4px;
}
span.zoomlink.full a {
  padding: 1px 5px;
  font-size: 115%;
}

body.online th.roomname, body.online td.room {
  min-width: 5.5em;
  padding: 3px;
}
body.online tr.normal th {
  min-width: 7em;
  padding: 3px;
}


span.noshow, span.noshow a {
  color: red;
}
span.press0, span.press0 a {
  color: red;
}

td.onl, span.onl { color:blue }

.reload-btn {display: none; }

/* %% スポンサー */
tr div.sponsor, h3 div.sponsor { color: #226; font-weight: normal;}
tr.catline div.sponsor img { height: 30px; vertical-align: middle;}
tr.main div.sponsor img, tr.head2s div.sponsor img { height: 24px; vertical-align: middle;}
h3 div.sponsor img { height: 24px; vertical-align: middle;}
div.sponsor table {margin: 3px auto; }
div.sponsor table td {text-align: left; }

/* onlinelink */
.onlinelink { display: inline-block; padding: 15px; background: #004; color: #fff; }
.onlinelink:hover { background: #337; color: #fff; text-decoration: none;}

body>div>h3.sesst::after {
  content: " [現地のみ]";
  color: red;
}
body.en_>div>h3.sesst::after {
  content: " [on-site only]";
  color: red;
}

body.session_SV- h3.sesst::after,
body.session_SP- h3.sesst::after,
body.session_IN- h3.sesst::after,
body.session_HQ- h3.sesst#SeHQ-11::after,
body.session_HQ- h3.sesst#SeHQ-12::after,
body.session_HQ- h3.sesst#SeHQ-13::after,
body.session_SY- h3.sesst#SeSY-88::after,
body.session_0- h3.sesst#Se0-a::after,
body.session_0- h3.sesst#Se0-d::after {
  content: " [ライブ配信併用]";
  color: red;
}
body.en_>div>h3.sesst::after {
  content: " [Onsite only]";
  color: red;
}

body.en_.session_SV- h3.sesst::after,
body.en_.session_SP- h3.sesst::after,
body.en_.session_IN- h3.sesst::after,
body.en_.session_HQ- h3.sesst#SeHQ-11::after,
body.en_.session_HQ- h3.sesst#SeHQ-12::after,
body.en_.session_HQ- h3.sesst#SeHQ-13::after,
body.en_.session_SY- h3.sesst#SeSY-88::after,
body.en_.session_0- h3.sesst#Se0-a::after,
body.en_.session_0- h3.sesst#Se0-d::after {
  content: " [Hybrid]";
  color: red;
}