@charset "UTF-8";

/*
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
27px = 207.7%
28px = 215.4%
29px = 223.1%
30px = 230.8%
*/

/* #################### スケジュール #################### */
#schedule {
	position: relative;
	width: 950px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
}

#schedule h3 {
	overflow: hidden;
	margin: 0 0 30px 0;
	padding: 0.6em 0;
	color: #999999;
	font-family: "Trebuchet MS";
	font-size: 167%;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.6em;
	line-height: 1.0;
	background: url(../images/basic/back_transparent_black_5.png);
}
html:root #schedule h3 {
	background: rgba(0, 0, 0, 0.05);
}

/* ******************** ショートカット ******************** */
#shortcut {
	position: absolute;
	left: 0;
	width: 950px;
	margin: 0;
	padding: 0;
	background: url(../images/basic/back_transparent_black_10.png);
}
html:root #shortcut {
	background: rgba(0, 0, 0, 0.1);
}

#shortcut.fixed {
	position: fixed;
	top: 0 !important;
	left: auto;
}

#shortcut ul {
	margin: 0;
	padding: 5px 0;
	text-align: center;
}

#shortcut ul li {
	cursor: pointer;
	position: relative;
	display: inline;
	margin: 0 1px;
	padding: 5px 15px 4px 15px;
	color: #336699;
	font-size: 93%;
	white-space: nowrap;
	border: 1px solid #cccccc;
	background: #ffffff;
	
	border-radius: 15px;
	text-shadow: 2px 2px 0 rgba(0, 0, 0, 0.05);
}
html[xmlns] #shortcut ul li {
	overflow: hidden;
	display: inline-block;
	max-width: 80px;
	text-overflow: ellipsis;
	vertical-align: bottom;
}
*:first-child+html #shortcut ul li {
	display: inline;
	margin: 0 1px;
}
#shortcut ul li.hover {
	color: #cc0000 !important;
}
#shortcut ul li.modified {
	color: #ff6600;
	font-weight: bold;
}
#shortcut ul li.today {
	color: #cc0000;
	font-weight: bold;
}

/* ******************** テーブル ******************** */
#schedule table {
	width: 900px;
	margin: 20px auto;
	padding: 0;
	line-height: 1.6;
	border-collapse: collapse;
}

/* -------------------- キャプション -------------------- */
#schedule table caption {
	margin: 0;
	padding: 0;
	color: #666600;
	font-size: 116%;
	text-align: left;
	letter-spacing: 0.2em;
}

/* ########## TR関連 ########## */
#schedule table tr.today {

}

/* ########## TH関連 ########## */
#schedule table th {
	margin: 0;
	padding: 10px 5px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	letter-spacing: 0.3em;
	line-height: 1.2;
}

#schedule table th.media,
#schedule table th.date {
	width: 140px;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_white_50.png);
}
html:root #schedule table th.media,
html:root #schedule table th.media {
	background: rgba(255, 255, 255, 0.5);
}

#schedule table th.contents {
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_white_50.png);
}
html:root #schedule table th.contents {
	background: rgba(255, 255, 255, 0.5);
}

/* ########## TD関連 ########## */
#schedule table td {
	margin: 0;
	padding: 10px 5px;
}

/* ********** イベントインフォメーション ********** */
#schedule table td.info {
	margin: 0;
	padding: 10px 100px;
}

#schedule table td.info p.logo {
	margin: 0 0 20px 0;
	padding: 0;
	text-align: center;
}

#schedule table td.info p {
	margin: 0.5em 20px;
	padding: 0;
}

#schedule table td.info p.section-L1 + p.section-L2 {
	margin-top: 1.0em !important;
}

#schedule table td.info p.section-L1 {
	margin: 1em 0 0.5em 0;
	padding: 3px 10px;
	color: #336666;
	font-size: 100%;
	letter-spacing: 0.05em;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_black_2.png);
}

#schedule table td.info p.section-L2 {
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	margin: 0.5em 5px;
	padding: 0 10px;
	color: #666600;
	line-height: 1.5;
	border-bottom: 1px dotted #666666;
}

#schedule table td.info p.section-L3 {
	margin: 0.5em 18px;
	padding: 0 10px;
	color: #336699;
	border-left: 5px solid #cccccc;;
}

#schedule table td.info p.section-L2 + p.section-L3 {
	margin-top: 1.2em;
}

#schedule table td.info p.section-L2 + p {
	margin: 0.5em 40px;
}

#schedule table td.info p.tel {
	text-align: center;
}


/* ********** 左カラム ********** */
#schedule table td.media,
#schedule table td.date {
	width: 140px;
	text-align: center;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_black_2.png);
}
html:root #schedule table td.media,
html:root #schedule table td.date {
	background: rgba(0, 0, 0, 0.02);
}

#schedule table tr.today td.date {
	color: #cc0000;
	font-weight: bold;
	font-style: italic;
}

#schedule table td.media em,
#schedule table td.date em {
	color: #ff6600;
	font-weight: bold;
	font-style: italic;
}

#schedule table tr.today td.date em {
	color: #cc0000;
}

#schedule table td.date del {
	font-weight: normal;
}

/* ********** 右カラム ********** */
#schedule table td.contents {
	padding: 10px;
	border: 1px #cccccc;
	border-style: solid solid solid none;
	background: url(../images/basic/back_transparent_black_2.png);
}
html:root #schedule table td.contents {
	background: rgba(0, 0, 0, 0.02);
}

#schedule table td.contents p.title {
	margin: 0.5em 10px;
	padding: 0;
	font-size: 100%;
	letter-spacing: 0.05em;
}

#schedule table td.contents p {
	margin: 0.5em 30px;
	padding: 0;
}

#schedule table td.contents p.section-L1 + p.section-L2 {
	margin-top: 1.0em !important;
}

#schedule table td.contents p.section-L1 {
	margin: 1em 10px 0.5em 10px;
	padding: 3px 10px;
	color: #336666;
	font-size: 100%;
	letter-spacing: 0.05em;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_black_2.png);
}

#schedule table td.contents p.section-L2 {
	display: list-item;
	list-style-type: square;
	list-style-position: inside;
	margin: 0.5em 15px;
	padding: 0 10px;
	color: #666600;
	line-height: 1.5;
	border-bottom: 1px dotted #666666;
}

#schedule table td.contents p.section-L3 {
	margin: 0.5em 28px;
	padding: 0 10px;
	color: #336699;
	border-left: 5px solid #cccccc;;
}

#schedule table td.contents p.section-L2 + p.section-L3 {
	margin-top: 1.2em;
}

#schedule table td.contents p.small {
}
#schedule table td.contents p.memo {
	margin: 0.5em 50px;
	padding: 5px 10px 3px 10px;
	color: #666666;
	font-size: 85%;
	border: 10px #eeeeee;
	border-style: none solid;
	background: url(../images/basic/back_transparent_white_50.png);
}
html:root #schedule table td.contents p.memo {
	background: rgba(255, 255, 255, 0.5);
}

#schedule table td.contents p.link {
	margin: 0 10px;
	padding: 5px 0;
	font-size: 85%;
	text-align: center;
	border: 1px solid #cccccc;
	background: #ffffff url(../images/basic/back_gradation_gray.jpg) 50% 50% no-repeat;
	
	border-radius: 5px;
}

#schedule table td.contents p.title strong {
	color: #666600;
	font-style: normal;
	font-weight: bold;
}
#schedule table tr.today td.contents p.title strong {
	color: #cc0000;
}

#schedule table td.contents > ul,
#schedule table td.contents > ol {
	margin: 0.5em 30px;
	padding: 0;
}

#schedule table td.contents ul {
	list-style-type: circle;
}

#schedule table td.contents ul.data {
	list-style-type: none;
	margin: 0.5em 0;
}

#schedule table td.contents ul li,
#schedule table td.contents ol li {
	margin: 0 30px;
	padding: 0;
}


#schedule table td.contents li p {
	margin: 0;
	padding: 0;
}

#schedule table td.contents li ul {
	list-style-type: disc;
	margin: 0 20px;
	padding: 0;
}

/* ---------- テーブル内テーブル ---------- */
#schedule table td.contents table {
	width: 650px;
	margin: 0 auto;
	padding: 0;
	border-collapse: collapse;
	border: 1px solid 999999;
}

#schedule table td.contents table th {
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_white_50.png);
}
html:root #schedule table td.contents table th {
	background: rgba(255, 255, 255, 0.5);
}

#schedule table td.contents table td {
	font-size: 93%;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_black_2.png);
}
html:root #schedule table td.contents table td {
	background: rgba(0, 0, 0, 0.02);
}


/* ******************** メモ部分******************** */
#memo {
	position: relative;
	margin: 30px 25px;
	padding: 0.6em 0;
	text-align: left;
	border: 1px solid #cccccc;
	background: url(../images/basic/back_transparent_white_50.png);
	
	border-radius: 10px;
}
html:root #memo {
	background: rgba(255, 255, 255, 0.5);
}

#memo h3 {
	position: absolute;
	top: -9000px;
	left: -9000px;
	text-indent: -9000px;
}

#memo ul {
	margin: 0 50px;
	padding: 0;
	list-style-type: circle;
}

#memo ul li {
	margin: 0;
	padding: 0 ;
}