/* 追加したＣＳＳ */

body{
	margin: 0 auto;
	padding-top: 70px;	/* メニュー(navbar)を上部に表示するための隙間  */
}


/*ヘッダーに会社ロゴimgを表示 高さ調整　*/
.navbar {
  /*min-height: 70px !important;*/
  min-height: 50px !important;
}

.navbar-brand {
  background: url("../common/logo.png") no-repeat left center;
  background-size: contain;
  height: 50px;
  width: 300px;
  /*height: 70px;
  width: 350px;
  margin-top:8px;*/
}

/* navbar 全体の背景色とボーダーカラー */
.navbar-alt {
background-color:#ec881d;
/*border-color:    #ec881d;*/
}
/* navbar テキストカラー */
.navbar-alt .navbar-nav > li > a {
color: #ffffff;
}
/* navbar hover,focus時のテキストカラー */
.navbar-alt .navbar-nav > li > a:hover,
.navbar-alt .navbar-nav > li > a:focus {
color: #000;
background-color: transparent;
}
/* navbar active設定時のカラー */
.navbar-alt .navbar-nav>.active>a,
.navbar-alt .navbar-nav>.active>a:focus,
.navbar-alt .navbar-nav>.active>a:hover {
color: #fff;
background-color: #1e1e1e;
border-color:    #6a6a6a;
}
/* navbar ドロップダウン(親)のカラー */
.navbar-alt .navbar-nav>.open>a,
.navbar-alt .navbar-nav>.open>a:focus,
.navbar-alt .navbar-nav>.open>a:hover {
color: #fff;
background-color: #FFCC00;
}
/* navbar ドロップダウン(子)のボックスカラー */
.dropdown-menu {
background-color: #49281e;
border: 1px solid #49281e;
border: 1px solid #49281e(0, 0, 0, .15);
/*
background-color: #65baad;
border: 1px solid #3e6962;
border: 1px solid #3e6962(0, 0, 0, .15);*/
-webkit-box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
box-shadow: 0 6px 12px rgba(94, 136, 129, 0.35);
}
/* navbar ドロップダウン(子)テキストカラー */
.dropdown-menu>li>a {
color: #ffffff;
}
/* navbar ドロップダウン(子)focus,hover時のカラー */
.dropdown-menu>li>a:focus,
.dropdown-menu>li>a:hover {
color: #49281e;
background-color: #73493c;
/*color: #26534c;
background-color: #c3ede7;*/
}
/* navbar ドロップダウン(子)内の区切り線(class=”divider”)のカラー */
.dropdown-menu .divider {
background-color: #49281e;
/*background-color: #3e6962;*/
}
/* navbar 画面サイズ767px以下の時のカラー */
@media (max-width:767px) {
.navbar-alt .navbar-nav .open .dropdown-menu>li>a {
color: #ffffff;
}
.navbar-alt .navbar-nav .open .dropdown-menu>li>a:focus,
.navbar-alt .navbar-nav .open .dropdown-menu>li>a:hover {
color: #000;
/*color: #26534c;*/
background-color: transparent;
}
/* ドロップダウンactive設定時のカラー */
.navbar-alt .navbar-nav .open .dropdown-menu>.active>a,
.navbar-alt .navbar-nav .open .dropdown-menu>.active>a:focus,
.navbar-alt .navbar-nav .open .dropdown-menu>.active>a:hover {
color: #fff;
background-color: #05002e;
/*color: #ffb163;
background-color: #d4ede9;*/
}
}
/* navbar ハンバーガー四角枠 */
.navbar-alt .navbar-toggle {
border-color: #ffffff;
}
/* navbar ハンバーガー三本線 */
.navbar-alt .navbar-toggle .icon-bar {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の背景色 */
.navbar-alt .navbar-toggle:focus,
.navbar-alt .navbar-toggle:hover {
background-color: #ffffff;
}
/* navbar ハンバーガーボタン,タップとホバーした時の四角枠 */
.navbar-alt .navbar-toggle:focus,
.navbar-alt .navbar-toggle:hover {
border-color: #6a6a6a;
/*border-color: #65baad;*/
}
/* navbar ハンバーガーボタン,タップとホバーした時の三本線 */
.navbar-alt .navbar-toggle:focus > .icon-bar,
.navbar-alt .navbar-toggle:hover > .icon-bar {
background-color: #6a6a6a;
/*background-color: #65baad;*/
}


/* navbar Brandのカラー 
.navbar-alt .navbar-brand {
color: #ff5555;
}
.navbar-alt .navbar-brand:focus,
.navbar-alt .navbar-brand:hover {
color: #ff5555;
background-color: transparent;
}*/




.container{
    padding-left:10px;
}


	h1, h2, h3, h4, h5, h6 {
		color: #666f77;
		font-weight: 300;
		line-height: 1em;
		margin: 0 0 1em 0;
    margin: 0 0 0.5em 0;
		text-transform: uppercase;
		letter-spacing: 0.125em;
	}

		h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
			color: inherit;
			text-decoration: none;
		}

	h2 {
		font-size: 1.5em;
		/*line-height: 1.5em;*/
		margin: 0 0 2em 0;    /*追加*/
	}

	h3 {
		/*font-size: 1.25em;*/
		line-height: 1.5em;
	}

	h4 {
		font-size: 1em;
		line-height: 1.5em;
	}

	h5 {
		font-size: 0.9em;
		line-height: 1.5em;
	}

	h6 {
		font-size: 0.7em;
		line-height: 1.5em;
	}

	sub {
		font-size: 0.8em;
		position: relative;
		top: 0.5em;
	}

	sup {
		font-size: 0.8em;
		position: relative;
		top: -0.5em;
	}

	hr {
		border: 0;
		border-bottom: solid 1px rgba(144, 144, 144, 0.25);
		margin: 3em 0;
	}

		hr.major {
			margin: 2em 0 5em 0;
		}

	ul {
		list-style: disc;
		margin: 0 0 2em 0;
		padding-left: 1em;
	}

		ul li {
			padding-left: 0.5em;
		}


/* トップページのアドレスのリスト装飾 */
		ul.alt {
			list-style: none;
			padding-left: 0;
			margin: 0 15px;
		}

			ul.alt li {
				border-top: solid 1px rgba(144, 144, 144, 0.25);
				/*padding: 0.5em 0;*/
				padding: 0.5em 1em;
			}

				ul.alt li:first-child {
					border-top: 0;
					padding-top: 0;
				}


/* パディング左のＣＳＳ */
.padding-l_5{
    padding-left:5px;
}

.padding-l_10{
    margin-top:10px;
    padding-left:10px;
}

.padding-l_20{
    padding-left:20px;
    padding-right:15px;
}

.padding-l_30{
    padding-left:30px;
    padding-right:15px;
}

.padding-l_40{
    padding-left:40px;
    padding-right:15px;
}

.padding-l_50{
    padding-left:50px;
    padding-right:15px;
}

.padding-l_60{
    padding-left:60px;
    padding-right:15px;
}

.padding-l_65{
    margin-top:20px;
    padding-left:65px;
    padding-right:15px;
}

.padding-l_70{
    padding-left:70px;
    padding-right:15px;
}


/* ボタンのＣＳＳ */
.padding-bt{
    padding:10px 80px;
}


/* 余白 左寄せ */
.yohaku_l{
     margin:10px 10px 3px 10px;
     padding:0 10px 0 5px;
}

/* 余白 右寄せ */
.yohaku_r{
     margin:20px 0 20px 0px;
     padding:0;
     float:right;
}

/* 文字中央よせ */
.center{
  text-align: center; 
}

/* 文字右よせ */
.right{
  text-align: right; 
}

/* 文字サイズ (大)*/
.big{
 font-size:1.5em;
}

/* 文字サイズ (小)*/
.small{
 font-size:0.8em;
}

/* ロゴマーク */
.logo {
  background: url("common/logo.gif") no-repeat left center;
  background-size: contain;
  max-height: 100%;
  min-height: 100%;
  padding-top:10px;
}


/* hタグ 文字サイズ */
.font-size1{
    font-size:2em;
    padding-left:10px;
}

.strong{
 font-weight:bold;
}

/* ul li　装飾 */
.list {
	/*width:500px;
	font-size: 16px;
	color:#655555;*/
	background:#eaf4ff;
	/*padding:20px;*/
	padding:15px;
}

.list li {
	list-style-type : none;
	padding:5px 10px;
	border-bottom:1px solid #84b2e0;
}

/* チェック柄（リストタグ） */
.defaultlist
,.defaultlist li{
	padding:0px;
	margin:0px;
}
 
.defaultlist li{
	list-style-type:none !important;
	list-style-image:none !important;
	margin: 5px 0px 5px 0px !important;
}
 
.list4 li{
	position:relative;
	padding-left:25px;
}
 
.list4 li:after, .list4 li:before{
	content:''; 
	display:block; 
	position:absolute; 
	top:4px; 
	left:8px; 
	height:11px; 
	width:4px; 
	background:#aaa; 
	border-radius:10px;
	transform:rotate(45deg);
	-webkit-transform:rotate(45deg);
	-o-transform:rotate(45deg);
}
.list4 li:before{
	top:8px; 
	left:3px;
	height:8px; 
	transform:rotate(-45deg);
	-webkit-transform:rotate(-45deg);
	-o-transform:rotate(-45deg);
}

/* 画像・地図の伸縮 */
.haba{
	width: 100%;
}

@media (max-width: 768px){
	.haba{
		display: none;
	}
}


/* 画像フェード */
/* .viewer
------------------------- */
.viewer {
    margin: 0 auto;
    width: 100%;
    position: relative;
    overflow: hidden;
}
.viewer ul {
    width: 100%;
    overflow: hidden;
    position: relative;
}
.viewer ul li {
    top: 0;
    left: 0;
    width: 100%;
    position: absolute;
}
.viewer ul li img {
    width: 100%;
}
 
/* sideNavi
------------------------- */
.viewer .btnPrev,
.viewer .btnNext {
    margin-top: -25px;
    top: 50%;
    width: 50px;
    height: 50px;
    position: absolute;
    z-index: 101;
}
.viewer .btnPrev {
    left: 10px;
    background: #ccc url(../img/btnPrev.jpg) no-repeat center center;
}
.viewer .btnNext {
    right: 10px;
    background: #ccc url(../img/btnNext.jpg) no-repeat center center;
}
 
 
/* =======================================
    ClearFixElements
======================================= */
.viewer ul:after {
    content: ".";
    height: 0;
    clear: both;
    display: block;
    visibility: hidden;
}
 
.viewer ul {
    display: inline-block;
    overflow: hidden;
}



/* フッター */
.footer{
       text-align:center;
       padding:20px;
}

.footer a{
        text-decoration:none;
        color:#fff;
}

.footer a:hover{
        text-decoration:underline;
        color:#fff;
}

.footer-inner {
       color:#fff ;
       min-height:40px;
       padding-top:20px;
       padding-left:20px;
       padding-right:20px;
       background-color:#49281e;
       background-image:-moz-linear-gradient(top, #49281e, #1a0600);
       background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#49281e), to(#1a0600));
       background-image:-webkit-linear-gradient(top, #49281e, #1a0600);
       background-image:-o-linear-gradient(top, #49281e, #1a0600);
       background-image:linear-gradient(to bottom, #49281e, #1a0600);
       background-repeat:repeat-x;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#49281e', endColorstr='#1a0600', GradientType=0);
       /*border:1px solid #0062b1;*/
       /*background-color:#fafafa;
       background-image:-moz-linear-gradient(top, #ffffff, #f2f2f2);
       background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#f2f2f2));
       background-image:-webkit-linear-gradient(top, #ffffff, #f2f2f2);
       background-image:-o-linear-gradient(top, #ffffff, #f2f2f2);
       background-image:linear-gradient(to bottom, #ffffff, #f2f2f2);
       background-repeat:repeat-x;
       filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#fff2f2f2', GradientType=0);
       border:1px solid #d4d4d4;*/
       -webkit-border-radius:4px;
       -moz-border-radius:4px;
       border-radius:4px;
       -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
       -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
       box-shadow:0 1px 4px rgba(0, 0, 0, 0.065);
       *zoom:1;
}
.navbar-inner:before,.navbar-inner:after {
       display:table;
       content:"";line-height:0;
}
.navbar-inner:after{clear:both;}