body { margin:0; padding:0; }

/*head*/
table.head { height:210px; border-bottom:2px solid red; }
table.head td.logo { padding:6px; }

/*navigation area*/
td.navi h2 { padding-left:0.2em; border-left:1em solid red; color:red; font-size:90%; margin-left:0.5em 0 0 4px; }
td.navi ul.topics { margin-top:0.5em; margin-left:24px; padding-left:0; }

/*main area*/
td.main { border-left:2px solid red; }
td.main p, td.main div, td.main ul, td.main address { padding:0.5em 1em; }
td.main h2 { padding-left:0.2em; border-left:1em solid red; color:red; font-size:100%; margin-left:1em; margin-top:0.5em; margin-bottom:0em; }

address { font-style:normal; }

a img   { border:none; }
p { margin-top:0; margin-bottom:0.5em; }

/*foot*/
div.foot { border-top:2px solid red; }
div.foot ul    { margin:0.5em; padding:0; }
div.foot ul li { display:inline; /*margin-right:1em;*/ margin-left:0; }
div.foot p     { margin:0.5em; }

/*navigation*/
ul.links           { margin:0; padding:1em 1em 1em 20px; font-size:90%; line-height:140%; border-bottom:1px dotted red; }
ul.links li        { margin:0 0 0.4em 10px; list-style:url(../../img/unar_red.gif) none; padding:0; }
ul.links li.down1  { list-style:url(../../img/unar_blue.gif) none; padding:0; }
ul.links ul        { margin-top:0.5em; margin-left:5px; padding-left:5px; font-size:100%; }
ul.links ul li     { list-style:url(../../img/arr_red.gif) none; margin:0 2px 0.5em 0; padding:0 0 0 5px; }
ul.links ul li.down2 { list-style:url(../../img/arr_red.gif) none; }
ul.links ul ul     { margin-left:1em; margin-top:0.5em; padding-left:1em; font-size:100%; }
ul.links ul ul li  { margin-bottom:0.4em; padding-left:10px; list-style:url(../../../../common/img/arrow_xsg.gif) none; }

a:link    { color:#894545;}
a:visited { color:#FF3300;}
a:active  { color:#990000;}
a:hover   { color: #663300}

div.menu  { width:22%; float:left;  clip:rect(); }
div.right { width:73%; float:right; clip:rect(); }
div.clear { clear:both; }

hr        { clear:both; }
h1        { width:90%; float:right; text-align:right; margin:0; padding:0; left:100%;}

td.main h3 { font-size:110%; font-weight:bold; color:#990000; border-style:solid; border-width:0 0 1px 5px; border-color:#FFFFFF #FFFFFF #990000 #CC3300; letter-spacing:0.1em; margin:0 0 0 0.5em; padding:5px 0 5px 5px; }
div.header { background:#990000 url(../image/back.jpg); }

p#logo { width:10%; float:left; padding:10px; }

table.titles { font-size:10.5pt; background-color:#F7F7F7; /*width:100%;*/ border:1px solid #666666; margin:1em; color:#666666; }
table.titles td      { border-bottom:1px dashed #999999; padding:1px 4px 1px 5px; margin:0 3px; }
table.titles td.no, table.titles td.tit, table.titles td.artist { border-bottom:2px solid #666666; font-weight:bold; color:#990000; }
table.titles td.no   { width:3%; }
table.titles td.tit  { width:30%; }
table.titles td.artist { width:16%; }
table.titles td.haku { border-bottom:1px dashed #666666; width:2%; }
table.titles td.aida { border:none; }
table.titles td.name { font-size:85%; }
table.titles td.no2  { text-align:right; }

.non { display:none; }
img { border:none; }
div.cat { font-size:9pt; color:#666666; text-align:right; }