/* blog
--------------------------------*/
.blog_area{
	padding:0 0 60px 0;
	}

.blog_contents{
	float:left;
	width:65%;
	margin-right:5%;
	}

.blog_contents .date{
	float:left;
	}
	
.blog_contents .cate{
	float:left;
	}

.blog_contents .news{
	background:#00a0e9;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.blog_contents .campaign{
	background:#00a39a;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.blog_contents .instructor{
	background:#5b77ac;
	color:#FFFFFF;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}

.blog_contents .unknown{
	background:#eeeeee;
	font-size:12px;
	border-radius: 3px;
	padding: 5px;
	margin-left:10px;
	margin-bottom:10px;
	}


.blog_contents h1{
	text-align:left;
	line-height:1.3;
	padding:10px 0;
	margin-bottom:30px;
	border-bottom:solid 3px #00a0e9;
	clear: both;
	}

.blog_contents h2{
	text-align:left;
	line-height:1.3;
	padding:15px 10px;
	margin:30px 0;
	background:#eeeeee;
	border-bottom:solid 3px #00a0e9;
	}
	
.blog_contents h3{
	text-align:left;
	line-height:1.3;
	margin:30px 0;
	padding: 0.25em 0.5em;/*上下 左右の余白*/
	border-left: solid 5px #00a0e9;
	}

.blog_contents img{
	margin:0 auto;
	display:block;
	padding-bottom:30px;
	}

.blog_contents p{
	padding-bottom:30px;
	}

.blog_contents .cap{
	text-align:right;
	font-size:12px;
	padding-bottom:30px;
	margin-top:-50px;
	}

.blog_contents .page_link_area{
	margin:20px 0 60px;
	padding-top:30px;
	border-top:solid 1px #00a0e9;
	overflow:hidden;
	}

.blog_contents .page_link_left{
	float:left;
	}
	
.blog_contents .page_link_right{
	float:right;
	}




/*plugin*/
.wp-pagenavi{
	text-align:center;
	}

.breadcrumbs{
    padding: 20px 0;
	font-size:12px;
	}



.blog_side{
	float:right;
	width:30%;
	}

.blog_side h2{
	font-weight:bold;
	font-size:16px;
	border-bottom:solid 3px #00a0e9;
	padding:15px 0;
	margin:0px;
	}

.blog_side ul{
	padding-bottom:40px;
	}
	
.blog_side ul li{
	background:url(../images/common/line_dot.gif) bottom repeat-x;
	padding:20px 0;
	}


.blog_contents ul li.date{
	float:left;
	}

.blog_contents ul li p{
	padding:10px 0 20px 0;
	margin-bottom:20px;
	clear:both;
	background:url(../images/common/line_dot.gif) bottom repeat-x;
	}
	

.error_area{
	text-align:center;
	padding:80px 0;
	}

@media only screen and (max-width: 767px) {


/* blog
--------------------------------*/
.blog_contents{
	float:none;
	width:100%;
	margin-right:0;
	}

.blog_side{
	float:none;
	width:100%;
	margin-top:60px;
	}
	
	
	
}