@charset "utf-8";

/* CSS Document */

* {
	margin:0;
	padding:0;
	font-style:normal;
}

body {
	margin:0 auto;
	padding:0;
	font-size:small;
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	text-align:center;
	background-color:#FFFFFF;
	line-height:1.3em;
	height:auto;
	color:#202020;
	/* font_color:#202020,title_color:#4E4E4E.theme_color:#AA0000,gray:#D7D7D7,blue-link:#1AB3F4 */
}

div,p,span,input,select,textarea,form,ul,ol,li,dl,dt,dd,tr,td,table {font-size:100%;}
h2 { font-size:140%; }
h3 { font-size:120%; }

strong {
	font-weight:bold;
}

a, label {color:#1b3a8c;text-decoration:none;}
a:hover, label:hover {color:#5C81D6;text-decoration:none;}

a img { border:none; }

br.clear {
	clear:both;
	font-size : 0px ;
}

div.clear {
	clear:both;
	float:none;
	font-size:0px;
	overflow:hidden;
	height:1px;
	width:1px;
}

.fbox {
	zoom: 100%;
}

.fbox:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

p {
	margin-bottom:17px;
	font-size: 14px;
}

sup {
	position:relative;
	top:7px;
	_top:0px;
}


/* ul,ol,li format */

li {list-style-type:none;}

.hd {
	text-indent : -9999px ;
	text-decoration : none ;
	font-size : 0px ;
	display:block;
}

.hdr {
	text-indent : 9999px ;
	text-decoration : none ;
	font-size : 0px ;
	display:block;
}

.rad6 {
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

/* main layout */

body { background-color:#ffffff; }

#container {
	margin:0 auto;
	width:100%;
	height:100%;
}

header {
	width:100%;
	height:127px;
	border-top:5px solid #FF7F27;
	border-bottom:5px solid #F3F3F3;
	margin:0;
	position:relative;
	overflow:visible;
}

header>div {
	width:1200px;
	height:127px;
	margin:0 auto;
	position:relative;
}


/* ヘッドラインブロック headline js module */
section.headline {

	font-size:100%; /* フォントサイズの調整はここで行ってください */

	width:100%; /* この値で横幅の最大値を調整します */
	min-width:1000px; /* この値で横幅の最低値を調整します */
	height:1.3em;
	margin:0; /* この値で上右下左のマージンを調整してください */
	padding: 0;
	overflow:hidden;
	position:absolute;
	bottom:20px;
}

.headline div.headline_module_label {
	float:left;
	width:7em;
	color:#9a9a9a;
	height:1.4em;
	line-height:1.4em;

	margin-left:3px;
}

.headline.nolabel div.headline_module_label  {
	display:none;
}

.headline ul#headline_module_body {
	float:left;
	margin-top:0em; /* 初期値 */
	display:block;

	width:-webkit-calc(100% - 7em - 3px);
	width:calc(100% - 7em - 3px);
}

.headline.nolabel ul#headline_module_body {
	margin-left:3px;
	width:-webkit-calc(100% - 3px);
	width:calc(100% - 3px);
}

.headline ul#headline_module_body>li {

	width:100%;
	position:relative;
	height:3em;
	line-height:1.5em;
	display:block;
	overflow:hidden;
	zoom: 100%;
}

.headline ul#headline_module_body>li:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

.headline ul#headline_module_body>li>a {
	max-width:-webkit-calc(100% - 7.2em);
	max-width:calc(100% - 7.2em);
	height:1.4em;
	overflow:hidden;
	display:block;
	float:left;

	color:#000000;

	word-wrap: break-word;
	overflow-wrap: break-all;
}

.headline #headline_module_body>li>a>span.red { /* 速報 */
	color:#FF3333;
	margin-right:.2em;
}

.headline #headline_module_body>li>a>span.b.red { /* 太字 */
	font-weight:bold;
}

.headline #headline_module_body>li>span.date { /* 日付 */
	width:7em;
	margin-left:.2em;
	float:left;
	text-align:center;
	color:#9a9a9a;
}



#contents {
	width:1200px;
	margin:0 auto;
	padding-top:20px;
	background-color:#ffffff;
	zoom: 100%;
	height:100%;

	text-align:left;
	position:relative;
}

#contents:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#left_pane {
	width:860px;
	margin-right:40px;
	margin: 0 40px 20px 0;
	float:left;
}

#right_pane {
	width:300px;
	float:left;
	padding-bottom:40px;
	background-color:#F1F1F1;
}


#footer {
	width:100%;
	height:75px;
	position:relative;
}

/** header **/

header>div>h1>a {
	display:block;
	width:210px;
	height:100px;
	position:absolute;
	margin:auto;
	top:7px; left:0px;
	background:url(../images_PC/rc_logo.png) left top no-repeat;
}


#searchbox {
	position:absolute;
	right:10px;
	top:24px;
	background:url(../images_PC/ic_loupe.png) 5px center no-repeat;
	width:350px;
	height:38px;
	border: 1px solid #DEDEDE;
}

#searchbox #search_selector {
	position:absolute;
	left:32px;
	top:12px;
	cursor:pointer;
	background:url(../images_PC/ic_pulldown.png) right center no-repeat;
	padding-right:9px;
}

#searchbox input[type="text"] {
	position:absolute;
	left:130px;
	top:6px;
	width:148px;
	height:28px;
	background:none;
	border:none;
}

#searchbox button {
	background-image:url(../images_PC/bt_search.png);
	background-position: 0 0;
	width:64px;
	height:28px;
	position:absolute;
	right:4px;
	top:5px;
	border:none;
	cursor:pointer;
}
#searchbox button:hover { background-position: 0 -28px; }
#searchbox button:active { background-position: 0 -56px; }

/* menu */
header>div>nav {
	position:absolute;
	left:250px;
	top:40px;
	width:470px;
	text-align:left;
}

header>div>nav>ul {
	vertical-align:top;
}

header>div>nav>ul>li {
	display:inline-block;
	position:relative;
	margin-right:50px;
}

header>div>nav>ul>li:last-child {
	margin-right:0;
}

header>div>nav>ul>li>a,
header>div>nav>ul>li>label,
header>div>nav>ul>li>ul>li>a {
	color:#999;
	cursor:pointer;
	font-size:115%;
}

header>div>nav>ul>li>label:after {
	content:"▼";
	font-size:60%;
	position:absolute;
	top:1.6em;
	left:calc(50% - 0.3em );
}

header>div>nav>ul>li>input[type="checkbox"] {
	display:none;
}

header>div>nav>ul>li>ul {
	position:absolute;
	top:2.4em;
	left:0;
	display:none;
	z-index:10;
	width:8em;
	background-color:#FFF;
	border:1px solid #DEDEDE;
	border-top:0;
}

header>div>nav>ul>li>input[type="checkbox"]:checked+ul {
	display:block;
}

header>div>nav>ul>li>ul>li {
	height:2em;
	line-height:2em;
	padding-left:1em;
}




/** コンテンツ **/

/**** ad ****/


.ad728 { /* ad area for ads with 728px width */
	width:728px;
	margin: 20px auto;
	clear:both;
}

.ad728:last-child {
	margin-bottom:0;
}

.ad728 img {
	display:block;
}

#left_pane .ad728:first-child {
	margin-top:0px;
}

.ad300x2 {
	width:620px;
	margin:20px auto 20px auto;
}

.ad300x2>div {
	float:left;
	width:300px;
	margin-right:20px;
}

.ad300x2>div:last-child {
	margin-right:0px;
}


/*** right_pane ***/

#scroll_follow_block {
	position:relative;
}

#right_pane div.ad300, #right_pane div.block {
	width:300px;
	margin-bottom:17px;
}

#right_pane div.side_cont,
#right_pane div.block_body {
	width:280px;
	padding:0 10px;
	margin-bottom:17px;
}

#right_pane .compass-fit-ad {
	width:280px;
	margin:0 10px;
}

#right_pane div.ad300 {
	text-align:left;
	background-color:#f1f1f1;
}

#right_pane div.ad300>div {
	margin: 0 auto;
}

#right_pane div.ad300>a, #right_pane div.ad300>a>img{
	margin:0 auto;
	display:block;
	height:250px;
}

#right_pane div.block h4 {
	width:283px;
	height:33px;
	background:#9DAFDF;
	display:block;
	color:#ffffff;
	font-weight:bold;
	font-size:18px;
	line-height:33px;
	padding-left:17px;
	margin-bottom:10px;
}

/** フッター  **/
footer {
	width:100%;
	padding:15px 0;
	text-align:center;
	border-top:1px solid #FF9A55;
	position: relative;
}

footer ul.links {
	margin-bottom:1em;
}

footer ul.links > li {
	display:inline;
	font-size:15px;
}

footer ul.links > li a {
	color:#8a8a8a;
	padding:0 1em;
}

footer ul.links > li:before {
  content:" |  ";
  color:#8a8a8a;
}

footer ul.links > li:first-child:before {
  content:"";
}

footer div#copyright { color:#8a8a8a; }



/* side ranking*/

ul.side_ranking li {
    zoom: 100%;
    margin-bottom:5px;
    padding-bottom:5px;
    border-bottom:1px solid #D7D7D7;
}
ul.side_ranking li:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}


ul.side_ranking li em {
	font-size:1.2em;
	font-weight:bold;
	float:left;
	width:1.5em;
}

ul.side_ranking li:nth-child(1) em,
ul.side_ranking li:nth-child(2) em,
ul.side_ranking li:nth-child(3) em { color:#AA0000; }

ul.side_ranking li a.image {
	width:80px;
	margin-right:6px;
	vertical-align:top;
	float:left;
	text-align:center;
}

ul.side_ranking li span.date {
	display:block;
	text-align:right;
	color:#555;
}



ul.side_topics_list li {
	padding:6px 0 4px 8px;
	background:url(http://www.recordchina.co.jp/images_PC/ic_tri_right.gif) left 12px no-repeat;
	border-bottom:1px solid #D7D7D7;
}

/* ページトップのメッセージ枠 */
.msg_box1 {
	border: 2px solid #e04433;
	border-radius: 4px;
	margin:  1em auto;
	padding: 1em;
	position: relative;
	width: 800px;
}
.msg_box1::before {
	background-color: #fff;
	color: #e04433;
	content: "緊急のお知らせ";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -0.7em;
}

.msg_box2 {
	border: 2px solid #3344e0;
	border-radius: 4px;
	margin:  1em auto;
	padding: 1em;
	position: relative;
	width: 800px;
}
.msg_box2::before {
	background-color: #fff;
	color: #3344e0;
	content: "お知らせ";
	font-weight: bold;
	left: 1em;
	padding: 0 .5em;
	position: absolute;
	top: -0.7em;
}


/* アンケート(20150622added) */

div.side_cont.enq .enq_now .enq_head {
	display:block;
	float:left;
	width:50px;
	font-size:80%;
	color:#FFFFFF;
	background-color:#0C57F2;
	margin-right:10px;
	text-align:center;
	margin-top:.7em;
}

div.side_cont.enq .enq_now .enq_title {
	width:240px;
	display:block;
	float:left;
	color:#0030C1;
}

div.side_cont.enq .enq_now .enq_description {
	margin-top:8px;
}

div.side_cont.enq .enq_now .enq_count {
	text-align:right;
	font-weight:bold;
	color:#000;
	margin-top:8px;
	cursor:pointer;
}

div.side_cont.enq .enq_now a.enq_vote { /* a */
	width:137px;
	display:block;
	line-height:37px;
	padding-left:115px;
	height:37px;
	background:url(http://img.recordchina.co.jp/images_PC/bt_enq_vote.png);
/*	background:url(./images_PC/bt_enq_vote.png);*/
	margin:8px auto;
	border:none;
	cursor:pointer;
}

div.side_cont.enq .enq_now button.enq_vote { /* button */
	width:252px;
	display:block;
	text-align:left;
	font-weight:bold;
	color:#2c3e6c;
	line-height:37px;
	padding-left:115px;
	height:37px;
	background:url(http://img.recordchina.co.jp/images_PC/bt_enq_vote.png);
/*	background:url(./images_PC/bt_enq_vote.png);*/
	margin:8px auto;
	border:none;
	cursor:pointer;
}

div.side_cont.enq .enq_now button.enq_vote:hover {
	text-decoration:underline;
}

div.side_cont.enq .enq_past {
	border-top:1px solid #d7d7d7;
	padding:8px 0 0 0;
	margin:8px 0 0 0;
}

div.side_cont.enq .enq_past li {
	border-bottom:1px solid #d7d7d7;
	padding-bottom:8px;
	margin-bottom:8px;
}


div.side_cont.enq .enq_past .enq_head {
	display:block;
	float:left;
	width:50px;
	font-size:80%;
	color:#FFFFFF;
	background-color:#6C6C6C;
	margin-right:10px;
	text-align:center;
	margin-top:.7em;
}

div.side_cont.enq .enq_past .enq_title {
	width:240px;
	display:block;
	float:left;
	color:#0030C1;
}

div.side_cont.enq .enq_list {
	margin-left: 70px;
	border-style: solid ;
	border-width: 1px;
	padding: 5px 2px 2px 2px;
	width: 150px;
	border-color: #0C57F2;
	color: green;
	background-color: lavender;
	text-align:center;
	margin-bottom:8px;
}

/* rc_dlg */
.rc_dlg {
	position:absolute;
	display:none;
}

ul#search_selector_chip {
    background-color: #e0e0e0;
    border: 1px solid #888888;
    z-index: 100;
}
ul#search_selector_chip li {
    background-color: #e0e0e0;
    padding: 0 5px;
    text-align: left;
}
ul#search_selector_chip li a {
    color: #202020;
}
ul#search_selector_chip li:hover {
    background-color: #ffffff;
}
ul#search_selector_chip li a:hover {
    color: #0000ff;
    text-decoration: none;
}

/* ニュース一覧系ページ */
/***** 1 トップ */

/* 最上部 TOPICS */

#top_topics_block {
	width:100%;
}

#top_topics_block h1 {
	font-size:160%;
	line-height:1em;
	margin-bottom:0.5em;
	display:block;
	height:1em;
}

#top_topics_block>section {
	display:block;
	margin-right:20px;
	margin-bottom:0px;
	float:left;
	width:332px;
	height:207px;
}

#top_topics_block .big_photo {
	width:332px;
	height:207px;
	display:block;
}

#top_topics_block .big_photo a {
	width:400px;
	height:250px;
	overflow:hidden;
	position:relative;
	background-color:#DFDFDF;
	display:block;
	background-position: center center;
	background-size: contain;
	background-repeat: no-repeat;
}

#top_topics_block .big_photo a img {
	display:block;
	max-width:332px;
	max-height:207px;
	position:absolute;
	margin:auto;
	top:-500px;right:-500px;bottom:-500px;left:-500px;
}

#top_topics_block .big_photo a h2 {
	position:absolute;
	bottom:0;
	left:0;
	background-color:rgba(0,0,0,0.4);
	color:#FFF;
	width:100%;
	padding:5px;
	margin-bottom:5px;
	height:1.6em;
	line-height:1.6em;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space:nowrap;
	display:block;
	font-weight:normal;
	font-size:14px;
}

#top_topics_block .big_photo ul {
	position:absolute;
	bottom:0px;
	right:8px;
}

#top_topics_block .big_photo ul li {
	display:inline;
	color:#FFF;
	font-size:12px;
}

#top_topics_block .big_photo ul li:first-child {
	color:red;
}


/* topics right */
#top_topics_block ul.topics {
	width:calc(100% - 416px);
	height: 250px;
	float:right;
	display:block;
}

#top_topics_block ul.topics li {
	display:block;
	margin-bottom:0.6em;;
}

#top_topics_block ul.topics li a {
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	white-space:nowrap;
	width:100%;
	height:1.3em;
	line-height:1.8em;
	font-size:16px;
}


/* 2pane news list */

#top_category_block {/* リスト用2pane枠。再利用可能 */
	zoom: 100%;
}

#top_category_block:after {
	content: "";
	clear: both;
	height: 0;
	display: block;
	visibility: hidden;
}

#top_category_block>section {
	margin-right:60px;
	margin-bottom:60px;
	float:left;
	width:400px;
}

#top_category_block>section:nth-of-type(2n) {
	margin-right:0px;
}

#top_category_block>section:nth-of-type(2n + 1) {
	clear:left;
}

#top_category_block>section>h2 {
	margin-bottom:10px;
}

#top_category_block>section>article {
	position:relative;
	margin-bottom:10px;;
}

#top_category_block>section>article>a:first-child {
	display:block;
	width:160px;
	height:120px;
	background-color:#DFDFDF;
	background-repeat:no-repeat;
	background-position:center center;
	background-size:contain;
	float:left;
	margin-right:8px;
}

#top_category_block>section>article>a+h3 {
	font-size:16px;
	line-height:1.3em;
	margin-bottom:0.5em;
}

#top_category_block>section>article>p {
	display:inline;
	line-height:1.3em;
	color:#999;
}

#top_category_block>section>article>p>a.detail {
	color:#09F;
	margin-left:10px;
	display:inline-block;
}

#top_category_block>section>article + ul {
	clear:left;
}

#top_category_block>section>article + ul li {
	width:100%;
	line-height:1.6em;
}

#top_category_block>section>article + ul li a:before {
	content:"・";
}

#top_category_block>section>article + ul li a {
	white-space:nowrap;
	display:block;
	overflow:hidden;
	text-overflow:ellipsis;
	color:#666;
	font-size: 16px;
	line-height: 1.5em;
}

#top_category_block>section>article + ul li a:hover {
    color: #0000ff;
    text-decoration: underline;
}




/* もっと見るボタン */

div.bt_readmore_box {
	text-align:right;
}

div.bt_readmore_box a.bt_readmore {
	background-color:#FE9619;
	color:#FFFFFF;
	padding:4px 8px;
	font-weight:bold;
}



/***** right person list */

#right_pane div.block h4 a {
	color:#FFFFFF;
}

#right_pane div.side_cont.topics,
#right_pane div.side_cont.sns {
	padding:0 0 10px 0;
}

ul.side_topics_list {
	display:block;
	padding-left:10px;
	width:280px;
}

ul.side_topics_list li {
}

.person_topics {
	width:100%;
	margin:5px 0;
	border-bottom: solid 1px #aaaaaa;
}

.person_topics:first-child {
	padding-top:10px;
}

.person_topics .photo_block {
	margin-right:10px;
	float:left;
	width:63px;
	height:63px;
	position:relative;
}

.person_topics .photo_block img.photo {
	display:block;
	width:63px;
	height:63px;
}

.person_topics .photo_block div.mask {
	display:block;
	width:63px;
	height:63px;
	position:absolute;
	top:0;
	left:0;
	background:url(../images/mask_personal_ss.png);
}

.person_topics .info_block {
	float:left;
	width:290px;
	margin-bottom:5px;
}

.person_topics .info_block h3 {
	font-size: 13px;
	font-weight:normal;
	color:#000000 !important;
	margin-top:2px;
	margin-bottom:2px;
	line-height:1.4em;
	padding-right:8px;
}

.person_topics .info_block .basic_info {
	font-weight:bold;
}

.person_topics .info_block .basic_info span {
	margin-right:8px;
}

.person_topics .info_block .basic_info span:last-child {
	margin-right:0px;
}

/* popIn cancel */
#_popIn_category_ranking ._popIn_recommend_art_title {
	width:180px !important;
}

._popIn_recommend_header {
	display:none;
}