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

#contents {
float: right;
width: 580px;
}
#SN {
float: left;
width: 190px;
margin: 0 0 20px;
border: 1px solid #CCCCCC;
background: #FDFCFA;
}

div.SNttl {
padding: 8px 6px;
border-left: 5px solid #AE9951;
border-bottom: 1px solid #CCC;
background: #FBFAF3;
font-size: 1.1em;
font-weight: bolder;
}

#SN li {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #EEEEEE;
}
#SN li.SNstart {
border-top: 1px dotted #FFF;
}
#SN li a {
display: block;
padding: 6px;
border-left: 5px solid #AE9951;
color: #555555;
}
#SN li a:hover {
background: #FCEFEC;
color: #FD6262;
}
.start .SN li.SNstart,
.management .SN li.SNmanagement,
.best .SN li.SNbest,
.simple .SN li.SNsimple,
.payment .SN li.SNpayment,
.longlife .SN li.SNlonglife,
.spread .SN li.SNspread,
.office .SN li.SNoffice,
.member .SN li.SNmember,
.contribution .SN li.SNcontribution,
.character .SN li.SNcharacter {
background: #F4EEE3;
}

h2 { margin: 0 0 15px;}
h3 { margin: 15px 8px;}
.contents p { margin: 15px;}
.contents li { margin: 2px 0;}
ol { margin: 10px 15px 10px 50px;}
ol li { color: #AA5500; font-size: 1.1em;}

/* -------- office --------- */

.office h3 {
width: 15em;
margin: 20px 5px 15px;
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;
text-align: center;
letter-spacing: 1px;
font-size: 1.1em;
}
img.map { margin: 15px; padding: 8px; border: 2px solid #DDCCBB;}

/* -------- character --------- */

.character div.wrap { width: 500px; margin: auto;}
.character p.t-center { text-align: center;}
.character strong { font-size: 1.2em; color: #FF0000; letter-spacing: 2px;}
.character img { float: left; margin: 0 15px; 15px 20px;}