@charset "utf-8";

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

	基本スタイル

-----------------------------------

	1. 基本レイアウト・デザイン
	2. ヘッダー
	3. パンくずリスト
	4. コンテンツ
	5. バナー
	6. フッター
	

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



/* ========================================================================



	1. 基本レイアウト・デザイン


 
======================================================================== */

:root {
	--accent: #2f7400;
	--font-color: #333;
	--font-color-secondary: #999;
	--link-color: #1a0dab;
	--bg-color-primary: #ddd;
	--bg-color-secondary: #eee;
	--border-color-primary: #ccc;
	--border-color-secondary: #999;
	--border-color-accent: #FF0066;
	--horse-color-male: #eff7ff;
	--horse-color-female: #ffefff;
}

*, *:before, *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box
}

body {
	margin:0 auto;
	padding:0;
	font-size: 12px;
	line-height: 160%;
	color: var(--font-color);
	text-align:center;
	min-height: 100vh;
	/* background-image:url(../../../images/site/header_bg.gif);
	background-repeat:repeat-x; */
	letter-spacing: 0.1em;

}

html{
  min-height: 100vh;
}

img {
	max-width: 100%;
	height: auto;
}
/* ----------------------------------------------------
	■リンクスタイル
---------------------------------------------------- */
/*
a:link {
	color: #15aaca;
}

a:visted {
	color: #15aaca;
}

a:hover {
	color: #73ccdf;
}

a:active {
	color: #15aaca;
}
*/


a{
	text-decoration:none;
}

a:link{
	color: var(--link-color);
}

a:visted{
	color: var(--link-color);
}

a:hover{
	color: var(--font-color);
	text-decoration:none;
	opacity: .5;
}

a:active{
	color: var(--link-color);
}

.no_link a:link{
	color: var(--font-color);
}

.no_link a:visted{
	color: var(--font-color);
}

.no_link a:hover{
	color: var(--font-color);
}

.no_link a:active{
	color: var(--font-color);
}

/* ========================================================================



	2. ヘッダー


 
======================================================================== */

#header{
	padding:9px 0 0 0;
	margin:0;
}

#header_box{
	/* width:917px; */
	width:100%;
}

*:first-child+html #header_box{
	/* width:981px; */
	width:100%;
	text-align:left;
}

#logo{
	float:left;
	width:264px;
	margin:0 0 1rem;
	padding:0;
}

#navih_box{
	padding:15px 0 15px 0; /* IE8 */
	/* float:right; */
	float: none;
	display: inline-block;
	width: 100%;
}

/* ----------------------------------------------------
	■ロゴ
---------------------------------------------------- */

h1{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}
h1 span{
	margin:0;
	padding:0;
	text-align:left;
	font-size:11px;
}

h2{
	margin:0 0 0 10px;
	padding:0;
	text-align:left;
}
h2 a{
	padding:0;
}

*:first-child+html h2{
	padding-left:-30px; /* IE7 */
}

* html h2 a{
	margin-top:4px; /* IE6 */
}

h2 b{
	margin:0;
	padding:0 0 0 20px;
	font-size:12px;
	color:#FFF;
}

h4 {
	font-size: clamp(1rem, 2.5vw, 2rem);
	font-weight: bold;
	line-height: 1.75;
}

/* ========================================================================



	3. パンくずリスト


 
======================================================================== */

#path{
	/* width: 970px; */
	width: 100%;
	float:left;
	margin-block: 1rem;
}

#path ul{
	margin:0;
	padding:0 0 5px 0;
}

#path ul li{
	display: block;
	float: left;
	position: relative;
	height: 21px;
	overflow: hidden;
	margin: 0px 6px 0px 0;
	padding: 0px 10px 0px 0;
	font-size: .9167em;
	background: url(../../images/base/chevron.gif) no-repeat 100% 5px;
}

#path ul li.home{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
}

#path ul li.list{
	display: block;
	position: relative;
	height: 21px;
	line-height: 21px;
	overflow: hidden;
	float: left;
	color: var(--font-color);

}

#path ul li.home a:link{
	color:var(--link-color);
	text-decoration:none;
}

#path ul li.home a:hover{
	color:var(--link-color);
	text-decoration:underline;
}


#path li a:link{
	color:var(--link-color);
	text-decoration:none;
	
}

#path li a:visited{
	color:var(--link-color);
	text-decoration:none;

}

#path li a:hover{
	color:var(--link-color);
	text-decoration:underline;

}

#path li a:active{
	color:var(--link-color);
	text-decoration:none;

}


/*
#path ul li.home a:link{
	color: #333;
	text-decoration:none;
}

#path ul li.home a:hover{
	color:#0e82c7;
	text-decoration:none;
}


#path li a:link{
	color:#0e82c7;
	text-decoration:none;
	
}

#path li a:visited{
	color:#0e82c7;
	text-decoration:none;

}

#path li a:hover{
	color:#0e82c7;
	text-decoration:underline;

}

#path li a:active{
	color:#0e82c7;
	text-decoration:none;

}
*/

/* ========================================================================



	4. コンテンツ


 
======================================================================== */

.menu_top_03{
	background-image: url(../../images/site/subtitle_bg.gif);
	background-repeat: no-repeat;
	/* width: 981px; */
	width: 100%;
	height:41px;
	margin:0;
	padding:0;

}

.menu_top_03 h3{
	margin:0;
	padding:12px 0 0 29px;
	font-size:16px;
	text-align:left;
	font-weight:normal;
	color:#FFF;
	float:left;
	/* width:860px; */
	width: 100%;
}



/* ========================================================================



	6. フッター


 
======================================================================== */

#footer {
	text-align: center;
	/* background-image:url(../../images/site/footer_bg.gif);
	background-repeat: repeat-x; */
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo, 'ＭＳ Ｐゴシック',sans-serif;
	padding: 0 1rem 0 1rem;
  position: sticky;
  top: 100vh;
  width: 100%;
}
#footerInner {
	position: static;
	/* width: 974px; */
	width: 100%;
	height: auto;
	margin: 0 auto;
	text-align: left;
	padding:0;
	display: flex;
	flex-direction: column;
	align-items: flex-start;
	gap: 0.5rem;
}



/* ----------------------------------------------------
	■フッターナビ
---------------------------------------------------- */
ul#naviF {
	line-height: 1;
	font-size: .9167em;
	position: static;
	padding:8px 0 0 29px;
	margin:0;
	clear:left;
}
ul#naviF li {
	padding: 10px 12px;
	background-image: url(../../../images/base/line.gif);
	background-repeat: no-repeat;
	background-position: 0 center;
	float: left;
	list-style:none;
}
ul#naviF li.begin {
	padding: 10px 12px 10px 0;
	background-image: none;
}
ul#naviF a {
	color: #000;
	display: block;
}
ul#naviF a:hover {
	color: #666;
}

/* ----------------------------------------------------
	■ページの先頭へ戻る
---------------------------------------------------- */
#pagetop,
#pagetop a {
	width: 127px;
	height: 27px;
	float:right;
}
#pagetop {
	padding: 10px 0 0 31px;
	margin:0;
}
#pagetop a {
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	background-image: url(../../images/base/page_top.jpg);
	background-repeat: no-repeat;
}
#pagetop a:hover {
	background-position: 0 bottom;
}


/* ----------------------------------------------------
	■コピーライト
---------------------------------------------------- */
address#copyright {
	color: #808080;
	font-size: .9167em;
	margin:0 auto;
	padding:30px 0 10px;
	
}
address#copyright a {
	color: #333;
}

/* ----------------------------------------------------
	戻る　ボタン
---------------------------------------------------- */
.menu_top_03 .back_button{
	margin:0;
	padding:6px 8px 0 0;
	float:right;
	width:60px;
	cursor:pointer;
}


/* ----------------------------------------------------
	flexigrid
---------------------------------------------------- */
.flexigrid .mDiv,
.flexigrid .hDiv,
.flexigrid .bDiv{
	font-size: large !important;
	line-height: 1.5;
}

.flexigrid div.pDiv {
	overflow: visible;
	white-space: normal;
	display: flex;
	flex-wrap: wrap;
}

.flexigrid div.hDiv {
	background: var(--bg-color-primary) !important;
}

.flexigrid div.bDiv td div {
	white-space: pre-wrap;
}