/**
 * StyleName		: _base
 * MainImageWidth	: 940
 * MainImageHeight	: free
 */
* {
    margin: 0;
    padding: 0
    }
table {
    margin: auto
    }
/** Tags
------------------------------ **/
body {
    /** padding-top:30px !Reserved **/
    color: #333;
    font-size: 14px;
    line-height: 1.8;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"
    }
h1 {
    font-size: 22px;
    font-weight: normal;
    letter-spacing: 0.25em;
    margin-bottom: 16px
    }
h1 a {
    text-decoration: none;
    color: #7c7c7c
    }
img {
    border: none;
    vertical-align: bottom
    }
ul, li {
    list-style: none
    }
/** Classes
------------------------------ **/
#title, #mainImage, #contents {
    width: 980px;
    margin: 0 auto
    }
/** Layout blocks
------------------------------ **/
/** Wrap **/
#wrap {
    width: 100%;
    position: relative;
    background-color: #fafafa
    }
#wrap_body {
    padding: 52px 0 0 0
    }
/** Title **/
#title {
    padding: 70px 0 70px 0;
    margin: 0 auto;
    text-align: center
    }
#title .description {
    font-size: 12px;
    letter-spacing: 0.1em;
    color: #7c7c7c
    }
/** Main image **/
#mainImage {
    overflow: hidden;
    text-align: center
    }
.mainImage img, #topMenu .topMenu {
    max-width: 980px
    }
/** Top menu **/
#topMenu {
    width: 100%;
    position: absolute;
    top: 0;
    left: 0;
    z-index: 99;
    min-height: 55px;
    height: auto !important;
    height: 55px
    }
#topMenu_outer {
    width: 980px;
    margin: 0 auto
    }
#topMenu_body {
    width: 980px
    }
#topMenu .topMenu li {
    width: 196px;
    padding: 20px 0;
    overflow: hidden;
    float: left;
    text-align: center
    }
#topMenu .topMenu li a {
    width: 166px;
    padding: 0 15px;
    overflow: hidden;
    text-decoration: none;
    font-size: 12px;
    display: block;
    letter-spacing: 0.1em
    }
#topMenu .topMenu li a:hover {
    color: #fff
    }
/** Contents **/
#contents {
    margin: 30px auto 70px auto
    }
/** Main contents **/
#mainContents {
    width: 670px
    }
/** Side contents **/
#sideContents {
    width: 250px;
    margin-top: 41px
    }
/** Footer **/
#footer {
    width: 100%;
    padding: 0 0 45px 0
    }
#footer_outer {
    width: 980px;
    margin: 0 auto
    }
.footer * {
    color: #bbb;
    font-size: 11px
    }
.footer .topMenu {
    width: 490px;
    height: auto !important;
    float: left;
    padding: 45px 0
    }
.footer .topMenu li a {
    float: left
    }
.footer .services {
    width: 490px;
    padding: 45px 0;
    float: right
    }
.footer li {
    line-height: 30px;
    height: 30px;
    width: 100%
    }
.footer li a {
    text-decoration: none;
    display: block;
    padding-left: 45px;
    color: #aaa;
    /*border-bottom:solid 1px #ddd;*/
    }
.footer .services li a {
    padding-left: 45px;
    /*border-bottom:solid 1px #32c4a7;*/
    }
.footer .services li a:hover {
    color: #f3f3f3
    }
.footer p {
    clear: both;
    line-height: 18px;
    text-align: center
    }
.footer p a:hover {
    text-decoration: none
    }
.footer .copyright {
    padding: 72px 0 5px 0;
    clear: both
    }
/** more
------------------------------ **/
/***************/
/** Clear Fix **/
/***************/
.contents:after, .mainArticles .article_body:after, .mainServices .services:after, .mainTopics ul li:after, .footer ul:after, .sideMobile:after, .clearfix:after {
    clear: both;
    height: 0;
    visibility: hidden;
    display: block;
    content: "."
    }
.contents, .mainArticles .article_body, .mainServices .services, .mainTopics ul li, .footer ul, .sideMobile, .clearfix {
    min-height: 1px
    }
* html .contents, * html .mainArticles .article_body, * html .mainServices .services, * html .mainTopics ul li, * html .footer ul, * html .sideMobile, * html .clearfix {
    height: 1px;
    /*Â¥*/
    /*/
      height: auto;
      overflow: hidden;
      /**/
    }