@charset "utf-8";
/* ******************
 china.css
      /china/配下のみのcss

 旧SPCのみで使用されていたcss
 汎用的に使用する可能性の高いものはcommon.cssに追加すること

 ******************** */
/* ニュースエリア タブ(中国のみ） */
ul#tabNav { display: none;}

@media screen and (max-width: 480px) {
	#china #newsArea #panels h2,
	#china #newsArea #panels h3 { display: none;}
	#china #newsArea #panels .boxList { box-shadow: none; margin-top: 0; border: none;}
	#china #newsArea #panels .boxList ul li:first-child { border-top: none; }
	ul#tabNav span { position: absolute; text-align: center; font-size: 1.6em; line-height:1.4em; width: calc(100vw - 40px); color:#FFF !important; font-weight:bold}
	ul#tabNav {
		display:block; overflow: hidden; padding:10px 10px 0; 
		background: -webkit-gradient(linear, left top, left bottom, from(#19b3e3), to(#0b9dcb));
		background: -moz-gradient(linear, left top, left bottom, from(#19b3e3), to(#0b9dcb)); border-bottom: none; border-radius: 8px 8px 0 0; }
	ul#tabNav li { float:left; display:block; width:50%; text-align:center; }
	ul#tabNav li {  font-size:1em; line-height:1.4em; height:18px; color:#FFF !important; font-weight:bold; padding:10px 0;}
	ul#tabNav li a { color:#FFF; pointer-events: none; }
	ul#tabNav li.active{ background:#FFF; border-top-left-radius: 8px; -webkit-border-top-left-radius: 8px; -moz-border-top-left-radius: 8px; border-top-right-radius: 8px; -webkit-border-top-right-radius: 8px; -moz-border-top-right-radius: 8px}
	ul#tabNav li.active a{ color:#333 !important;}

	#panels > div {display: none; opacity: 0; }
	#panels > div.show { display: block;  animation: panel-show .7s ease-in-out forwards; }
	/* パネル切り替えのアニメーション */
	@keyframes panel-show { from { opacity: 0; } to { opacity: 1; } }
}

#china #boxListNew.boxList:after { display: block; content:""; clear: both;l }
#china #boxListNew.boxList ul { display: block; float: left; clear: none; }
#china #boxListNew.boxList ul + ul { float: right; }
#china #boxListNew.boxList ul li { width: 325px; padding: 10px 0px; border-top: 1px solid #ccc}

/* 横幅480px以下 */
@media screen and (max-width: 480px) {
	#china #boxListNew.boxList ul li  { width: 100%; }
	#china #boxListNew.boxList ul + ul { display: none; }
	#contents #newsArea { position: relative; float: none; width: auto; margin: 15px 0; padding: 0; border: 1px solid #ccc; border-radius: 8px; box-shadow: 0px 0px 3px 3px #ddd; background: #fff; }

}
/* テーブル用 */
table { line-height: 180%;}
.table1 { margin: 25px auto 30px; }
.table1 .capt_title   { font-weight: bold; font-size: 1.0em; text-align: center; }
.table1 .item_title   { background-color: #cbd8ff; font-size: 1.0em; text-align: center; }
.table1 .item_title1  {            color: #cbd8ff; font-size: 1.0em; text-align: center; }
.table1 .item_title2  { background-color: #b3c6fd; font-size: 1.0em; text-align: center; }
.table1 td {padding: 3px; vertical-align:middle}
.table1 th,
.table1 td { border:1px solid #CCC !important;}
.table1 .capt_b_r     { font-weight: bold; font-size: 0.85em; text-align: right; }
.table1 .capt_b_l     { font-weight: bold; font-size: 0.85em; text-align: left; }
.table1 .capt_b_c     { font-weight: bold; font-size: 0.85em; text-align: center; }
.table1 .capt_l       { font-size: 0.85em; text-align: left; }


/* index banner */
.index_banner{ clear: both; margin-bottom: 10px; padding: 10px; border: 1px solid #eee; background: #f6f5f5; }
.index_banner .img_banner{ float: right; display: block; margin: 0px 0px 10px 20px !important; }


/* 横幅480px以下 */
@media screen and (max-width: 480px) {
	.table1 { padding:0px !important; width:95% !important; max-width:95% !important; background:none !important}
	.table1 .capt_title { text-align:left}
	.table1 td { width:auto}

	/* テーブル用 */
	.table1 { margin: 25px auto 30px; font-size: 1.0em; }
	.table1 .capt_title   { font-weight: bold; font-size: 1.0em; text-align: center; }
	.table1 .item_title   { background-color: #cbd8ff; font-size: 1.0em; text-align: center; }
	.table1 .item_title1  {            color: #cbd8ff; font-size: 1.0em; text-align: center; }
	.table1 .item_title2  { background-color: #b3c6fd; font-size: 1.0em; text-align: center; }
	.table1 .capt_b_r     { font-weight: bold; font-size: 0.85em; text-align: right; }
	.table1 .capt_b_l     { font-weight: bold; font-size: 0.85em; text-align: left; }
	.table1 .capt_b_c     { font-weight: bold; font-size: 0.85em; text-align: center; }
	.table1 .capt_l       { font-size: 0.85em; text-align: left; }
}


.table2 { margin:0; padding:0; background: none !important;}
.frame { border: 2px solid #ccc !important; margin:20px 0 !important; padding:10px 15px;}
.frame h4 { padding-bottom:.8em}
.frame ul,.frame ul.list_cc ,.frame ul.list_sq,.frame ul.list_ln{ margin: 0 !important; }
.frame ul li { padding-right: 0 !important; }
.mr_frame { border: #999 solid 1px; font-size:1.1em; line-height: 1.8em; margin: 20px; padding: 15px;}
.title_blue2 { background: none !important; margin-bottom: 0px !important; margin-right: 0; text-indent: 10px; vertical-align: top;}
ul.list_ln { padding-bottom:10px; padding-top: 10px;}
.list_none li { list-style-type: none !important; list-style-image: none !important;}


@media screen and (max-width: 480px) {
	.story { padding:0px !important; width:100% !important; max-width:100% !important; background:none !important}
	.frame { border: 2px solid #ccc !important; margin:20px 0 !important; padding:10px;}
	.mr_frame { border: #999 solid 1px; font-size:1.1em; line-height: 1.8em; margin: 20px 0; padding: 15px;}
	.title_blue1  { font-size:.8em ; height:auto}
	.title_blue_sq2,
	.title_blue2,
	.title_contents1 { height:auto; margin-bottom: 0px !important; }
	.author_contents { margin-bottom: 20px; text-align: left;}
	#profile { margin: 0 0 15px 0 !important;}
}


.list-anchors {}
.list-anchors ul { list-style: none; display: flex; flex-wrap: wrap; margin-left: 0 !important;}
.list-anchors ul li { list-style: none; margin: 0 1em 0 0; }
.list-anchors ul li a {
	display: inline-block; padding: 5px; border-radius: 5px; color: #fff; background: #069; color: #fff !important; }
.list-anchors ul li a:hover { text-decoration: none !important; background-color: #09c; }

#centerBlockInner h2.gray_belt:first-of-type {margin-top: 0 !important;}
#centerBlockInner h2.gray_belt { background: #666; color: #fff; border-left: none; margin-top: 3em !important; }
#centerBlockInner p.headline3 { font-weight: bold; font-size: 16px; margin: 1.5em 0 0.5em; }
ul.horizont { display: flex; flex-wrap: wrap; margin-bottom: 1em; margin: 1em 0 1.5em !important;}
ul.horizont li { display: flex; }
#centerBlockInner .uniorg-pic img{ width: 100%; height: auto; max-width: 640px !important; }

.box-link {border:1px solid #333; padding: 5px 10px;}
.link-button { width: 80%; margin: 1em auto 2em !important;}
.link-button a { display: block; border: 1px solid #ccc; pasding: 5px; text-align: center;}
.list-resource { margin-top: 3em;}
.story .list-resource ul { display: flex; flex-wrap: wrap; margin-left: 0 !important;}
.story img { padding:4px 0; }
.story a img { padding:0; }
.list-resource ul li { width: calc(50% - 10px); list-style: none; margin-left: 0;}
.list-resource ul li:nth-child(even) { margin-left: 20px;}
.list-resource ul li a {
	position: relative; display: block; border: 1px solid #ccc; padding: 0.5em;
	text-align: center; font-weight: bold; font-size: 1.2em;}
.list-resource ul li a:hover { background: #eee; }
.list-resource ul li a:after {
	position: absolute; top: 0; bottom: 0; left: calc(50% - 6.5em);
	display: block; width: 10px; height: 10px; border: 4px solid red; margin: auto; border-radius: 50%; content:"";}
.list-resource ul li.policy a:after { border-color: #E04358; }
.list-resource ul li.sciencetech a:after { border-color: #612D8A; }
.list-resource ul li.cooperation a:after { border-color: #12A4E2; }
.list-resource ul li.education a:after { border-color: #FB687C; }
.list-resource ul li.economy_industry a:after { border-color: #F59D2B; }
.list-resource ul li.environment_energy a:after { border-color: #0FA58B; }
.list-resource ul li.intellectual_property a:after { border-color: #0F30A5; }
.list-resource ul li.univorg a:after { display: none; }
.list-resource ul li.univorg a { text-align: center; }

/* uniorg */
table.uniorg-data { width: 100%; border-collapse: collapse; line-height: 180%; }
table.uniorg-data th { padding: 5px; border: 1px solid #777; font-weight: bold; background: #ccc; white-space: nowrap; vertical-align: top; }
table.uniorg-data td { padding: 5px; border: 1px solid #777; }
table.uniorg-data .no-border-bottom { border-bottom: none; padding-bottom: 0;}
table.uniorg-data .no-border-top { border-top: none; padding-top: 0; }
table.uniorg-data .lng_en { padding-left: 4.1em;}

table.uniorg-data .nowrap{ white-space: nowrap; }
table.uniorg-data tr td span.uni { padding: 2px 4px; border: 1px solid #ce0000; border-radius: 5px; color: #ce0000; }
table.uniorg-data tr td span.dep { padding: 2px 4px; border: 1px solid #ce0000; border-radius: 5px; color: #ce0000; }
table.uniorg-data tr td span + span { margin-left: 5px;}
.uniorg-flex { display: flex; }
.uniorg-flex table { margin-right: -1px; border: 1px solid #777; }
.uniorg-flex .split { margin-left: 10px; }
.uniorg-flex table.uniorg-data tr th { display: block; margin-bottom: -1px; border: none; border-bottom: 1px solid #777; }
.uniorg-flex table.uniorg-data tr td { display: block; border: none; }

a.icon-blank { display: inline-block; padding-right: 20px; background: url(../images/blank.gif) no-repeat right 0.45em; }
a.icon-excel { display: inline-block; padding-right: 20px; background: url(../images/icon_excel_18.png) no-repeat right 0.3em; }

@media screen and (max-width: 480px) {
	table.uniorg-data tr th,
	table.uniorg-data tr td { display: block; margin-top: -1px; }
	table.uniorg-data .no-border-bottom { border-bottom: 1px solid #777; padding-bottom: 5px;}
	table.uniorg-data .no-border-top { border-top: 1px solid #777; padding-top: 5px; }
	table.uniorg-data .lng_en { padding-left: 5px; }
	.list-resource ul li a { font-size: 0.95em; }
	.list-resource ul li a:after { left: 5px; }
	.uniorg-flex { display: block; }
	.uniorg-flex table { margin-right: 0;}
	.uniorg-flex table.uniorg-data.split { margin-left: 0; margin-top: 10px; }
}
/*	ページネーション（JS単一ページページャー）
#pagenavi、spapでは使われていない可能性あり */


#pagenavi { text-align: center; }
#pagenavi  ul.pnavi { text-align: center; margin: 0; padding: 0; }
#pagenavi  ul.pnavi li {
	display: inline-block; margin: 0 2px; padding: 0;
	width: 3em; height: 2em; border: 1px solid #ddd;
	background:#FFF; text-align: center; position: relative; }
#pagenavi  ul.pnavi li a{
	position: absolute; top: 0; left: 0;
	display:table; width: 100%; height: 100%; padding: 0;
	vertical-align: middle; text-align: center; text-decoration: none; }
#pagenavi  ul.pnavi li a span{ display:table-cell; border: 0; border-collapse :collapse; border-spacing:0; vertical-align:middle; }
#pagenavi  ul.pnavi li a:hover,
#pagenavi  ul.pnavi li a.active{ color: #000 !important; background-color: #ccf; }

/* monthly.cssよりコラム＆リポート月別一覧の著者名部分の記述追加 */
.author_contents { color: #333; vertical-align: top; text-align: right; }

/* 古いコンテンツ　不要の可能性あり */
#out .text1{ font-size: 11px; font-weight: bold; color: #333; margin-top: -25px; margin-bottom: 10px; margin-left: 30px; }
.statistical_table { margin: 15px 25px 15px 25px; font-size: 0.85em; text-align: right; border: 2px solid #ccc; border-right-width: 1px; }
.statistical_table .item_title1 { color: #FFF; line-height: 1.4em; background-color: #0069a1; text-align: left; border-right: 1px; solid; #CCC; }
.statistical_table .sum { font-weight: bold; }
.statistical_table .item_title2 { background-color: #e9f0f3; text-align: left; border-right: 1px solid #CCC; }
.statistical_table td{ height: 1.5em; padding: 3px; border: none; border-right: 1px solid #CCC; }
.statistical_table .item_title3 { border-top: 1px solid #CCC; background-color: #0c79b3; line-height: 1.4em; }
.statistical_table .item_title4 { background-color: #0c79b3; }
.statistical_table .item_title5 { color: #FFF; line-height: 1.4em; background-color: #1989c4; text-align: left; border-right: 1px solid #CCC; border-top: 1px solid #CCC; }
.statistical_table  .capt_b_r{ font-weight: bold; font-size: 0.7em; text-align: right; }
.statistical_table  .capt_b_l{ font-weight: bold; font-size: 0.7em; text-align: left; }
.statistical_table  .capt_b_c{ font-weight: bold; font-size: 0.7em; text-align: center; }
.statistical_table  .capt_l{ font-size: 1.0em; text-align: left; }
.statistical_table .tfoot { background-color: #e5e5e5; }
.title_pen_s,
.title_book_s,
.title_report_s,
.title_notes  {
	margin-top: 15px !important;
	padding-left: 1.8em !important;
	border-bottom: 1px dashed #ccc;
	font-size: 2em; color: #333; background-repeat: no-repeat; background-position: left 3px; line-height: 1.0em; }
.title_pen_s    { background-image: url(../images/icon-pen.gif); }
.title_book_s   { background-image: url(../images/icon-bookalt.gif); }
.title_report_s { background-image: url(../images/icon-layers.gif); }
.title_notes_s  { background-image: url(../images/icon-notes.png); }


.title_black1 {
	line-height: 30px; text-indent: 10px; color: #ffffff; vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em; font-weight: bold; margin-bottom: 15px; margin-top: 10px;
	border-left: 6px solid #30ced8; background-color: #333333; }

/* 水色ライン、濃茶バック、白文字 */
.title_black2 {
	line-height: 30px; text-indent: 10px; color: #ffffff; vertical-align: middle;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 1.2em; font-weight: bold; margin-bottom: 15px; margin-top: 10px;
	border-left: 6px solid #30ced8; background-color: #373534; }



/* -layout2col_news_monthly.css- */
#centerBlockInnerRight {
	float: left;
	background-color: #EAEAEA;
	margin: 0 0 0 15px;
	width: 48%;
	border: 1px solid #CCC;
}

#centerBlockInner .centerBlockInnerBoxA {
	padding: 10px;
	margin: 10px 0;
	border-top: 1px solid #CCC;
}
#centerBlockInner .centerBlockInnerBoxB {
	padding: 15px 10px 0px 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #B3B3B3;
	background-color: #F0F0F0;
}
#centerBlockInner .centerBlockInnerBoxC {
	padding: 15px 10px 0px 10px;
	margin: 10px;
	border: 1px solid #B3B3B3;
	background-color: #FFF;
}
#centerBlockInner .centerBlockInnerBoxD {
	padding: 15px 10px 0px 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #096;
	background-color: #FFF;
}
#centerBlockInner .centerBlockInnerBoxE {
	padding: 15px 10px 0px 10px;
	margin: 10px 0 10px 0;
	border: 1px solid #B3B3B3;
	background-color: #FFF;
}
#centerBlockInner .tblCenter {
	margin:0;
	padding:0;
	text-align: center;
}
#centerBlockInner .boxPhotoAFl {
	margin: 5px 10px 10px 0;
	padding: 0px;
	text-align: center;
	float: left;
}
#centerBlockInner .boxPhotoAFr {
	margin: 5px 0 10px 10px;
	padding: 0px;
	text-align: center;
	float: right;
}



/* enjoy.css */
/* ことわざ　画像背景付ライン */
/* 正常に表示されていない可能性 */
.bg_line1 { background: url(../images/bg_line1.gif) repeat-x; background-attachment: fixed; display: block; height: 8px; margin-right: 15px; text-indent: 0.1em; }

/* ことわざ　笹タイトル */	
.title_sasa { margin-bottom: 10px; text-indent: 51px; font-weight: bold; background: url(../images/icon_sasa.gif) no-repeat left center; }

/* /enjoy/bookreview/で使用 */
.book_list { list-style-image: url(../images/icon_l_sq.gif); list-style-position: outside; margin-left: 30px; vertical-align: baseline; }
.name_bookreview{ font-weight: bold; font-size: 0.9em; text-align: right; }
.table_booklist{ border-collapse: collapse; }
.table_booklist tr{ border: 2px solid #FFF; }
.table_booklist tr td { padding:0px 8px; border: 2px solid #FFF; line-height: 180%; }


/* policy.css */
/* 記事 diagram用 */
.diagram1 { margin: 25px auto 30px; }
.diagram1 .image { border: 1px solid #999; }
.diagram1 img: after{ display: block; content: attr(title); }
.diagram1 .capt_title { font-weight: bold; font-size: 1.0em; text-align: center;  margin-bottom: 0px; }
.diagram1 .capt_b_r{ font-weight: bold; font-size: 0.7em; text-align: right; margin-bottom: 0px; }
.diagram1 .capt_b_l{ font-weight: bold; font-size: 0.7em; text-align: left;  margin-top: 0px; }
.diagram1 .capt_b_c{ font-weight: bold; font-size: 0.7em; text-align: center; margin-top: 0px; }
.diagram1 .capt_l{ font-size: 0.7em;  text-align: left; margin-top: 0px; }
.diagram1 .capt_c{  font-size: 0.8em; text-align: center; margin-top: -5px; }
.policy_title1 {
	background: url(../images/bg_blue3.gif) repeat-x;
	text-indent: 0.6em; vertical-align: middle; font-weight: bold; font-size: 1.2em; line-height: 1.6em;
	margin-bottom: 3px; border-bottom: 1px solid #006; border-left: 2px solid #006; }
.policy_form1{ background-color: #f1fafe; margin-bottom: 15px; padding: 10px; border-bottom: 1px solid #006; border-left: 2px solid #006; }
.policy_form1 h5 { font-weight: bold; }
.policy_title_bsq { font-size: 1.2em; font-weight: bold; color: #333; background: url(../images/icon_sq_blue.jpg) no-repeat left 5px; line-height: 25px; margin-bottom: 10px; padding-left: 20px; }
.policy_detail { margin-left: 15px; }
/* ↓未使用の可能性 */
.policyt_list_b_cc {
	list-style-type:circle;
	list-style-image: url(../images/icon_b_circle.gif);
	list-style-position:outside;
	margin-left: 15px; margin-bottom:10px; margin-left:30px; vertical-align: bottom ; }
	

/*------------------------------------------
 以下は旧event.cssのもの
 削除可能か要確認
------------------------------------------ */
#event .title_sq_blue2 {
	font-size: 13px;
	font-weight: bold;
	color: #333;
	background: url(../images/icon_sq_blue2.gif) no-repeat left 5px;
	margin-top: 15px;
	margin-left: 10px;
	height: 15px;
	text-indent: 20px; }
	
#event  .text1 { margin-left: 1em; }
#event  .text2 { margin-left: 1em; margin-top: -5px; }
#entry a img { transition: 0.3s ease-in-out; overflow:hidden; }
#entry a:hover img { opacity: 0.6; overflow:hidden; }

#leftBlockInner .archive_attention {
    margin-left: 45px;
}
#leftBlockInner .archive_attention h4 {
	color: #006;
	font-weight: bold;
	font-size: 14px;
	margin-top: 8px;
}
#leftBlockInner .archive_attention p {
	width: auto;
}

/*	右サイド不要画像削除用	*/
h3#reportAreaH3 {
    background: none;
}

/*	科学技術ニュースバックナンバー月タイトル	*/
#contents a.sidetop {
    color: #FFFFFF;
    text-decoration: none;
}

.centerBlockInnerBoxA + #centerBlockInnerLeft > #news_monlist > #MonthlyNewsHead { display: none; }