@charset "shift_jis";

/* ========== side-contents parts ========== */

/* common
-------------------------------------------------- */
.side-contents h3 {
	line-height: 1.3;
}
.side-contents aside,
.side-contents .ad-bnr,
.side-contents .contents-bnr,
.side-contents .pickup-box {
	margin-bottom: 20px;
}
.side-contents .contents-bnr p {
	margin: 0 0 10px;
}

.side-contents .pickup-box .carad {
	margin:0;
}
.side-contents .pickup-box .carad .maincaradtxt span {
	line-height:11px;
	letter-spacing:-0.1em;
}
.side-contents .pickup-box .carad .maincaradtxt img {
	margin-top:2px !important;
}

/* feature-box
-------------------------------------------------- */
.feature-box ul, .feature-box li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/**/
.side-contents .feature-box .box {
	margin-top: 5px;
	padding: 10px;
	border: 2px solid #dfe3e8;
	border-radius: 4px;
}
.side-contents .feature-box article {
	margin-bottom: 10px;
	padding-bottom: 15px;
	background: url(http://life-cdn.oricon.co.jp/img/common/bg-line-dot.png) repeat-x left bottom;
}
.side-contents .feature-box article:last-of-type {
	margin-bottom: 0;
	padding-bottom: 0;
	background: none;
}
.side-contents .feature-box article header h4 {
	display: inline-block;
	padding: 1px 0;
	font-size: 93%;
	line-height: 1.5;
}
.side-contents .feature-box article header .btn {
	display: inline-block;
	float: right;
	width: 50px;
}
.side-contents .feature-box article .pik {
	float: left;
	width: 76px;
	margin-top: 20px;
}
.side-contents .feature-box article ul {
	margin-left: 80px;
	margin-right: 5px;
	padding-top: 3px;
}
.side-contents .feature-box article li:first-child {
	border-bottom: 1px solid #ddd;
}
.side-contents .feature-box article li a {
	display: block;
	padding: 6px 1em 6px 0;
	line-height: 1.4;
	color: #333;
	background: transparent url(http://life-cdn.oricon.co.jp/img/common/marker-arrow-right.png) no-repeat right center;
}
.side-contents .feature-box article li a:hover {
	color: #1188aa;
	background-color: transparent;
}

.side-contents .feature-box .side-ranking article li a {
    font-size: 14px;
    font-weight: bold;
    color: #1188AA;
}

/* beginners-box 
-------------------------------------------------- */
.beginners-box ul, .beginners-box li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/**/
.side-contents .beginners-box h3 {
	padding: 3px 3px 3px 24px;
	background: url(http://life-cdn.oricon.co.jp/img/common/icon-beginner.png) no-repeat left center;
}
.side-contents .beginners-box .box {
	padding-top: 2px;
}
.side-contents .beginners-box .box a {
	display: block;
	margin-bottom: 1px;
	color: #333;
	background-color: #f8f8f8;
	line-height: 1.3;
	border: 1px solid #dfe3e8;
	border-radius: 3px;
	-webkit-box-shadow: 0 1px 0 0 #b2b2b2;
	box-shadow: 0 1px 0 0 #b2b2b2;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.side-contents .beginners-box .box a:hover {
	color: #1188aa;
	background-color: #f8f8f8;
}
.side-contents .beginners-box .words {
	padding: 15px 10px 15px 76px;
	background: url(http://life-cdn.oricon.co.jp/img/common/icon-glossary.png) no-repeat 20px center;
}
.side-contents .beginners-box .qaa {
	padding: 15px 10px 15px 76px;
	background: url(http://life-cdn.oricon.co.jp/img/common/icon-qa.png) no-repeat 20px center;
}


/* beginners-box pattern */
.side-contents .beginners-box .block2 {
	letter-spacing: -0.4em;
}
.side-contents .beginners-box .block2 li {
	display: inline-block;
	width: 145px;
	letter-spacing: normal;
}
.side-contents .beginners-box .block2 li:first-child {
	margin-right: 10px;
}
.side-contents .beginners-box .block2 a {
	height: 100px;
	padding: 12px 10px 3px;
	text-align: center;
}
.side-contents .beginners-box .block2 a img {
	display: block;
	margin: 0 auto 10px;
}

/* news-box
-------------------------------------------------- */
.news-box ul, .news-box li {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/**/
.side-contents .news-box header {
	margin-bottom: 5px;
}
.side-contents .news-box header h3 {
	display: inline-block;
	padding: 3px 0;
	line-height: 1.2;
}
.side-contents .news-box header h3 img {
	margin-left: 8px;
}
.side-contents .news-box header .btn {
	display: inline-block;
	float: right;
	width: 50px;
}
.side-contents .news-box .box {
	padding: 3px 13px;
	border: 2px solid #dfe3e8;
	border-radius: 3px;
}
.side-contents .news-box .box li {
	border-bottom: 1px solid #ddd;
}
.side-contents .news-box .box li:last-child {
	border-bottom: 0 none;
}
.side-contents .news-box .box li a {
	display: block;
	padding: 10px 10px 10px 0;
	border-right: 5px solid transparent;
	line-height: 1.3;
	color: #333;
	background: transparent url(http://life-cdn.oricon.co.jp/img/common/marker-arrow-right.png) no-repeat right center;
}
.side-contents .news-box .box li a img {
	display: inline;
	padding-left: 4px;
}

/* pickup-box
-------------------------------------------------- */
.side-contents .pickup-box h3 {
	margin-bottom: 8px;
}
.side-contents .pickup-box .box + .box {
	margin-top: -5px;
}
.side-contents .pickup-box .box {
	margin-bottom: 20px;
}
.side-contents .pickup-box .box a {
	display: block;
}
.side-contents .pickup-box .box a:hover {
	text-decoration: none;
}
.side-contents .pickup-box .box .pik {
	float: left;
	width: 60px;
}
.side-contents .pickup-box .box .pik + .txt {
	margin-left: 70px;
}
.side-contents .pickup-box .box .txt strong {
	display: block;
	margin-bottom: 3px;
}
.side-contents .pickup-box .box a:hover .txt strong {
	text-decoration: underline!important;
}
.side-contents .pickup-box .box .txt p {
	font-size: 86%;
	line-height: 1.5;
	color: #333;
	background-color: transparent;
}