@CHARSET "UTF-8";

/**
 * colors
 * text: #231815;
 * header: #fdd000;
 * main:   #F6ECD0;    
 *   highlight: #e3d9a3;
 *   text-red: #841028;
 * footer:
 *   border: #231815;
 */
html {
    background-color: #F6ECD0;
}

body {
    color: #231815;
    background-color: #F6ECD0;
}

a {
    color: #231815;
    text-decoration: none;
}

a:hover,a:active {
    color: #666666;
    text-decoration: underline;
}

#container {
    width: 800px;
    margin: 0 auto;
}

/* =====  ===== */
#header {
    width: 800px;
}

#header-wrap {
    padding: 22px 22px 11px 25px;
    background-color: #fdd000;
}

#header #header-logo {
    float: left;
}

#header #siteurl {
    float: right;
    width: 290px;
    margin: 18px 0 9px;
    line-height: 21px;
    font-size: 169.2%;
}

#header #header-menu {
    float: right;
    display: block;
    width: 290px;
    font-size: 84.6%;
    line-height: 22px;
}

#header #header-menu img {
    vertical-align: middle;
}

#header #gnavi {
    
}

#header #gnavi li {
    display: block;
    width: 133px;
    height: 33px;
    float: left;
    overflow: hidden;
}

#header #gnavi li a {
    display: block;
    height: 33px;
    line-height: 33px;
    background-image: url('../img/common/gnavi.png');
    background-repeat: no-repeat;
    text-indent: -10000px;
}

#header #gnavi li#gnavi02,#header #gnavi li#gnavi05 {
    width: 134px;
}

#header #gnavi li#gnavi01 a {
    background-position: 0 0;
}

#header #gnavi li#gnavi02 a {
    background-position: -133px 0;
}

#header #gnavi li#gnavi03 a {
    background-position: -267px 0;
}

#header #gnavi li#gnavi04 a {
    background-position: -400px 0;
}

#header #gnavi li#gnavi05 a {
    background-position: -533px 0;
}

#header #gnavi li#gnavi06 a {
    background-position: -667px 0;
}

#header #gnavi li#gnavi01 a:hover {
    background-position: 0 -33px;
}

#header #gnavi li#gnavi02 a:hover {
    background-position: -133px -33px;
}

#header #gnavi li#gnavi03 a:hover {
    background-position: -267px -33px;
}

#header #gnavi li#gnavi04 a:hover {
    background-position: -400px -33px;
}

#header #gnavi li#gnavi05 a:hover {
    background-position: -533px -33px;
}

#header #gnavi li#gnavi06 a:hover {
    background-position: -667px -33px;
}

/* =====  ===== */
.has-header #main {
    margin: 10px auto;
    width: 740px;
    background-image: none;
}

#main {
    background-image: url(../img/common/bg-2column.png);
    background-repeat: repeat-y;
}

#main #left {
    overflow: hidden;
    width: 240px;
    float: left;
    background-color: #FDD000;
}

#left #logo {
    text-align: center;
    margin: 50px 0;
}

#left #gnavi-title {
    margin-top: 10px;
    margin-left: 33px;
}

#left #gnavi {
    margin: 5px 0 10px;
    border-top: 1px solid #9f8109;
    border-bottom: 1px solid #9f8109;
    padding: 10px 0;
}

#left #gnavi li {
    width: 240px;
    height: 30px;
}

#left #gnavi li a {
    display: block;
    padding-left: 30px;
    width: 210px;
    height: 30px;
    line-height: 30px;
    vertical-align: middle;
    overflow: hidden;
    background-image: url(../img/common/left-menu-bg.png);
    background-repeat: no-repeat;
    background-position: 0 0;
    font-size: 123.1%;
}

#left #gnavi li a:hover {
    background-position: 0 -30px;
    text-decoration: none;
}

#left #banners {
    margin: 10px 0;
    text-align: center;
}

#left #banners li {
    margin: 20px 0;
}

#left #banners .qrcode {
    margin-bottom: 15px;
}

#left #sub-menu {
    font-size: 76.9%;
    margin: 10px 30px;
}

#left #sub-menu li {
    margin-bottom: 10px;
    padding-left: 8px;
    background-image: url(../img/common/left-arrow.png);
    background-repeat: no-repeat;
    background-position: 0 2px;
}

#main #contents {
    overflow: hidden;
    width: 560px;
    float: right;
}

/* =====  ===== */
#footer {
    margin: 20px auto;
    width: 740px;
    font-size: 76.9%;
}

#footer #footer-menu {
    
}

#footer-menu li {
    display: inline;
    padding-left: 8px;
    padding-right: 10px;
    background-image: url(../img/common/arrow-gray.png);
    background-repeat: no-repeat;
    background-position: 0 1px;
}

#footer #copyright {
    margin-top: 10px;
    border-top: solid 2px #231815;
    padding-top: 10px;
    text-align: center;
}