@charset "utf-8";
* {
    margin: 0;
    padding: 0;
    /*フォント設定*/
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 14px;
    color: #322610;
    line-height: 140%;
    letter-spacing: normal;
}


/*floatで回り込み解除時に親要素に使うクラス*/

.cbox {
    zoom: 100%;
}

.cbox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

body {
    margin: 0 auto;
    text-align: center;
    background: url(../img/body_bg.jpg) repeat left top;
    min-width: 100%;
    max-width: 1134px;
    _display: inline;
    _zoom: 1;
}

img {
    border: 0;
    /*ie6、7あたりで隙間空くやつの対処*/
    vertical-align: text-bottom;
}

a {
    outline: none;
    text-decoration: none;
}

.br,
.cb {
    clear: both;
}


/* ------------------------------------------------
    ヘッダー
------------------------------------------------ */

#header_o {
    background: url(../img/header_bg.jpg) repeat-x left top;
    height: 72px;
}

#header_i {
    width: 100%;
    max-width: 1134px;
    height: 72px;
    position: relative;
    margin: 0 auto;
    z-index: 100;
}

#header_i h1 {
    position: absolute;
    top: 15px;
    left: 0;
}

#header_i .h_address {
    position: absolute;
    top: 10px;
    right: 250px;
}

#header_i .h_access {
    position: absolute;
    top: 5px;
    right: 0;
}

#header_i .h_logo {
    display: block;
    position: absolute;
    /* top:25px; */
    /* left:487px; */
    top: 150%;
    left: 50%;
    transform: translate(-50%, -50%);
}


/* ------------------------------------------------
    メニュー
------------------------------------------------ */

.sp {
    display: none;
}

#menu_o {
    background: url(../img/menu_bg.jpg) repeat-x left top;
    height: 74px;
}

#menu_i {
    width: 100%;
    max-width: 1134px;
    height: 74px;
    margin: 0 auto;
}

#menu_i ul {
    width: 100%;
    max-width: 1134px;
    list-style-type: none;
    height: 74px;
}

#menu_i ul li {
    float: left;
    height: 74px;
    overflow: hidden;
    position: relative;
}

#menu_i ul li.menu_space {
    width: 198px;
}

#menu_i ul li a {
    display: block;
    position: relative;
    width: 100%;
    height: 100%;
}

#menu_i ul li a img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#menu_i ul li:nth-child(1) {
    width: 5.997%;
}

#menu_i ul li:nth-child(2) {
    width: 9.701%;
}

#menu_i ul li:nth-child(3) {
    width: 9.26%;
}

#menu_i ul li:nth-child(4) {
    width: 7.937%;
}

#menu_i ul li:nth-child(5) {
    width: 7.849%;
}

#menu_i ul li:nth-child(6) {
    width: 17.4603174%;
}

#menu_i ul li:nth-child(7) {
    width: 9.436%;
}

#menu_i ul li:nth-child(8) {
    width: 8.555%;
}

#menu_i ul li:nth-child(9) {
    width: 6.702%;
}

#menu_i ul li:nth-child(10) {
    width: 10.318%;
}

#menu_i ul li:nth-child(11) {
    width: 6.791%;
}


/* ------------------------------------------------
    フッター
------------------------------------------------ */

#footer_o {
    background: url(../img/footer_bg.jpg) repeat-x left top;
    height: 72px;
}

#footer_i {
    width: 100%;
    max-width: 1134px;
    height: 72px;
    margin: 0 auto;
    text-align: center;
}

#footer_i ul {
    list-style-type: none;
    padding-top: 15px;
    letter-spacing: -0.4em;
    /*隙間をなくすためのハック*/
}

#footer_i ul li {
    display: inline-block;
    vertical-align: middle;
    padding: 0 12px;
    border-right: 1px solid #372b11;
    letter-spacing: normal;
    /*隙間をなくすためのハック*/
    line-height: normal;
}

#footer_i ul li.li_last {
    border: none;
}

#footer_i ul li a {
    color: #372b11;
}

#footer_i ul li a:hover {
    text-decoration: underline;
}


/*IE6と7はハックれ*/

* html #footer_i ul li {
    display: inline;
    zoom: 1;
}

*:first-child+html #footer_i ul li {
    display: inline;
    zoom: 1;
}


/*IE6と7はハックれ*/

#footer_i .copy {
    text-align: right;
    padding-top: 20px;
}


/* ------------------------------------------------
    共通
------------------------------------------------ */

.pl10 {
    padding-left: 10px;
}

.pl20 {
    padding-left: 20px;
}

.pl30 {
    padding-left: 30px;
}

.pl40 {
    padding-left: 40px;
}

.pl50 {
    padding-left: 50px;
}

.pb10 {
    padding-bottom: 10px;
}

.pb20 {
    padding-bottom: 20px;
}

.pb30 {
    padding-bottom: 30px;
}

.pb40 {
    padding-bottom: 40px;
}

.pb50 {
    padding-bottom: 50px;
}

.ml10 {
    margin-left: 10px;
}

.ml20 {
    margin-left: 20px;
}

.ml30 {
    margin-left: 30px;
}

.ml40 {
    margin-left: 40px;
}

.ml50 {
    margin-left: 50px;
}

.mb10 {
    margin-bottom: 10px;
}

.mb20 {
    margin-bottom: 20px;
}

.mb30 {
    margin-bottom: 30px;
}

.mb40 {
    margin-bottom: 40px;
}

.mb50 {
    margin-bottom: 50px;
}

#main {
    background: url(../img/main_bg.jpg) repeat left top;
    margin: 0 auto;
}

#container {
    text-align: left;
    width: 100%;
    max-width: 1134px;
    margin: 0 auto;
    position: relative;
}

.li_last {
    margin: 0 !important;
}

h2 {
    padding-top: 5px;
    margin-bottom: 20px;
}

h2 img {
    width: 100%;
}

h3 {
    border-bottom: #9e8f6d 1px dashed;
    font-size: 18px;
    margin-bottom: 20px;
    padding: 0 15px;
    letter-spacing: 2px;
}

h3 span {
    font-size: 14px;
}

h3.h3_pt2 {
    background: url(../img/wood_bg.jpg) no-repeat right top;
    padding-right: 80px;
    padding-bottom: 3px;
}

h4 {
    margin: 0 0 5px 25px;
    font-size: 16px;
    letter-spacing: 1px;
}

h4.h4_pt1 {
    background: url(../img/h4_bg1.jpg) no-repeat left top;
    width: 93%;
    max-width: 552px;
    height: 55px;
    padding: 21px 0 0 5.291%;
}

h4.h4_pt2 {
    background: url(../img/h4_bg2.jpg) no-repeat left top;
    width: 93%;
    max-width: 552px;
    height: 43px;
    padding: 44px 0 0 5.291%;
}

h4.h4_pt3 {
    background: url(../img/h4_bg3.jpg) no-repeat left top;
    width: 93%;
    max-width: 552px;
    height: 50px;
    padding: 24px 0 0 5.291%;
}

h4.h4_pt4 {
    background: url(../img/h4_bg4.jpg) no-repeat left top;
    width: 93%;
    max-width: 552px;
    height: 45px;
    padding: 30px 0 0 5.291%;
}

h5 {
    background: url(../img/line1.jpg) repeat-y left top;
    width: 590px;
    line-height: 31px;
    padding: 0 5px;
    margin-bottom: 15px;
}

h5.h5_pt1 {
    background: url(../img/yajirushi1.jpg) no-repeat left center;
    padding-left: 25px;
    width: auto;
    height: auto;
    margin-bottom: 10px;
}

.pankz {
    position: absolute;
    top: 208px;
    left: 20px;
}

.pankz a:hover {
    text-decoration: underline;
}

.link1 {
    color: #006699;
    text-decoration: underline;
    background: url(../img/yajirushi2.jpg) no-repeat left center;
    padding: 3px 0 3px 26px;
}

.link1:hover {
    text-decoration: none;
}

.link2 {
    color: #006699;
    text-decoration: underline;
}

.link2:hover {
    text-decoration: none;
}

.line1, .line2, .line3, .line4 {
    background: url(../img/line1.jpg) repeat-y left top;
    /*height:31px;*/
    padding: 0 5px;
    line-height: 221%;
}

.line1 {
    width: 98%;
    max-width: 590px;
}

.line2 {
    width: 98%;
    max-width: 677px;
}

.line3 {
    width: 98%;
    max-width: 490px;
}

.line4 {
    width: 98%;
    max-width: 300px;
}

.ul1 {
    list-style-type: none;
}

.ul1 li {
    background: url(../img/yajirushi1.jpg) no-repeat left top;
    padding-left: 30px;
    margin-bottom: 15px;
}

.ul2 {
    list-style-type: none;
}

.ul2 li {
    background: url(../img/yajirushi3.gif) no-repeat left center;
    padding-left: 13px;
    margin-bottom: 8px;
}

.dl1 dt {
    margin-bottom: 8px;
    float: left;
    clear: left;
    width: 105px;
    padding-left: 15px;
    background: url(../img/yajirushi3.gif) no-repeat left center;
}

.dl1 dd {
    margin-bottom: 8px;
    padding-left: 120px;
}

.no1 {
    background: url(../img/no1.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no2 {
    background: url(../img/no2.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no3 {
    background: url(../img/no3.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no4 {
    background: url(../img/no4.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no5 {
    background: url(../img/no5.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no6 {
    background: url(../img/no6.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no7 {
    background: url(../img/no7.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no8 {
    background: url(../img/no8.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no9 {
    background: url(../img/no9.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no10 {
    background: url(../img/no10.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no11 {
    background: url(../img/no11.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no12 {
    background: url(../img/no12.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no13 {
    background: url(../img/no13.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no14 {
    background: url(../img/no14.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

.no15 {
    background: url(../img/no15.jpg) no-repeat left top;
    padding: 7px 0 10px 40px;
}

sup, p.p_red1 {
    color: #cc0000;
}

sup {
    vertical-align: baseline;
}


/* ------------------------------------------------
    TOP
------------------------------------------------ */

.top_img {
    margin: 0 auto;
    width: 100%;
    max-width: 1134px;
    /* height:488px; */
    overflow: hidden;
    z-index: 10;
    position: relative;
}

#top_img1, #top_img2, #top_img3 {
    width: 100%;
}

.top_img .l_btn {
    position: absolute;
    left: 0;
    /* top: 180px; */
    top: 50%;
    transform: translate(0, -50%);
}

.top_img .r_btn {
    position: absolute;
    right: 0;
    /* top:180px; */
    top: 50%;
    transform: translate(0, -50%);
}

.top_um_o {
    margin: 0 auto;
    background: url(../img/top_u_bg.jpg) repeat-x left top #F8EBC8;
}

.top_um_i {
    margin: 0 auto;
    width: 100%;
    max-width: 1134px;
    text-align: left;
    position: relative;
}

.top_um_i ul {
    list-style-type: none;
}

.top_um_i ul li {
    float: left;
}

.top_u_btn1 {
    position: absolute;
    top: 10px;
    right: 0;
}

.top_u_bn1 {
    position: absolute;
    bottom: 5px;
    right: 0;
}



@media screen and (max-width: 1100px) {
    #header_i .h_address {
        right: 225px;
    }
}