@charset 'UTF-8';
/*==================================================================*/
/* CSS Properties Guidelines */

/* Content, Numbering, Lists:
 * content
 * quotes
 * counter-reset
 * marker-offset
 * list-style (type image position)
 */

/* Visual Formatting:
 * dispaly
 * position
 * z-index
 * float
 * clear
 * direction
 * unicode-bidi
 * min-width
 * width
 * max-width
 * min-height
 * height
 * max-height
 * line-height
 * vertical-align
 */

/* Visual Effects:
 * overflow
 * clip
 * visibility
 */

/* Box:
 * margin (top right bottom left)
 * padding (top right bottom left)
 * border (width color style radius)
 * box-shadow
 * opacity
 * outline
 */

/* Color:
 * color
 */

/*Fonts
 * font (family style variant weight stretch size size-adjust)
 */

/* Text:
 * text-indent
 * text-align
 * text-decoration
 * text-shadow
 * letter-spacing
 * word-spacing
 * text-transform
 * white-space
 */

/* Background:
 * background (color image repeat attachment position)
 *            multiple
 */

/*==================================================================*/
/* common */

/*--------------------------------------------------------*/
/* elements */

html {
}

body {
    line-height: 20px;
    color: #3e3a38;
    font-size: 14px;
    font-family: sans-serif;
}

a, a:link, a:active, a:visited {
    color: ;
}

/*--------------------------------------------------------*/
/* class */

.inner {
    position: relative;
    width: 960px;
    margin: 0 auto;
}

/*--------------------------------------------------------*/
/* id */

/*==================================================================*/
/* header */

.header {
    margin: 0 0 35px 0;
    padding: 0 0 80px 0;
    background: url('../img/header_arrow.png') no-repeat center bottom;
}

.header .sitelogo {
    width: 960px;
    height: 44px;
    margin: 23px 0 2px 0;
    background: url('../img/sitelogo.png') no-repeat;
}

.header .sitetitle {
    width: 959px;
    height: 334px;
    margin: 0;

    background: url('../img/sitetitle.png') no-repeat;
}

.header nav {
    margin: 0 0 20px 0;
}

.header nav ul {
    position: relative;
    width: 960px;
    height: 110px;
    margin: 0;
    padding: 0;
}

.header nav ul li {
    list-style-type: none;
    position: absolute;
    top: 0;
    height: 110px;
}

.header nav ul li a {
    display: block;
    width: 100%;
    height: 110px;
    background: url('../img/nav.png') no-repeat;
}

.header nav ul li.anchor1 {
    left: 0;
    width: 86px;
}

.header nav ul li.anchor1 a {
    background-position: 0 0;
}

.header nav ul li.anchor1 a:hover {
    background-position: 0 -110px;
}

.header nav ul li.anchor2 {
    left: 136px;
    width: 159px;
}

.header nav ul li.anchor2 a {
    background-position: -136px 0;
}

.header nav ul li.anchor2 a:hover {
    background-position: -136px -110px;
}

.header nav ul li.anchor3 {
    left: 332px;
    width: 184px;
}

.header nav ul li.anchor3 a {
    background-position: -332px 0;
}

.header nav ul li.anchor3 a:hover {
    background-position: -332px -110px;
}

.header nav ul li.anchor4 {
    left: 547px;
    width: 156px;
}

.header nav ul li.anchor4 a {
    background-position: -547px 0;
}

.header nav ul li.anchor4 a:hover {
    background-position: -547px -110px;
}

.header nav ul li.anchor5 {
    left: 742px;
    width: 217px;
}

.header nav ul li.anchor5 a {
    background-position: -742px 0;
}

.header nav ul li.anchor5 a:hover {
    background-position: -742px -110px;
}

.header table {
    width: 100%;
    margin: 0 0 20px 0;
}

.header table tr {
    border-bottom: 1px dotted #898989;
}

.header table tr:first-child {
    border-top: 1px dotted #898989;
}

.header table th {
    width: 180px;
    padding: 5px 0;
    vertical-align: middle;
}

.header table td {
    padding: 5px 0;
    vertical-align: middle;
    color: #0081cc;
}

.header .margin-none {
    margin-bottom: 0;
}

.header strong {
    color: #0081cc;
    font-weight: bold;
}

/*==================================================================*/
/* content */

/*--------------------------------------------------------*/
/* main */

.content main section {
    margin: 0 0 100px 0;
}

.content main section h2 {
    width: 960px;
    height: 95px;
}

.content main section .comment p {
    margin: 0;
}

.content main .section1 h2 {
    margin: 0 0 20px 0;
    background: url('../img/section1_h2.png') no-repeat;
}

.content main .section1 .chart {
    margin: 0 0 40px 0;
}

.content main .section1 .comment {
    width: 935px;
    height: 131px;
    padding: 55px 0 0 25px;
    background: url('../img/section1_comment.png') no-repeat;
}

.content main .section2 h2 {
    margin: 0 0 30px 0;
    background: url('../img/section2_h2.png') no-repeat;
}

.content main .section2 .chart {
    margin: 0 0 40px 0;
}

.content main .section2 .comment {
    width: 690px;
    height: 131px;
    padding: 55px 0 0 270px;
    background: url('../img/section2_comment.png') no-repeat;
}

.content main .section3 h2 {
    margin: 0 0 30px 0;
    background: url('../img/section3_h2.png') no-repeat;
}

.content main .section3 .chart {
    margin: 0 0 10px 0;
}

.content main .section3 .comment {
    width: 935px;
    height: 131px;
    padding: 55px 0 0 25px;
    background: url('../img/section3_comment.png') no-repeat;
}

.content main .section4 h2 {
    margin: 0 0 30px 0;
    background: url('../img/section4_h2.png') no-repeat;
}

.content main .section4 h3 {
    width: 750px;
    height: 146px;
    margin: 0 0 15px 0;
    padding: 20px 0 0 210px;
    color: #0081cc;
    background: url('../img/section4_h3.png') no-repeat;
}

.content main .section4 .margin {
    margin: 0 0 90px 0;
}

.content main .section4 .comment .lower {
    padding: 0 0 25px 0;
    background: url('../img/comment_lower.png') no-repeat center bottom;
}

.content main .section4 .comment .upper {
    padding: 25px 20px 0 20px;
    background: url('../img/comment_upper.png') no-repeat center top;
}

.content main .section4 .comment p.margin-full {
    margin: 0 0 20px 0;
}

.content main .section5 h2 {
    margin: 0 0 15px 0;
    background: url('../img/section5_h2.png') no-repeat;
}

.content main .section5 .mailto {
    margin: 0;
}

.content main .section5 .mailto a {
    display: block;
    width: 216px;
    height: 22px;
    background: url('../img/mailto.png') no-repeat;
}

.content main .section5 .mailto a:hover {
    background-position: 0 -22px;
}

/*==================================================================*/
/* footer */

.footer {
    padding: 0 0 40px 0;
}

.footer .copyright {
    width: 920px;
    height: 59px;
    line-height: 59px;
    margin: 0;
    padding: 0 20px;
    color: #727171;
    background: url('../img/copyright.png') no-repeat;
}