@charset "UTF-8";

@-ms-viewport {/* IE用のビューポイント*/
    width: 1200px;
}
html {/* スクロールバーを常に表示*/
　　overflow: auto;
    margin-bottom:1px;
    height:100%;
	scroll-behavior: smooth; /*スムーズスクロール*/
    }
body {
	-webkit-text-size-adjust: 100%;/* ihoneヨコで文字が大きくなるバグ*/
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	background-image: url(../img/menu_back1.jpg);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
		   
    display: flex;/* フッターを下に固定 */
    flex-flow: column;
    min-height: 100vh;
}
/* エレメント / タグセレクター */
ul, ol, dl { 
	padding: 0;
	margin: 0;
}
h1, h2, h3, h4, h5, h6, p {
	margin-top: 0;	
	padding-right: 15px;
	padding-left: 15px;
}
hr{
	background-color: #BEB17A;
	height: 3px;
}
.hr1 {
  border-top: 3px solid #BEB17A;
}
.hr2 {
  height: 1px;
  border: 1px solid #BEB17A;
  margin: 5px 0px 10px 0px;
}

/*ニュースNEXT全体*/
.hidden_box {
	padding: 0;
	margin-top: 30px;
	margin-right: 0;
	margin-bottom: 30px;
	margin-left: 0;
}
/*ボタン装飾*/
.hidden_box label {
	font-weight: bold;
	border: 2px solid #BEB17A;
	cursor : pointer;
	border-radius: 5px 5px;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 5px;
	padding-left: 10px;
	font-size: 1.0em;
}
/*ボタンホバー時*/
.hidden_box label:hover {
    background: #BEB17A;
}
/*チェックは見えなくする*/
.hidden_box input {
    display: none;
}
/*中身を非表示にしておく*/
.hidden_box .hidden_show {
    height: 0;
    padding: 0;
    overflow: hidden;
    opacity: 0;
    transition: 0.8s;
}
/*クリックで中身表示*/
.hidden_box input:checked ~ .hidden_show {
    padding: 10px 0;
    height: auto;
    opacity: 1;
}
a img {
	border: none;
}
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0099FF;
	text-decoration: none;
}
a:hover, aoverflow: hidden;:active, a:focus {
	text-decoration: none;
}
#box_right a{/*リンクされた文字*/
	color:#0066CC;
	font-style:normal;
	text-decoration:none;
}
#box_right a:link {/*未訪問のリンク*/
	color:#0066CC;
	font-style:normal;
	text-decoration:none;
}
#box_right a:visited {/*訪問後のリンク*/
	color:#0066CC;
	text-decoration:none;
}
#box_right a:hover {/*マウスをのせたとき*/
	color:#ff0000;
	font-style:normal;
	text-decoration:none;
}
#box_right a:active {/*クリック中*/
	text-decoration:none;
	color: #FF0000;
}
/* アンカーの上に20px空ける*/
a.anchor{
    display: block;
    padding-top: 150px;
    margin-top: -150px;
}
.container {
	width: 100%;
/*	min-width: 780px; 780px以下にしない*/
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	/* 	box-shadow: 0px 2px 10px rgba(0, 0, 0, .30);*/
	flex: 1;/* フッターを下に固定 */
	position: static;/* プライバシーポリシーを下に固定 */
}
.container .header {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px;
	margin: 0px;
}
.container .header .hedder_image{
	width: 100%;
	max-width: 1200px;
	height: auto;
	padding: 0px;
	margin: 0px;
}
.content {
	padding: 0px;
	margin: 0px;
	background-color: #fff;
}
a img {
	border: none;
}
a:link {
	color: #0066FF;
	text-decoration: none;
}
a:visited {
	color: #0099FF;
	text-decoration: none;
}
a:hover, aoverflow: hidden;:active, a:focus {
	text-decoration: none;
}
#box_right a, #box_top_right a,
#box_top_left a{/*リンクされた文字*/
	color:#0066CC;
	font-style:normal;
	text-decoration:none;
}
#box_right a:link, #box_top_right a:link,
#box_top_left a:link,{/*未訪問のリンク*/
	color:#0066CC;
	font-style:normal;
	text-decoration:none;
}
#box_right a:visited, #box_top_right a:visited,
#box_top_left a:visited {/*訪問後のリンク*/
	color:#0066CC;
	text-decoration:none;
}
#box_right a:hover, #box_top_right a:hover,
#box_top_left a:hover {/*マウスをのせたとき*/
	color:#ff0000;
	font-style:normal;
	text-decoration:none;
}
#box_right a:active, #box_top_right a:active,
#box_top_left a:active {/*クリック中*/
	text-decoration:none;
	color: #FF0000;
}
.container .content .columns1 #box_left {
	font-size: 1.0em;
	line-height: 1.4em;
	float: left;
	width: 230px;
	padding-top: 50px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	background-color: #FFF;
}
.container .content .columns1 #box_right {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #000000;
	width: auto;
	height: auto;	
	padding-right: 30px;
	padding-top: 50px;
	padding-bottom: 0px;
	padding-left: 290px;
	background-color: #FFF;
}
/*topのみ（左側ニュース）*/
.container .content .columns1 #box_top_left {
	font-size: 1.0em;
	line-height: 1.4em;
	float: left;
	width: 600px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
}
/*topのみ（右側バナー）*/
.container .content .columns1 #box_top_right {
	font-size: 1.0em;
	line-height: 1.4em;
	color: #000000;
	width: auto;
	height: auto;
	padding-right: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	text-align: center;
	float: right;
}
.container .content .columns1 #box_top_right img{
	width: 100%;
	max-width: 400px;
	height: auto;
}
/*topのみ（規約・プライバシー）*/
.box_bottom {
	clear: both;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000000;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	text-align: right;
	position: relative;/*位置*/
	bottom: -10px; /*下に固定*/
	right: 20px
}
.box_bottom a{/*リンクされた文字*/
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
.box_bottom a:link {/*未訪問のリンク*/
	color:#000000;
	font-style:normal;
	text-decoration:none;
}
.box_bottom a:visited {/*訪問後のリンク*/
	color:#000000;
	text-decoration:none;
}
.box_bottom a:hover {/*マウスをのせたとき*/
	color:#ff0000;
	font-style:normal;
	text-decoration:none;
}
.box_bottom a:active {/*クリック中*/
	text-decoration:none;
	color: #FF0000;
}
.submenu {
	display: block; /* 左メニュー（濃）*/
	font-size: 0.9em;
	line-height: 1.4em;
	text-decoration: none;
	text-align: left;	
	width: 200px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	margin: 0px;
	background-image: url(../img/submenu1.gif);
	background-repeat: repeat;
}
#box_left a {
	color: #FFFFFF; /* 左メニュー（濃）リンク文字*/
}
#box_left a:hover {
	color: #FF0000; /* 左メニュー（濃）リンク文字*/
}
#sub ul{
	margin: 0px; /* 左メニューリスト*/
	padding: 0px;
	list-style: none;
}
#sub li{
	display: inline;
	padding: 0px;
	margin: 0px;
}
#sub li a{
	display: block;
	text-decoration: none;
	text-align: left;
	font-size: 0.9em;
	line-height: 1.4em;
	color: #918232;
	width: 200px;
	margin: 0px;	
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 10px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #FFFFFF;
	border-bottom-color: #DFD7BB;
}
#sub li a:link{
	color: #918232;
	background-color: #FFF;
}
#sub li a:visited{
	color: #918232;
	background-color: #FFF;
}
#sub li a:hover{
	color: #FF0000;
	background-color: #DFD7BB;/*ベージュ*/
}
/* 1段組み */
.columns1 {
	width: auto;
	max-width: 1090px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
/* 2段組み */
.columns2 {
	-webkit-columns: 2;
	-moz-columns: 2;
	-ms-columns: 2;
	columns: 2;
	padding: 0px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	clear: both;
}
/* 3段組み */
.columns3 {
	-webkit-columns: 3;
	-moz-columns: 3;
	-ms-columns: 3;
	columns: 3;
	padding: 10px;
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0px;
	margin-left: 50px;
	clear: both;
	background-color: #EDEDED;
	border-radius: 20px;/* 角丸 */
}
#box_right  ul, #box_right  ol { 
	padding: 0 15px 15px 20px;
}
#box_right  ul{
	list-style-type: disc;/* ●つきリスト */
}
#box_right  li{
	margin-bottom: 10px;/* ●つきリスト */
	margin-left: 0px;
}
/* フッター */
.footer {
	padding: 0px;
	margin: 0px;
	height: auto;
	width: 100%;
	text-align: center;
	background-color: #BEB17A;	
	clear: both;
}
.footer img {
	width: 100%;
	max-width: 1200px;
	height: auto;
	margin: 0px;
	padding: 0px;
}
.fltrt {
	float: right;
	margin-left: 8px;
}
.fltlft {
	float: left;
	margin-right: 8px;
}
.clearfloat {
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/* ページUPボタン位置 */	
.container #btn_top{
	font-family: "Arial Black", Gadget, sans-serif;
	font-weight: bolder;
	font-size: 1.1em;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}
.container #btn_top .btn-top {
	display: inline-block;/* 中央配置 */
	text-align: center;
	margin-top: 50px;
	margin-bottom: 50px;
	margin-right: 10px;
	margin-left: 10px;
}
/* TOP左側ニュース */
.info {
	font-size: 0.9em;
	line-height: 1.4em;
	color: #000000;/
	width: auto;	
	margin: 0px;
	padding: 0px;	
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #BEB079;
	padding-top: 10px;
	padding-bottom: 10px;
}
/*問い合わせフォームの装飾*/
.form{
	width: 100%;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #BEB17A;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.form textarea{
	padding: 10px;
	width:90%;
	height: auto;
	font-size: 1em;
	line-height: 1.2em;
	border: 1px solid #333;
}
.formbtn{
   display: flex;
   justify-content: center;
}
.form input[type="submit"]{
	color: #000;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0 5px;
	background-color: #BEB17A;
	border: 1px solid #333;
	border-radius: 20px;
 }
 
.form input[type="reset"]{
	background: #CCC;
	color: #000;
	font-size: 1em;
	font-weight: bold;
	padding: 5px 10px;
	margin: 0 5px;
	border: 1px solid #333;
	border-radius: 20px;
}
/* 表の装飾 */
.container .content .columns1 #box_right table {
	margin: 0px;
	padding: 0px;
}
table{
	width: 100%;
	color: #000;
} 
.container .content .columns1 #box_right table tr th {
	font-weight: bolder;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
/* 中央寄せケイあり */
.container .content .columns1 #box_right table.hyou_1 {
	border-collapse: collapse;
	border: 1px solid #999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}
table.hyou_1 th {
	font-size: 90%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}
table.hyou_1 td {
	font-size: 90%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}
table.hyou_1 tr{
	text-align: center;
}
/* 左寄せケイあり */
.container .content .columns1 #box_right table.hyou_2 {
	border-collapse: collapse;
	border: 1px solid #999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}
table.hyou_2 th {
	font-size: 90%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}
table.hyou_2 td {
	font-size: 90%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
table.hyou_2 tr{
	text-align: left;
}
/* 改行させない表ケイあり */
.container .content .columns1 #box_right table.hyou_3 {
	border-collapse: collapse;
	border: 1px solid #999;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}
table.hyou_3 th {
	font-size: 80%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 2px;
	padding-bottom: 8px;
	padding-left: 2px;
}
table.hyou_3 td {
	font-size: 80%;
	line-height: 130%;
	border: 1px solid #999;
	padding-top: 8px;
	padding-right: 10px;
	padding-bottom: 8px;
	padding-left: 10px;
}
table.hyou_3 tr{
	text-align: center;
	white-space: nowrap; /* 改行させない */
}

/* ケイなし */
.container .content .columns1 #box_right table.hyou_4 {	
	border-collapse: collapse;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	background-color: #FFF;
}

table.hyou_4 th {
	font-size: 90%;
	line-height: 130%;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;

}
table.hyou_4 td {
	font-size: 90%;
	line-height: 130%;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 8px;
	padding-left: 0px;
}
table.hyou_4 tr{
	text-align: left;
}
tr{
	text-align: center; /* IEでセンタリングさせる方法 */
	margin: auto; /* 標準のセンタリング方法 */
}
/*スクロールバー*/
.do-nicescrol{
	overflow-X: auto; /*tableをスクロールさせる*/
	/*	white-space: nowrap; tableのセル内にある文字の折り返しを禁止*/
	position: relative;
	width: auto;
	height: auto;
}
/*スマホでもスクロールバー表示させる*/

.do-nicescrol::-webkit-scrollbar{
	height:10px;/*バーの太さ*/
}
.do-nicescrol::-webkit-scrollbar-track{
	background:#EDEDED;/*バーの背景色*/
	border-radius: 50px;
}
.do-nicescrol::-webkit-scrollbar-thumb{
	background:#CCC; /*バーの色*/
	border-radius: 50px;
}
.do-nicescrol img{
	max-width:initial/*画像のmax-width」をリセット*/
}
.do-nicescrol::-webkit-scrollbar-track-piece:start{ /* スクロールバーが表示されてない部分（前） */
    background: #EDEDED;
}
.do-nicescrol::-webkit-scrollbar-track-piece:end{ /* スクロールバーが表示されてない部分（後ろ） */
    background: #EDEDED;
}
@media screen and (max-width: 1200px){
/* 1200px以下の場合　背景なし*/
body {
	-webkit-text-size-adjust: 100%;/* ihoneヨコで文字が大きくなるバグ*/
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 100%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	background-image: url(../img/spacer.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	
    display: flex;/* フッターを下に固定 */
    flex-flow: column;
    min-height: 100vh;
}
}
@media screen and (max-width: 1050px){
/* 1000px以下の場合　背景なし*/
/*topのみ（右側バナー）*/
.container .content .columns1 #box_top_right {
	font-size: 1.0em;
	line-height: 1.4em;
	float: left;
	width: 600px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align: center;
	float: left;
}
}

@media screen and (max-width: 935px){
/* 935px以下の場合*/
.columns1 {
	width: auto;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	clear: both;
}
/*メニューを消したのでヘッダーにシャドウ*/
.container .header {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .30);		
}
}
@media screen and (max-width: 760px){
/* 760px以下の場合は左メニューなし*/
.container .content .columns1 #box_left {
	display: none;
}
.container .content .columns1 #box_right {
	float: none;
	width: auto;
	height: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1.0em;
	line-height: 1.5em;
	padding-top: 60px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	color: #000000;
	background-color: #FFF;
	background-image: url(../img/spacer.gif);
	background-repeat: repeat;
}
/*メニューを消したのでヘッダーにシャドウ*/
.container .header {
	width: 100%;
	height: auto;
	text-align: center;
	padding: 0px;
	margin: 0px 0px 0px 0px;/*シャドウ分の下アキ*/
	background-color: #FFF;
	box-shadow: 3px 3px 5px rgba(0, 0, 0, .30);		
}
/*topのみ*/
.container .content .columns1 #box_top_left {
	float: none;
	clear: both;
	width: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
}
/*topのみ（右側バナー）*/
.container .content .columns1 #box_top_right {
	float: none;
	clear: both;
	width: auto;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 0px;
	padding-left: 30px;
	text-align: center;
}
}

@media screen and (max-width: 600px) {
/* スマホ600px以下*/
/* 段組み解除 */
.columns2 {
	-webkit-columns: 1;
	-moz-columns: 1;
	-ms-columns: 1;
	columns: 1;
	padding: 0px;
	clear: both;
}
/* 3段組み */
.columns3 {
	-webkit-columns: 1;
	-moz-columns: 1;
	-ms-columns: 1;
	columns: 1;
	padding: 10px;
	clear: both;
	background-color: #EDEDED;
	border-radius: 20px;/* 角丸 */
}
}

/* テーブルに横スクロールバーを表示 */
@media (max-width: 640px) {
.table-scroll {
    overflow-x: scroll;
}
}

@media screen and (max-width: 480px){
/* スマホ480px以下の場合*/
body {
	-webkit-text-size-adjust: 100%;/* ihoneヨコで文字が大きくなるバグ*/
	font-family: "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: 90%;
	line-height: 1.4em;
	margin: 0;
	padding: 0;
	color: #000;
	background-color: #FFF;
	background-image: url(../img/spacer.gif);
	background-repeat: repeat-x;
	background-attachment: scroll;
	background-position: center top;
	
    display: flex;/* フッターを下に固定 */
    flex-flow: column;
    min-height: 100vh;
}
.container .content .columns1 #box_right {
	float: none;
	width: auto;
	height: auto;
	font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
	font-size: 1.0em;
	line-height: 1.5em;
	padding-top: 70px;
	padding-right: 15px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #000000;
	background-color: #FFF;
	background-image: url(../img/spacer.gif);
	background-repeat: repeat;
}
.none {
	display:none;
}
/* 表の装飾 */
table{
	width:100%;
}
}