﻿@charset "UTF-8";
 /* html */
 html {
    overflow-y:scroll;
 }
 body {
    margin:0;
    padding:0;
    line-height:1.6;
    letter-spacing:1px;
    font-family:Verdana, Helvetica, sans-serif;
    color:#808080;
    font-size:13px;
 }
 br {
    letter-spacing:normal;
 }
 a {
    color:#ff0000;
    text-decoration:none;
 }
 a:hover {
    color:#ffff00;
    text-decoration:none;
 }
 img {
    border:0;
 }
 h1,h2,h3,h4,h5,h6 {
    margin:0;
 }

/* STRUCTURE */
 #top {
    width:960px;
    margin:0 auto;
    background:#ffffff;
    border-top:10px solid #ff0000;
    border-bottom:5px solid #0000ff;
 }
 #header {
    position:relative;
    width:960px;
    height:200px;
    background:#000080;
 }
 #menu {
    width:960px;
    background:#800080;
 }
 #contents {
    clear:both;
    width:960px;
    margin-top:15px;
 }
 #main {
    float:left;
    margin:0 10px;
    width:580px;
 }
 #SIDE_LEFT {
    float:left;
    width:180px;
 }
 #SIDE_RIGHT {
    float:left;
    width:180px;
 }
 #footer {
    position:relative;
    clear:both;
    width:960px;
 }
 /* 回り込み解除 */
 #contents:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
 }

/* ------HEADER------ */
 #header h1 {
    margin:0;
    padding:0 200px;
    font-size:24px;
    color:#00ff00;
    line-height:80px;
 }
 #header h1 a {
    color:#000;
 }
 #header h1 a:hover {
    color:#ddd;
 }
 #header .pr {
    position:absolute;
    top:10px;
    right:0;
 }
 /*----HEADER MENU----*/
 #menu ul {
    margin:0;
    padding:0;
 }
 #menu li {
    float:left;
    color:#ff0000;
    list-style-type:none;
 }
 #menu li a {
    display:block;
    margin-right:1px;
    padding:0 20px;
    line-height:2.5;
    color:#fff;
 }
 #menu li a:hover{
    color:#ddd;
 }
 #menu ul:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    visibility:hidden;
 }

/* -----MAIN h2---- */
 #main a {
    color:#008000;
 }
 #main a:hover {
    text-decoration:underline;
 }
 #main h2 {
    margin-bottom:5px;
    padding:2px 2px 2px 5px;
    font-size:15px;
    font-weight:bold;
    line-height:1.4;
    border-left:5px solid #000;
 }
 #main h3 {
    margin-bottom:5px;
    font-size:13px;
    border-bottom:3px double #000;
 }
 #main h4 {
    margin-bottom:2px;
    padding:3px;
    font-size:13px;
    line-height:1.4;
    background:#ddd;
 }
 #main h5 {
    margin-bottom:2px;
    font-size:13px;
    line-height:1.4;
    border-bottom:2px solid #333;
 }
 #main h6 {
    margin-bottom:2px;
    font-size:13px;
    line-height:1.4;
 }
 #main p{
    margin:0 0 1em 0;
    line-height:1.4;
 }
 #main dd{
    padding:0;
    margin:0 0 1em 1em;
    padding:3px;
    background:#f1f1f1;
 }

/* SIDE_LEFT  */
 #SIDE_LEFT .section {
    background:#808080;
 }
 #SIDE_LEFT h2 {
    padding:3px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    background:#0000ff;
 }
 #SIDE_LEFT ul {
    margin:0;
    padding:5px 0 1em 1em;
 }
 #SIDE_LEFT li {
    margin:0;
    padding-left:18px;
    line-height:1.8;
    background:#c0c0c0;
    list-style:none;
 }

/* SIDE_RIGHT */
 #SIDE_RIGHT .pr {
    margin:10px 0;
    text-align:center;
 }
 #SIDE_RIGHT h2 {
    padding:3px;
    font-size:14px;
    font-weight:bold;
    color:#fff;
    background:#808080;
 }
 #SIDE_RIGHT ul {
    margin:0;
    padding:5px 0 1em 1em;
 }
 #SIDE_RIGHT li {
    margin:0;
    padding-left:18px;
    line-height:1.8;
    background:#800000;
    list-style:none;
 }

/* PAGETOP */
 #pageTop {
    padding:10px;
    text-align:right;
 }
 #pageTop a {
    padding:0 0 0 12px;
 }

/* FOOTER */
 .copyright {
    padding:20px 0;
    text-align:center;
    font-style:normal;
    font-size:11px;
    border-top:35px solid #00ff00;
 }