@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    color: #000;
}

body {
    background-color: #fff;
    font-family:
        "游ゴシック" ,
        "Yu Gothic" ,
        "游ゴシック体" ,
        "YuGothic",
        "ヒラギノ角ゴ Pro W3",
        "Hiragino Kaku Gothic Pro",
        "Meiryo UI", 
        "メイリオ",
        Meiryo,
        "ＭＳ Ｐゴシック",
        "MS PGothic",
        sans-serif;
}
/* ===== 共通部 ===== */
.contents {
    background: url('../img/bg.png') repeat-y center top;
}

/* ヘッダー */
.header {
    width: 100%;
    height: 290px;
    padding-top: 28px;
    background: url('../img/outside_top.jpg') no-repeat center top ;
}

.headerContent {
    width: 100%;
    height: 264px;
    min-width: 1024px;
    margin: 0 auto;
    background: url('../img/outside_topbg.jpg') no-repeat top center;
}

.headerMain {
    width: 1024px;
    height: 136px;
    margin: 0 auto;
}

/* ヘッダーリンク */
.headerlink {
    width: 400px;
    height: 80px;
    margin: 0 0 0 65px;
    float: left;
}

.headerlink li {
    margin : 0 4px;
    display: block;
    float: left;
}

.headerlink li a {
    width: 159px;
    height: 34px;
    display: block;
    border: 0;
    text-indent: -9999px;
}

/* ヘッダーリンク：トップページ */
.headerlink li:nth-child(1) a {
    background: url('../img/menutop.png');
}
.headerlink li:nth-child(1) a:hover {
    background: url('../img/menutop_on.png');
}

/* ヘッダーリンク：twitter */
.headerlink li:nth-child(2) a {
    background: url('../img/menutwitter.png');
}
.headerlink li:nth-child(2) a:hover {
    background: url('../img/menutwitter_on.png');
}

.headerTopLink {
    width: 350px;
    height: 116px;
    margin: 15px 62px 0 0;
    float: right;
}

.headerTopLink a {
    display: block;
    width: 350px;
    height: 116px;
    background: url('../img/menulogotop.png') no-repeat;
    text-indent: -9999px;
}

.headerTopLink a:hover {
    background: url('../img/menulogotop_on.png') no-repeat;
    text-indent: -9999px;
}

/* フッター */
.footer {
    width: 100%;
    height: 200px;
    clear: both;
    background: url('../img/outside_bottom.jpg') no-repeat center bottom;
}

/* フッターリンク */
.footerlink {
    width: 1024px;
    height: 55px;
    margin: 0 auto;
    padding: 18px 0 0 0;    
    box-sizing: border-box;
    background: url('../img/bottomline.png') no-repeat center top ;
    text-align: center;
    font-size: 14px;
    font-family: 'ＭＳ Ｐゴシック';
}

.footerlink a:hover {
    color: blue;
}

/* rootnukoバナー */
.nukobanner {
    width: 1024px;
    height: 40px;
    margin: 0 auto;
    text-align: center;
}

.nukobanner a img {
    width: 200px;
    height: 40px;
    border: #000 solid 1px;
}

/* メインメニュー */
.menu {
    width: 100%;
    min-width: 1024px;
    height: 107px;
    margin: 0 auto;
    box-sizing: border-box;
    padding-top: 0; 
    background: url('../img/menu.png') no-repeat top center;
}

.menu ul {
    width: 950px;
    height: 77px;
    margin: 0 auto;
    padding: 26px 0 0 1px;
}

.menu li {
    margin: 0 0 0 5px;
    display: block;
    float: left;
    width: 130px;
    height: 77px;
}
.menu li a {
    display: block;
    width: 130px;
    height: 77px;
    opacity: 0;
    background: url('../img/menu_on.png') no-repeat;
    transition: opacity 0.1s ease-out;
    -webkit-transition: opacity 0.1s ease-out;
    -moz-transition: opacity 0.1s ease-out;
    -ms-transition: opacity 0.1s ease-out;
    text-indent: -9999px;
}
.menu li a:hover {
    opacity: 1.0;
    text-indent: -9999px;
}

#pageTopButton {
    width: 89px;
    height: 89px;
    position: fixed;
    right: 40px;
    bottom: -100px;
    background: url('../img/pagetopbutton.png') no-repeat;
}

#pageTopButton:hover {
    background: url('../img/pagetopbutton_on.png') no-repeat;
    cursor: pointer;
}