/**
 * ============================
 * 　CSSリセット
 * =============================
 *
 * @format
 */

* {
    margin: 0px;
    padding: 0px;
    word-break: break-all;
    font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic",
        sans-serif, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
h1,
h2,
h3,
h4,
h5,
h6,
strong,
b {
    font-weight: bold;
}
body {
    font-size: 75%; /*font-sizeリセット*/
}
html>/**/body {
    font-size: 12px; /*font-sizeリセット Except IE */
}
img {
    border: 0px;
    margin: 0px;
    padding: 0px;
}

/*============================
　共通チップス
=============================*/
.clear {
    clear: both;
}
/*clearfix*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clearfix {
    display: inline-block;
    min-height: 1%; /* for IE 7*/
}
/* Hides from IE-mac \*/
* html .clearfix {
    height: 1%;
}
.clearfix {
    display: block;
}
/* End hide from IE-mac */

.hide {
    display: none;
}
a {
    color: #958149;
    text-decoration: underline;
}
a:hover {
    color: #b7a268;
    text-decoration: none;
}
/*============================
	レイアウト・背景色・基本文字色
=============================*/
body {
    background: url(../../images/64/bgi-body_001.jpg) bottom center no-repeat
        #b1d2e3;
    color: #0f0000; /*このテンプレの基本色*/
    text-align: center;
    padding-bottom: 300px;
}
#wrapper {
    text-align: left;
    background: url(../../images/64/bgi-wrap_001.jpg) center top no-repeat;
}
#main {
    width: 960px;
    margin: 0 auto;
    padding-top: 51px;
    background: url(../../images/64/bgi-main_001.png) left top no-repeat;
}
#mainIn {
    background: url(../../images/64/bgi-main_003.png) left bottom no-repeat;
}
#mainIn2 {
    background: url(../../images/64/bgi-main_002.gif) left top repeat-y;
    margin-bottom: 51px;
}
#mainIn3 {
    width: 845px;
    margin: 0 auto;
}
#sidebar {
    width: 250px;
    float: left;
}
#content {
    float: right;
    width: 560px;
}
/*============================
	ヘッダー
=============================*/
#header {
    width: 900px;
    margin: 0 auto;
    padding-top: 17px;
}
#header ul {
    list-style-type: none;
    float: right;
}
#header ul li {
    display: block;
    float: left;
    padding-left: 7px;
}
/*============================
	リードエリア
=============================*/

.leadArea {
    /*トップページ*/
    width: 500px;
    padding-bottom: 20px;
    min-height: 360px;
    height: auto !important;
    height: 360px;
}
.leadArea2 {
    /*下層ページ*/
    width: 500px;
    min-height: 130px;
    height: auto !important;
    height: 130px;
}

/*メイン写真
-----------------------------------------*/
.site_image {
    width: 365px;
}
.site_image img {
    width: 365px;
}
/*サイトタイトル
-----------------------------------------*/
.site_title {
    font-size: 30px;
    line-height: 150%;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
    text-shadow: 0px 0px 7px #000;
}
.site-title a img {
}
.site_title a {
    font-size: 30px;
    line-height: 150%;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
    text-decoration: none;
    font-weight: bold;
    color: #ffffff;
}
.site-title a img {
}
.site_title a:hover {
    text-decoration: none;
    color: #ffffff;
}

.site_description {
    font-size: 13px;
    line-height: 150%;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
    margin-bottom: 10px;
}

/*============================
	topics　最新情報
=============================*/
#topics {
    margin-bottom: 45px;
}
#topicsIn {
}

#topics h3 {
    text-align: center;
    padding-bottom: 10px;
}
#topics_ta {
    width: 525px;
    max-height: 160px;
    margin: 0 auto;
    overflow: auto;
}
#topics_ta table {
    border-collapse: collapse;
}
#topics_ta table td {
    padding-bottom: 7px;
    font-size: 13px;
    line-height: 150%;
    font-family: "ヒラギノ角ゴ Pro W3";
    text-align: left;
    vertical-align: top;
}
.topics_date {
    width: 91px;
    font-weight: bold;
}
.topics_entry {
    font-size: 1em;
    padding-left: 15px;
    padding-right: 30px;
}

/*============================
	メニューエリア
=============================*/
#sidebar ul,
#sidebar ol {
    list-style-type: none;
}
#sideBox {
    background: url(../../images/64/bgi-sidebox_001.gif) left top no-repeat;
    width: 250px;
    padding-top: 20px;
    margin-bottom: 32px;
}
#sideBoxIn {
    background: url(../../images/64/bgi-sidebox_003.gif) left bottom no-repeat;
    padding-bottom: 23px;
}
#sideBoxIn2 {
    background: url(../../images/64/bgi-sidebox_002.gif) left top repeat-y;
    padding-bottom: 1px;
}
#sideBox p {
    text-align: center;
    padding: 2px 0 10px 0;
}
/*メニューA
-----------------------------------------*/

#menuA {
    padding-bottom: 20px;
}
#menuA dt {
    width: 182px;
    margin: 0 auto;
    display: block;
    padding-bottom: 1px;
}
#menuA dt a {
    width: 182px;
    display: block;
    color: #080808;
    text-decoration: none;
    font-size: 14px;
    line-height: 150%;
    font-weight: bold;
    padding: 6px 0;
    background: url(../../images/64/ico-navi_001_off.gif) 0.8em 0.9em no-repeat
        #a59d6f;
}
#menuA dt a span {
    display: block;
    padding: 0 8px 0 25px;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
}

#menuA dt a:hover {
    background: url(../../images/64/ico-navi_001_on.gif) 0.8em 0.9em no-repeat
        #dfd5a5;
}
#menuA dd {
    width: 162px;
    margin: 0 auto;
    display: block;
    padding-bottom: 1px;
}
#menuA dd a {
    display: block;
    width: 162px;
    text-decoration: none;
    font-size: 12px;
    line-height: 150%;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 0;
    background: url(../../images/64/ico-navi_002_off.gif) 1.5em 0.9em no-repeat
        #403d2b;
}
#menuA dd a span {
    padding: 0 8px 0 30px;
    display: block;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
}
#menuA dd a:hover {
    background: url(../../images/64/ico-navi_002_on.gif) 1.5em 0.9em no-repeat
        #7e7855;
    color: #332a29;
}

/*メニューB
-----------------------------------------*/
#menuB {
    width: 182px;
    margin: 0 auto;
    padding-bottom: 30px;
    background: url(../../images/64/bgi-navi_001.gif) center 25px no-repeat;
}
#menuB_title {
    width: 160px;
    margin: 0 auto;
    font-size: 13px;
    color: #ffffff;
    font-weight: bold;
    padding: 3px 0 6px 0;
    text-shadow: 0px 1px 1px #000;
}
#menuB ul {
    width: 162px;
    margin: 0 auto;
    padding: 10px 0;
    background: url(../../images/64/bgi-navi_002.gif) left top repeat-y;
}
#menuB ul li {
    padding: 0 0 3px 13px;
}
#menuB ul li a {
    font-size: 13px;
    line-height: 150%;
    padding: 0 0 0 14px;
    background: url(../../images/64/ico-navi_002_off.gif) 0 0.5em no-repeat;
    display: block;
    color: #ffffff;
    text-decoration: underline;
}

#menuB ul li a:hover {
    text-decoration: none;
}

/*メニュー：ブログ
-----------------------------------------*/
#blogBox {
    width: 182px;
    margin: 0 auto;
    padding-bottom: 20px;
    background: url(../../images/64/bgi-navi_001.gif) center 25px no-repeat;
}
#blog_btn {
    text-align: center;
    padding: 4px 0;
}
#blog ul {
    width: 162px;
    margin: 0 auto;
    padding: 10px 0;
    background: url(../../images/64/bgi-navi_002.gif) left top repeat-y;
}
#blog ul li {
    color: #ffffff;
    font-size: 11px;
    padding: 0 7px 7px 27px;
    background: url(../../images/64/ico-navi_002_off.gif) 14px 0.5em no-repeat;
}
#blog ul li a {
    font-size: 13px;
    line-height: 150%;
    color: #ffffff;
    text-decoration: underline;
}

#blog ul li a:hover {
    text-decoration: none;
}
/*メニュー：QRコード
-----------------------------------------*/
#QRbox {
    width: 182px;
    margin: 0 auto;
    padding-bottom: 22px;
    background: url(../../images/64/bgi-navi_001.gif) center 10px no-repeat;
}
#QR_ttl {
    text-align: center;
    padding: 14px 0 4px 0;
}

.QR_code {
    width: 162px;
    margin: 0 auto;
    padding: 10px 0;
    background: url(../../images/64/bgi-navi_002.gif) left top repeat-y;
    text-align: center;
}

.QR_description {
    font-size: 12px;
    color: #ffffff;
    line-height: 150%;
    width: 162px;
    margin: 10px auto 0 auto;
}

/*============================
	記事ボックス
=============================*/
/*コンテンツタイトル*/
.cont_ttl {
    padding: 40px 0 20px 0;
    background: url(../../images/64/ttl-cont_001.gif) left bottom no-repeat;
}
.cont_ttl span {
    display: block;
    width: 385px;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
    font-size: 29px;
}
/*
-----------------------------------------*/
.box {
    margin-bottom: 60px;
}
.box_title {
    border-bottom: 1px solid #a59d6f;
    padding-bottom: 1px;
    margin-bottom: 14px;
    background: url(../../images/64/ttl-article_001.gif) left top no-repeat;
}
.box_title h3 {
    padding: 12px 0 0 60px;
}
.box_title h3 span {
    font-size: 18px;
    color: #cc0000;
    line-height: 140%;
    font-weight: bold;
    font-family: "ＭＳ Ｐ明朝", "ヒラギノ明朝 Pro W3", serif;
}
.boxIn {
    width: 550px;
    margin: 0 auto;
}
.box_entry1 {
    padding-bottom: 12px;
    line-height: 150%;
    font-size: 13px;
    width: 330px;
    float: right;
}
.box_entry1 span {
    line-height: 150%;
}
.box_entry2 {
    padding-bottom: 12px;
    line-height: 150%;
    font-size: 13px;
    float: right;
}
.box_entry2 span {
    line-height: 150%;
}
.box_image {
    width: 210px;
    float: left;
    text-align: right;
}

.box_image img {
    border: 1px solid #c1c1b4;
    width: 200px;
    padding: 4px;
    background: #fff;
}

.box_image span {
    font-size: 11px;
    color: #999;
    padding-bottom: 7px;
    line-height: 150%;
    display: block;
    text-align: left;
}
/*============================
	お問い合わせボタン
=============================*/
#inquiry {
    text-align: center;
    padding-bottom: 35px;
}
#inquiry a:hover img {
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
    opacity: 0.7;
}

/*============================
	フッター
=============================*/
#foot {
    padding-top: 40px;
    text-align: center;
}
#pagetop {
    text-align: right;
    padding-top: 30px;
}
#copyright {
    padding-top: 20px;
    background: url(../../images/64/lin-foot_001.gif) center top no-repeat;
}

/*============================
	パン屑リスト
=============================*/
#pnkz {
    padding: 8px;
    font-size: 1em;
    text-align: right;
}
#pnkz em {
    font-style: normal;
}

/*============================
	コンテンツタイトル
=============================*/
#cont_ttl {
    background: url(../../images/52/bgi-conttitle_001.gif) no-repeat left top
        #d9ae00;
    margin-bottom: 31px;
}
#cont_ttlIn {
    background: url(../../images/52/bgi-conttitle_002.gif) no-repeat left bottom;
    font-size: 22px;
    line-height: 140%;
    font-weight: bold;
    padding: 22px 19px 25px 18px;
}

/*============================
	お問い合わせフォーム、プロフィール、地図
=============================*/
#form01 table,
#map01 table,
#profile01 table {
    width: 100%;
    text-align: left;
    border-collapse: collapse;
    margin: 0 0 30px 0;
}

#form01 th,
#map01 th,
#profile01 th {
    width: 160px;
    border: 1px solid #4c3d00;
    background-color: #e8d094;
    font-size: 1.1em;
    font-weight: normal;
    text-align: center;
    padding: 0.5em 0.3em;
    color: #000;
}
#form01 td,
#map01 td,
#profile01 td {
    line-height: 150%;
    font-size: 1.1em;
    border: 1px solid #4c3d00;
    padding: 0.3em 0.7em 0.3em 0.7em;
}

/*必須項目
-----------------------------------------*/
.validation_span,
.warning span {
    padding-left: 2px;
    color: #d00276;
}
/*リード文
-----------------------------------------*/
#lead_s {
    line-height: 150%;
    margin: 0 0 15px 0;
    font-size: 1.1em;
}

/*地図
-----------------------------------------*/
#frame {
    margin: 0 0 20px 0;
}

#map01 #frame iframe {
    width: 560px;
    height: 300px;
}

/*プロフィール
-----------------------------------------*/
/*エラーメッセージエリア
-----------------------------------------*/
.validation-advice {
    margin-top: 3px;
    padding-left: 11px;
    color: #cc0000;
}
.warning {
    line-height: 150%;
    padding: 5px 0 5px 0;
}

.w_mark {
    color: #333333;
}

.thaks {
    line-height: 150%;
    padding: 0 16px 40px 0;
}

/* 20120322 */
#side-area {
    width: 182px;
    margin: 0 auto 32px;
    color: #fff;
}

#foot-area {
    width: 559px;
    margin: 0 auto 22px auto;
}

/* スマホ対応 */
#lead_area #cover img {
    width: 365px;
}
#site_image img {
    width: 365px;
}
.site_image img {
    width: 365px;
}
/*記事ボックス内のテーブル（2016-04-26 ADD）
 -----------------------------------------*/
.article_box table {
    border-collapse: collapse;
    border: 1px #ccc solid;
}
.article_box table th,
.article_box table td {
    border: 1px #ccc solid;
    padding: 1em;
}
.article_box table th {
    text-align: center;
    background-color: #eee;
}

/* 20160721 ADD */
.box_image img,
.box_pic1img,
.box_pic2 img,
.box_pic3 img,
.box_pic4 img,
.box_img img,
.entryContent_R div img,
.entryImgbox img,
.box-image img,
.article-img img,
.article-figure img,
.article_figure img {
    width: 200px;
}

/* 20170110 プロフィール、お問い合わせ、地図
-----------------------------------------*/
#map th,
#profile th,
.map th,
.profile th {
    width: 20%;
}

#map td,
#profile td,
.map td,
.profile td {
    word-break: break-all;
}

/* 20170703 ADD */
#side-area img {
    max-width: 100%;
}
#foot-area img {
    max-width: 100%;
}

/* スライド
-----------------------------------------*/
.mainSlideIn {
    box-sizing: content-box;
    box-sizing: inherit;
    width: 900px;
    padding: 10px 0 0;
    margin: -270px auto 0 auto;
}
.bx-wrapper {
    margin-bottom: 40px !important;
    height: 376px !important;
}
#mainSlide {
    margin: 0;
}
#mainSlide li {
    height: 376px !important;
    width: 900px;
    position: relative;
    background: rgba(0, 0, 0, 0.2);
    overflow: hidden;
}
#mainSlide li img {
    position: absolute;
    left: 0;
    width: 900px;
    height: auto;
}

/* pager */
.bx-wrapper .bx-pager.bx-default-pager a {
    background: #ffffff;
    text-indent: -9999px;
    display: block;
    width: 10px;
    height: 10px;
    margin: 0 7.5px;
    outline: 0;
    cursor: pointer;
    border-radius: 50%;
    border: 1px solid #000;
}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background: #003399;
    opacity: 1;
}
/* ページャーの位置を調整したい場合
.bx-wrapper .bx-pager {
    bottom: -33px!important;
}
*/
/* controlBtn */
.bx-wrapper .bx-controls-direction a {
    width: 40px;
    height: 40px;
    margin: 0;
    top: 165px;
    cursor: pointer;
}
.bx-wrapper .bx-prev {
    background: url(../../images/64/btn-slider_001.png) 13px center no-repeat
        #b6a274;
    left: -50px;
    border-radius: 20px;
}
.bx-wrapper .bx-prev:hover {
    background-color: #b6a274;
    opacity: 0.8;
}
.bx-wrapper .bx-next {
    background: url(../../images/64/btn-slider_002.png) 15px center no-repeat
        #b6a274;
    right: -50px;
    border-radius: 20px;
}
.bx-wrapper .bx-next:hover {
    background-color: #b6a274;
    opacity: 0.8;
}
.slide .mainSlideIn {
    margin: 0 auto 0 auto !important;
}
.slide .leadArea {
    min-height: initial;
}
.slide .bx-viewport {
    border: 1px solid #b6a274;
}

/* 20190416 ADD */
.box ul,
.box1 ul,
.box2 ul,
.box3 ul,
.articleBox ul,
.entry_box ul,
.entryBox ul,
.article-box ul,
.article ul,
.article_box ul {
    list-style-type: disc;
}
.box ol,
.box1 ol,
.box2 ol,
.box3 ol,
.articleBox ol,
.entry_box ol,
.entryBox ol,
.article-box ol,
.article ol,
.article_box ol {
    list-style-type: decimal;
}
.box ul,
.box1 ul,
.box2 ul,
.box3 ul,
.articleBox ul,
.entry_box ul,
.entryBox ul,
.article-box ul,
.article ul,
.article_box ul,
.box ol,
.box1 ol,
.box2 ol,
.box3 ol,
.articleBox ol,
.entry_box ol,
.entryBox ol,
.article-box ol,
.article ol,
.article_box ol {
    margin-left: 18px;
}

/* 20191127 テーブル基本設定
-----------------------------------------*/
.box table {
    border-collapse: collapse;
}
.box table th,
.box table td {
    border: #ccc 1px solid;
    padding: 5px;
}

/* 20211112 フリーエリアテーブル設定
-----------------------------------------*/
#side-area table,
.side-area table,
#foot-area table,
.foot-area table {
    border-collapse: collapse;
}
#side-area table th,
.side-area table th,
#side-area table td,
.side-area table td,
#foot-area table th,
.foot-area table th,
#foot-area table td,
.foot-area table td {
    border: #ccc 1px solid;
    padding: 5px;
}

/* 202201 記事BOXの画像幅修正
-----------------------------------------*/
.article_box img {
    max-width: 100%;
}

/* 202202 記事BOXの画像幅修正
-----------------------------------------*/
.box_entry1 img,
.box_entry2 img {
    max-width: 100%;
}

/* 202203 記事BOXの画像幅修正
-----------------------------------------*/
.entryText img,
.entryTextBox img,
.box-entry1 img,
.box-entry2 img,
.article-txt img,
.article-entry img,
.entry-box img {
    max-width: 100%;
}
