@charset "utf-8";


body {
  color: #000000; /*全体の文字色*/
  background-color: #FFFFFF;  /*背景色*/
  margin: 0px;
  padding: 0px;
  /* text-align: center; */
  font: 75%/2 "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
}
h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,form{
  margin: 0px;
  padding: 0px;
}
ul{
  list-style-type: none;
}
img {
  border: none;
}
input,textarea,select {
  font-size: 1em;
}
form {
  margin: 0px;
}
table {
  border-collapse:collapse;
  font-size: 100%;
  border-spacing: 0;
}

/*リンク設定
------------------------------------------------------*/
a {
  color: #39c;  /*リンクテキストの色*/
  transition: All 0.5s ease;
}
a:hover {
  color: #a70000;     /*マウスオン時の文字色*/
  text-decoration: none;  /*マウスオン時に下線を消す設定。残したままがいいならこの１行削除。*/
  /* opacity: .5; */
}

/*HPを囲むブロック
------------------------------------------------------*/
#wrap {
  /* text-align: left; */
  /* width: 984px; */
  /* margin-right: auto; */
  /* margin-left: auto; */
}

/*ヘッダー
------------------------------------------------------*/
#head {
  width: 100%;
  height: 40px; /*ヘッダーの高さ*/
  text-align: center;
  position: relative;
}
/*h1タグ*/
#head h1 {
  font-size: 16px;  /*文字サイズ*/
  /* line-height: 20px; */
  /* font-weight: normal; */  /*hタグのデフォルトの太字を標準に。太字のままがいいならこの１行削除。*/
  /* position: absolute; */
  /* top: 7px; */   /*ヘッダーブロックに対して上から0pxに配置*/
  /* left: 20px; */ /*ヘッダーブロックに対して右から10pxに配置*/
  /* letter-spacing: 0.2em; */  /*文字間隔を少し広くとる設定。通常がいいならこの１行削除。*/
}
#head h1 a {
  text-decoration: none;
}
/*サイトロゴ*/
#head #logo {
  position: absolute;
  left: 0px;  /*ヘッダーブロックに対して左から0pxに配置*/
  top: 0px; /*ヘッダーブロックに対して上から0pxに配置*/
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#main-image {
  /* position: relative; */
  /* height: 150px; */
  /* width: 960px; */
  /* margin-left: 12px; */
}
#top #main-image {
  /* height: 300px; */
}
#main-image .slide_file {
  display: none;
}
#slide_image {
  z-Index:2;
  position: absolute;
  left:0px;
  top:0px;
}
#slide_image2 {
  z-Index:1;
  position: absolute;
  left:0px;
  top:0px;
}

/*メインメニュー
------------------------------------------------------*/
ul#menu {
  /* position: absolute; */
  /* z-index: 3; */
  /* left: 20%; */    /*ヘッダーブロックに対して左から10pxに配置*/
  /* bottom: 0px; */  /*ヘッダーブロックに対して下から0pxに配置*/
}
ul#menu li {
  float: left;
  padding-right: 10px;
  padding-bottom: 15px;
}
ul#menu img {
  vertical-align: bottom;
}

/*コンテンツ（.main-col,#sub-col,#footを囲むブロック）
------------------------------------------------------*/
#content {
  /* width: 100%; */
  /* clear: left; */
  padding-top: 20px;
}

/*メインブロック
------------------------------------------------------*/
.main-col {
  float: right;
  width: 744px; /*ブロック幅*/
  padding-bottom: 50px;
  padding-top: 3px;
}
/*h2タグ*/
.main-col h2 {
  font-size: 18px;
  clear: both;
  /* width: 694px; */
  /* line-height: 48px; */
  /* height: 50px; */
  /* background: #000; */
  /* background: url(../images/midashi_bg1.gif) no-repeat; */ /*背景画像の読み込み*/
  color: #000000; /*文字色*/
  /* border-bottom: #000 5px solid; */
  padding: 5px 5px 5px;
  margin-bottom: 10px;
  /* margin-right: 10%; */
  /* overflow: hidden; */
}
/*h3タグ*/
.main-col h3 {
  font-size: 16px;
  padding: 3px 5px 2px 10px;
  /* width: 700px; */
  margin-top: 5px;
  margin-bottom: 5px;
  /* border-bottom: 3px solid #00479D; */ /*下線の幅、線種、色*/
  /* border-left: 5px solid #00479D; */   /*左線の幅、線種、色*/
  /* clear: both; */
  margin-right: auto;
  margin-left: auto;
}
/*段落タグ*/
.main-col p {
  padding: 5px 0 5px 17px; /*左から、上下、左右への余白*/
}

/*サブブロック
------------------------------------------------------*/
#sub-col {
  float: left;
  width: 220px; /*ブロック幅*/
  /* padding: 12px 0px 50px 12px; */  /*左から、上、右、下、左への余白*/
}
/*h3タグ*/
#sub-col h3 {
  font-size: 100%;
  text-align: center; /*文字をセンタリング*/
  padding-top: 14px;
  padding-bottom: 14px;
  background: #000000 url(../images/bg1.gif) repeat-x center top; /*背景色、背景画像の読み込み＆X軸(横軸)リピート＆上部に配置*/
  margin-bottom: 1px; /*h3タグの下に1px隙間を作る*/
  border-top: 3px solid #8f7d54;    /*上の線の幅、線種、色*/
  border-right: 1px solid #666666;  /*右の線の幅、線種、色*/
  border-bottom: 1px solid #666666; /*下の線の幅、線種、色*/
  border-left: 1px solid #666666;   /*左の線の幅、線種、色*/
}
/*段落タグ*/
#sub-col p {
  padding-top: 10px;
}


/*フッター
------------------------------------------------------*/
#foot {
  clear: both;
  width: 100%;
  letter-spacing: 0.3em;  /*文字間隔を少し広くとる設定。通常がいいならこの１行削除。*/
  /* font-size: 10px; */    /*文字サイズ*/
  text-align: center;   /*文字をセンタリング*/
  /* background-color: #222222; */  /*背景色*/
  padding-top: 10px;
  padding-bottom: 10px;
}
#foot a {
  /* text-decoration: none; */
}


/*リストマーク
------------------------------------------------------*/
ul.d {
  padding: 10px 20px 10px 35px;
  list-style: disc;
}
ul.d li{
  padding-bottom: 0.5em;
}


/*他
------------------------------------------------------*/
.mb1 {
  margin-bottom: 10px;
}
.mb05 {
  margin-bottom: 5px;
}
.pt0 {
  padding-top: 0px !important;
}
.color1 {
  color: #8f7d54;
}
.color2 {
  color: #ff0000;
}
.img {
  padding-right: 0px !important;
  padding-left: 0px !important;
}
.btn {
  font-size: 13px;
}
.wl {
  width: 96%;
}
.ws {
  width: 50%;
}
.c {
  text-align: center;
}
.mini1 {
  font-size: 10px;
  line-height: 1.6;
}

#wrap > * > * {
    width: 1040px;
    margin: 0 auto;
}
.img_wrap {
    /* padding: 20px 0; */
    /* background: #F3F3F3; */
    /* border-bottom: #ddd 1px solid; */
}

#wrap > * {
    /* width: 100%; */
}

.head_wrap {
    /* border-bottom: 1px solid #ddd; */
}

.footer {
    /* background: #222222; */
    /* color: #fff; */
}

.col_wrap {
    overflow: hidden;
}

.button {
    display: block;
    /* position: absolute; */
    right: 12px;
    bottom: 7px;
}

.sub_blk, .m_blk {
    /* position: relative; */
    /* padding-bottom: 30px; */
    /* margin-bottom: 20px; */
}

.social {
    margin-bottom: 15px;
}

.main_blk_wrap {
    overflow: hidden;
    width: 100%;
    /* margin-top: 30px; */
}

.m_blk {
    /* width: 46.5%; */
    /* border: 3px solid #ddd; */
    /* padding: 8px; */
}

.lt {
    /* float: left; */
}

.rt {
    float: right;
}

.one {
    width: 97%;
    overflow: hidden;
}

#menu a {
    padding: 10px 20px;
    background: rgba(255, 255, 255, 0.94);
    border-radius: 15px;
}

.sub_page {
    padding: 10px 0 30px;
}
.subHeadImg {
    height: 250px !important;
    overflow: hidden;
}
.subHeadImg img {
  height: 250px;
  width: auto;
  display: block;
  margin: 0px auto;
}
.in_main {
    float: none;
    width: 100%;
}

.in_main h3 {
    width: 100%;
    margin-left: 7px;
}

.in_content {
    padding-left: 6px;
}
.side_menu {
    border: 2px solid #ddd;
    padding: 5px 0 10px 10px;
}

.side_menu li {
    /* padding-left: 10px; */
}

#sub-col > * {
    margin-bottom: 10px;
}

img.conImg2 {
    width: 100%;
}

img.oimg {
    width: 40%;
    float: left;
    margin-right: 20px;
}

img.conImg {
    width: 100%;
}

img.conImg1 {
    width: 30%;
    float: left;
    margin-right: 10px;
}

img.subImg {
    width: 30%;
    float: left;
    padding: 20px;
}

img.img-responsive.img-rounded {
    width: 100%;
}

.sub_page img {
    width: 40%;
    float: left;
    margin-right: 20px;
}

.main-col.in_main img {
    width: 40%;
    float: left;
    margin-right: 20px;
}

.col-lg-4 {
    overflow: hidden;
}

.m_blk.blk.lt img {
    width: 40%;
    float: left;
    margin-right: 20px;
}

.m_blk.blk.rt img {
    width: 40%;
    float: left;
    margin-right: 20px;
}