/* normal */
body, td, th { font-family:Arial,Helvetica,sans-serif; font-size:small; background-color:white;}
span.err  { color:darkred; border:solid 1px red; font-size:xx-small; }
span.box  { color:gray; border:solid 1px black; padding-left:0.5em; padding-right:0.5em; }

img     { border-width:0; }

th      { background-color:lightgrey; }
ul, ol  { margin-top:0; margin-bottom:0; }
li      { margin-top:2px; }

a:link    { color: #6060ff; text-decoration: none; }
a:visited { color: #6060ff; text-decoration: none; }
a:active  { color: #ff6060; text-decoration: underline; }
a:hover   { color: #ff6060; text-decoration: underline; }

/* top */
div.title { font-size:large; font-weight:bold; text-align:center; }
div.text  { margin-left:20%; margin-right:20%; }
div.top_box { border:solid 1px black; padding:1em; text-align:center; }
div.verinfo { text-align:right; }
div.copy  { font-size:x-small; text-align:right; }

/* menu */
body.menu { margin:0; padding:0; }
table.menu { width:100%; }
td.menu, td.menu_title, td.menu_item, td.menu_model { background-color:black; color:white; }
td.menu_title { font-size:large; font-weight:bold; padding-left:0.5em; width:90%; }
td.menu_model  { font-size:x-small; text-align:right; }
td.menu_item, td.menu_item_over  { font-size:x-small; font-weight: bold; text-align:center; }
td.menu_item  { border:solid 1px black; }
td.menu_item_over  { background-color: dimgray; border:outset 1px dimgray; }
td.path, td.othermenu { background-color:silver; color:black; font-size:xx-small; }
td.path      { text-align:left;}
td.othermenu { text-align:right;}

td.menu a:link    { color:white; text-decoration: none; }
td.menu a:visited { color:white; text-decoration: none; }
td.menu a:active  { color:lightskyblue; text-decoration: none; }
td.menu a:hover   { color:tomato; text-decoration: none; }

/* group_index */
table.grpi  { width:100%; margin-left:5%; margin-right:5%}
td.grpi     { width:50%; vertical-align:top;}
td.grpi div.group, td.grpi div.none { margin-top:0.5em;}
td.grpi div.group { margin-left:2em; text-indent:-2em;}

/* illust_index */
td.ii_title { font-size:large; font-weight:bold; text-align:left; }
div.navi { text-align:right; }
div.navi span { color:gray; height:1em; padding:1px 4px 1px 4px; margin-right:1px; border:solid 1px steelblue; background-color:aliceblue; }
div.navi span b { color:black; }
span.linkbox { position:absolute; border:solid 1px red; display:none; }

/* text_index */
body.ti_left, div.ti_item { background-color:lightgrey; }
div.ti_item_sel { background-color:white; }
div.ti_item, div.ti_item_sel { width:100%; padding:2px 2px 2px 2.5em; text-indent:-2em; }
body.ti_body { margin-left:5%; margin-right:5%; } 
table.ti_table { width:100%; }

/* pc_index */
td.pi_group { font-weight:bold; font-size:large; padding-left:1em; background-color:lightskyblue; }
td.pi_title { font-weight:bold; }

/* time_table */
body.tt_header, body.tt_body { margin-left:5%; margin-right:5%; }
body.tt_header { margin-bottom:0; }
body.tt_body { margin-top:0; }
table.tt_header { width:90%; position:absolute; }
table.tt_body   { width:100%; }
th.pw, td.pw { width:6em; }
th.wg, td.wg { width:5em; }
th.time, td.time { width:6em; }
td.sep       { height:8px; background-color:gray; }
td.pw        { text-align:center; vertical-align:top; }
td.wg        { text-align:center; vertical-align:top; }
td.text      { ; }
td.sub       { padding-left:2em; }
td.ie        { padding-left:2em; }
td.note      { font-weight:bold;  border:solid 1px red;}
td.add_title { padding-left:2em; }
td.add_item  { padding-left:4em; }
td.time      { text-align:center; }
div.ie_item  { padding-left:2em; }

/* periodic */
td.per_menu { width:25%; }
td.per_1 { font-weight:bold;}
td.per_2 { padding-left:2em;}
td.per_3 { padding-left:4em;}