@charset "UTF-8";
@import url(normalize.css);
@import url(reset.css);
@import url(hack.css);

.sp {display:none !important;}
.pc {}

img {vertical-align: middle;}

body {
	background: url("../Images/back_image.gif") left top repeat-y;
}

header {
	width: 230px;
	height: auto;
	float: left;
}

h1 {
	width: 100%;
	height: auto;
	float: left;
}

.manu {
	width: 100%;
	height: auto;
	float: left;
	padding: 10px 5px;
	box-sizing: border-box;
}

.manu p {
	width: 50%;
	height: auto;
	float: left;
	text-align: center;
	margin-bottom: 10px;
}

.sukagawa_link {
	width: 100%;
	height: auto;
	float: left;
	font-size: 0.9em;
	text-align: center;
}

.sukagawa_link a {
	color: #ffffff;
	text-decoration: underline;
}

.main {
	width: 495px;
	height: auto;
	float: left;
	margin-left: 6px;
	box-sizing: border-box;
	padding: 20px 0;
}

.top_info {
	width: 100%;
	height: auto;
	float: left;
	padding: 20px 30px;
	box-sizing: border-box;
}

.top_info_title {
	width: 100%;
	height: auto;
	float: left;
	border-bottom: 3px solid #330000;
	text-align: left;
	font-size: 1.3em;
	font-weight: bold;
	color: #330000;
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}

.top_info_area {
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	background: #ece5cc;
	padding: 10px 20px 20px 20px;
	margin-top: 20px;
	border: 3px solid #6a3200;
}

.top_info_area ul {
	width: 100%;
	height: auto;
	float: left;
	position: relative;
	border-bottom: 1px solid #6a3200;
	padding: 10px 0;
}

.top_info_area ul .time {
	width: 80px;
	height: auto;
	position: absolute;
	left: 0;
	top: 12px;
	text-align: left;
	font-size: 0.8em;
}

.top_info_area ul .text {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 0 0 90px;
	box-sizing: border-box;
	text-align: left;
}

.top_info_area ul .text a {
	font-weight: bold;
	color: #330000;
}

.top_info_area ul .text a:hover {
	opacity: 0.5;
}

/*--内部ページ--*/

.main_box {
	width: 100%;
	height: auto;
	float: left;
	padding: 0 20px;
	box-sizing: border-box;
}

.h2_title {
	width: 100%;
	height: auto;
	float: left;
	margin-bottom: 20px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

.in_link {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px dotted #000000;
	border-bottom: 1px dotted #000000;
	box-sizing: border-box;
	padding: 5px 0;
	text-align: center;
	font-size: 0.9em;
	margin-bottom: 20px;
}

.in_link a {
	font-weight: bold;
	color: #aa0000;
}
.in_link a:hover {
	opacity: 0.5;
}

.in_line {
	border-top: 1px dotted #000000;
	padding-bottom: 10px;
	margin-top: 10px;
}

.h3_title {
	font-size: 1.3em;
	color: #643611;
}

.text_tyui {
	color: #aa0000;
	font-size: 0.8em;
	text-align: center;
}

.h4_title {
	border-bottom: 1px dotted #000000;
	text-align: left;
	font-weight: bold;
	color: #6a3200;
	margin-bottom: 10px;
}

.h5_title {
	text-align: left;
	font-weight: bold;
	color: #aa0000;
	margin-bottom: 10px;
}

.table_box {
	width: 100%;
	height: auto;
	float: left;
}

.temp_table {
	width: 100%;
	height: auto;
	float: left;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	box-sizing: border-box;
}

.temp_table th {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	background: #ECE5CC;
	padding: 5px 10px;
}

.temp_table td {
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
	box-sizing: border-box;
	background: #F5F1E1;
	padding: 5px 10px;
}

.form01 {
	width: 100%;
	border: 1px solid #000000;
	padding: 5px 10px;
	box-sizing: border-box;
}

.form_bottan {
	padding: 10px 20px;
	width: 130px;
	background: rgba(0,60,171,1.00);
	color: #ffffff;
	border: none;
	margin: 20px 10px;
	box-shadow: 0 0 5px #333333;
}

.news__title {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin-top: 20px;
	font-size: 1.2em;
	font-weight: bold;
	border-bottom: 1px dotted #333333;
	margin-bottom: 10px;
}

.news__time {
	width: 100%;
	height: auto;
	float: left;
	text-align: right;
	color: #999999;
	margin-bottom: 20px;
}

.news__box {
	width: 100%;
	height: auto;
	float: left;
	text-align: left;
	margin-bottom: 30px;
}

.table_list {
	width: 100%;
	height: auto;
	float: left;
	box-sizing: border-box;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	margin-bottom: 30px;
}

.table_list th {
	width: 35%;
	padding: 7px 10px;
	box-sizing: border-box;
	background: #6a3200;
	color: #ffffff;
	font-size: 0.9em;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}

.table_list td {
	width: 65%;
	padding: 7px 10px;
	box-sizing: border-box;
	background: #ffffff;
	font-size: 0.9em;
	border-bottom: 1px solid #000000;
	border-right: 1px solid #000000;
}