@charset 'UTF-8';

@media screen and (min-width:641px) {
	/* トップ */
	.newsbox {
		width:99%;
		margin:20px auto 0;
		padding:0;
		border:2px solid #2c63b6;
	}

	.newsbox h3 {
		background-color:#2c63b6;
		border:2px solid #2c63b6;
		color:#FFF;
		line-height:30px;
		font-weight:normal;
		font-size:100%;
		text-align:center;
	}

	.newsbox ul {
		width:97%;
		margin:10px auto;
		vertical-align: text-bottom;
		list-style-type:none;
		font-size: 100%;
	}

	.newsbox li {
		margin: 0;
		padding: 0.2em 0 0.2em 0.8em;
		line-height: 120%;
		background: url(../../../images/arrow1.gif) no-repeat 0 0.5em;
		text-align:left;
	}

	.contentsKouhouBlog p {
		margin: 10px 0;
	}

	.contentsKouhouBlog p.KouhouBlogTitle {
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 4px dotted #2b63b6;
		text-align: left;
	}
	
	.contentsKouhouBlog p.KouhouBlogDate {
		text-align: right;
		padding-right: 5px;
		font-size: 95%;
	}
	
	.contentsKouhouBlog p.KouhouBlogImg {
		text-align: center;
	}
	
	.contentsKouhouBlog p.KouhouBlogReturn {
		border-top: 1px dashed #2b63b6;
		margin-bottom: 15px;
		text-align: right;
		padding: 0 20px 0 0;
		background:url(./images/arrow.gif) no-repeat right center;
		font-size: 90%;
	}

	.KouhouArchives {
		margin: 20px 0;
		background-color: #2b63b6;
	}

	.KouhouArchives .kouhouAttl {
		color: #ffffff;
		padding: 10px 0;
		font-weight: bold;
	}

	.KouhouArchives .KouhouASel {
		width: 160px;
		font-size: 15px;
		padding: 5px;
	}

	.KouhouABtn {
		margin: 10px auto 20px;
		width: 100px;
		font-size: 15px;
		padding: 5px;
	}

	.KouhouBlogArticle {
		margin: 10px 10px 20px;
	}

	.KouhouBlogTtl {
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 4px dotted #2b63b6;
		text-align: left;
		margin-bottom: 15px;
	}
	
	.tableKBContents {
		width: 100%;
		margin: 0;
		padding: 0;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
		text-align: left;
	}

	.tableKBContents td {
		vertical-align: top;
		margin: 0;
		padding: 5px;
	}

	.tableKBContents td.KBArticleImg {
		width: 190px;
		text-align: center;
	}

	.tableKBContents td.KBArticleImg img {
		border: 1px solid #999999;
		padding: 4px;
	}


	.KouhouBlogSubArea {
		padding-bottom: 30px;
	}

	.KBContribution {
		width:100%;
		text-align:right;
	/*	float: left;
		width: 45%;
		border: 1px solid #ff0000;*/
	}

	.KBLike {
		width:100%;
		text-align:right;
/*		float: right;
		width: 45%;*/
		display: none;
	}

	.KBLike img {
		margin:0;
		padding:0;
		float:right;
	}

	.KBLike div.countno {
		float:right;
		margin:0;
		font-size:12px;
		padding:0 8px 0 4px;
		line-height:26px;
		background:url(./images/bg_iine.gif) no-repeat right top;
	}

	.KouhouBlogPrNeArea {
		margin-top: 20px;
	}

	.tableKBPrevNext {
		width: 100%;
	}

	.tableKBPrevNext td {
		border-top: 1px dashed #2b63b6;
		padding-top:10px;
	}

	.KBPrevCell {
		text-align: left;
		width: 25%;
		border-top:
	}

	.KBMonthCell {
		text-align: center;
		width: 50%;
	}

	.KBNextCell {
		text-align: right;
		width: 25%;
	}

}

@media screen and (min-width: 0px) and (max-width: 640px) {
	.contentsKouhouBlog p {
		margin: 10px 0;
	}

	.contentsKouhouBlog p.KouhouBlogTitle {
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 4px dotted #2b63b6;
	}
	
	.contentsKouhouBlog p.KouhouBlogDate {
		text-align: right;
		padding-right: 5px;
		font-size: 95%;
	}
	
	.contentsKouhouBlog p.KouhouBlogImg {
		text-align: center;
	}
	
	.contentsKouhouBlog p.KouhouBlogReturn {
		border-top: 1px dashed #2b63b6;
		margin-bottom: 15px;
		text-align: right;
		padding: 0 20px 0 0;
		background:url(./images/arrow.gif) no-repeat right center;
		font-size: 90%;
	}

	.KouhouNewBtn {
		float: left;
		margin-bottom: 30px;
	}

	.KouhouArchives {
		float: right;
		width: 350px;
		background-color: #2b63b6;
		height: 80px;
		text-align: center;
		margin-bottom: 30px;
	}

	.KouhouArchives .kouhouAttl {
		color: #ffffff;
		padding: 0;
	}

	.KouhouArchives .KouhouASel {
	}

	.KouhouABtn {
	}

	.KouhouBlogArticle {
		margin: 10px 10px 20px;
	}

	.KouhouBlogTtl {
		font-weight: bold;
		padding-bottom: 5px;
		border-bottom: 4px dotted #2b63b6;
		margin-bottom: 15px;
	}
	
	.tableKBContents {
		width: 100%;
		margin: 0 0 50px;
		padding: 0;
		table-layout: auto;
		border-collapse: collapse;
		border-spacing: 0;
		empty-cells: show;
		text-align: left;
	}

	.tableKBContents td {
		vertical-align: top;
		margin: 0;
		padding: 5px;
		display: block;
	}

	.tableKBContents td.KBArticleImg {
		text-align: center;
	}

	.tableKBContents td.KBArticleImg img {
		border: 1px solid #999999;
		padding: 5px;
	}


	.KouhouBlogSubArea {
		padding-bottom: 30px;
	}

	.KBContribution {
		width:100%;
		text-align:right;
	/*	float: left;
		width: 45%;
		border: 1px solid #ff0000;*/
	}

	.KBLike {
		width:100%;
		text-align:right;
/*		float: right;
		width: 45%;*/
		display: none;
	}

	.KBLike img {
		margin:0;
		padding:0;
		float:right;
	}

	.KBLike div.countno {
		float:right;
		margin:0;
		font-size:12px;
		padding:0 8px 0 4px;
		line-height:26px;
		background:url(./images/bg_iine.gif) no-repeat right top;
	}


	.KouhouBlogPrNeArea {
		margin-top: 20px;
	}

	.tableKBPrevNext {
		width: 100%;
	}

	.tableKBPrevNext td {
		border-top: 1px dashed #2b63b6;
		padding-top:10px;
	}

	.KBPrevCell {
		text-align: left;
		width: 25%;
		border-top:
	}

	.KBMonthCell {
		text-align: center;
		width: 50%;
	}

	.KBNextCell {
		text-align: right;
		width: 25%;
	}

}