@import url("../../css/union.css");

/* index */

.history h2 { margin: 0 0 20px;}
.history h3 { font-size: 1.1em;}
.history h3 a {
display: block;
width: 680px;
margin: 20px auto;
padding: 5px 10px;
border-top: 1px solid #E5A952;
border-left: 1px solid #D59942;
border-right: 1px solid #B57932;
border-bottom: 1px solid #955902;
background: url(../img/ttl_bg.gif) bottom repeat-x;
color: #444444;
letter-spacing: 1px;
}
.history table {
width: 680px;
margin: auto;
}
.history th,
.history td {
padding: 7px 10px;
vertical-align: top;
}
.history th {
border-top: 1px solid #F6F6F6;
border-left: 1px solid #F6F6F6;
border-right: 1px solid #DDDDDD;
border-bottom: 1px solid #BBBBBB;
background: #EEEEEE;
text-align: left;
white-space: nowrap;
letter-spacing: 1px;
}
.history th a { color: #555555;}
.history td { border-bottom: 1px solid #EEEEEE;}
.history td a { color: #333388;}

.history td ul { padding: 0 0 0 25px;}
.history td li { padding: 0 0 5px;}

.history h3 a:hover,
.history th a:hover,
.history td a:hover { color: #FD6262;}

/* entry */

.year #contents,
.cat #contents {
float: right;
width: 580px;
}
#SN {
float: left;
width: 200px;
margin: 0 0 20px;
border: 1px solid #CCC;
background: #FDFCFA;
}

.contents h2 { margin: 0 0 25px;}

/* entry contents */

div.body {
margin: 0 10px 10px;
padding: 15px;
border: 1px dashed #CCC;
background: #F6F6F6;
}
div.more {
margin: 20px 0;
padding: 0 10px;
}
div.body ul { margin: 0 0 0 25px;}
div.body li { padding: 0 0 7px;}
div.body p,
div.more p { margin: 20px 10px 20px;}
div.more ul { margin: 0 0 0 30px;}
div.more ol { margin: 0 0 0 30px;}
div.more li { padding: 0 0 2px;}

table.links {
clear: both;
margin: 20px auto;
}
table.links td { padding: 5px 10px;}
table.links td { padding: 0 15px;}
table.links td a { display: block; padding: 0 0 0 15px;}
table.links td.ccell {
border-right: 1px dotted #999;
border-left: 1px dotted #999;
vertical-align: top;
}
table.links td.ccell a { background: url(../../img/arrow_u.gif) left 5px no-repeat;}
table.links td.rcell a { background: url(../../img/arrow_r.gif) right 5px no-repeat; padding: 0 12px 0 0;}
table.links td.lcell a { background: url(../../img/arrow_l.gif) left 5px no-repeat;}

/* category contents */

.cat h3 {
margin: 25px 0 20px;
padding: 0 5px;
border-left: 5px solid #AE9951;
}
.catbody { margin: 0 10px;}
.catbody p { margin: 15px 0 15px 5px;}

/* side navi */

div.SNttl {
padding: 0;
background: #F9F6EC;
font-size: 1.1em;
font-weight: bolder;
}

#SN li {
border-top: 1px solid #F6F6F6;
border-bottom: 1px solid #FCFCFC;
letter-spacing: 1px;
}
#SN li.SNt { border-top: 1px solid #EED9B1;}

#SN li a,
div.SNttl a {
display: block;
padding: 5px 10px;
color: #555555;
}
#SN li a { border-left: 3px solid #CEB971;}
#SN li.SNt a { border-left: 4px solid #BEA961; padding: 5px 6px;}

div.SNttl a { border-left: 4px solid #9E8941;}

#SN li a:hover {
background: #FCEFEC;
color: #FD6262;
}

.cat56 .SNt56,
.year42 .SN42,
.year48 .SN48,
.year49 .SN49,
.cat57 .SNt57,
.year50 .SN50,
.year53 .SN53,
.year54 .SN54,
.year55 .SN55,
.year56 .SN56,
.year57 .SN57,
.year58 .SN58,
.year59 .SN59,
.cat58 .SNt58,
.year61 .SN61,
.year63 .SN63,
.year2 .SN2,
.year3 .SN3,
.year4 .SN4,
.year5 .SN5,
.year7 .SN7,
.year8 .SN8,
.year9 .SN9,
.cat59 .SNt59,
.year10 .SN10,
.year12 .SN12,
.year13 .SN13,
.year14 .SN14,
.year15 .SN15,
.year16 .SN16,
.year17 .SN17,
.year18 .SN18,
.year19 .SN19,
.year20 .SN20,
.year21 .SN21 {
background: #F4EEE3;
}