
/*------全体-------*/

body{
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	font-size:13px;
	text-align:center;
	color:#666666;
}

#container{
	width:800px;
	margin:0 auto;
	word-break:break-all;
	border-style:solid;
	border-color:#cccccc;
	border-width:0px 1px 1px 1px;
	padding:0px;
}

#header{
	width:780px;
	height:80px;
	padding:10px;
	background-color:#d4d4d4;
	border-style:solid;
	border-color:#cccccc;
	border-width:0px 0px 1px 0px;
	text-align:left;
}

#main{
	margin-top:40px;
	text-align:center;
}

#main_left{
	width:204px;
	padding:20px 18px;
	float: left;
	text-align:left;
}

#main_right{
	width:520px;
	padding:25px 22px 10px 18px;
	float: left;
	text-align:left;
}

#footer{

}

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

#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:after {
	content: ".";
	display: block;
	height: 0;
	clear: both; 
	visibility: hidden;
}
.cl{
	display: inline-table;
	min-height: 1%;
}

#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;
}

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

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

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

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

.kiji{
	border-bottom-width:1px;
	border-bottom-style:dashed;
	border-bottom-color:#cccccc;
	margin-bottom:10px;
}

.res{
	margin-bottom:20px;
}

.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:dotted;
	border-color:#999999;
	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: #bebebe;
	border-width: 1px;
	margin-right: 5px;
	padding:1px;
	font-size: 13px;
	border-radius: 3px;
}

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-all;
		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: 2;
	}

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

	#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;
	}
	
}