@charset "utf-8";
/*------全体-------*/

body{
	margin:0px;
	padding:0px;
	background-color: #e7e8f2;
	font-size:13px;
	text-align:center;
	font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
	box-sizing: border-box;
}

a:link, a:visited {
	color: #1122cc;
	text-decoration: none;
	display: inline-block;
}
a:hover {
	text-decoration: underline;
	color: #dd0000;
}

#container{
	max-width: 1000px;
    width: 100%;
	margin:0 auto;
	word-break: break-word;
	border-style:solid;
	border-color:gray;
	border-width:0px 1px 1px 1px;
	padding:0px;
	background-color: #ffffff;
}

#header{
	height: 133px;
	background-color:#415ca2;
	text-align: left;
}

#main{
	text-align:center;
}

#main_right{
	width:270px;
	padding:20px 0px;
	float: left;
	text-align:left;
	box-sizing: border-box;
}

#main_left{
    float: left;
    padding:0px 20px 0px 50px;
    width: 730px;
    text-align:left;
    border-right: 1px solid #bbbbbb;
    box-sizing: border-box;
    }

#footer{

}

/*************
/* ロゴ
*************/
#header .logo{
	float:left;
	padding:20px 0 0 15px;
	position: relative;
	top: 18px;
}

.logo a{
	font-size:20px;
	font-weight:bold;
	line-height:1;
	color:#fff;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.logo span{
	font-size:12px;
	font-weight:normal;
}

#header h1{
	font-size:11px;
	color:#fff;
	top: 8px;
	position: relative;
}

/*************
/* お問い合わせ
*************/

#content {
	width: 600px;
	text-align: center;
	border-right: 1px solid #bbbbbb;
	margin-bottom: 10px;
}

nav{
	text-align: center;
}
nav ul{
	margin: 0 ;
	padding: 0 ;
}
nav ul{
	display: flex;
	justify-content: center;
}

nav li{
	list-style: none;
	width: auto;
	min-width: 90px;
}
nav li:not(:last-child){
	border-right:2px solid #ddd;
}
nav a{
	text-decoration: none;
	color: #333;
}
nav a.current{
	color: #00B0F0;
	border-bottom:2px solid #00B0F0;
}
nav a:hover{
	color:#F7CB4D;
	border-bottom:2px solid #F7CB4D;
}


/* サイド画面 */
.sidebody {
	margin: 1.5em 8px;
	line-height: 130%;
	font-size: smaller;
}
.sidebody ul {
	margin: 0 0 0 1.5em;
	padding: 0;
}
.side-ttl {
	border-left: 4px solid #2E7D32;
	padding-left: 7px;
	margin: 1em 0;
	font-weight: bold;
}

/*------カレンダー-------*/

#cal{
	width:175px;
	margin-bottom:10px;
}

#cal td{
	text-align:center;
	font-size:11px;
	font-family:"Verdana","ＭＳ Ｐゴシック";
}

#cal .w{
	width:25px;
	font-weight:bold;
	font-family:"Verdana","ＭＳ Ｐゴシック";
}

/*------アーカイブ等-------*/

#news,#comment,#category,#archive{
	width:100%;
	margin-bottom:20px;
}

#news{
	margin-top:20px;
}

.mi{
	font-weight:bold;
	margin-bottom:4px;
}

.lines{
	margin-bottom:4px;
	font-size:11px;
	font-family:"Verdana","ＭＳ Ｐゴシック";

}

/*------部分-------*/

#midasi{
	font-size:15px;
	font-family:Arial;
	padding:0px;
	margin-top:50px;
}


#mlink_last,#mlink_next{
	font-size:8px;
	font-weight:bold;
	position:relative;
	bottom:2px;
}

#mlink{
	font-size:11px;
	font-weight:bold;
}

#navi{
	text-align:center;
	width:100%;
	margin-bottom:8px;
}
#navi_prev{
	padding:0px;
	float:left;
	width:45%;
	text-align:right;
}
#navi_main{
	padding:0px;
	float:left;
	width:10%;
	font-size:11px;
	font-family:"Verdana","ＭＳ Ｐゴシック";
}
#navi_next{
	padding:0px;
	float:left;
	width:45%;
	text-align:left;
}

.cl{
  /* display消す */
}

.cl::after {
  content: "";
  display: block;
  clear: both;
}

#pdf{
	font-size:11px;
	font-weight:bold;
}

#comkaku{
	font-size:11px;
	font-weight:bold;
	margin-bottom:4px;
}

#konotb{
	font-size:11px;
	margin-top:10px;
	font-weight:bold;
}

#kono{
	font-size:11px;
	font-weight:bold;
	margin-bottom:10px;
}

#iconwin{
	position:absolute;
	top:0px;
	left:0px;
	border-style:solid;
	border-width:1px;
	width:156px;
	height:auto;
	border-color:#999999;
	background-color:#ffffff;
}

#result{
	position:absolute;
	top:0px;
	left:0px;
	border-style:solid;
	border-width:1px;
	width:250px;
	height:150px;
	border-color:#999999;
	background-color:#ffffff;
	word-break:break-all;
	visibility:hidden;
	padding-top:10px;
}

#count{
	margin-top:10px;
}

/*------記事-------*/


/* 記事タイトル */
div.subject {
	font-weight: bold;
	font-size: larger;
	padding: 2px 2px;
	margin-bottom: 1em;
	letter-spacing: 1px;
	color: #4d8d4b;
}

.kiji .date{
	text-align:left;
	font-size:10px;
	margin-bottom:10px;
	color: #006600;
}
.kiji .toukou{
	text-align:right;
	font-size:13px;
	margin-bottom:6px;
	font-family:"Arial","ＭＳ Ｐゴシック";
	padding-right: 5px;
}

.kiji .message{
	line-height:140%;
	margin-top:14px;
	margin-bottom:6px;
}

.kiji{
	border-bottom-width:2px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
	margin-bottom:10px;
}


.res{
	margin-bottom:20px;
	border-bottom-width:2px;
	border-bottom-style:dotted;
	border-bottom-color:#666666;
}

.res .toukou{
	text-align:right;
	font-size:11px;
}

.res .message{
	line-height:130%;
}

#page{
	text-align:center;
	font-size:11px;
	font-family:"Verdana","ＭＳ Ｐゴシック";
}

.tb{
	margin-bottom:10px;
}

/*------フォント-------*/

.s{
	font-size:11px
}

.s2{
	font-size:11px;
	font-weight:bold
}

.b{
	font-weight:bold
}

.in{
	border-style:solid;
	border-color:#B6B6B6;
	border-width:1px;
	margin-bottom:4px;
}

h1,h3{
	margin:0px;
	padding:0px;
}

/*------ページ-------*/

ul.pagelink{
	list-style-type: none;
	margin: 0;
}

ul.pagelink li{
	float: left;
}

ul.pagelink a, ul.pagelink li.current{
	display: block;
	width: 30px;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border-style: solid;
	border-color: #000;
	border-width: 1px;
	margin-right: 5px;
	padding:1px;
	font-size: 13px;
	background-color: #eee;
}

ul.pagelink a:hover{
	background-color: #F0F0F0;
}

ul.pagelink:after{
	display: block;
	clear: both;
	content: '';
}

ul.pagelink li.current{
	font-weight:bold;
}


div#page {
	position: relative;
	overflow: hidden;
}

div#page ul {
	float:left;
	left:50%;
	position:relative;
	padding:0px;
}

div#page li {
	float:left;
	left:-50%;
	position:relative;
}


@media screen and (max-width:600px){
	body{
		line-height: 150%;
		font-size:15px;
	}
	#container{
		width:100%;
		margin:0 auto;
		word-break: break-word;
		border-width:0px;
		padding:0px;
	}

	#header{
		box-sizing: border-box;
		width:100%;
	}

	#main{
		text-align:center;
		display: flex;
		flex-direction: column;
	}

	#main_left{
		box-sizing: border-box;
		width:100%;
		padding:10px;
		order: 1;
	}

	#main_right{
		box-sizing: border-box;
		width:100%;
		padding:0px;
		order: 2;
	}

	#cal{
		width:90%;
	}
	
	#cal td{
		font-size: inherit;
	}
	#cal .w{
		width:14%;

	}

	#navi{
		width:100%;
	}
	#navi_prev{
		width:40%;
	}
	#navi_main{
		font-size: inherit;
		width:20%;
	}
	#navi_next{
		width:40%;
	}
	
	#midasi{
		font-size: inherit;
		padding:0px;
		margin-top:20px;
	}


	#mlink_last,#mlink_next{
		font-size:13px;
	}

	#mlink{
		font-size:13px;
	}

	#comkaku{
		font-size: inherit;
	}

	#konotb{
		font-size: inherit;
	}

	#kono{
		font-size: inherit;
	}

	.subject h3{
		font-size:15px;
	}

	.res .toukou{
		font-size: inherit;
	}


	#page{
		font-size:13px;
	}

	.s{
		font-size:13px
	}

	.s2{
		font-size:13px;
	}


	.kiji .date{
		font-size:13px;
		margin-bottom: 3px;
	}
	.kiji .toukou{
		font-size:13px;
	}
	.kiji .message{
		line-height:140%;
		margin-top:14px;
		margin-bottom:6px;
	}

	.kiji{
		padding:0px 10px 0px 10px;
	}

	.res{
		margin-bottom:20px;
	}



	.res .message{
		line-height:130%;
	}


	.tb{
		margin-bottom:10px;
	}
	
	#kono,#comkaku,#resfo{
		margin-left: 10px;
	}
	
	.lines{
		font-size: inherit;
	}
	
	#content {
		width: 100%;
	}
}

.article-title {
  font-size: 22px;
  font-weight: bold;
  margin-bottom: 15px;
}

.article-body {
  line-height: 1.8;
  font-size: 16px;
}

.breadcrumb {
  font-size: 12px;
  margin-bottom: 10px;
  color: #777;
}