@charset "UTF-8";

body { font-family: Georgia,"Times New Roman",Times,serif; font-size: 16px; line-height: 20px; color: #FFF8CE; }
#wrapper { width: 90%; margin: 0 auto; }

#head_img { position: relative; top: 0; width: 100%; }
#logo { width: 17%; position: absolute; top: 5%; left: 8%; }

#content { position: relative; margin: 8% 10% 6%; }
#content a { color: #DFD8AE; }
#content ul { margin: 0 0 5%; }
#content ul p { margin: 2% 0 2% -3%; }

#termine { width: 20%; position: absolute; top: 60%; right: 8%; padding: 2%; border: #1043FF 3px solid; background-color: #2E61F8; }
#termine ul p { margin-left: -40px; margin-bottom: 2px; }
#termine ul li { margin-left: -25px; }

h2 { font-size: 22px; margin: 8% 0 3% -2%; }
h3 { font-size: 16px; margin-top: 5%; margin-left: -1%; }

.up img { width: 2.5%; }

/* Navigation */
nav { padding-bottom: 1%; width: 104%; position: relative; }
nav ul { margin: 1% 0; padding: 0; }
nav ul li { color: #E6D8AE; font-size: 103%; float: left; list-style: none; margin-right: 1.5%; text-align: center; vertical-align: middle; width: 10.7%; }
nav a { color: #E6D8AE; display: block; text-decoration: none; padding: 5%; }
nav a:hover { background-color: #FFF; color: #000; }

.sub_nav { position: absolute; top: 80%; width: 100%; font-size: 14px; }
.sub_nav li { font-size: 100%; margin-bottom: 0.5%; }
.sub_nav a { padding: 3%; }

/* Clearfix */
.cf:before, .cf:after { content: " "; display: table; }
.cf:after { clear: both; }