@charset "utf-8";

body{
    font-family: "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size:16px;
    background-color: #87ac45;
}

/* テーブルの線設定 ------------------------------------------------------------- */
.table-bordered > thead > tr > th.tbl-border-none,
.table-bordered > tbody > tr > th.tbl-border-none,
.table-bordered > tfoot > tr > th.tbl-border-none,
.table-bordered > thead > tr > td.tbl-border-none,
.table-bordered > tbody > tr > td.tbl-border-none,
.table-bordered > tfoot > tr > td.tbl-border-none {
	border-left: none;
	border-right: none;
}

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding-left: 10px;
  padding-right: 10px;
}

/* bootstrapのカスタマイズ ------------------------------------------------------------- */

/* navbar */
.navbar-default{
  background-color: #00A199;
}

.navbar-default .navbar-nav > li > a{
  color:#F3F3F3;
  padding-left:8px;

}

.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {
	background-color: #94E0DC;
	color: #00A199;
}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {
	background-color: #94E0DC;
	color: #00A199;
}

.navbar-brand{
  padding: 0px;
}

/* ドロップダウンメニュー */
.navbar-default .navbar-nav>.open>a,
.navbar-default .navbar-nav>.open>a:focus,
.navbar-default .navbar-nav>.open>a:hover{
	background-color: #94E0DC;
	color: #00A199;
}
.open>.dropdown-menu{
	background-color: #00A199;

}
.open>.dropdown-menu>li>a{
	color:#F3F3F3;
}

.open>.dropdown-menu>li>a:focus,
.open>.dropdown-menu>li>a:hover{
	background-color: #94E0DC;
	color: #00A199;
}

.navbar-default .navbar-nav>.open>.dropdown-menu>.active>a{
	background-color: #F3F3F3;
	color:#5994CF;
}

.navbar-default .navbar-nav>.open>.dropdown-menu>.active>a:focus,
.navbar-default .navbar-nav>.open>.dropdown-menu>.active>a:hover{
	background-color: #F3F3F3;
	color:#5994CF;
}

/* navibarの三 */
.navbar-default .navbar-toggle .icon-bar{
  background-color: #F3F3F3;
}
.navbar-default .navbar-toggle:focus,
.navbar-default .navbar-toggle:hover {
  background-color: #94E0DC;
}
.navbar-default .navbar-toggle:focus > .icon-bar,
.navbar-default .navbar-toggle:hover > .icon-bar {
background-color: #00A199;
}

/* panel */
.panel-primary {
  border-color: #00A199;
}
.panel-primary > .panel-heading {
  color: #ffffff;
  /*background-color: #2751a4;*/
  background-color: #00A199;

  border-color: #00A199;
}
.panel-primary > .panel-heading + .panel-collapse > .panel-body {
  border-top-color: #00A199;
}
.panel-primary > .panel-heading .badge {
  color: #00A199;
  background-color: #ffffff;
}
.panel-primary > .panel-footer + .panel-collapse > .panel-body {
  border-bottom-color: #00A199;
}

/* テーブルのヘッダー */
.table>thead>tr>td.success, .table>tbody>tr>td.success,
.table>tfoot>tr>td.success, .table>thead>tr>th.success,
.table>tbody>tr>th.success, .table>tfoot>tr>th.success,
.table>thead>tr.success>td, .table>tbody>tr.success>td,
.table>tfoot>tr.success>td, .table>thead>tr.success>th,
.table>tbody>tr.success>th, .table>tfoot>tr.success>th
.table>thead>tr>th.success{
	font-weight:normal;
	background-color: #41C0BA;
	color: #ffffff;
}



/* 独自設定 */
.container_wrap{
	margin-top: -20px;
	/*background-color: #9ec2e6;*/
	/*background: linear-gradient(to bottom, #9ec2e6, #dff0d8, #5a8f3f );*/
	/*background: linear-gradient(to bottom, #87ac45, #4c6f38 );*/
	background: linear-gradient(to bottom, #f0f0f0 0%, #87ac45 20% );
}

/* topPage link */
.pagetop {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 15px;
}
.pagetop > a {
    display: block;
    background-color: #2751a4;
    text-align: center;
    color: #ffffff;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 15px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.pagetop > a:hover {
    display: block;
    /*background-color: #f2ffd0;*/
    background-color: #d0d0d0;
    text-align: center;
    /*color: #005e00;*/
    color: #505050;
    font-size: 12px;
    text-decoration: none;
    padding: 10px 15px;
	filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}


/* -- ID設定 -------------------------------------------------------------------- */

#pageHeader{
	/*margin-top: -10px;*/
	min-height:20px;
	padding:10px;
	background: #9ec2e6 url('../img/header_bg.png') no-repeat left bottom
}

#title{
	color: #832529;
	font-weight:900;
	text-shadow:
       1px  1px 0 #F3F3F3,
      -1px -1px 0 #F3F3F3,
       1px -1px 0 #F3F3F3,
      -1px  1px 0 #F3F3F3,
       1px  1px 0 #F3F3F3;
}

#subTitle{
	color: #f3f3f3;
	font-size:16px;
	font-weight:900;
}

#news{
	margin:60px 20px 40px 40px;
}

#information{
	border: 1px solid #888888;
	margin-top:30px;
	margin-bottom:40px;
	padding:10px;
	background-color: #fdfdfd;
}

#footer{
	color:#f3f3f3;
}

/* -- レスポンシブ設定 -------------------------------------------------------------------- */
@media (max-width: 767px) {
	/* ナビバーの設定 */
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		color: #F3F3F3;
	}

	/* タイトル */
	#title{
		font-size:20px;
		text-shadow:
     			 1px  1px 0 #F3F3F3,
   				-1px -1px 0 #F3F3F3,
    			 1px -1px 0 #F3F3F3,
    			-1px  1px 0 #F3F3F3,
     			 1px  1px 0 #F3F3F3;
	}
	#subTitle{
		font-size:10px;
		font-weight:900;
	}
}


/* -- 共通 ---------------------------------------------------------------------- */
.w600{
  width:600px !important;
}
.w300{
  width:300px !important;
}
.w200{
  width:200px !important;
}

.w160{
  width:160px !important;
}

.w130{
  width:130px !important;
}

.w120{
  width:120px !important;
}

.w100{
  width:100px !important;
}

.w80{
  width:80px !important;
}
.w70{
  width:80px !important;
}

.w60{
  width:60px !important;
}

.w50{
  width:50px !important;
}
.w30{
  width:30px !important;
}

.mgt20{
	margin-top:20px;
}

.text-red{
	color:#bb1f1f;
}
.text-blue{
	color:#0071BC;
}

.fs12{
	font-size: 12px;
}

/* 画像保存禁止 */
.cowImage {
	position: relative;
}
.mask{
	position: absolute;
	top:0px;
	left:0px;
	z-index: 2
}