@charset "UTF-8";

/* -------------------------------------------------------

 * レイアウト

------------------------------------------------------- */

body {
    font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.contents {
    padding: 20px 0 30px 0;
}



/* -------------------------------------------------------

 * ヘッダー領域

------------------------------------------------------- */

/*==================================
* ヘッダー
==================================*/
header {
    border-bottom: 1px solid #CCC;
}

.header {
    margin: 0 auto;
    padding: 0;
}

/* ヘッダータイトル
======================= */
.header__tit {
    background: #aa0f46;
    border-bottom: none;
    margin: 0;
    padding: 2px 0 3px 0;
}

.header__tit h1 {
    color: #FFF;
}

/* ロゴ
======================= */
.header__logo {
    max-width: 385px;
    padding-top: 15px;
}

/*==================================
* ナビゲーション
==================================*/
.header__gNav {
    width: 550px;
    height: 120px;
    float: right;
    margin: 0;
    border: none;
}

.header__gNav li {
    display: inline;
    float: left;
}

.header__gNav a {
    width: 110px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    height: 0px;
    margin: 0;
    padding: 120px 0 0 0;  
    background-repeat: no-repeat;
}

.nav_01 a { background-image: url(../img/nav_01.png);}
.nav_02 a { background-image: url(../img/nav_02.png);}
.nav_03 a { background-image: url(../img/nav_03.png);}
.nav_04 a { background-image: url(../img/nav_04.png);}
.nav_05 a { background-image: url(../img/nav_05.png);}

.header__gNav a:hover {
    background-position: 0 -120px;
}

.nav_01_on a,
.nav_02_on a,
.nav_03_on a,
.nav_04_on a,
.nav_05_on a {
    width: 110px;
    background-repeat: no-repeat;
    background-position: 0 -120px;
}

.nav_01_on a { background-image: url(../img/nav_01.png);}
.nav_02_on a { background-image: url(../img/nav_02.png);}
.nav_03_on a { background-image: url(../img/nav_03.png);}
.nav_04_on a { background-image: url(../img/nav_04.png);}
.nav_05_on a { background-image: url(../img/nav_05.png);}



/* -------------------------------------------------------

 * コンテンツトップ領域

------------------------------------------------------- */

/*==================================
 * コンテンツトップ
==================================*/
.contentsTop {
    height: 350px;
    background: url(../img/main_bg.png) repeat-x left top;
    margin: 0 auto;
}

.contentsTop__main-img {
    padding-top: 25px;
}

.contentsTop_main_image {
    height: 300px;
    float: left;
    display: inline-block;
}

.contentsTop_main_image a:hover {
    opacity: 0.7;
}

.contentsTop_inquiry_box {
    height: 300px;
    float: right;
    display: inline-block;
    position: relative;
}

.contentsTop_inquiry_box p {
    color: #FFF;
    font-size: 15px;
}

.contentsTop_inquiry_tel {
    position: absolute;
    top: 61px;
    left: 70px;
    font-size: 30px !important;
    font-weight: bold;
    letter-spacing: 1px;
    font-family: 'arial', "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "Yu Gothic", "游ゴシック", YuGothic, "游ゴシック体", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.contentsTop_inquiry_time {
    position: absolute;
    top: 106px;
    left: 95px;
}

.contentsTop_inquiry_holiday {
    position: absolute;
    top: 135px;
    left: 95px;
}

.contentsTop_inquiry_line {
    position: absolute;
    top: 170px;
    right: 20px;
}

.contentsTop_inquiry_line a {
    width: 260px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    height: 0px;
    margin: 0;
    padding: 44px 0 0 0;  
    background-image: url(../img/main_inquiry_line.png);
    background-repeat: no-repeat;
}

.contentsTop_inquiry_line a:hover {
    opacity: 0.7;
}

.contentsTop_inquiry_btn {
    position: absolute;
    top: 225px;
    right: 20px;
}

.contentsTop_inquiry_btn a {
    width: 260px;
    padding: 15px 0;
    text-decoration: none;
    color: #016a38;
    background: #FFF;
    display: block;
    text-align: center;
    font-size: 16px;
}

.contentsTop_inquiry_btn a:hover {
    color: #FFF;
    background: #aa0f46;
}



/* -------------------------------------------------------

 * メイン領域

------------------------------------------------------- */

/*==================================
 * パーツレイアウト
==================================*/
.main__layout {
    margin: 0 0 15px 0;
}



/* -------------------------------------------------------

 * メイン領域

------------------------------------------------------- */

/*==================================
 * サイドバー　バナー
==================================*/

.side__bnr {
    margin: 0 0 15px 0;
}



/* -------------------------------------------------------

 * フッター領域

------------------------------------------------------- */
footer {
    border-top: none;
    background: #888;
}

.footer {
    height: 180px;
    padding: 20px 0 0 0;
    box-sizing: border-box;
    position: relative;
}

.footer__shopinfo {
    color: #FFF;
    margin: 0;
    position: absolute;
    left: 0;
    bottom: 5px;
}

.footer__shopinfo-address {
    margin: 0;
}

.footer__line {
    position: absolute;
    left: 360px;
    bottom: 5px;
}

.footer__line a:hover {
    opacity: 0.7;
}

.footer__nav {
    background-color: #888;
    position: absolute;
    right: 0;
    bottom: 5px;
}

.footer__nav ul {
    width: 405px;
}

.footer__nav li {
    display: inline;
    float: left;
    margin-right: 1px;
}

.footer__nav a {
    width: 80px;
    display: block;
    overflow: hidden;
    text-decoration: none;
    height: 0px;
    margin: 0;
    padding: 80px 0 0 0;  
    background-repeat: no-repeat;
}

.footer__nav .nav_01 a { background-image: url(../img/footer_nav_01.png);}
.footer__nav .nav_02 a { background-image: url(../img/footer_nav_02.png);}
.footer__nav .nav_03 a { background-image: url(../img/footer_nav_03.png);}
.footer__nav .nav_04 a { background-image: url(../img/footer_nav_04.png);}
.footer__nav .nav_05 a { background-image: url(../img/footer_nav_05.png);}

.footer__nav a:hover {
    background-position: 0 -80px;
}

.footer__nav .nav_01_on a,
.footer__nav .nav_02_on a,
.footer__nav .nav_03_on a,
.footer__nav .nav_04_on a,
.footer__nav .nav_05_on a {
    width: 80px;
    background-repeat: no-repeat;
    background-position: 0 -80px;
}

.footer__nav .nav_01_on a { background-image: url(../img/footer_nav_01.png);}
.footer__nav .nav_02_on a { background-image: url(../img/footer_nav_02.png);}
.footer__nav .nav_03_on a { background-image: url(../img/footer_nav_03.png);}
.footer__nav .nav_04_on a { background-image: url(../img/footer_nav_04.png);}
.footer__nav .nav_05_on a { background-image: url(../img/footer_nav_05.png);}

.footer__shopinfo-address h2 {
    font-size: 16px;
    margin: 3px 0;
}

.footer__shopinfo-address p {
    font-size: 15px;
}

.copyright {
    background: #888;
    color: #FFF;
}