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

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

　リセットCSS + サイト共通設定

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

/* 全ての要素に対する余白初期値設定 */
body,
h1,h2,h3,h4,h5,h6,
p,ul,ol,dl,dt,dd,li,
table,th,td,
form,select,option,input
address,pre,strong,em,iframe,img{
	margin:0;
	padding:0;
	font-size:100%;
	border:0;
}

/* デフォルト文字設定 */
body{
	color:#222;
	font-family:"MS PGothic",Osaka,sans-serif;
	/*font-size:13px;*/
	/*font-size:small;*/
	line-height:1.8;
}

/* リストマーカーを非表示 */
ul,ol{
	list-style-type:none;
}

/* テーブルセルのボーダーの設定 */ 
table {
	border-collapse: collapse; 
	border-spacing: 0;
}

/* 画像とフォームパーツの上下位置をテキストの真ん中に */
img, input, select, textarea { 
	vertical-align: middle;
}


/* デフォルトリンク色の設定 */
/*a{
	color:#00C4AB;
}

a:hover{
	color:#CCE739;
}*/

/* 画像リンクの設定 */
a img{
	opacity:1;
	filter: alpha(opacity=100);
}

a:hover img{
	opacity:0.7;
	filter: alpha(opacity=75);
}




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

　レイアウト

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


/* ヘッダー
---------------------------*/
#header{
	padding-top:20px;
	overflow:hidden;
}

#header .inner{
	width:940px;
	margin:0 auto;
}

#header-text{
	float:left;
}

#header-text p{
	margin-bottom:7px;
}

#header-text img{
	margin-right:20px;
}

#header-text h1{
	margin-bottom:10px;
}

#header-subtext{
	float:right;
}

#header-subtext li{
	display:inline;
	padding-left:10px;
	padding-right:5px;
	border-left:1px solid;
	font-size:0.94em;
}

#header-subtext li.first{
	border-left:none;
}

#header-subtext a{
	text-decoration:underline;
}

#header-subtext a:hover{
	text-decoration:none;
}

/* グローバルナビゲーション
---------------------------*/
.menu-container {
  margin: 0;
}

.menu-container .menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}

.menu-container .menu .menu-item {
  flex: 1;
}

.menu-container .menu .menu-item a {
  background: #00913a;
  border: 1px solid #ccc;
  border-right: none;
  color: #ffffff;
  display: block;
  padding: 0.6em 0.1em;
  text-align: center;
  text-decoration: none;
  font-weight:bold;
}

.menu-container .menu .menu-item a:hover {
  background: #ccc;
  color: #00913a;
}

.menu-container .menu .menu-item:last-child a {
  border-right: 1px solid #ccc;
}

@media screen and (max-width: 768px) {
  .menu-container .menu {
    flex-wrap: wrap;
    width: 100%;
  }
  .menu-container .menu .menu-item {
    flex: auto;
    width: 25%;
  }
  .menu-container .menu .menu-item:nth-child(4n) a {
    border-right: 1px solid #ccc;
  }
  .menu-container .menu .menu-item:nth-child(n + 5) a {
    border-top: none;
  }
}

/* コンテンツエリア
---------------------------*/
#contents{
	width:940px;
	padding-top:10px;
	margin:0 auto;
}

/* パンくず
---------------------------*/
#pankuzu{
	margin-bottom:10px;
}

#pankuzu li{
	display:inline;
	font-size:0.88em;
}

#pankuzu a{
	padding-right:18px;
	background:url(../img/ico_arw01.gif) right center no-repeat;
}

/* メインビジュアル部分
---------------------------*/
#mainvisual{
	margin-bottom:20px;
	overflow:hidden;
}

/* メイン部分
---------------------------*/


/* サイド部分
---------------------------*/


/* フッター
---------------------------*/
/* ページトップ */
.pagetop{
	clear:both;
	margin-bottom:10px;
}

.pagetop a{
	padding-left:18px;
	font-size:0.88em;
	text-decoration:none;
	background:url(../img/ico_arw02.gif) left center no-repeat;
}

.pagetop a:hover{
	text-decoration:underline;
}

#footer{
	padding:10px 0;
	background:#00913a;
}

#footer .inner{
	width:940px;
	margin:0 auto;
}

/*#footer ul{
	float:left;
}*/

#footer li{
	display:inline;
	padding-left:10px;
	padding-right:5px;
	border-left:1px solid #fff;
	font-size:0.94em;
}

#footer li.first{
	border-left:none;
}

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

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

/*#ictjig{
	color:#fff;
	text-align:right;
	font-size:0.94em;
	font-weight:bold;
	margin-bottom:10px;
}*/

#copyright{
	color:#fff;
	text-align:right;
	font-size:0.88em;
}

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

　共有スタイル

---------------------------*/
/*黄緑とグレーの枠*/
.itembox{
	border:#bbb 1px solid;
	border-top:#8dc21f 3px solid;
	padding:10px;
	margin-bottom:20px;
}

/*文字の色*/
.txt_green{
	color:#00913a;
}

.txt_red{
	color:#e50012;
}

.txt_orange{
	color:#ff5400;
}

/*文字の大きさ*/
.size88{
	font-size:0.88em;
}