/*****************************
/*weBlogの設定*/
/*****************************/

.weBlogR{
	float:right;
	width:70%;
}
.weBlogL{
	float:left;
	width:26%;
	margin-right:4%;
}
.weBlogLttl{
	background-image:url(../../images/common/navBg.gif);
	margin-bottom:0;
	padding:10px 5px;
  font-weight: bold;
}
.weBlogLttl span{ display:none;}

.shortcut li{
	width: 100%; /* widthは必須（IE対応pxで指定）*/
	overflow: hidden;
	white-space: nowrap;/*改行しない*/
	text-overflow: ellipsis; /* 「…」と省略 */
	-moz-text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
	-ms-text-overflow: ellipsis;
}
@media all and (-ms-high-contrast:none){
	.weBlogLttl{padding:13px 5px 7px;}
}


/*一覧*/
.blogList dl{
	clear:both;
	border-bottom:dashed 1px #cccccc;
	padding:15px 0;
	}
.blogList dt{
	float:left;
	width:12%;
	padding:5px 0;
}
.blogList dd.blogListCate{
	float:left;
	width:24%;
	margin-right:1%;
}
.blogList dd.blogListTtl{
	float:left;
	padding:5px 0;
	width:63%;
}
.blogList dd.blogListCate span{
	display:block;
	text-align:center;
	padding:5px 0;
	color:#ffffff;
	font-size:0.8em;
	font-weight:bold;
	background:#999999;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	behavior: url(border-radius.htc); /* IE */
}
/*お知らせ*/
.blogList dd.blogListCate span.bg_news{background-color:#f6b27d;}



/*詳細*/
.blogTitle{
	border-bottom:#f9623a solid 2px;
	padding:10px 0;
	font-weight:bold;
	margin-bottom:10px;
	font-size:1.2em;
	line-height:1.3em;
}
.blogDate,
.blogStaff,
.blogCategory{
	display:inline-block;
	padding-right:5px;
	text-align:right;
	width:100%;
	margin-bottom:20px;
}
.blogKiji{
	padding:10px;
	overflow-wrap: break-word;/*強制折返*/
}

/*
.blogKiji img{
	margin:auto;
}
*/
.blogKiji a{
    border-bottom: 1px dashed #7c95a8;
}


@media only screen and (max-width: 1139px){
	.weBlogR{
		float:none;
		width:100%;
	}
	.weBlogL{
		float:none;
		width:100%;
		margin-right:0;
	}
	.weBlogLttl:hover{
		background-color:#ffcbbd;
	}
	.weBlogLttl span{ display:block;}
}

@media only screen and (max-width: 768px){
	.blogList dt{
		float:left;
		width:40%;
	}
	.blogList dd.blogListCate{
		float:right;
		width:60%;
		max-width:200px;
		margin-right:0;
	}
	.blogList dd.blogListTtl{
		clear:both;
		float:none;
		width:100%;
	}
	.blogList dd.blogListCate span{
		padding:2px 0;
	}

}

