@charset "utf-8";

/* -----------------------------------------------------------
	ロゴ周り
----------------------------------------------------------- */
.h1_detail {
	font-size: 30px;
	font-weight: bold;
}

.h1_detail a:hover img ,
.h1_detail a:hover img {
	opacity: 1.0;
	filter: alpha(opacity=100);
	-moz-opacity: 1.0;
	background: #dc0000;
}
/* -----------------------------------------------------------
	記事タイトル
----------------------------------------------------------- */
.h2_detail {
	font-size: 30px;
	font-weight: bold;
}
.h2_detaildemo {
	font-size: 24px;
	font-weight: bold;
}
.h3_detail {
	font-size: 20px;
	font-weight: bold;
}
.h3_detail a {
	text-decoration: none;
	color: #333;
}
.h3_detail a:hover {
	text-decoration: underline;
}
.readTitle {
/*	font-size: 22px;*/
	font-weight: bold;
}
.headLine {
	font-size: 20px;
}
.capdemo {
	font-size: 14px;
	margin: 0 0 15px;
	text-align: center;
}


#article_area p{
    margin-bottom: 1.4em;
}

/* -----------------------------------------------------------
	記事写真
----------------------------------------------------------- */
#detail_phbox {
	width:640px;
	position: relative;
	text-align:center;
}
#photo_thum ul {
	float: left;
	margin: 0 0 0 15px; 
	padding: 0; 
	list-style: none; 
}
#photo_thum li {
	padding: 0; 
	margin: 0 0 0 5px; 
	float: left;
}
#photo_thum li a {
	display: block; 
	margin: 0 0 0 5px; 
	border: 0px;
	padding: 0;
}
#main_ph {
	margin-right: 20px;
	float: right;
}
#main_ph2 {
	margin: 0;
	text-align: center;
}
#main_ph img,
#main_ph2 img {
	max-width: 100%;
}

.materials {
	width: 150px;
	float: right;
}
.materials ul {
	position: relative;
	left: 50%;
}
.materials ul li {
	float:left;
	position: relative;
	left: -50%;
	margin: 0 0 5px 5px;
	width: 70px;
	height: 70px;
	overflow:hidden;
}
.materials img {
	max-width: 93px;
	max-height: 93px;
	-ms-interpolation-mode: bicubic;
}
.materials_gravure {
	overflow: hidden;
	width: 100%;
	margin: 0 0 15px 0;
}
.materials_gravure ul {
	text-align: center;
	position: relative;
	left: 50%;
}
.materials_gravure li {
	display: inline-block;
	margin:0 5px 5px 0;
	padding: 0;
	position: relative;
	left: -50%;
	width: 70px;
	height: 70px;
	overflow:hidden;
}
.materials_gravure img {
	max-height: 93px;
	max-width: 93px;
	-ms-interpolation-mode: bicubic;
}

.clickimage:hover {
	opacity: 0.85; 
	filter: alpha(opacity=85); 
	-moz-opacity: 0.85;
	background: #fff;
	cursor: pointer;
}





/* -----------------------------------------------------------
	記事装飾
----------------------------------------------------------- */
#article_area .lead {
	display: block;
	padding: 15px;
	margin-bottom: 15px;
	background: #f5f5f5;
	font-weight: bold;
}

#article_area .texthead {
	display: block;
	margin-bottom: 20px;
	border-bottom: 2px solid #DC143C;
	font-weight: bold;
}

#article_area .quote {
	position: relative;
	display: block;
	padding: 15px;
	margin: 0 30px 15px;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
}

#article_area .quote::before,
#article_area .quote::after {
	display: block;
	position: absolute;
	font-family: "fontello";
	font-size: 20px;
	color: #666;
}

#article_area .quote::before {
	content: "\e84d";
	top: -20px;
	left: -30px;
}

#article_area .quote::after {
	content: "\e84e";
	right: -30px;
	bottom: -20px;
}

#article_area .quote .head {
	font-weight: bold;
}

.tcen{
	display: block;
	text-align: center;
}
#article_area p .prof_pic{
    width:150px;
    height:200px;
    margin-bottom:10px;
    margin-right:20px;
	display: block;
	text-align: center;
	float:left;
}


#article_area p .prof_text{
    width:470px;
    height:200px;
    margin-bottom:20px;
	display: block;
	float:left;
}

#article_area .komidashi{
 font-weight:bold;
 font-size: 120%;
 color:red;
}
/* -----------------------------------------------------------
	SNSボタン
----------------------------------------------------------- */
.socialbtn {
	margin: 10px 0 0 0;
	padding: 5px 0;
	clear: both;
}

.socialbtn .tweet,
.socialbtn .hatena,
.socialbtn .google_plusone,
.socialbtn .facebook_share,
.socialbtn .facebook_like {
	display: block;
	float: left;
	margin-right:10px;
	height:26px;
}
.socialbtn .google_plusone {
	margin-right: 0;
}


/* -----------------------------------------------------------
	売れ筋ランキング
----------------------------------------------------------- */
.detail_rank { 
	margin: 0; 
}
.detail_rank li{
	padding: 0; 
	float: left;
}
.detail_rank li a{
	display: block;
	border: none;
}

.rank01 {
	width: 21px;
	margin: 0 5px 0 0;
}
.rank02 {
	width: 85px;
	margin: 0 9px 0 0;
	position:relative;
	display:block;
	height:86px;
}
.rank03 {
	width: 86px;
	margin: 0 11px 0 0;
}
.rank03_last {
	width: 86px;
	margin: 0;
}

.rank_no_box {
	width: 21px;
	height:21px;
	margin: 0;
	position:relative top left;
	background-color: #dc0000;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-weight: bold;
}

.rank_price {
	margin: 0;
	position: absolute;
	bottom: 0;
	right: 0;
	color: #dc0000;
	font-weight: bold;
}

.bk_red {
	background-color: #dc0000;
}


/* -----------------------------------------------------------
	関連記事/新着記事
----------------------------------------------------------- */
.relevance_list {
	margin-bottom: 10px;;
}

.relevance_list li {
	padding: 0 0 0 25px;
	background: transparent url(https://taishu.jp/img/web/detail/list_icon.gif) no-repeat left 6px;
}

.relevance_list .rxLink {
	padding: 0;
	background: transparent;
}

.relevance_list .rxLink img {
	width: 15px;
	margin-right: 10px;
	vertical-align: middle;
}


/* -----------------------------------------------------------
	コンテンツ下部画像
----------------------------------------------------------- */
.detail_ph { 
	margin: 0 -10px 0 0; 
}
.detail_ph li{ 
	padding: 0; 
	margin: 0 10px 0 0; 
	float: left;
}
.detail_ph li a{
	display: block;
	border: none;
	width: 120px; 
	height: 120px;
}


/* -----------------------------------------------------------
	クイズ
----------------------------------------------------------- */
.answerbox {
	margin-bottom: 10px;

}
.answerbox span {
	display: block;
}
.answerhead {
	padding: 5px 0;
	background: #dc0000;
	text-align: center;
	font-weight: bold;
	cursor: pointer;
	color:#FFF;
    border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;

}
.answer {
	padding: 20px;
	background: #ffebeb;
	text-align: center;
    border-radius: 0px 0px 5px 5px;
    -moz-border-radius: 0px 0px 5px 5px;
    -webkit-border-radius: 4px;
}

/* -----------------------------------------------------------
	pickup
----------------------------------------------------------- */
.mb6 {
	margin: 0 0 6px 0;
}

.tab_detail {
	border-collapse: collapse;
	width: 100%;
	margin-bottom: 5px;
}
.tab_detail th {
	background: #fffdf3;
	padding: 3px 5px;
	border: 1px solid #b4b4b4;
	text-align: left;
	font-size: 12px;
}
.tab_detail td {
	padding: 3px 5px;
	border: 1px solid #b4b4b4;
}


.cap {
	font-size: 79%;
	text-align: center;
	margin: 0 0 15px 0;
}


/* -----------------------------------------------------------
	この記事の画像
----------------------------------------------------------- */
.thumbList li {
	padding: 5px 0 0 5px;
}

.thumbList li {
	overflow: hidden;
	float :left;
	width: 72px;
	height: 72px;
	margin: 0 3px 5px 0;
}

.thumbList li img {
	max-width: 100%;
}

.btn01.nextback li {
	float: left;
	width: 50%;
}

.btn01.nextback li.next {
	float: right;
}

.affiliate {
	margin: 30px 0;
	font-size: 123.1%;
}

/* -----------------------------------------------------------
	求人ページ詳細
----------------------------------------------------------- */
table.type01 {
	border: 1px solid #b10000;
	width: 100%;
	margin: 0 0 30px 0;
}
table.type01 th {
	background: #b42a2a;
	border: 1px solid #b10000;
	font-weight: normal;
	padding: 15px 10px;
	vertical-align: top;
	width: 20%;
	color: #fff;
}
table.type01 td {
	border: 1px solid #b10000;
	padding: 5px 10px;
	vertical-align: middle;
}


/* -----------------------------------------------------------
	トピックス
----------------------------------------------------------- */
#topics_box {
	background: url(https://taishu.jp/img/sp/common/sp_title_backimg.png) repeat-x 0 0;
	border: 1px solid #ababab;
	padding: 0;
	position: relative;
	width: 638px;
	height: 220px;
}
#topics_box a {
	display: block;
	width: 100%;
	height: 100%;
	z-index:1;
}

.img_topics {
	position: absolute;
	top: 10px;
	left:10px;
width: 200px;
height: 200px;
overflow: hidden;
margin: 0;
}


.topics_area {
	position: absolute;
	top: 50px;
	left: 230px;
    font-size:123.1%;
	overflow:hidden;
	line-height:1.5;
	width:390px;
	color:#000;
}