/* ==== COMMON ==== */ body {
width: 978px; margin: 1.5em auto; color:#333333; font-family:Helvetica Neue,Arial,Helvetica,sans-serif; font-size:75%; line-height:1.5;
}
body a { color: #525252; text-decoration: none; } body a:hover {text-decoration: underline;} body a:visited {color:#000066;} body a:focus {color:black;} body a:hover {color:black;} body a:active {color:#CC0099;} body div {
border-radius: 10px; -moz-border-radius: 15px;
}
body h1 { font-size: 22px; }
/* ==== HEADER ==== */
logo {
background-color: #fff;
}
logo h1 {
font-family: Arial Black,Garamond, serif; line-height: 1em; color: #f4954C; font-weight:bold; vertical-align:middle; font-size: 40px; text-shadow: 0 0 0.2em #888, 0 0 0.2em #888, 0 0 0.2em #888
}
navigation {
background: #1522B2 url('/simple/images/menu_background.png') repeat-x scroll left top; color: #FFFFFF; height: 49px; margin: 0; padding: 0;
}
navigation li {
background: #1522B2 url('/simple/images/menu_background.png') repeat-x scroll left top; float: left; list-style: none; margin: 0; padding: 0;
}
navigation li:hover { background-position: 0 -49px; } navigation li a {
color: #FFFFFF; font-family:Arial Black,Helvetica,sans-serif; font-size: 140%; line-height: 49px; padding: 13px 20px; text-decoration: none; font-weight: bold; text-shadow: 2px 2px 2px #888; -moz-text-shadow: 2px 2px 2px #888; -webkit-text-shadow: 2px 2px 2px #888;
}
/* ==== CONTENTS ==== */
contents {
background-color: #fff; padding: 15px; border: 1px solid #aaa; margin: 5px 5px 5px 0px; box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888;
}
contents table {margin-bottom:1.4em;width:80%} contents th {background-color:#ccc;} contents tr:nth-child(odd) td {background-color:#E5ECF9;}
contents .title {color: C4651C; font-size: 2em; font-weight: bold; margin-bottom: 20px; } contents .subtitle {color: #333; font-size: 1.5em; font-weight: bold; margin-bottom: 15px;}
/* === SIDEBAR === */ sidebar {
width:14%; float: right; padding: 10px; border: 1px solid #aaa; margin: 5px 5px 5px 0px; box-shadow: 5px 5px 5px #888; -moz-box-shadow: 5px 5px 5px #888; -webkit-box-shadow: 5px 5px 5px #888;
}
/* ==== FOOTER ==== */
footer {
clear: both; text-align: center; color: #666; padding: 13px 20px; border: 1px solid #aaa;
}
/* ==== NOTICe ==== */ notice { padding: 5px 8px; margin: 10px 0; } notice p, notice div { border:2px solid FBC2C4; margin-bottom:1em; padding:0.8em; } notice .notice { background-color: CFC; color:#514721; } notice .error { background-color:#FBE3E4; color:#8A1F11; } notice .success { background-color:#E6EFC2; color:#264409 }