@charset "utf-8";

body {
    margin: 0;
    padding: 0;
    font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',Meiryo, メイリオ, sans-serif;
    font-style: normal;
    font-weight: normal;
    font-size: 62.5%;
    text-align: center;
    color: #000;
    background-color: #FFF;
    -webkit-text-size-adjust: 100%;
    -webkit-font-smoothing: antialiased;
}

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

/* ========================================================================== */
/* contents                                                                   */
/* ========================================================================== */

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

/* ========================================================================== */
/* phonecontrol                                                               */
/* ========================================================================== */

a[href^="tel:"] { cursor: default; }

/* ========================================================================== */
/* btneffct                                                                   */
/* ========================================================================== */

a.btnOnmouse {
    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

a.btnOnmouse:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}

/* ========================================================================== */
/* pagetop                                                                    */
/* ========================================================================== */

.page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    background-color: #000;
    padding: 18px 15px;
    cursor: pointer;

    -webkit-transition: all 0.5s ease-out;
    -moz-transition: all 0.5s ease-out;
    -ms-transition: all 0.5s ease-out;
    -o-transition: all 0.5s ease-out;
    transition: all 0.5s ease-out;
}

.page-top:hover {
    background-color: #280000;
}

/* ========================================================================== */
/* clearfix                                                                   */
/* ========================================================================== */
/*
A new micro clearfix hack
http://nicolasgallagher.com
*/
.clearfix:before,.clearfix:after {content:"";display:table;}
.clearfix:after {clear:both;}
.clearfix {zoom:1;}/* For IE 6/7 (trigger hasLayout) */