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

.inquery{
	font:bold;
	border-style:dashed;
	border-color:#666666;
	border-width:1px;
	background-color:rgb(255, 255, 229);
}

#page thead th{
	background-color: #E8E8E8;
}
#page table{
	border-top:1px solid #CCC;
	border-right:1px solid #CCC;
	margin-top:5px;
	width: 500px;
	table-layout: fixed;
	word-break:break-all;
}
#page th, #page td {
	padding: 0.25em 0.5em;
	font-size: 12px;
	line-height: 1.7;
	vertical-align: top;
	border-left:1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

.news_back {
	pading:10px 10px 10px 15px;
	margin-left:5px;
	width: 650px;
}
.news_entry{
	clear: both;
	overflow:hidden;
}
.news_entry:after {
    content: "";
    display: block;
    clear: both;
    overflow: hidden;
}
.news_date{
	width:120px;
	float: left;
	margin-top:0px;
}

.news_back_sum{
	font-color:#33ccff;
	border : 0px solid #000;
	width : 500px;
	padding : 0px;
	float: right;
	margin-top:0px;
}

/** スマホ・パソコン画面切り替え **********/
#foot {
	width:100%;
	height:37px;
	position:absolute;
}
#foot #mode_switch {
	width:250px;
	margin: 0 auto 10px auto;
	margin-top:7px;
	padding: 0;
	display: table;
	table-layout: auto;
}
#foot #mode_switch dt {
  display: table-cell;
  width: 3em;
}
#foot #mode_switch dd {
  display: table-cell;
  padding: 0;
}
#foot #mode_switch ul {
	display:table;
	margin: 0 auto;
	padding: 0;
	table-layout:fixed;
	width: 100%;
}
#foot #mode_switch ul li {
	display:table-cell;
	text-align: center;
	width: 80px;
}
#foot #mode_switch ul li a {
	font-weight:bold;
	text-decoration:none;
	display:block;
	padding:8px;
}
#foot #mode_switch #mode_switch-sp a {
	color:#fff;
	background-color:#1ec3df;
	border-radius:20px 0 0 20px;
    border:1px solid #28a6bb;
}
#foot #mode_switch #mode_switch-pc a {
	color:#354b4f;
	background-color:#a3c9cf;
	border-radius:0 20px 20px 0;
	border-top:1px solid #7ca8af;
	border-right:1px solid #7ca8af;
	border-bottom:1px solid #7ca8af;
}
.page {
	clear:both;
	margin:30px 0;
}
.page a {
	margin:0 5px 0 0;
}
.page a.active {
	color:#f00;
	font-weight:bold;
}
.page input#pagenavival {
	ime-mode:disabled;
	width:30px;
}

/** 小項目メニューページ用 **********/
.pDetal_menu #pankuzu ul {
    list-style: none;
    padding: 0;
    margin: 0!important;
    display: flex;
}
.pDetal_menu #pankuzu ul li{
	margin: 0;
    padding: 0 20px 0 0;
    background-image: url(../img/global/pankuzu_bg.gif);
    background-repeat: no-repeat;
    background-position: 100% 3px;
    font-size: 12px;
}
.pDetal_menu #pankuzu ul li a {
	text-decoration: none;
}
.pDetal_menu h5 {
    margin: 20px 0 0!important;
}
#main_contents .pDetal_menu h5:before {
    background-color: #1dc3df;
}
#main_contents .pDetal_menu h5:after {
    content: "";
    display: block;
    width: 30%;
    border-bottom: 2px solid #1dc3df;
    position: absolute;
    bottom: 0;
    left: 0;
    margin-bottom: -2px;
}
.pDetal_menu .bg_gray {
    background: #edf5f6;
    margin-top: 20px;
    padding: 10px 20px;
}
ul.pDetal_menu_list {
    list-style: none;
    padding: 0;
    margin: 0 !important;
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
}
ul.pDetal_menu_list::after {
    content: "";
    display: block;
    width: 50%;
}
ul.pDetal_menu_list li {
    width: 40%;
    height: auto;
    margin: 0 5% 40px !important;
}
ul.pDetal_menu_list li a.pDetal_btn_menu {
    background-image: linear-gradient(rgb(29 193 222), rgb(17 150 204));
    border-radius: 20px;
    display: flex;
    justify-content: center;
    flex-direction: column;
    align-items: center;
    height: 100%;
    text-decoration: none;
    color: #ffffff;
    font-size: 1.8em;
    box-shadow: 2px 2px 4px gray;
    aspect-ratio: 5 / 3;
}
ul.pDetal_menu_list li a.pDetal_btn_menu span {
    font-size: 0.8em;
}
ul.pDetal_menu_list li a.pDetal_btn_menu:hover {
	background-image: linear-gradient(rgb(20 177 204), rgb(10 133 182));
    box-shadow: 0px 0px 4px gray;
}
a.pDetal_img_menu,
a.pDetal_img_menu img {
    width: 100%;
    display: block;
}