@import url("base.css");

.d-title { background: url(../open/img/d_title.jpg) no-repeat;}

/* ---------- layout style --------------*/

#contents {
float: none;
width: 850px;
}

/* ---------- page title style --------------*/

.p-title {
height: 30px;
border-left: 5px solid #9B9932;
background-image: url(../open/img/ttl_open.gif);
background-position: 11px 3px;
background-repeat: no-repeat;
font-size: 1px;
text-indent: -9999px;
}

/* ---------- contents style --------------*/

h2 { margin: 20px; color: #336600; font-size: 120%; letter-spacing: 2px;}
<--! h3 { margin: 0 0 10px; font-size: 100%; text-align: center; font-weight: normal; color: #003300;} -->
h3 { margin: 0 0 10px; font-size: 100%; text-align: left; font-weight: normal; color: #003300;}
h3 span { font-weight: normal; color: #444444; font-size: 90%;}

div.box-left { float: left; width: 300px;}
div.box-right { float: right; width: 500px;}
div.box-none { float: none; width: 800px;}

<--! table { width: 280px; margin: 5px auto 25px; border-collapse: collapse;} -->
table { width: 100%; margin: 5px auto 25px; border-collapse: collapse;}
<--! th, td { width: 3em; padding: 3px 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; text-align: center;} -->
th, td { padding: 3px 10px; border-top: 1px solid #CCC; border-bottom: 1px solid #CCC; vertical-align: top; text-align}
thead th, thead td { width: 3em; background: #EEEECC; color: #445522;}
th { font-weight: normal;}
td { border-left: 1px dotted #CCC;}

table.viking th { width: 10em;}

div.box-right table { width: 500px;}
div.box-right th { width: 25em; padding: 3px 5px; border-left: 1px dotted #DDDDDD; border-right: 1px dotted #DDDDDD; font-size: 90%; text-align: left;}
div.box-right td { width: 4em; padding: 3px 5px; border-left: none;}

p.self { font-size: 90%; color: #664444;}