@charset "utf-8";
/* blog */

body{
	background:#f6f6f3;
}
#header{
	height:80px;
}
	#header .btn_goMain{
		float:right;
		padding-top:31px;
		margin-bottom: 10px;
	}
#mainimg{
	padding-top:10px;
	margin-bottom:0;
	background:#f6f6f3;
}
	#mainimgIn{
		max-width:960px;
	}
	#mainimgIn img{
		max-width:960px;
		width: 100%;
		height: auto;
	}
#breadcrumb {
	padding: 5px 0 15px;
}
#content{
	/* max-width:708px; */
	width: 100%;
	margin-left: -250px;
    padding-left: 250px;
    box-sizing: border-box;
}
	#sub {
		width: 228px;
	}
#footer{
	margin-top:73px;
}

#subSearch{
	height:80px;
	margin-bottom:23px;
	padding:22px 14px 0;
	background:white;
	border:1px solid #e2e2e2;
}
	#ttlSearch{
		position:relative;
		margin-bottom:9px;
	}
		#ttlSearch .ico_feed01{
			position:absolute;
			top:0;
			right:0;
		}
	#formSearch{
		position:relative;
	}
		#inputSearchTxt{
			width: 130px;
			height: 28px;
			background: #f5f5f5;
			border:1px solid #d5d5d5;
			font-size: 11px;
			line-height: 28px;
			color:#1e1e1e;
		}
		#inputSearchBtn{
			position: absolute;
			right: 0;
			top: 0;
		}

#subArticles{
	margin-bottom:10px;
	background:white;
}
	#ttlSubArticles{
		height:31px;
		padding:15px 0 0 15px;
		background:#0e1d7c;
	}
	.ul_subArticles01{
		border-top:1px solid #d7d7d7;
		border-left:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
		overflow:hidden;
		*zoom:1;
	}
		.ul_subArticles01 li{
			padding:9px 15px 5px;
			border-bottom:1px solid #d7d7d7;
		}
			.ul_subArticles01 li a{
				display:block;
			}
				.ul_subArticles01 li .date{
					display:block;
					font-size:10px;
					color:#1e1e1e;
					line-height:20px;
				}
				.ul_subArticles01 li p{
					font-size:12px;
					color:#144bd7;
					line-height:20px;
				}
#subArchive{
	margin-bottom:10px;
	background:white;
}
	#ttlSubArchive{
		height:34px;
		padding:24px 0 0 13px;
		border:1px solid #d7d7d7;
	}
	#subArchiveIn{
		padding:13px 14px 20px;
		border-bottom:1px solid #d7d7d7;
		border-left:1px solid #d7d7d7;
		border-right:1px solid #d7d7d7;
	}
	.ul_subArchive01{
		margin-bottom:5px;
		overflow:hidden;
		*zoom:1;
	}
		.ul_subArchive01 li{
			margin-bottom:5px;
		}
			.ul_subArchive01 li a{
				padding-left:12px;
				background: url(../common/img/ico_arrow02.gif) no-repeat 0 5px;
				font-size:12px;
				color:#144bd7;
				line-height:22px;
			}
	#subArchiveSearch{
		position:relative;
	}
		#inputAcSearchTxt{
			width: 146px;
			height: 28px;
			margin:0;
			padding:0 40px 0 10px;
			background: #f5f5f5;
			border:1px solid #d5d5d5;
			font-size: 11px;
			line-height: 28px;
		}
		#inputAcSearchBtn{
			position: absolute;
			right: 1px;
			top: 1px;
			border-left:1px solid #d5d5d5;
		}
#subCategory{
	background:white;
}
	#ttlSubCategory{
		height:34px;
		padding:24px 0 0 13px;
		border:1px solid #d7d7d7;
	}
	.ul_subCategory01{
		overflow:hidden;
		*zoom:1;
	}
		.ul_subCategory01 li{
			padding:10px 14px;
			border-bottom:1px solid #d7d7d7;
			border-left:1px solid #d7d7d7;
			border-right:1px solid #d7d7d7;
		}
			.ul_subCategory01 li a{
				font-size:12px;
				color:#144bd7;
				line-height:24px;
			}

.ul_article01{
	margin-bottom:20px;
	overflow:hidden;
	*zoom:1;
}
	#content .ul_article01 li{
		padding:0 0 0 0;
		margin-bottom:15px;
		padding:20px 20px 20px 20px;
		background:white url(../common/img/ico_hat01.gif) no-repeat right bottom;
		border:1px solid #d7d7d7;
	}
		.ul_article01 li .figture{
			float: left;
			width: 198px;
			margin: 0 0 0 -198px;
		}
		/*.ul_article01 li .text{
			margin:0 0 0 15px;
		}*/
			.ul_article01 li .info{
				margin-bottom:12px;
				font-size:12px;
				line-height:1;
			}
				.ul_article01 li .info .date,
				.ul_article01 li .info .category{
					display:inline-block;
				}
				.ul_article01 li .info .date{
					margin-right:20px;
					color:#b9b9b9;
				}
				.ul_article01 li .info .category{
					color:#ffa736;
					margin-right:10px;
				}
			.ul_article01 li .title{
				margin-bottom:6px;
				font-size:16px;
				font-weight:bold;
				line-height:22px;
			}
				.ul_article01 li .title a{
					color:#1e1e1e;
				}
			.ul_article01 li p{
				margin-bottom:6px;
				font-size:14px;
				line-height:20px;
			}

#pagination{
	text-align:center;
}
	#content ul.ul_paginate01{
		margin:0 0 0 -15px;
		overflow:hidden;
		*zoom:1;
	}

		#content ul.ul_paginate01 li{
			background-image:none;
			 display:inline-block;
			zoom: 1;
    		*display: inline;
			height:24px;
			margin:0 2px 0 2px;
			padding:0 0 0 0;
		}
			#content ul.ul_paginate01 li a{
				display:block;
				width:24px;
				height:24px;
				background:#cfcfcf;
				font-size:14px;
				color:#fff;
				line-height:24px;
				text-align:center;
			}
			#content ul.ul_paginate01 li a.active,
			#content ul.ul_paginate01 li.first a.active,
			#content ul.ul_paginate01 li.last a.active{
				background:#0e1d7c;
				color:#fff;
			}
			#content ul.ul_paginate01 li.first a,
			#content ul.ul_paginate01 li.last a{
				width:30px;
				color:#1e1e1e;
				background:none;
			}

#page{
	padding:37px 34px 28px 34px;
	background:white;
	border:1px solid #d7d7d7;
}
	#pageIn{
		padding-bottom:10px;
		font-size:16px;
	}
		#page .info{
			margin-bottom:18px;
			padding:15px 0;
			border-top:1px solid #d7d7d7;
			border-bottom:1px solid #d7d7d7;
		}
			#page .info .date,
			#page .info .category{
				display:inline-block;
				font-size:14px;
				line-height:16px;
			}
			#page .info .date{
				border-right:1px solid #d7d7d7;
				padding-right:10px;
			}
			#page .info .category{
				padding-left:10px;
				color:#ffa736;
			}
		#page .box01{
			margin-bottom:27px;
			padding:15px 20px;
			background:#f5f5f5;
		}
		#page .box02{
			margin-bottom:29px;
			padding:14px 19px;
			background:white;
			border:1px solid #7180e3;
		}

	#pager{
		padding-top:25px;
		border-top:1px solid #d7d7d7;
		overflow:hidden;
		*zoom:1;
	}
		#pager .prev,
		#pager .next{}
		#pager .prev{
			float:left;
			padding-left:10px;
			background: url(../common/img/ico_arrow05.gif) no-repeat left center;
		}
		#pager .next{
			float:right;
			padding-right:10px;
			background: url(../common/img/ico_arrow02.gif) no-repeat right center;
		}

#pageIn h2{
	background:#eff1fd;
	font-size:16px;
	font-weight:bold;
	margin:0 0 15px 0;
	padding:10px 12px 8px;
	}
#pageIn h3 {
	margin:20px 0 15px 0;
	padding:0 0 5px;
	border-bottom:1px solid #0e1d7c;
	font-size:16px;
	color:#0e1d7c;
}
#pageIn h4 {
	margin:10px 0 5px 0;
	font-size:16px;
	color:#0e1d7c;
}
#pageIn p{
	margin:0 0 15px 0;
	}


@media only screen and (max-width: 767px){
	#content{
		width: 90%;
		margin: 0 5% 5%;
	    padding-left: 0;
	    box-sizing: border-box;
	}
	#page{
		overflow: hidden;
		padding: 10% 5%;
	}
	#sub{
		width: 100%;
	}
}
@media only screen and (max-width: 636px){
	#header{
		height: auto;
	}
}


/*2カラムレイアウト*/
#page .col_2{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
#page .col_2 > div{
	width: 50%;
}
@media screen and (max-width: 599px) {
	#page .col_2 > div{
		width: 100%;
	}
}
/*3カラムレイアウト*/
#page .col_3{
	width: 100%;
	display: flex;
	display: -ms-flexbox; /* IE10 */
	flex-wrap: wrap;
	-ms-flex-wrap: wrap; /* IE10 */
}
#page .col_3 > div{
	width: 33.33333%;
}
@media screen and (max-width: 1024px) {
	#page .col_3 > div{
		width: 50%;
	}
}
@media screen and (max-width: 599px) {
	#page .col_3 > div{
		width: 100%;
	}
}

/*注釈*/
#page ul.notes {
	display: table;
	width: 100%;
	margin: 0;
	padding-left: 0;
}
#page ul.notes li {
	list-style: none;
	background: none;
	padding-left: 0;
}
#page ul.notes li .notes_head {
	display: table-cell;
	vertical-align: top;
	white-space: nowrap;
	padding-right: 0.5em;
}
#page ul.notes li .notes_body {
	display: table-cell;
	vertical-align: top;
}