@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;}

.wh, .news_source>a {color:#ffffff !important;}
.wh:hover,
.news_source>a:hover {color:#8ECDF0 !important;}

a.gr, .gr a { color:#8b8b8b !important; }
a.gr:hover, .gr a:hover { color:#5C81D6 !important; }

a.re { color:#EC0702 !important; }
a.re:hover{ color:#EA6660 !important; }

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;

}

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;
}

.rad7 {
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;

}

.hover_opa80:hover {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none;
}

.bt_whitegray { /* 「コメントを書く」「送信」ボタン などの背景色 */
	background: #e5e5e5; /* Old browsers */
	background: -moz-linear-gradient(top,  #e5e5e5 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5e5e5), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e5e5e5 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #e5e5e5 0%,#cccccc 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5e5e5', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */

}

.bt_whiteblue {
	background: #d5ebf9; /* Old browsers */
	background: -moz-linear-gradient(top,  #d5ebf9 0%, #bed3e1 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#d5ebf9), color-stop(100%,#bed3e1)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #d5ebf9 0%,#bed3e1 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #d5ebf9 0%,#bed3e1 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #d5ebf9 0%,#bed3e1 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #d5ebf9 0%,#bed3e1 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d5ebf9', endColorstr='#bed3e1',GradientType=0 ); /* IE6-9 */
}

/* main layout */

body { background-color:#ffffff; }

#container {
	margin:0 auto;
	width:1200px;
	height:100%;
	padding-left:10px;
}

#header {
	width:1200px;
	height:100px;
	border-bottom:10px solid #1b3a8c; /* キーカラー：群青色 */
	margin:0;
	position:relative;
	background:url(../images/header_logo.png) center center no-repeat;
}

#contents {
	width:1200px;
	margin:0 0 17px 0;
	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 0px 0;
	float:left;
}

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


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

/** ヘッダー  **/

a#logo {
	display:block;
	width:210px;
	height:100px;
	position:absolute;
	margin:auto;
	top:0px; left:0px; bottom:0px; right:0px;
}

div#menu_button {
	width:100px;
	height:20px;
	background:url(../images/bt_menu.jpg) left top no-repeat;
	position:absolute;
	left:10px;
	top:60px;
	cursor:pointer;
	
	-webkit-animation: switchtext 0.5s infinite alternate;
	-moz-animation: switchtext 0.5s infinite alternate;
	animation: switchtext 0.5s infinite alternate;
	
}

@-webkit-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@-moz-keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0; }
}
@keyframes switchtext {
 from { opacity: 1.0; }
 to { opacity: 0.2; }
}




div#menu_button.opened {
	background-position:left bottom;
}


#searchbox {
	position:absolute;
	right:10px;
	bottom:10px;
	background:url(../images/bg_header_search.png) left top no-repeat;
	width:350px;
	height:45px;
}

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

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

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

/* menu */
#menu_base {
	background:url(../images/bg_menu_body.jpg) left top repeat-x #e8e8e8;
	width:1200px;
	text-align:left;
}

#menu_upper {
	padding:40px;
	width:1120px;
}

ul#menu01 {
	display:block;
	margin-bottom:40px;
}

ul#menu01 li {
	background-color:#1b3a8c;
	padding:3px 8px;
	display:inline;
	margin-right:15px;
}

ul#menu02>li {
	float:left;
	display:block;
	width:185px;
	border-left:1px solid #1b3a8c;
}

ul#menu02>li:first-child {
	border:0;
	width:186px;
}

ul#menu02>li>ul {
	margin-left:40px;
}

ul#menu02>li>ul:first-child {
	margin-bottom:20px;
}

ul#menu02>li>ul>li {
	padding-left:16px;
	line-height:20px;
}

ul#menu02>li>ul>li.cat_big {
	background:url(../images/ic_cap01.png) left center no-repeat;
	font-size:120%;
	font-weight:bold;
	line-height:26px;
}

ul#menu03 {
	background-color:#9DAFDF;
	width:1200px;
	height:40px;
	display:block;
}

ul#menu03>li {
	font-size:120%;
	height:40px;
	line-height:40px;
	padding-left:15px;
	background:url(../images/ic_cap03.png) left center no-repeat;
	display:block;
	float:left;
	width:165px;
	margin-left:50px;
	text-shadow: 3px 2px 2px rgba(60, 60, 60, 1);
}

/** コンテンツ **/

/*** common ***/
.bl,
.bl a,
.title,
#top_topics_block .right_block ul.topics li a,
#news_top_block .right_block div.headline a,
#news_top_block .right_block ul.topics li a,
.right_block .headline a,
.right_block ul.topics li a,
ul.news_list li a,
#news_source h2 a
 {/* title link color ( black )*/
	color:#000000;
	word-wrap:break-word;
	overflow-wrap:break-word;
}

.bl:hover,
.bl a:hover,
.title:hover,
#top_topics_block .right_block ul.topics li a:hover,
#news_top_block .right_block div.headline a:hover,
#news_top_block .right_block ul.topics li a:hover,
.right_block .headline a:hover,
.right_block ul.topics li a:hover,
ul.news_list li a:hover,
#news_source h2 a:hover
 {/* title link color ( black )*/
	color:#1b3a8c;
}

.ulblue {
	border-bottom:2px solid #B5E2DF;
}

.ulblue:last-of-type {
	border:0;
}

.ulgray {
	border-bottom:1px solid #D7D7D7;
}

.ulgray:lastof-type {
	border:0;
}

.frame {
	overflow:hidden;
	position:relative;
}

.frame>img {
	display:block;
	position:absolute;
	margin:auto;
	top:-500px;right:-500px;bottom:-500px;left:-500px;
}

.frame.top>img {
	display:block;
	position:absolute;
	margin:0 auto;
	top:0;
	bottom:0;
}

.frame.bottom>img {
	display:block;
	position:absolute;
	margin:auto;
	margin-bottom:0;
	top:0;
	bottom:0;
}

/* 上部ページナビゲーション */
ul.hit_result {
	display:block;
	margin:40px 0;
	width:100%;
	height:1em;
	position:relative;
}

ul.hit_result li:last-child {
	position:absolute;
	right:0;
	top:0;
}

ul.hit_result li:last-child span {
	color:#CCCCCC;
}

/* 下部ページナビゲーション */

ul.pagenav {
	display:block;
	margin:40px auto;
	text-align:center;
}

ul.pagenav li {
	display:inline-block;
}

ul.pagenav li>a {
	padding:5px 10px;
	border:1px solid #999999;
	margin-right:10px;
}

ul.pagenav li>a:last-child {
	margin-right:0;
}

ul.pagenav li.now a {
	background-color:#ec0702;
	border-color:#ec0702;
	color:#ffffff;
}

ul.pagenav li a:hover {
	background-color:#EA7775;
	border-color:#EA7775;
	color:#ffffff;
}

ul.pagenav li.far:first-child:after {
	content:" ... ";
}

ul.pagenav li.far:last-child:before {
	content:" ... ";
}

/**** bread crumb ****/
ul#bc {
	margin-bottom:10px;
}

ul#bc > li {
	display:inline;
	font-size:140%;
	font-weight:bold;
}

ul#bc > li:first-child {
	padding-left:20px;
	background:url(../images/ic_bc_cap.gif) left center no-repeat;
}

ul#bc > li:before {
  content:" > ";
}

ul#bc > li:first-child:before {
  content:"";
}

/**** ad ****/


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

div.ad728:last-of-type {
	margin-bottom:0;
}

div.ad728 img {
	display:block;
}

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

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

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

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

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

div.ad970:last-of-type {
	margin-bottom:0;
}

div.ad970 img {
	display:block;
}



/*** 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_block {
	width:100%;
	padding:35px 0;
	text-align:center;
	border-top:1px solid #1b3a8c;
	position: relative;
	margin-top:40px;
	background-color: white;
}

#footer ul.links {
	margin-bottom:4px;
}

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

#footer ul.links > li a { color:#8a8a8a; }

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

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

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



// ↓add 2016.4.5 taka


/* 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://img.recordchina.co.jp/images/ic_tri_right.gif) left 12px no-repeat;
	border-bottom:1px solid #D7D7D7;
}



/* アンケート(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/bt_enq_vote.png);
#	background:url(./images/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/bt_enq_vote.png);
#	background:url(./images/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:#0C57F2;
	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;
}


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

div.side_cont div.bt_readmore_box {
	text-align:right;
}

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

/* 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;
}



/* ページトップのメッセージ枠 */
.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;
}




.youtube-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}
.youtube-container iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}