body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote{margin:0;padding:0;}


a { text-decoration:none; color:#009; }
a:visited { color:#707; }
a:hover { text-decoration:underline; color:#c00;}

img { border:0; }

body { background: #fff; font-family: sans-serif; }
table { border-collapse:collapse; empty-cells:show; }

h1 { font-size:160%; font-weight:bold; margin:0.2em 0; text-align:center; }
div#main h1 { text-shadow:1px 1px 0px #ddd; }

-h1 span.TitleEN { font-family:Arial,sans-serif; font-size:11pt; margin-left:12px;}

#main .section h2 { margin:.5em 0; }
-h3 { font-size:100%; font-weight:normal; padding:0.5em 0.5em; border:1px solid #88a; margin:0.5em 0; background:#D7D7EC; }

/* ----- global ----- */

.nowrap { white-space:nowrap; }
.SunBgColor { background-color:#FAC6E3; }
.SatBgColor { background-color:#BBDFFF; }
.DayBgColor { background-color:#fff; }

.TableColor  { border:1px solid #B1D0EF; background-color:#E3F0FD; }
.TableColorW { border:1px solid #EFE0B1; background-color:#FDF7E3; }
.TableColorN { border:1px solid #C1EFB1; background-color:#EAFDE3; }

.BorderRound1 { border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px; -ms-border-radius:2px; }
.BorderRound2 { border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; -ms-border-radius:5px; }
.BorderRound3 { border-radius:9px; -moz-border-radius:9px; -webkit-border-radius:9px; -ms-border-radius:9px; }

.EPGMark { float:left; line-height:1; border-style:solid; border-width:1px 2px 2px 1px; font-size:9pt; padding:1px; margin-right:1px; text-align:center; vertical-align:middle; -ms-border-radius:2px; -moz-border-radius:2px; -webkit-border-radius:2px;  }
.EPGMarkWarn { color:#fff; font-weight:bold; background-color:#f55; border-color:#a00; }

/* ----- header ----- */

#header {
	background: #E3F0FD;
	border-bottom: 1px solid #B1D0EF;
	border-collapse:collapse;
	line-height:1.2;
}
#header td { padding:2px 8px; }
#header .username { font-weight:bold; color:#888; font-size:80%; }
#header .username a { color:#009; }
#header h1 { display:inline; font-size:100%; }
#header h1 a { color:#000; }
#header input[type=submit] { font-size:80%; }
#header .menu { text-align:right; font-size:85%; }
#header .menu a { color:#009; }

.headmenu {	font-size:90%; font-weight:normal;	}

/* ----- footer ----- */
#footer div {
	text-align:right;
	padding:2px 8px;
	margin-top:2em;
	clear:both;
}

/* ----- main ----- */

#main {
	margin:4px 8px;
}

.submenu { font-size:80%; text-align:center; margin:0 0 0.75em 0;}

/* ----- Simple Tab ----- */

div.simpleTab {
	font-size:90%;
	padding-left:1em;
	line-height:1.2;
}
div.simpleTabBottom {
	border-top:2px solid #95BDFF;
	clear:both;
}

.simpleTab a {
	background:#C3D9FF; 
	color:#000;
	font-weight:normal;
	margin-right: 0.5em;
	padding:.25em 1em;
	float:left;
}

.simpleTab a.selected {
	background:#95BDFF;
	border:1px solid #95BDFF;
	font-weight:bold;
}

/* -------- config -------- */

table.cfg {
 border:1px solid #3B7060; font-size:85%;
 margin:2px 0 0 0; margin-left:auto; margin-right:auto;
}
table.cfg th { text-align:left; padding:0.25em; background:#CDDDCB; font-weight:normal; border:1px solid #3B7060; }
table.cfg td { padding:2px 0.5em; border:1px solid #3B7060; }
table.cfg tr.mark td { background-color:#FFa; }
table.cfg tr.disabled td { background-color:#ddd; }
table.cfg tr td .mark { background-color:#FFa; }
table.cfg tr td .past { background-color:#ddd; }
table.cfg th.chgroup { white-space:nowrap; word-break:keep-all; text-align:center; }
table.cfg th.chgroup-hover { background:#DBE7DA; }
table.cfg .chset { display:block; float:left; margin:1px; word-break:keep-all; white-space:nowrap; }
table.cfg .chset { padding:0 2px; border:1px solid #fff; }
table.cfg .chset.hilight { background:#FFEFB0; border:1px solid #F3DC7C;  }
table.cfg .chset input[type=checkbox],
table.cfg .chset label { vertical-align:middle;  }


/* -------- mcal ------- */

.mcal { background-color: #7070b0;width:100%;}
.mcal caption {font-size:150%; font-weight:bold; margin:0px; padding:5px; }
.mcal td {vertical-align:top; padding:1px 1px; width:14.3%; font-size:85%; border:1px solid #999; 
	 text-align:center; background-color:#f5f5f5; 
}
.mcalHi {background:#FFFFA0;}
.mcal td.today { background-color:#D9FF88 }
.mcal td.padding { background-color:#DFDFDF }
.mcal div.day { font-size:125%; font-family:Arial; font-weight:bold; text-align:left; padding:0 2px; }
.mcal div.day a { color:#555; }
.mcal div.box a { color:#000; }
.mcal div.box { font-size:85%; text-align:left; margin:2px 0; padding:1px; border:1px solid #999; }
.mcal div.box span.count { color:#888; }
.mcal div.box span.chName { color:#47d; }
.mcal div.box span.title { }
.mcal div.box span.cmnt { color:#900; }
.mcal div.box span.warn { color:#f00; font-weight:bold; }
.mcal div.box span.time { color:#000; font-weight:bold; }
.mcal div.box span.subtitle { display:none; }
.mcal div.box:hover { opacity:1 !important; filter:Alpha(opacity=100); }
.mcal div.box:hover span.subtitle { color:#888; display:inline; }

.mds { font-size:120%; font-weight:bold; }
.hmlink { color: #FFFFFF; }
.errmsg { color:#ff0000; font-weight:bold; font-size:80%; }

.tframe { border-collapse:collapse; border: 1px solid #88A; line-height:1; }
.tframe TR {  }
.tframe TD { padding:1px 0.25em; border:1px solid #88a; }
.tframe TH { padding:1px 0.25em; background-color:#C3D9FF; border:1px solid #88a; }
.tfGray TD {  }
.tfMark TD { background:#F7F7C0; }
.tframe .cb { width:1.1em; height:1.1em; padding:0px; margin:0px; }
.nobr { white-space:nowrap; word-break:keep-all; }
.tframe caption { text-align:left; padding:0.25em 0.5em; }
.tframe .text { vertical-align:middle;  }

.transframe  { border-style:none; }
.transframe TD { border-style:none; }
.transframe TH { border-style:none; }

table.amazon  { border:2px solid #A8AD70; border-collapse:collapse; font-size:85%; margin:0; line-height:1.2; }
table.amazon TH { background:#EFEFCD; color:#000; text-align:left; padding:0.5em 1em; }
table.amazon TD { border:1px solid #A8AD70; }
table.amazon .data {   }
table.amazon .price { color:#900; }
table.amazon .priceOff {  font-size:75%; padding:0 4px; margin:1px 2px; }
table.amazon .data TD { border:0; padding:1px; }
table.amazon .new { background:#ff7; }
table.amazon .title { font-weight:bold; }

.disable TD { background: #B0B0B0; }
.deleted TD { background: #FFA0A0; }
.trans { border-width:0px; background-color: transparent; }
.transtt { border-width:0px; background-color:transparent; font-family:monospace; }

.pageTitle { 
	margin: 8px 0px;
	font-size: 120%;
	font-weight: bold;
}
.pageComment {
	font-size:9pt;
	font-weight:normal;
}

.dgb {
	margin-left:1em;
	text-indent:-1em;
	margin-bottom: 4px;
}
.vvHi {
	background:#FFFFA0;
}
.smc {
	font-size:80%;
	color: #808080;
}
.tabAct	{ color:black; padding:2px; }
.tab	{ font-size:85%; padding:2px; border:#7070B0 1px solid; }


.vGoods { font-size:85%; margin:1em 0.5em;  }
.vGoods .title { font-weight:bold; border:1px solid #9090B0; border-width:0 0 1px 8px; padding:0 0.5em; margin:0.2em 0; }
.vGoods .date { color:black; }



.peSubTitle { color:#070 }
.peComment { color:#700 }
.peNotice { font-weight:bold; color:#e00; }
.peOffset { font-weight:bold; color:#e00; font-size:85%; }

.allDay { color:#000000; font-size:85%;}
.tbar { border:0px; padding:0; font-size:75%;}
.tbar TD { background:#EAEAEA; padding:0px; color:#7070b0; text-align:center; border:1px solid #7070b0; border-width:1px 1px 1px 0px; }

.timeline { overflow:hidden; 
	background:#F03090; border:0px; width:2px; z-index:3;
}
.rowToday { background:#FFFFA0; }

.topics {margin-left:1.5em;}


div.section { margin:0px 1em; }

.cmntsec { font-size:85%; margin:0em 0em; }
.cmntsec .cmnttitle { font-weight:bold; margin:0em 0em; padding:0.3em; background:#7070B0; color:#ffffff; text-align:center; }
.cmntsec table { width:100%; }
.cmntsec th { font-weight:normal; width:40%;}
.cmntsec dt { font-weight:bold; }
.cmntsec dd { text-indent:10em; margin:0em 0.5em; }
.cmntsec dl { margin:0.3em 0em; }

.hatena { background:#fff; color:#5877EF; font-weight:bold; margin:0 0.20em; font-size:10px }

.kl { border:0; margin:0 1px; padding:0; width:12px; height:12px }

.findComment { font-size:80%; color:#444; padding:0.2em 1em; }
.findSource { font-size:80%; color:#444 }

A.uvbtn { color:#555; font-size:80% }
A.uvbtn:hover { color:#f00; text-decoration:underline }
SPAN.uvbtn { color:#f00; font-size:80% }

A.btn { color:#000; cursor:pointer; }
A.btn:hover { color:#f00; text-decoration:underline }
.btn { color:#f00; }

.proghistory TD { background:#D3ECD2 }

.configComment { margin-left:1em; color:#666; font-size:85% }
label { cursor:pointer; }

#popup {
	position:absolute;
	background:#E3F0FD;
	z-index:200; 
	font-size:80%;
	line-height:1.2;
	border-width:1px;
	border-style:solid;
	border-color: #5A96D8;
	padding:2px;
	-moz-border-radius:3px;
	-webkit-box-shadow:4px 4px 2px #555;
}
#popup .inner {
	background:#fff;
	padding:7px;
	border:1px solid #5A96D8;
}
#popup h1 {
	font-size:125%; font-weight:bold;
	margin:0; padding:.25em 0.25em;
	text-align:left;
}
#popup h1 span.menu {
	font-size:80%; font-weight:normal; white-space:nowrap;
}
#popup h1 span.menu a { padding:0 2px; }

#popup ul { padding:0; margin:0.5em 0; }
#popup li {
	margin:0 1.5em; padding:0; text-indent:0em;
	word-break:keep-all; white-space:nowrap;
}

#popup table.list {
	margin-top:0.25em; margin-bottom:0.25em;
	margin-left:auto; margin-right:auto;
	border-collapse:collapse;
}
#popup table.list td { border-bottom: 1px solid #bbb; padding:1px 4px; }
#popup table.list tr th { color:#fff; background:#777; text-align:left; padding:1px 4px; }
#popup table.list tr.hilight td { background:#ff9;  }
#popup .next, #popup .prev { cursor:pointer; color:#00a; width:1.5em; text-align:center; padding-left:8px; padding-right:8px;  }
#popup .next:hover, #popup .prev:hover { color:red;}

#popup ul.links { background:#eef; border:1px solid #cce; padding:0.25em 0; line-height:1.2; }
#popup div.images { text-align:center; }
#popup div.images img { margin:1px; border:1px solid #aaa; }


#kw_popup { position:absolute; left:0; top:0; font-size:80%;
	border:2px solid #888;
	background-color:#ffd;
	width:35em;
	height:20em;
	overflow-y:scroll;
	display:none;
}
#kw_popup table { width:100%; }
#kw_popup th { text-align:left; background-color:#eea; }
#kw_popup td { padding-left:6px; }
#kw_popup td,
#kw_popup th {
	border-style:dashed; border-width:1px 0; border-color:#dd9;
}

#linkSheet {
	border:1px solid #B1D0EF;
	background:#B1D0EF;
	margin:3px 8px 0 0;
	padding:1px 1px 0 1px;
	right:0;
	width:600px;
	position:absolute;
	z-index:1000;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:1px 1px 6px #000;
	-moz-box-shadow:1px 1px 6px #000;
	-webkit-box-shadow:1px 1px 6px #000;
	font-size:85%;
}
#linkSheet table { margin:0; width:100%; border-collapse:collapse; line-height:1.2; }
#linkSheet table th { background:#E3F0FD; }
#linkSheet table td { padding:0 8px; vertical-align:top; border-bottom:1px solid #B5BEFF; background:#fff; }
#linkSheet table td.group { padding-right:8px; color:#000; white-space:nowrap; }


/* ----- tablesorter ----- */
th.header { cursor:pointer; }
th.header:hover { background-color:#FCFCCB; }
th .DownIcon,
th .UpIcon { display:none;}
th.header.headerSortDown .DownIcon,
th.header.headerSortUp .UpIcon { display:inline !important; font-size:75%; vertical-align:top; color:#4183C5; }
th.header.headerSortUp { background-color:#D8CBFC; }
th.header.headerSortDown { background-color:#CBD8FC; }

/* ----- head search ------ */
#headSearchResult {
	position:absolute; background-color:#fff; margin-top:4px; margin-left:-4px; display:none;
	z-index:3000; position:absolute; border:2px solid #B1D0EF; 
	box-shadow:2px 2px 2px #aaa;
	-moz-box-shadow:2px 2px 4px #aaa;
	-webkit-box-shadow:2px 2px 4px #aaa;
}
#headSearchResult h2 { background-color:#E3F0FD; color:#000; font-weight:bold; font-size:100%; }
#headSearchResult ul { font-size:90%; padding:2px 4px; list-style:none;  }
#headSearchResult ul li { padding:1px 6px; }
#headSearchResult ul li.selected { background-color: #48e;}
#headSearchResult ul li.selected a { color:#fff; }

#headSearchResult ul .state { width:3em; text-align:center; }
#headSearchResult ul .count { margin-right:.5em; color:#090; }
#headSearchResult ul a.date { margin-right:.5em; color:#000; }
#headSearchResult ul a.ch { margin-right:.5em; color:#47d; }
#headSearchResult ul a.title { margin-right:.5em; color:#000; }

/* ---- layout table --- */
table.layout,
table.layout tr,
table.layout td { margin:0; border-width:0; padding:0; }

/* --- iTunes Store --- */
a.iTunes { margin:1px; }

/* ups */
span.ups_btn {
	height:16px; width:16px; display:block; float:left;
	background-image:url(/img/upsf2.gif);
	cursor:pointer;
}

span.ups_btn.f1 { background-position:-0px -32px;}
span.ups_btn.f2 { background-position:-16px -32px; }
span.ups_btn.fc { background-position:-32px -32px; }
span.ups_btn.f1:hover { background-position:-0px -16px; }
span.ups_btn.f2:hover { background-position:-16px -16px; }
span.ups_btn.fc:hover { background-position:-32px -16px; }
span.ups_btn.f1.checked { background-position:-0px 0px; }
span.ups_btn.f2.checked { background-position:-16px 0px; }
span.ups_btn.fc.checked { background-position:-32px 0px; }

