@charset "utf-8";
/* YUI 3.9.1 (build 5852) Copyright 2013 Yahoo! Inc. http://yuilibrary.com/license/ */
html {
    color: #666;
    background: #FFF
    }
fieldset, img {
    border: 0
    }
address, caption, cite, code, dfn, em, strong, th, var {
    font-style: normal;
    font-weight: normal
    }
ol, ul {
    list-style: none
    }
caption, th {
    text-align: left
    }
h1, h2, h3, h4, h5, h6 {
    font-size: 100%;
    font-weight: normal
    }
q:before, q:after {
    content: ""
    }
abbr, acronym {
    border: 0;
    font-variant: normal
    }
sup {
    vertical-align: text-top
    }
sub {
    vertical-align: text-bottom
    }
input, textarea, select {
    font-family: inherit;
    font-size: inherit;
    font-weight: inherit
    }
legend {
    color: #000
    }
#yui3-css-stamp.cssreset {
    display: none
    }
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, tfoot, thead, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline
    }
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block
    }
/* element
-----------------------------------------------*/
html {
    width: 100%
    }
body, html {
    margin: 0;
    padding: 0;
    height: 100%
    }
body {
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: 11px;
    width: 100%;
    color: #444;
    background: #FFF
    }
.clearfix {
    zoom: 1
    }
.clearfix:after {
    content: "";
    display: block;
    clear: both
    }
a {
    color: inherit;
    text-decoration: underline
    }
a:hover {
    cursor: pointer;
    text-decoration: none;
    color: #999
    }
#wrapper {
    width: 100%;
    margin: 0 auto;
    height: auto !important;
    height: 100%;
    min-height: 100%;
    z-index: 1;
    position: relative;
    overflow: hidden
    }
/* header */
#header {
    width: 940px;
    margin: 0 auto
    }
#header #headerLogo {
    float: left
    }
#header #headerMenu {
    float: left;
    padding-top: 29px;
    position: relative;
    left: 55px
    }
#header #headerMenu ul li {
    float: left
    }
/*__ maincontent Slider _*/
#maincontent {
    /*height: 480px;*/
    height: 388px;
    overflow: hidden;
    position: relative
    }
div#maincontent div.main {
    display: none
    }
div#maincontent div.element {
    position: absolute !important
    }
#maincontent div.pict {
    cursor: default !important
    }
#maincontent div.main {
    position: static;
    text-align: center;
    display: block;
    cursor: pointer !important
    }
#maincontent .element {
    /*Carousel 20130314 Cre-d*/
    display: none;
    position: absolute !important
    }
#maincontent .left {
    top: 160px;
    left: 0;
    cursor: pointer
    }
#maincontent .right {
    top: 160px;
    right: 0;
    cursor: pointer
    }
#arrowContainer {
    width: 940px;
    margin: 0 auto;
    position: relative
    }
#maincontent .left {
    top: 160px;
    left: -59px;
    cursor: pointer
    }
#maincontent .right {
    top: 160px;
    right: -59px;
    cursor: pointer
    }
#slideContainer {
    position: relative
    }
#mainImageContainer {
    position: relative
    }
#buttonContainer {
    width: 940px;
    margin: 0 auto;
    position: relative
    }
#slideButton {
    position: absolute;
    top: 353px;
    left: 833px
    }
#slideButton img {
    margin-right: 15px
    }
#slideButton img.last {
    margin-right: 0
    }
#slideButton .bt {
    width: 8px;
    height: 8px;
    background-color: #dadada;
    margin-right: 15px;
    float: left;
    cursor: pointer
    }
/* content */
#container {
    width: 940px;
    margin: 0 auto;
    padding-bottom: 35px
    }
#contentContainer {
    z-index: 1;
    position: relative
    }
.column {
    float: left;
    margin-top: 9px
    }
#leftColumn {
    margin-right: 40px
    }
#centerColumn {
    margin-right: 0
    }
#leftColumn #sideMenu {
    margin-top: 13px;
    margin-top: 10px ¥9
    }
#leftColumn #sideMenu li {
    background-image: url(img/arrow.png);
    background-repeat: no-repeat;
    background-position: 0 3px;
    padding-left: 15px;
    margin-bottom: 8px
    }
#leftColumn #searchBox {
    margin: 27px 0 0 0
    }
#leftColumn #searchBox #search {
    border: solid #9a9a9a 1px;
    width: 130px;
    height: 19px;
    float: left;
    margin: 11px 0 0 0
    }
#leftColumn #searchBox #searchSubmit {
    float: left;
    border: 0;
    width: 43px;
    height: 21px;
    margin: 11px 0 0 8px;
    background-image: url(img/search.png);
    background-repeat: no-repeat
    }
#leftColumn .bannerBox {
    margin-top: 30px
    }
#centerColumn .content {
    margin-top: 26px;
    margin-top: 22px ¥9
    }
#centerColumn .innerColumn {
    float: left;
    margin-right: 0
    }
#centerColumn .innerColumn.last {
    margin: 0
    }
#centerColumn a {
    color: inherit;
    text-decoration: underline
    }
#centerColumn a:hover {
    cursor: pointer;
    text-decoration: underline;
    color: #777
    }
/* footer */
#footer {
    background-color: rgb(160, 160, 160);
    position: absolute;
    bottom: 0;
    width: 100%;
    height: 35px
    }
#footer #footerContent {
    height: 35px;
    width: 940px;
    margin: 0 auto;
    text-align: right;
    position: relative;
    overflow: hidden
    }
#footer #footerRight {
    position: absolute;
    top: 0;
    right: 0
    }
#footer #footerLeft {
    position: absolute;
    width: 330px;
    height: 35px;
    left: 0
    }
#footer .footerImgBox {
    float: left;
    height: 22px
    }
#footerLeft {
    cursor: pointer
    }
/*pagetop*/
#page-top {
    position: fixed;
    /*bottom: 25px;*/
    /*
    	bottom:62px;
    	right: 29px;
    	*/
    bottom: 23px;
    right: 0;
    width: 35px;
    height: 35px
    }
#page-top a {
    width: 35px;
    display: block
    }
#page-top a:hover {
    opacity: 0.7;
    filter: alpha(opacity=70);
    /* ie lt 8 */
    -ms-filter: "alpha(opacity=70)";
    /* ie 8 */
    -moz-opacity: 0.7;
    /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.7;
    /* Safari 1.x */
    }
.mida {
    font: bold 16px/20px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
    }
.aaa {
    font: 11px "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    color: #333
    }