@charset "UTF-8";
/* CSS Document */
*{
  margin:0;
  padding:0;
}

body
    {
     margin:0px;          /* ページ全体のmargin */
     padding:0px;         /* ページ全体のpadding */
     text-align:center;   /* 下記のautoに未対応用のセンタリング */
	 height:100%;
	 background-color:#D8DDE0; /* gradationの下部分と同じ色にしておく */
	 background-repeat: no-repeat; /* 背景繰り返しなし */
	 
	 /* IE10 Consumer Preview */ 
	 background-image: -ms-linear-gradient(top, #FCFCFC 0%, #D8DDE0 100%);
	 
	 /* Mozilla Firefox */ 
	 background-image: -moz-linear-gradient(top, #FCFCFC 0%, #D8DDE0 100%);
	 
	 /* Opera */ 
	 background-image: -o-linear-gradient(top, #FCFCFC 0%, #D8DDE0 100%);
	 
	 /* Webkit (Safari/Chrome 10) */ 
	 background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FCFCFC), color-stop(1, #D8DDE0));
	 
	 /* Webkit (Chrome 11+) */ 
	 background-image: -webkit-linear-gradient(top, #FCFCFC 0%, #D8DDE0 100%);
	 
	 /* W3C Markup, IE10 Release Preview */ 
	 background-image: linear-gradient(to bottom, #FCFCFC 0%, #D8DDE0 100%);
    }
	
	/* 基本のリンク */
	a{/*リンクされた文字*/
    font-style:normal;
    text-decoration:none;
	}
	a:link {/*未訪問のリンク*/
    font-style:normal;
    text-decoration:none;
	}
	a:visited {/*訪問後のリンク*/
    text-decoration:none;
	}
	a:hover {/*マウスをのせたとき*/
    color:#ff0000;
    font-style:normal;
    text-decoration:none;
	}
	a:active {/*クリック中*/
    text-decoration:none;
	}

	
	/* 更新履歴に使用、基本の区切り線 */
	hr.style01 {
    border: 0;
    height: 1px;
    background: #333;
    background-image: -webkit-linear-gradient(left, #ccc, #333, #ccc);
    background-image:    -moz-linear-gradient(left, #ccc, #333, #ccc);
    background-image:     -ms-linear-gradient(left, #ccc, #333, #ccc);
    background-image:      -o-linear-gradient(left, #ccc, #333, #ccc);
	margin:8px 0px 8px 0px;
}
	

/* -------------------------------------------------
　Fixed Navbar styles　※ヘッダー画像を固定
-------------------------------------------------- */
.navbar-fixed-top {
  position: fixed;
  top: 0;
  right:0;
  left: 0;
  z-index: 1030;
  margin-bottom: 0;
}

.page-header {
	padding-top:80px; /* navbar-fixed-topの画像高さと同じ数値分入れてスタートを下げる */
}

/* -------------------------------------------------
　アンカーで飛ぶ時固定ヘッダー分下げて調整
-------------------------------------------------- */
a.down{
   display: block;
   margin-top:-80px;
   padding-top:80px;
}

/*--------------------------------------------------
　Sticky footer styles
-------------------------------------------------- */
html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}
/* Wrapper for page content to push down footer */
#wrap {
	background-color:#fff;
	width:810px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	/* Negative indent footer by it's height */
	margin: 0 auto -80px; /* footerのheightと同じ値にしておく */
}
 
/* Set the fixed height of the footer here */
#push,
#footer {
	width:810px;
	margin:auto;
	height: 80px; /* #wrapのmarginと同じ値にしておく */
}

/* footerにのみ効果を入れたい場合 */
#footer { 
	padding-top:0px; /* 必ず0にしておかないと内容物が少なくなった時に余計なスクロールが出る */
	position: relative;
	background-image:url(../img_index/footer_back.jpg);
	background-repeat:repeat-x;
	color:#FFF;
	font-size:90%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#footer p {
	padding-top:10px;
}


/* Lastly, apply responsive CSS fixes as necessary */
@media (max-width: 810px) {
  #footer {
    margin-left: -20px;
    margin-right: -20px;
    padding-left: 20px;
    padding-right: 20px;
  }
}

/*--------------------------------------------------
　左　縦並び　ナビゲーションバー
-------------------------------------------------- */
div.nav {
width: 160px; /* ナビゲーションの幅 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.nav ul.nl {
margin: 0;
padding: 0;
list-style-type: none;
text-align: left;
}

/* --- メニュー項目 --- */
div.nav ul.nl li {
margin-bottom: 1px; /* 項目の下マージン */
border-bottom: 1px #8ca654 none; /* 項目の下境界線 */
}

/* --- リンク --- */
div.nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 10px 10px; /* リンクエリアのパディング（上下、左右） */
background: #d5eba5 url(../img_index/contents160-100_1.jpg) repeat-y right; /* リンクエリアの背景 */
color: #404040; /* 文字色 */
text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.nav ul.nl li a:hover {
background: #dbeeb1 url(../img_index/contents160-100_2.jpg) repeat-y right; /* ポイント時の背景 */
text-decoration: none; /* テキストの下線（なし） */
color: #fff; /* 文字色 */
}


/*--------------------------------------------------
　上　横並び　均等割り　ナビゲーションバー
-------------------------------------------------- */
div.menu {
width: 100%; /* ナビゲーションの幅 */
background: #fff repeat-x top; /* ナビゲーションの背景 */
border-top: 1px #fff solid; /* 上境界線 */
border-bottom: 1px #fff solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.menu ul.nl {
width: 640px; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
background: #fff url(../img_index/navi10-200_1.jpg) repeat-x top; /* メニューの背景 */
border-left: 1px #fff solid; /* メニューの左境界線 */
border-right: 1px #fff solid; /* メニューの右境界線 */
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.menu ul.nl li {
width: 16.6%; /* 項目の幅 */
float: left;
}

/* --- リンク --- */
div.menu ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 5px 2px; /* リンクエリアのパディング（上下、左右） */
border-left: 1px #fff solid; /* リンクエリアの左境界線 */
border-right: 1px #fff solid; /* リンクエリアの右境界線 */
text-decoration: none; /* テキストの下線（なし） */
font-weight: bold; /* 文字の太さ（太字） */
color: #ffffff; /* 文字色 */
line-height: 100%; /* 行の高さ */
}

/* --- ポイント時の設定 --- */
div.menu ul.nl li a:hover {
background: #fff url(../img_index/navi10-200_2.jpg) repeat-x top; /* ポイント時の背景 */
}

/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/*-----------------------
　タイトル用
-----------------------*/

/* divをセンターに持って来たい時にこのタグで囲む */
.title_center {
	margin-left:auto;
	margin-right:auto;
    width:730px;
}


.title-01 {
	background-image:url(../img_index/title10-25_01.jpg);
	background-repeat:repeat-x;
	text-align:left;
	padding:0 0 0 15px;
	height:25px;
	width:630px;
	line-height:25px; /* IEのvertical-alignの無効対策でheightと同じ値を入れる */
	/* padding-left:40px; */
	display: table-cell;
	vertical-align: middle;
	color:#555;
	font-size:14px;
	margin-left: auto;
	margin-right: auto;
}

.title-01-txt {
	text-align:left;
	padding:0 30px 0 30px;
	width:630px;
	display: table-cell;
	vertical-align: middle;
	color:#333;
	font-size:90%;
	margin-left: auto;
	margin-right: auto;
}

/*-------------------------------
　最新のニュース　本文　角丸
-------------------------------*/

/* 角丸の枠　※テキスト左寄せ */
.corner-round-style	{
	background: #fff;
	border:1px solid #999; 
	padding: 10px;
	margin-bottom:10px;
	text-align: left;
	
	-moz-border-radius: 0px 0px 10px 10px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    /* behavior:url(border-radius.htc);/* IE6 7 8 */
	
}


/* 角丸の枠　※テキスト中央揃え */
.corner-round-style_c	{
	background: #fff;
	border:1px solid #999; 
	padding: 10px;
	margin-bottom:10px;
	text-align:center;
	
	-moz-border-radius: 0px 0px 10px 10px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 0px 0px 10px 10px;
    border-radius: 0px 0px 10px 10px;
    /* behavior:url(border-radius.htc);/* IE6 7 8 */
	
}


/* すべてが角丸の枠　※テキスト中央揃え　余白左右なし */
.corner-round-style_c_r	{
	background: #fff;
	border:1px solid #999; 
	padding: 5px 0;
	margin-bottom:10pxx;
	text-align:center;
	
	-moz-border-radius: 10px1 0px 10px 10px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 10px 10px 10px 10px;
    border-radius: 10px 10px 10px 10px;
    /* behavior:url(border-radius.htc);/* IE6 7 8 */
	
}





/*-----------------------------------------------------------------------------------------
　　テキスト
-----------------------------------------------------------------------------------------*/

/* 基本のテキスト */
.corner-round-txt {
	font-size:90%;
	line-height:140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

/* 基本のテキスト　文字中央揃え */
.corner-round-txt-center {
	font-size:90%;
	line-height:140%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
}

/* 青　太文字 */
.corner-round-title-txt {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#09F;
	font-size:100%;
}

/* グレー　太文字 */
.corner-round-date-txt {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#666;
	font-size:90%;
}

/* 黒　太文字　※基本的にあまり使わないが強調用に */
.corner-round-bold-txt {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight:bold;
	color:#000;
	font-size:1.2em;
}

/* 両サイドに二重線  参考URL  https://jajaaan.co.jp/css/css-headline/  */
.title_line_w  {
  position: relative;
  display: inline-block;
  padding: 0 50px;
  text-align: center;
    	font-weight:bold;
	font-size:1.2em;
	color:#333;
}

.title_line_w:before,
.title_line_w:after {
  position: absolute;
  top: calc(50% - 5px);
  width: 40px;
  height: 6px;
  content: '';
  border-top: solid 2px #000;
  border-bottom: solid 2px #000;
}

.title_line_w:before {
  left: 0;
}

.title_line_w:after {
  right: 0;
}


/*-------------------------------
　最新のニュース　画像
-------------------------------*/
.corner-round-style2	{
	background: #fff;
	border:1px solid #999; 
	padding: 0px;
	text-align: left;
}

/*------------------------------------------------
　最新のニュース　画像　1枠イレギュラー用
------------------------------------------------*/
.corner-round-style3	{
	background: #fff;
	border:1px solid #999; 
	padding: 0px;
	text-align: center;
	color:#FFF;
	font-size:150%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}


/*-------------------------------
　左メニュー下　角丸枠
-------------------------------*/
.leftmenu-style	{
	background: #fff;
	border:1px solid #999; 
	padding: 10px;
	margin-left:5px;
	text-align: left;
	
	-moz-border-radius: 5px 5px 5px 5px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
   /* behavior: url(http://www.jrw-union.gr.jp/border-radius.htc);/* IE6 7 8 */
	
	
}

.leftmenu-txt {
	font-size:80%;
	line-height:140%;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:left;
}

.leftmenu-txt-center {
	font-size:80%;
	line-height:140%;
	color:#666;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align:center;
}


/*-------------------------------
　リンクバナー部分
-------------------------------*/
.link-back-style	{
	background: #edf3f8;
	border:1px solid #999; 
	padding: 10px;
	margin-left:5px;
	text-align: right;
	
	-moz-border-radius: 5px 5px 5px 5px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /* behavior: url(border-radius.htc); */
	
}

.link-back {
  background-image: url(../img_index/link/back-img.png); /* 全体の背景画像 */
  background-color:#edf3f8;
  background-repeat: no-repeat;            /* 背景を繰り返さない */
  background-position: right bottom;       /* 背景画像の位置は右下 */
}


/*-------------------------------
　お知らせ
-------------------------------*/
.info-back-style	{
	background: #fff;
	border:1px solid #999; 
	padding: 10px;
	margin-left:5px;
	text-align: right;
	
	-moz-border-radius: 5px 5px 5px 5px;	/* 左上・右上・左下・右下 */
    -webkit-border-radius: 5px 5px 5px 5px;
    border-radius: 5px 5px 5px 5px;
    /* behavior: url(border-radius.htc); */
	
}