@charset "utf-8";

.blog_l {
	margin: 30px 0 60px;
	float: left;
	width: 700px;
}

.wp-pagenavi {
	text-align: center;
	margin: 20px 0;
}

.wp-pagenavi .page {
	display: inline-block;
	margin: 0 15px 0 0;
	font-size: 110%;
	text-decoration: underline;
}

.wp-pagenavi .current {
	display: inline-block;
	margin: 0 12px 0 0;
	font-size: 130%;
	background: white;
	padding: 7px 10px;
	border: 1px solid #ccc;
	color: #B83379;
}

.wp-pagenavi .nextpostslink {
	font-size: 130%;
	color: #B83379;
	display: inline-block;
}

.wp-pagenavi .previouspostslink {
	font-size: 130%;
	color: #B83379;
	margin: 0 15px 0 0;
	display: inline-block;
}
.wp-pagenavi .pages {
	display: none;
}

article {
	background: white url(../images/info/info_corner.png) no-repeat right bottom;
	padding: 30px 30px 80px 30px;
	margin: 30px 0;
}

article .title_area {
	margin: 0 0 30px 0;
	padding: 0 0 20px 0;
	border-bottom: 1px solid #ECE2CD;
	position: relative;
}

article .title_area .date {
	margin: 10px 0 0;
	overflow:hidden;
}

article .title_area .day {
	color: #EE7959;
	font-family: 'Great Vibes', cursive;
	font-size: 450%;
	display: block;
	float: left;
	height: 45px;
	line-height: 80%;
	margin: 10px 10px 0 0;
}

article .title_area .year {
	display: block;
	font-size: 80%;
	margin: 8px 0 0 0;
}

article .title_area .month {
	display: block;
	font-size: 150%;
	margin: 3px 0 0 0;
}

article h3 {
	font-size: 120%;
	font-weight: bold;
	margin: 10px 0 0;
}

article .cat {
	position: absolute;
	right: 0;
	bottom: 20px;
}

article .cat a {
	display: block;
	background: url(../images/blog/blog_mark1.jpg) no-repeat left center;
	height: 25px;
	padding: 8px 0 0 40px;
}

.content_area {
	padding: 0 0 30px 0;
	border-bottom: 1px solid #ECE2CD;
}

.content_area p {
	margin: 20px 0;
	line-height: 180%;
	text-align: center;
}

.content_area img {
	max-width:100%;
	height:auto;
}

.blog_r {
	width: 280px;
	float: right;
	margin: 30px 0 0;
}




/* sidebars-----------------------------------------------------------------------------------*/

/*最近の投稿*/
.blog_r .info {
	background: white;
	margin: 0 0 30px 0;
}

.blog_r .info h4 {
	height: 102px;
	width: 280px;
	background-image: url(../images/blog/blog_infoh.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

.blog_r .info ul {
	padding: 15px 15px 40px 15px;
}

.blog_r .info ul li {
	padding: 0 0 15px 0;
	margin: 0 0 15px 0;
	overflow:hidden;
	position: relative;
}
.blog_r .info ul li a {
	display: block;
}
.blog_r .info ul li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.blog_r .info ul li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.blog_r .info ul li:after {
	display: block;
	content: "";
	width: 75px;
	height: 1px;
	background: #ECE2CD;
	position: absolute;
	bottom: 0;
	left: 90px;
}

.blog_r .info ul li .img {
	width: 110px;
	min-height: 110px;
	float: left;
	margin: 0 10px 0 0;
	background-image: url(../images/blog/bg_side_thumb.png);
}


.blog_r .info ul li .img img {
	width: 100%;
	height: auto;
}

.blog_r .info ul li .content {
	width: 130px;
	float: left;
}

.blog_r .info ul li .content .date {
	overflow:hidden;
}

.blog_r .info ul li .content .day {
	color: #EE7959;
	font-family: 'Great Vibes', cursive;
	font-size: 300%;
	display: block;
	float: left;
	height: 35px;
	line-height: 80%;
	margin: 5px 5px 0 0;
}

.blog_r .info ul li .content .year {
	display: block;
	font-size: 80%;
	margin: 0 0 0 0;
	font-weight: bold;
}

.blog_r .info ul li .content .month {
	display: block;
	font-size: 90%;
	margin: 0 0 0 0;
}

.blog_r .info ul li .content h5 {
	font-size: 90%;
	margin: 2px 0 0 0;
	font-weight: bold;
	line-height: 140%;
}

.blog_r .info ul li .content .txt {
	font-size: 80%;
	margin: 3px 0 0 0;
}


/*カテゴリー*/
.blog_r .widget_categories {
	background: white;
	margin: 0 0 30px 0;
}

.blog_r .widget_categories h4 {
	height: 68px;
	width: 280px;
	background-image: url(../images/blog/blog_categoryh.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: -9999px;
}

.blog_r .widget_categories ul {
	padding: 5px 15px 40px 15px;
}


.blog_r .widget_categories ul li {
	padding: 0 0 0 20px;
	margin: 0 0 5px 0;
}

.blog_r .widget_categories ul li a {
	display: block;
	background: url(../images/blog/blog_mark1.jpg) no-repeat left center;
	height: 25px;
	padding: 8px 0 0 40px;
}

.blog_r .widget_archive h4 {
	border-top: 3px solid #ECE2CD;
	border-bottom: 1px solid #ECE2CD;
	padding: 15px 0;
	text-align: center;
	margin: 0 0 20px 0;
}

.blog_r .widget_archive ul {
	text-align: center;
	padding: 0 0 15px 0;
	border-bottom: 3px solid #ECE2CD;
}

.blog_r .widget_archive ul li {
	margin: 0 0 10px 0;
}



.blog_r .avatar .staff_arc {
	margin: 20px 0 0 0;
	overflow:hidden;
	text-align: center;
}


.blog_r .avatar .staff_arc li {
	display: inline-block;
	width: 70px;
	margin: 0 15px 15px 0;
}
.blog_r .avatar .staff_arc li a {
	display: block;
}
.blog_r .avatar .staff_arc li a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity:0.5;
}
.blog_r .avatar .staff_arc li a:hover img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}

.blog_r .avatar .staff_arc li:nth-child(3n) {
	margin: 0 0 15px 0;
}

.blog_r .avatar .staff_arc li .img {
	width: 70px;
	height: 70px;
	overflow:hidden;
	margin: 0 0 3px 0;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px; 
	border-radius: 100px; 
}

.blog_r .avatar .staff_arc li .img img {
	width: 100%;
	height: auto;
}