@charset "UTF-8";
/* CSS Document */

a:link {
	color: #784033;
}
a:visited {
	color: #784033;
}
a:hover {
	color: #784033;
}
a:active {
	color: #784033;
}

body {
    margin-top: 10px;
    padding-top: 15px;
	background: #3e3a39;
}

.container {
	padding-bottom: 1em;
}

a.link {
    color: #784033;
}

.navi {
    margin-bottom: 10px;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}

.navi a {
    display: block;
    color: #ffffff;
    padding: 0.3em 0;
}

.navi01 {
    background: #ebac9f;
}
.navi02 {
    background: #a37967;
}
.navi03 {
    background: #8c9ac0;
}
.navi04 {
    background: #c07b6c;
}
.navi05 {
    background: #dfae54;
}
.navi06 {
    background: #b4be7d;
}
.navi07 {
    background: #a6829d;
}

/* トップページ */
h1 {
    margin: 0;
}

.text-center img {
    width: 75px;
}

#topbody h2 {
    color: #3e3a39;
    text-align: center;
    border-bottom: #3e3a39 dotted 1px;
    padding-bottom: 0.2em;
}

h2 a:link, h2 a:visited {
	color: #ffffff;
}

#topbody h3 {
    color: #3e3a39;
    margin: 0 0 0.5em 0;
    font-size: 16px;
    line-height: 1.4;
}

h5 {
    color: #FFFFFF;
    margin: 0 0 0.5em 0;
    font-size: 16px;
    line-height: 1.4;
}

#topbody #outline h4, #secondbody #outline h4 {
    color: #ffffff;
    background: #597d58;
    margin: 0 0 0.5em 0;
    padding: 0.3em;
    text-align: center;
    font-size: 16px;
}

#topbody .carousel-control {
    background: none;
}

.news, .sejyutsu, .message, .block {
	background: #FFFFFF;
	padding: 0.4em 1em;
}

.news ul {
    /*border-top: #cccccc solid 1px;*/
    padding-left: 0;
    width: 90%;
    margin: 0 auto 1em;
}

.news ul li {
    border-bottom: #cccccc solid 1px;
    list-style: none;
    padding: 0.5em 1em;
}

.news .newsdate {
    color: #9a7066;
    font-weight:  bold;
}

.messagebox {
    background: url(../images/bg_fotter.png);
    color: #ffffff;
    text-align: center;
    padding: 0.5em;
}

/* トップページおわり */

.fot {
    background: url(../images/bg_fotter.png);
    color: #ffffff;
    text-align: center;
    padding: 1em;
}

.fot a:link, .fot a:visited {
	color: #ffffff;
}

/* セカンドページ */
#secondbody h2 {
    color: #ffffff;
    padding-left: 0.8em;
    padding-bottom: 0.2em;
    margin-top: 0;
    background: url(../images/bg_2nd_h2.jpg) repeat-x;
    line-height: 32px;
    font-size: 14px;
}

/* #topbody .btn-success, #secondbody .btn-success {
	background-color: #597d58;
	border-color: #597d58;
} */

a:hover img.alpha {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}

#secondbody h3 {
    color: #3e3a39;
    border-bottom: #5a7d58 dotted 1px;
    padding-bottom: 0.2em;
}

#secondbody h4 {
    color: #3e3a39;
    margin: 0 0 0.5em 0;
    font-size: 18px;
    line-height: 1.4;
}

/* font */
.txt_l { text-align: left; }
.txt_c { text-align: center; }
.txt_r { text-align: right; }
.txt_fwn { font-weight: normal; }
.txt_fwb { font-weight: bold; }
.txt_10 { font-size: 10px; }
.txt_12 { font-size: 12px; }
.txt_14 { font-size: 14px; }
.txt_16 { font-size: 16px; }
.txt_18 { font-size: 18px; }
.txt_20 { font-size: 20px; }
.txt_24 { font-size: 24px; }
.txt_28 { font-size: 28px; }
.txt_c_333 {color: #333;}
.txt_c_hed {color: #784033; }
.txt_ls { letter-spacing: 0.5em; }

.bor_b {
    padding-bottom: 0.3em;
    border-bottom: #9a7066 dotted 1px;
}

clr_b {
    color: #9a7066;
}

/* background */
.bgc_gray {
  background-color: #f1f1f1;
}

/* margin */
.mar_auto { margin: 0 auto; }
.mar_0 { margin: 0; }
.mar_t_0 { margin-top: 0; }
.mar_r_0 { margin-right: 0; }
.mar_b_0 { margin-bottom: 0; }
.mar_l_0 { margin-left: 0; }
.mar_5 { margin: 5px; }
.mar_t_5 { margin-top: 5px; }
.mar_r_5 { margin-right: 5px; }
.mar_b_5 { margin-bottom: 5px; }
.mar_l_5 { margin-left: 5px; }
.mar_t_10 { margin-top: 10px; }
.mar_r_10 { margin-right: 10px; }
.mar_b_10 { margin-bottom: 10px; }
.mar_l_10 { margin-left: 10px; }
.mar_t_20 { margin-top: 20px; }
.mar_r_20 { margin-right: 20px; }
.mar_b_20 { margin-bottom: 20px; }
.mar_l_20 { margin-left: 20px; }
.mar_t_30 { margin-top: 30px; }
.mar_r_30 { margin-right: 30px; }
.mar_b_30 { margin-bottom: 30px; }
.mar_l_30 { margin-left: 30px; }
.mar_t_50 { margin-top: 50px; }
.mar_r_50 { margin-right: 50px; }
.mar_b_50 { margin-bottom: 50px; }
.mar_l_50 { margin-left: 50px; }

/* padding */
.pad_v_10 { padding: 10px 0; }
.pad_v_20 { padding: 20px 0; }
.pad_v_30 { padding: 30px 0; }
.pad_0 { padding: 0; }
.pad_t_0 { padding-top: 0; }
.pad_r_0 { padding-right: 0; }
.pad_b_0 { padding-bottom: 0; }
.pad_l_0 { padding-left: 0; }
.pad_5 { padding: 5px; }
.pad_t_5 { padding-top: 5px; }
.pad_r_5 { padding-right: 5px; }
.pad_b_5 { padding-bottom: 5px; }
.pad_l_5 { padding-left: 5px; }
.pad_10 { padding: 10px; }
.pad_t_10 { padding-top: 10px; }
.pad_r_10 { padding-right: 10px; }
.pad_b_10 { padding-bottom: 10px; }
.pad_l_10 { padding-left: 10px; }
.pad_20 { padding: 20px; }
.pad_t_20 { padding-top: 20px; }
.pad_r_20 { padding-right: 20px; }
.pad_b_20 { padding-bottom: 20px; }
.pad_l_20 { padding-left: 20px; }
.pad_30 { padding: 30px}
.pad_t_30 { padding-top: 30px; }
.pad_r_30 { padding-right: 30px; }
.pad_b_30 { padding-bottom: 30px; }
.pad_l_30 { padding-left: 30px; }

.wid_100 { width: 100%; }
.wid_50 { width: 50%; }


#page-top1 {
  display: block;
  position: fixed;
  z-index: 9999;
  bottom: -60px;
  right: 10px;
  width: 100px;
  padding: 10px 10px;
  background: rgba(0,0,0,.7);
  color: #fff;
  text-align: center;
  text-decoration: none;
  transition: .5s;
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}
#page-top1:hover{ 
  background: rgba(0,0,0,.8);
}