/* blog.php ===================== */

#blog{
	margin-bottom:100px;
}
#blog .contents_area1{
	overflow:hidden;
}
#blog .contents_area1 .main{
	float:left;
	width:750px;
}
#blog .contents_area1 .main .article{
	border-width:0 0 1px 0;
	border-bottom-style: solid;
	border-image: url(../images/common/border-image.png) 1 repeat;
	margin-bottom:39px;
	padding-bottom:33px;
}
#blog .contents_area1 .main .article .date{
	font-size:0.88rem;
}
#blog .contents_area1 .main .article .article_main{
	overflow:hidden;
	margin-top:20px;
}
#blog .contents_area1 .main .article .article_main .img{
	float:right;
}
#blog .contents_area1 .main .article .article_main .txt_area{
	width:543px;
	position:relative;
}
#blog .contents_area1 .main .article .article_main .txt_area .ttl{
	border-bottom:solid 3px #ff9933;
	font-size:1.13rem;
	line-height:1.33;
	font-weight:normal;
}
#blog .contents_area1 .main .article .article_main .txt_area .txt{
	font-size:0.88rem;
	line-height:1.7;
	margin-top:28px;
}
#blog .contents_area1 .main .article .article_main .more{
	text-align:right;
	font-size:0.88rem;
	margin-top: 55px;
}
#blog .contents_area1 .list{
	float:right;
	width:302px;
	border-style: solid;
	border-width: 1px;
	border-image: url(../images/common/border-image.png) 1 repeat;
}
#blog .contents_area1 .list{
	padding:21px 10px 31px;
}
#blog .contents_area1 .list .list_ttl{
	background:url(../images/company/h4_bg.png);
	font-size:0.88rem;
	font-weight:normal;
	line-height:1;
	padding:14px 11px 12px;
	margin-top: 40px;
	margin-bottom:18px;
}
#blog .contents_area1 .list .list_ttl:first-child{
	margin-top:0;
}
#blog .contents_area1 .list .list_link{
	font-size:0.75rem;
	margin:0 9px;
	display:block;
}
#blog .contents_area1 .list .form1 .search{
	padding: 5px;
	border: solid 1px #dddddd;
	background: #fff;
	width: 190px;
}
#blog .contents_area1 .list .form1 .btn{
	background: url(../images/company/btn_search.png) left top no-repeat;
	width: 68px;
	height: 33px;
	color: transparent;
	margin-left: 10px;
	border: 0;
}
#blog .contents_area2 .return{
	margin-top: 21px;
}

#blog #blogtitle{
	border-bottom: solid 3px #ff9933;
	font-size: 1.1rem;
	line-height: 1.33;
	font-weight: normal;
}
#blog .detail .date{
	text-align:right;
}
#blog .detail .content{
	margin-top:30px;
	font-size:14px;
}

#blog .pagelink {
	border-top: solid 1px #cccccc;
	margin: 20px 0 20px;
	padding:20px 0;
	overflow: hidden;
}
#blog .pagelink a{
	text-decoration:underline;
}
#blog .pagelink .before, #blog .pagelink .after {
	display: block;
	float: left;
	width: 50%;
	margin: 0;
}
#blog .pagelink .after {
	text-align: right;
}
/* 1082px ===================== */
@media screen and (max-width: 1142px) {
	
}
/* 1082px end ===================== */



/* 768px ===================== */
@media screen and (max-width: 768px) {
	
	
	/* blog.php ===================== */
	
	#blog .contents_area1,
	#blog .contents_area2{
		width: 93%;
	}
	#blog .contents_area1 .main,
	#blog .contents_area1 .list{
		float:none;
		width:100%;
	}
	#blog .contents_area1 .main .article{
		padding-bottom: 5%;
		margin-bottom: 5%;
	}
	#blog .contents_area1 .main .article:last-child{
		border-width:0;
	}
	#blog .contents_area1 .main .article .article_main{
		margin-top:2%;
	}
	#blog .contents_area1 .main .article .article_main .txt_area{
		width:100%;
	}
	#blog .contents_area1 .main .article .article_main .txt_area .ttl{
		padding-bottom: 3px;
	}
	#blog .contents_area1 .main .article .article_main .img{
		float:none;
		margin: 4% auto 0;
	}
	#blog .contents_area1 .main .article .article_main .txt_area .txt{
		margin-top: 3%;
	}
	#blog .contents_area1 .main .article .article_main .more{
		margin-top: 3%;
	}
	#blog .contents_area1 .list .form1 .search{
		width:67%;
	}
}
/* 768px end ===================== */



/* 470px ===================== */
@media screen and (max-width: 470px) {
	
	#blog .contents_area1 .main .article .article_main .img{
		margin-top:8%;
	}
	#blog .contents_area1 .main .article .article_main .txt_area .txt{
		margin-top:7%;
	}
	
}
/* 470px end ===================== */



/* 320px ===================== */
@media screen and (max-width: 320px) {
	
}
/* 320px end ===================== */