@charset "utf-8";

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

[1] レイアウトに関する指定
[2] ヘッダーブロック内に関する指定
[3] コンテンツブロック内に関する指定
[4] サイドバーブロック内に関する指定
[5] フッターブロック内に関する指定
[6] to_top指定


/* 一括で全ての要素の余白をゼロに指定 */
* {
    margin: 0;
    padding: 0;

}

/* 全体的なリンク */

a { color: #33211a;
    text-decoration: underline; 
}

a:hover { color: #bb1717;
    text-decoration: none; 
}
.office_box .mail a {
}
.office_box .mail a {
    color: #0E776F;
    font-weight: bold;
    text-decoration: underline;

}



img{border: 0;}

html{overflow	: scroll;}

.clear { clear:both; }

.ajust_left {float:left;}
.ajust_right {float:right;}
.ajust_b30 { margin-bottom:30px; }
.ajust_t30 { margin-top:30px; }
.ajust_p_b30 { padding:0px 0px 30px 0px; }
.ajust_r20 { margin-right:20px; }


/* -------------------------------------------------------------
   [1] レイアウトに関する指定 */
body {
    font-size: 14px;
    text-align: center;
    font-family: 14px/1.5 "メイリオ","Meiryo",arial,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
    padding: 0;
    margin: 0;
    background: #ececec url(../img/bg-body.jpg) repeat-x 0 0;
    color: #666666;
}

body a:hover img.swa{
 -ms-filter: "alpha( opacity=60 )";
 filter: alpha( opacity=60 );
 opacity: 0.6;
}

/*-- 全体を囲んでいます --*/
#wrapper {
    text-align: left;
    width: 1200px;
    margin: 0 auto;
    padding: 0 0px;
}

/*-- ヘッダー部分 --*/
#header {
    width: 1200px;
    height: 450px;
    background: url(../img/bg-header.jpg) no-repeat 0 0;
    margin-bottom: 0px;
    position: relative;
    align-content: center;
}

#container {
    background: #fff;
    padding-top: 60px;
    padding-right: 0px;
    padding-left: 0px;
    padding-bottom: 0;
    border-right-color: #cccccc;
    border-right-style: solid;
    border-left-color: #cccccc;
    border-left-style: solid;
    border-top-color: #cccccc;
    border-top-style: solid;
    border-width: thin;
}

/*-- コンテンツ部分 --*/
#contents {
    width: 750px;
    float: left;
    padding: 0 0px 0 10px;
}

/*-- サイドバー部分 --*/
#sidebar {
    width: 400px;
    float: right;
    padding: 0 10px 0 0px;
}

/*-- フッター部分 --*/
#footer {
  padding: 0px 0 0;
  min-width: 1200px;
  height:186px;
  text-align: left;
  background: url(../img/bg-fotter.jpg) repeat-x 0 0;
}

* html #footer {
  width:expression(document.body.clientWidth < 960? "960px" : "auto");
}

/* -------------------------------------------------------------
   [2] ヘッダーブロック内に関する指定 */

/* 見出し */

h1 {
  font-size: 10px;
  position: absolute;
  top: 5px;
  right: 0px;
  color:#c4cebc;
  font-weight:normal;
}

/* サイトタイトル */
.logo {
  width:438px;
  height:77px;
  position: absolute;
  top: 21px;
  left: 0px;
}

/* ヘッダーTEL */
.tel {
    width: 233px;
    height: 42px;
    position: absolute;
    top: 30px;
    left: 958px;
}
.con {
    width: 200px;
    height: 42px;
    position: absolute;
    top: 25px;
    right: 5px;
}

/* グローバルmenu */
.ul-glo {
    list-style-type: none;
    position: absolute;
    width: 993px;
    height: 40px;
    top: 460px;
    left: 115px;
}

.ul-glo li {display: inline;}


/* 新着とかmenu */
.ul-info {
    list-style-type: none;
    width: 400px;
    position: absolute;
    font-size: 12px;
    top: 79px;
    right: -29px;
}

.ul-info li { float:left; margin-right:20px;}

.ul-info li a{
 background: url(../img/icon_00.gif) no-repeat left center;
 padding:5px 0px 5px 10px;
 color:#866919;
 text-decoration:none;
}

.ul-info li a:hover{
 background: url(../img/icon_00_on.gif) no-repeat left center;
 color:#c6276e;
}


.main_v {
    width: 1200px;
    height: 350px;
    position: absolute;
    top: 100px;
    left: 0px;
    float: center;
}

/* -------------------------------------------------------------
   [3] コンテンツブロック内に関する指定 */

/* 文字 */
#contents p {
    line-height: 1.5;
    margin-bottom: 10px;
    margin-right: 10px;
    left: 0px;
    margin-left: 15px;
}

#contents p.date {
    line-height: 1.2;
    margin-bottom: 10px;
    margin-right: 10px;
    left: 10px;
    font-family: "Arial Black", Gadget, sans-serif;
    color: #4E4F4E;
    text-align: left;
    margin-left: 10px;
}

/* 見出し */
h2 {
    width: 650px;
    height: 38px;
    margin-bottom: 18px;
    padding-left: 20px;
    }

h3 {
  width:650px;
  margin-bottom: 18px;
}


#contents .top_box01{
    width: 320px;
    float: left;
    padding: 0px 20px 20px 0px;
    margin-bottom: 20px;
    margin-left: 10px;
}

/* -------------------------------------------------------------
   [4] サイドバーブロック内に関する指定 */


/* サイドバータイトル */
.side-title {
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 10px;
    padding-bottom: 0px;
    width: 375px;
    height: 40px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: url(../images/side_tt02.jpg) no-repeat 0 0;
    margin-top: 10px;
}

.side-titleh2 {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 20;
    padding-bottom: 0px;
    width: 730px;
    height: 39px;
    color: #fff;
    font-weight: bold;
    font-size: 14px;
    background: url(../images/h3.jpg) no-repeat 0 0;
}

.side-titleh2a {
    margin-top: 10px;
    margin-right: 10px;
    margin-left: 10px;
    margin-bottom: 10px;
    padding-top: 10px;
    padding-right: 0px;
    padding-left: 20;
    padding-bottom: 0px;
    width: 730px;
    height: 39px;
    color: #2E2E2E;
    font-weight: bold;
    font-size: 14px;
    background: url("../images/h3_1.jpg") no-repeat 0 0;
}


#sidebar .office_box{
    width: 360px;
    height: auto;
    background: url("../images/ss.png") no-repeat 7px 5px;
    padding: 7px;
    margin-bottom: 20px;
    border: solid #ac933e 1px;
    margin-top: 30px;
}

#sidebar .office_box p.add{
    padding-top: 230px;
    padding-right: 0px;
    padding-left: 30px;
    padding-bottom: 0px;
    font-weight: bold;
}

#sidebar .office_box p.gr{
  padding:3px 0px 0px 107px ;
  font-size:14px;
  font-weight:bold;
  color:#2c6b1c;
}

#sidebar .office_box p.or{
  padding:3px 0px 0px 107px ;
  font-size:14px;
  font-weight:bold;
  color:#c95e2f;
}

#sidebar .office_box .d_map{
  margin:15px 0px 10px 0px ;
}

#sidebar .office_box .sbtn{
    margin-top: 20px;
    margin-right: 0px;
    margin-left: 0px;
    margin-bottom: 10px;
    text-align: center;
}

#sidebar .office_box .sbtn img{
  margin:0px 1px 0px 1px ;
}

#sidebar .link_box{
    width: 360px;
    height: auto;
    padding: 7px;
    margin-bottom: 20px;
    border: solid #ac933e 1px;
}

/* -------------------------------------------------------------
   [5] フッターブロック内に関する指定 */
#footer .f_con{
    width: 1200px;
    height: 186px;
    margin: 0px auto 0px;
    position: relative;
}

#footer .f_con .f_logo{
  width:321px;
  height:89px;
  position: absolute;
  top: 51px;
  left: 0px;
}

#footer .f_con .f_tel{
    width: 243px;
    height: 54px;
    position: absolute;
    top: 50px;
    left: 889px;
}

#footer .f_con .f_jyu{
    width: 338px;
    height: 26px;
    position: absolute;
    top: 100px;
    left: 854px;
}

#footer .f_con .f_con_btn{
    width: 192px;
    height: 40px;
    position: absolute;
    top: 65px;
    right: 192px;
}

#footer .f_con p.f_copy{
  width:1200px;
  position: absolute;
  top: 163px;
  left: 0px;
  text-align:center;
  color:#cbf2ff;
  font-size:14px;
}



#footer .f_con p.f_navi{
  text-align:center;
  color:#fff;
  padding:10px 0px 0px 0px;
}

#footer .f_con p.f_navi a{
  color:#fff;
  padding:0px 10px;
}

#footer .f_con p.f_navi a:hover{
  color:#2d5a47;
}



/* -------------------------------------------------------------
   [6] page_top */

#to_top {
  text-align: left;
  padding:20px 10px 0px 0px;
  clear: both;
}

#sidebar{
  top:-10px;
  position: -webkit-sticky;
  position: sticky;
}