@charset "utf-8";
/*================================
 CSS
FileName:    style.css
Last Modified:     2021.05.28
================================*/
/
/***------------------------
default
------------------------***/

h1,h2,h3,h4,h5,h6,div,ul,li,p,dl,dt,dd {
	margin 				: 0px;
	padding 			: 0px;
}

img {
	border 				: none;
	margin 				: 0;
	padding 			: 0;
	vertical-align 		: middle;
}

/*リストの文頭は非表示*/
ul { list-style-type: none; }

/*改行関連*/
br { letter-spacing: 0; }   /* IEバグ対応 ※連続した<br>に対応しないため */

label { cursor: pointer; }

/*マウスホバー時のアルファ化*/
a:hover {
	filter 				: alpha(opacity=70);  -moz-opacity:0.70;  opacity:0.70;
}

/***------------------------
【全般的に】
------------------------***/
body {
	margin				: 0px auto;			/* ページ全体のmargin */
	padding				: 0px;				/* ページ全体のpadding */
	text-align			: center;			/* 下記のautoに未対応用のセンタリング */
	background			: #FFFFFF;
	min-height			: 100%;
	position 			: relative;
}

body,td {
	font-family  		: "メイリオ", 
 						"Meiryo", 
 						"ヒラギノ角ゴ Pro W3", 
 						"Hiragino Kaku Gothic Pro", 
 						Verdana, 
 						"ＭＳ Ｐゴシック", 
 						"MS PGothic", 
 						Arial, 
 						sans-serif;
	color				: #000;
	letter-spacing		: 0;
	font-size			: 16px;
	line-height			: 1.5em;
}

p,div{ line-height		: 1.5em;}

/*廻り込み関連*/
.clearfix
{
	display 		: block;
	min-height 		: 1px;
}
* html .clearfix{
	height 			: 1px;
}
.clearfix {zoom:1;}
.clearfix:after {
	content 		: ""; 
	display 		: block; 
	clear 			: both;
}

h1 {
	font-size		: 20px;
}

h2 {
	font-size		: 18px;
}

h3 {
	font-size		: 16px;
}

/* general styles */
html, body {
	height				: 100%;
	width				: 100%;
}

/* クリッカブルマップ */
area{
	border 				:none;
	outline 			:none;
}

/*左寄*/
.al_left   { text-align:left; }
/*右寄*/
.al_right { text-align:right; }
/*中央*/
.al_center { text-align:center; }

.vl_bottom { vertical-align: bottom; }
.vl_top { vertical-align: top; }

/***------------------------
Top
------------------------***/
.main_container {
	width				: 100%;
	margin 				: 0 auto; 
	position			: relative;
}
.wrapper {
	margin			: 0 auto;
	position		: relative;
	overflow		: hidden;
	background		: #ffffff;
	width			: 100%;
}
.page_link {
	width 				: 90%;
	padding-top 		: 20px;
	margin 				: 0 auto;
	text-align 			: center;
	font-weight 		: bold;
	font-size 			: 16px;
}
.page_link a {
	color 				: red;
}
.title_header {
	width 				: 95%;
	margin 				: 10px auto;
}
.logout_btn {
	float 				: right;
	font-weight 		: bold;
	border-radius 		: 5px;
	height 				: 35px;
	width 				: 90px;
	border 				: 3px solid #000000;
}
.logout_btn a {
	text-decoration 	: none;
	color 				: #000;
}
.information_container {
	width 				: 95%;
	position 			: relative;
	margin 				: 0 auto;
	background-color 	: #ffffff;
	overflow 			: hidden;
	display 			: inline-block;
}
.information_content {
	width 				: 100%;
	height 				: auto;
	padding-bottom 		: 80px;
	overflow 			: hidden;
	padding-top 		: 20px;
	float 				: left;
}
.information_titles{
	text-align 			: left;
	border-bottom 		: 1px solid #F65151;
	padding 			: 15px 0;
	width 				: 100%;
}
.contents_information {
	width 				: 100%;
	display 			: block;
	text-align 			: left;
}
.clearbtn {
	float 				: left;
	margin-left			: 20px;
	height 				: 35px;
	width 				: 90px;
	border-radius 		: 5px;
	color 				: #fff;
	border 				: 3px solid #000000;
	background-color 	: #3385ff;
}
.form_title {
	padding-top 		: 20px;
	padding-bottom 		: 20px;
	font-size 			: 20px;
	text-align 			: left;
	font-weight 		: bold;
	width  				: 100%;
	margin 				: 0 auto;
}
.search_error {
	font-size 			: 16px;
	color 				: red;
	font-weight 		: bold;
	width 				: 100%;
	text-align 			: left;
	margin 				: 60px auto;
}
.information_inner_content {
	width 				: 100%;
}
.information_inner_content div {
	display 			: inline-block;
}
.information_title_and_text {
	width 				: 100%;
	border-bottom 		: dotted 2px #000;
	padding-top 		: 15px;
	padding-bottom 		: 15px;
}
.information_title_and_text div {
	vertical-align 		: middle;
}
.textbox_label{
	float				: left;
	width 				: 20px;
	margin-top 			: 5px;
}
.keyword_input {
	float				: left;
	height 				: 30px;
	width 				: 374px;
	border-radius 		: none;
	padding: 0;
	border 				: 3px solid #000000;
	font-family  		: "メイリオ", 
 						"Meiryo", 
 						"ヒラギノ角ゴ Pro W3", 
 						"Hiragino Kaku Gothic Pro", 
 						Verdana, 
 						"ＭＳ Ｐゴシック", 
 						"MS PGothic", 
 						Arial, 
 						sans-serif;
}
.startdate_input{
	float				: left;
	width 				: 164px;
	max-width 			: 164px;
	height 				: 30px;
	margin-right		: 10px;
	padding: 0;
	border 				: 3px solid #000000;
	-webkit-appearance 	: textfield;
	-moz-appearance 	: textfield;
	font-family  		: "メイリオ", 
 						"Meiryo", 
 						"ヒラギノ角ゴ Pro W3", 
 						"Hiragino Kaku Gothic Pro", 
 						Verdana, 
 						"ＭＳ Ｐゴシック", 
 						"MS PGothic", 
 						Arial, 
 						sans-serif;
}
.enddate_input{
	float				: left;
	margin-left			: 10px;
	width 				: 164px;
	max-width 			: 164px;
	height 				: 30px;
	border 				: 3px solid #000000;
	padding: 0;
	-webkit-appearance 	: textfield;
	-moz-appearance 	: textfield;
	font-family  		: "メイリオ", 
 						"Meiryo", 
 						"ヒラギノ角ゴ Pro W3", 
 						"Hiragino Kaku Gothic Pro", 
 						Verdana, 
 						"ＭＳ Ｐゴシック", 
 						"MS PGothic", 
 						Arial, 
 						sans-serif;
}
.form_search {
	height 				: auto;
	width 				: 95%;
	margin 				: 0 auto;
}
.searchbox{
	float				: left;
	margin-right		: 40px;
	height 				: 50px;
	width 				: 170px;
	border-radius 		: 5px;
	color 				: #fff;
	border 				: 3px solid #000000;
	background-color 	: #F65151;
}
.showall{
	float				: left;
	height 				: 50px;
	width 				: 170px;
	border-radius 		: 5px;
	color 				: #fff;
	border 				: 3px solid #000000;
	background-color 	: #00b300;
}
.title_url {
	text-decoration 	: none;
	color 				: #000000;
	font-size 			: 20px;
	width 				: 100%;
}
.link_content {
	width 				: 82%;
}
.date_font{
	font-weight 		: bold;
	margin-right		: 13.5%;
	float				: left;
	font-size 			: 20px;
}
.title_font{
	font-weight 		: bold;
	font-size 			: 20px;
}
.date_value{
	margin-right		: 6%;
	font-size 			: 20px;
	width 				: 10%;
}
.staff_space {
	margin-top			: 50px;
}
/***------------------------
コンテンツ
------------------------***/
.login_title {
	font-size 			: 20px;
	color 				: #fff;
	padding 			: 10px;
}
.login_title_bg {
	background-color 	: #ff4d4d;
	border-radius 		: 10px;
}
.login_input {
	width 				: 65%;
}
.log_btn input {
	width 				: 25%;
}
.login_tbl th {
	width 				: 30%;
}
.inquiry_err {
	color 				: #ff4d4d;
	font-weight 		: bold;
}
/***-----------------------------------------
 MEDIA QUERY
-----------------------------------------***/
	@media (max-width: 1200px) {
		.main_container {
			padding-top 		: 20px;
		}
	}
	@media (max-width: 1090px) {
		.date_font{
			margin-right 		: 16.5%;
		}
		.date_value {
			margin-right 		: 10%;
		}
		.link_content {
			width 				: 75%;
		}
	}
	@media (max-width: 900px) {
		.main_container {
			padding-top 		: 20px;
		}
	}
	@media (max-width: 768px) {
		/***------------------------
		Header
		------------------------***/
		.form_title {
			padding-bottom 		: 0;
		}
		.date_font{
			margin-right 		: 20.5%;
		}
		.date_value {
			margin-right 		: 10%;
			width 				: 15%;
			font-size 			: 18px;
		}
		.link_content {
			width 				: 70%;
		}
		.title_url {
			font-size 			: 18px;
		}
		.form_search {
			margin-top 			: 30px;
			width 				: 90%;
		}
		.clearbtn {
			float 				: right;
			margin 				: 0;
		}
		.searchbox {
			width 				: 30%;
			margin-right 		: 10%;
		}
		.showall{
			width 				: 30%;
		}
		.keyword_input {
			width 				: 69%;
		}
		.startdate_input {
			margin-right		: 0;
			width 				: 31%;
		}
		.enddate_input {
			width 				: 31%;
			margin-left 		: 0;
		}
		.main_container {
			padding-top 		: 0px;
		}
		.information_container {
			width 				: 100%;
		}
		.information_content{
			width 				: 90%;
			margin 				: 0 auto;
			float 				: none;
		}
		.information_inner_content {
			padding-left 		: 0px;
			padding-right 		: 0px;
		}
		.logout_btn {
			margin 		 		: 0 2.5% 0 0;
			float 				: right;
		}
		.textbox_label {
			margin-left 		: 0;
			width 				: 6%;
		}
	}
	@media (max-width: 550px) {
		_:-ms-fullscreen, :root .title_url {
			font-size 			: 14px !important;
		}
		_:-ms-fullscreen, :root .date_value {
			font-size 			: 14px !important;
		}
		.date_font {
			margin-right 		: 17%;
		}
		.page_link {
			width 				: 90%;
			text-align 			: center;
			margin 				: 0 auto;
		}
		.form_title {
			padding-bottom 		: 10px;
			width 				: 100%;
			text-align 			: center;
		}
		.searchbox {
			margin-right 		: 11%;
		}
		.title_url {
			font-size 			: 16px;
		}
		.date_value {
			font-size 			: 16px;
		}
	}
	@media (max-width: 480px) {
		.date_font {
			margin-right 		: 16%;
		}
		.textbox_label {
			margin-left 		: 0px;
		}
		.enddate_input {
			margin-left 		: 0px;
			width 				: 30%;
		}
		.startdate_input {
			width 				: 30%;
		}
		.clearbtn {
			width 				: 20%;
		}
		.keyword_input {
			width 				: 67%;
		}
		.searchbox {
			margin-right 		: 9%;
		}
	}
	@media (max-width: 450px) {
		/***------------------------
		Header
		------------------------***/
		.date_font {
			margin-right 		: 15%;
		}
		.form_search {
			width 				: 95%;
		}
		.title_url {
			font-size 			: 14px;
		}
		.date_value {
			font-size 			: 14px;
			width 				: 20%;
			margin-right  		: 5%;
		}
		.logout_btn {
			margin 		 		: 0;
			font-size 			: 14px;
		}
		_:-ms-fullscreen, :root .logout_btn {
			margin 		 		: 0;
			font-size 			: 14px;
		}
	}
	@media (max-width: 325px) {
		.form_title {
			font-size 			: 16px;
		}
	}