@charset "Shift_JIS";
.mod-redline-greygrad .hd { line-height: 1; }
.mod-redline-greygrad .list-date {
	background: #ababab;
	color: #ffffff;
	margin-top: 1px;
	padding: 5px 15px;
}
.mod-redline-greygrad .list-date .list-name {
	width: 75%;
}
.mod-redline-greygrad .list-date .date {
	font-size: 11px;
	text-align: right;
	width: 25%;
}
.mod-redline-greygrad .title-guidebox {
    padding: 15px 15px 7px;
	height: 60px;
	overflow: hidden;
}
.mod-redline-greygrad .title-guidebox .title {
	float: none;
	left: 15px;
	position: absolute;
	top: 34px;
	width: 510px;
}
.mod-redline-greygrad .title-guidebox .guide-box-mini {
	float: none;
	position: absolute;
    right: 5px;
    top: 29px;
	text-align: right;
	width: 210px;
}
.mod-redline-greygrad .lead-article {
	padding: 0 15px 5px;
}
.name-box {
	width: 140px;
	display: inline-block;
	/display: inline;
	zoom: 1;
	padding: 0 5px 0 0;
}

/* read-guide-recommend-keyword */
.read-guide-recommend-keyword { overflow: hidden; zoom: 1; }
.read-guide-recommend-keyword .mod-recommend-read{
	*display: inline;
	float: left;
	width: 378px;
}
.read-guide-recommend-keyword .guide-recommend-keyword {
	*display: inline;
	float: right;
	width: 243px;
}
/* NOTE: TESTING HS { */
.guide-recommend-keyword .list-inline-block {
	overflow: hidden;
	zoom: 1;
}
.guide-recommend-keyword .list-inline-block li {
	float: left;
	margin: 0;
	width: 49%;
}
.guide-recommend-keyword .list-inline-block li a {
	display: block;
	padding-bottom: 5px;
	padding-top: 5px;
}
/* } */

/* この記事の担当ガイド -------------------------------------------------------- */
.guide-recommend-keyword {
	width: 243px;
}
.mod-guide-box {
	width: 240px;
	border: #D9D9D9 solid 1px;
	background: #EEEEEE;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 1em;
}
.mod-guide-box .media .left {
	margin-right: 7px;
}
.mod-guide-box .hasborder {
	border: solid 1px #cccdce;
}
.mod-guide-box .media {
	padding: 6px;
}
.mod-guide-box .more {
	float: right;
	padding-left: 12px;
}
.mod-guide-box .label {
	background: url(//img.allabout.co.jp/201107/all/ttl_02.gif) repeat-x;
	border-bottom: 1px solid #D9D9D9;
	line-height: 26px;
	padding-left: 7px;
}
.mod-guide-box .guide-name {
margin-bottom: 7px;
}
/* sns button */
.mod-guide-box .btn-social {
	margin-bottom: 5px;
}
.mod-guide-box .list-inline-block li {
	width: auto;
	margin: 0 5px 5px 0;
}
.mod-guide-box .list-inline-block li a {
	padding: 0;
}


/* ガイドからのお知らせ --------------------------------------------------------- */
.mod-news-box {
	width: 228px;
	margin: 13px auto 6px auto;
	border: 1px solid #e1e1e1;
		border-width: 0 1px 1px;
	background: #FFFFFF;
}
.mod-news-box ul { margin-bottom: 5px; }
.mod-news-box ul li a { padding-bottom: 0; padding-right: 5px; }
.mod-news-box span {
	display: inline-block;
	*display: inline;
	zoom: 1;
}
/* おすすめ厳選サイト ----------------------------------------------------------- */
.guide-recommend-keyword .box-attention ul { padding: 5px 0 5px 8px; }
/* 関連キーワード---------------------------------------------------------------- */
.guide-recommend-keyword .box-keyword ul { padding: 5px 7px; }

/* Point of View---------------------------------------------------------------- */
.mod-view-box {
    padding: 0 3px;
}
.mod-view-box .hasborder {
    border: 1px solid #CCCDCE;
}
.mod-view-box .media {
    margin-bottom: 13px;
}
.mod-view-box .content {
    margin-left: -8px;
    position: relative;
    width: 100%;/* for IE6 */
}
.mod-view-box .content .img-fukidashi {
    position: absolute;
    top: 15px;
    left: 0;
}
.mod-view-box .point-comment {
    border: 1px solid #CCCDCE;
    border-radius: 5px; 
    -webkit-border-radius: 5px;/* Safari,Google Chrome用 */
    -moz-border-radius: 5px;/* Firefox用 */
    margin-left: 13px;
    *margin:-1px 0 0 13px;/* for IE8 below */
    padding: 10px;
    position: relative;
    zoom: 1;
}

/* QA記事 pagenation --------------------------------------------------------------- */
.article-topics-navi {
text-align:center;
margin: 15px 0;
}
.article-topics-navi img {
margin: 0 20px;
}