/*  初期値設定-----------------------------------------------*/
body { 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
text-align:center;
font-size:14px;
}


*, p, ul, li, dl, dt, dd, blockquote, h1, h2, h3, h4, table, th, td, label { 
padding:0; 
margin:0; 
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
text-align:justify;
font-size:14px;
line-height:1.5em;
color:#333333;
}

input, textarea, select {
font-family: -apple-system, BlinkMacSystemFont, Roboto, Meiryo, "Segoe UI", sans-serif;
font-size:13px;
color:#333333;

}

*, * focus {
outline: none;
}

/*  センタリング -----------------------------------------------*/
body {
text-align:center;

}
body div {
margin:0 auto;
text-align:justify;
}
@media (min-width: 769px) {
div#bg {
width:100%;
  background-image: url("../images/background.jpg");
  background-position: center top;
  background-repeat: repeat-y;


}
}
@media (max-width: 768px) {

div#bg {
width:auto;
  background-image: url("../images/background.jpg");
  background-position: center top;
  background-repeat: repeat-y;

}
}

/*  コンテンツ外枠 ----------------------------------------------*/
div.container {
max-width: 1000px;
margin:0 auto;
background: #fff;
 }

div.container_in {
margin:0 ;
min-height:500px;
}





/*  メニュー  */
.nav {
font-size:13px;
}
.navbar {
border:0;
}
.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #ccc;
  color:#000;
}
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus {
  background-color: #ccc;
/*  border-color: #aaa;*/
  color:#000;
}


.isan-nav {
  background-color: #e6e5e1;
margin-left:0;
}

.isan-nav > li > a {
  padding: 10px 0;
border-radius:0;
/*border-right:1px solid #aaa;
*/
font-weight:bold;
color:#727270;
}

.isan-nav > li > a:hover,
.isan-nav > li > a:focus {
  text-decoration: none;
border-radius:0;
  color: #fff;
  background-color: #727270;
}

.isan-nav-pills > li {
  float: left;
}
.isan-nav-pills > li > a {
  border-radius: 0;
}
.isan-nav-pills > li + li {
  margin-left: 2px;
}
.isan-nav-pills > li.active > a,
.isan-nav-pills > li.active > a:hover,
.isan-nav-pills > li.active > a:focus {
  color: #fff;
  background-color:#e6e5e1;
}
.navbar {
    position: relative;
    min-height: 40px;
    margin-bottom: 0;

}


.navbar-collapse {
    padding-right: 0;
    padding-left: 0;
}

.nav-justified {
  width: 100%;
white-space:nowrap;
}
.nav-justified > li {
  float: none;
}
.nav-justified > li > a {
  margin-bottom: 0;
  text-align: center;
}
.nav-justified > .dropdown .dropdown-menu {
  top: auto;
  left: auto;
}

.dropup,
.dropdown {
  position: relative;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 100%;
  padding: 0;
  margin: 0;
  font-size: 12px;
  text-align: left;
  list-style: none;
  background-color: #2b71ae;
  opacity:0.9; 
  -webkit-background-clip: padding-box;
          background-clip: padding-box;
  border: 0;
  border-radius:0;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
          box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu.pull-right {
  right: 0;
  left: auto;
}
.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #ffffff;
}
.dropdown-menu > li > a {
  display: block;
  padding: 8px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #ffffff;
  white-space: nowrap;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  color: #000000;
  text-decoration: none;
  background-color: #ccc;
}
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #cccccc;
  text-decoration: none;
  background-color: #2b71ae;
  outline: 0;

}
.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777;
}
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  cursor: not-allowed;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
}
.open > .dropdown-menu {
  display: block;
}
.open > a {
  outline: 0;
}
.dropdown-menu-right {
  right: 0;
  left: auto;
}
.dropdown-menu-left {
  right: auto;
  left: 0;
}
.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777;
  white-space: nowrap;
}
.dropdown-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 990;
}
.pull-right > .dropdown-menu {
  right: 0;
  left: auto;
}
.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  content: "";
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
}
.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px;
}
@media (min-width: 768px) {
.nav-justified {
  width: 100%;
white-space:nowrap;
}
  .nav-justified > li {
    display: table-cell;
    width: 1%;
  }
  .nav-justified > li > a {
    margin-bottom: 0;
  }

  .navbar-right .dropdown-menu {
    right: 0;
    left: auto;
  }
  .navbar-right .dropdown-menu-left {
    right: auto;
    left: 0;
  }
}



/* 右コンテンツ ----------------------------------------------*/

section {
text-align:justify;
min-height:500px; 
color:#333;
padding-bottom:50px;
}


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

footer p {
text-align:right;
margin:0 10px;
color:#35322c;
}

footer {
border-top:2px solid #35322c;
text-align:right;
padding:10px;
}

/*   リンク-----------------------------------*/
a {
color: #03C;
text-decoration:none;
}

a:hover {
color:#03C;
text-decoration:none;
}


a img {
display:inline;
margin:0;
border:none;
}


img.example { border: 1px #cfcfd8 solid; margin:10px;}



/*   コンテンツ共通 -----------------------------------*/
h1 {
font-size: 24px;
font-weight:bold;
color: #7B6F30;}
h2 {
    font-size: 20px;
    font-weight: bold;
    line-height: 2;
    margin: 20px 10px;
    border-left: 5px solid #5f5f5f;
    padding-left: 10px;
}
h3 {
clear:both;
font-weight:bold;
font-size:16px;
border-bottom:1px solid #4d0e1f;
margin:20px 0 20px;
padding-left:10px;
}

h4 {
clear:both;
font-weight: bold;
color:#4d0e1f;
font-size:15px;
margin:20px 0;
}


.sample_h_6{
font-size: 1.0em;/* フォントサイズ */
font-weight: bold;/* フォント太さ */
padding-top: .5em;
padding-bottom: .5em;
padding-left: .5em;
margin-bottom: 1em;
background-color: #a3a5a8;/* 背景色 */
border-radius:6px;/* 角丸 */
color: #ffffff;/* フォント色 */
}




img {
margin:0;
}

p {
margin:10px 0;
text-align:justify;
}
blockquote {
margin:5px 0 5px 10px;
padding:10px 15px;
}

strong {
color:#CC0000;
font-weight:normal;
}

em {
	font-weight:bold;
	font-style:normal;
}

small {
color:inherit;
}

/*  箇条書き */
ul.ul_none {
list-style-type:none;
list-style-position:outside;
margin:0 0 0 20px;
}

ul.ul_contents {
list-style-type:square;
list-style-position:outside;
margin:10px 0 10px 40px;
}

ul.ul_decimal {
list-style-type:decimal;
list-style-position:outside;
margin:0 0 0 40px;
}

ul li {
margin:0 0 0 10px;
}

ul.ul_decimal li {
margin:0 0 5px 10px;
}

/*  定義リスト */


dl.dl-horizontal {
margin-top:30px;
}

dl.dl-horizontal dd {
margin-bottom:10px;
}



@media (min-width: 768px) {


dl.dl-horizontal dt {
    width: 200px;
	padding-right:20px;
	border-right:1px solid #aaa;
	}

.dl-horizontal dd {
    margin-left: 240px;
}


}





/* クラス ----------------------------------*/

.red {
color:#CC0000;
font-weight:normal;
}
.fnts {
font-size:11px;
}

.pagetop {
text-align:right;
}


/* floatのクリア---*/
.floatclear {
clear:both;
height:5px;
}

.waku {
display:block;
margin:20px 0;
padding:10px;
background:#f3f3f3;
border-radius: 10px 10px 10px 10px / 10px 10px 10px 10px;
box-shadow: 2px 2px 2px rgba(0,0,0,0.4);
}


/* IE placeholder */


/* fallback placeholder */
.placeholder {
	color: #888;
}
/* webkit placeholder */
::-webkit-input-placeholder {
	color: #888;
}
/* moz placeholder */
:-moz-placeholder {
	color: #888;
}


.control-label {
font-weight:bold;
font-size:14px;
padding-top:10px;
}
b {
color:red;
}

.caption {
font-size:12px;
color:#065ca7;
}

.gray {
background: #ddd;
line-height: 3;
border: 1px solid #aaa;}

.table-bordered {
    border-left: 0px;
    border-right: 0px;
    
	
	}

.table-bordered > thead > tr > th, .table-bordered > tbody > tr > th, .table-bordered > tfoot > tr > th, .table-bordered > thead > tr > td, .table-bordered > tbody > tr > td, .table-bordered > tfoot > tr > td {
    border-left: 0px;
    border-right: 0px;
	}

table {
  width: 100%;
  table-layout: fixed;
}


.title {
font-size: 20px;
font-weight: bold;
color:#727270;

}
@media (max-width: 768px) {
.title {

padding-top:1em;}

}
.koushi {
font-size: 16px;
font-weight: bold;
color:#444444;
margin-bottom:1em;
}