@charset "utf-8";
/* ===================================================================
 style info : ヘッダーやフッターなどサイト内共通
=================================================================== */

/* outline */
a {color: #017ba4 !important; text-decoration: none}
a:hover {color: #888 !important; text-decoration: underline}
body { background:#fff; color:#111}
.ie6 body { text-align:center;}
#container { width: 980px; margin: 0px auto; min-width:980px;}
#contents { clear: both; border-top: 4px solid #000; padding: 10px 0 30px; overflow: hidden; position:relative; background:none; z-index:1}
#centerBlock { padding: 0; width: 670px; float: left;}
#centerBlockInner {}
#centerBlockInnerVisualBox {}
/* add start 2011.4.1 by uga */
#centerBlockInner .messagebox {　padding: 20px}
/* add end 2011.4.1 by uga */

.sp {display: none;}
.pc {display: block;}

/* ヘッダー */
#header { padding:40px 0 0; position:relative; height:auto; background:none; height:auto; z-index:10}
h1 a{ width:362px; height:60px; display:block; background:url(../images/share/logo_head.png) no-repeat 0 0; text-indent:-9999px}
.toplogo { position:absolute; top:40px; right:0; }
.toplogo a {display: block; width: 148px; height: 30px; padding: 0 2px;
background: url(../images/share/logo_jst.png) no-repeat 50% 50% / 100% auto; text-indent: -9999px; }
#headerInnerSideNav { position:absolute; top:43px; right:160px;}
#headerInnerSideNavBoxSerch { height: 44px; width: 250px; background:#fff}
#headerInnerSideNavBoxSerch input{ width: 200px; *width: 175px; margin: 0; padding: 4px 10px; border:1px solid #ebedf0; background: #ebedf0; color: #333; font-size: 1.1em; vertical-align: middle;height: 16px}
#headerInnerSideNavBoxSerch button {overflow: hidden; width: 22px; height: 22px; margin: 0; padding: 0; border: 1px solid #000; background:#000 url("../images/share/search_btn.gif") no-repeat 50% 50%; text-indent: -9999px; vertical-align: middle; cursor:pointer}


/* エリアナビ */
.area_menu { padding: 10px 0;}
.area_menu ul { display: flex;}
.area_menu ul li { margin-right: 10px;}
.area_menu ul li a{ display: inline-block; min-width: 6em; padding: 5px; border-radius: 5px; text-align: center; color: #fff !important; font-weight: bold; }
.area_menu ul li.area01 a { border: 1px solid #ccc; background: #fff; color: #00C1E8 !important; }
.area_menu ul li.area02 a { border: 1px solid #ccc; background: #10AF34; }
.area_menu ul li.area03 a { border: 1px solid #ccc; background: #AF1018; }
.area_menu ul li.area04 a { border: 1px solid #ccc; background: #AF6010; }
.area_menu ul li.area05 a { border: 1px solid #ccc; background: #1058AF; }
.area_menu ul li.area06 a { border: 1px solid #ccc; background: #1094AF; }
.area_menu ul li.area00 a { border: 1px solid #ccc; background: #868686; }


/* メインナビ */
#nav {background: none;height:auto;text-align:left; z-index:9997 }
#navInner { border-right:1px solid #b3b3b3; width:100%}

/*   LEVEL ONE  */
ul.dropdown {
	position: relative;
	z-index:9998;
}	/* --dropdown-- */
ul.dropdown li {
	float: left;zoom: 1;
	border-left:1px solid #b3b3b3;
	padding:6px 5px;
}
ul.dropdown li:last-child {
	border-right:1px solid #b3b3b3;
}
ul.dropdown a:active {
	color: #43405a;
}
ul.dropdown li a {
	display: block;
	padding: 4px 10px;
	color: #000;
	text-decoration: none;
	border:0px;
	height:20px;
	text-indent:-9999px;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	background: #f5f5ee;
	color: black;
	position: relative;
	z-index:9999;
}
#nav01 ul li a, 
#nav02 ul li a, 
#nav03 ul li a, 
#nav04 ul li a, 
#nav05 ul li a, 
#nav06 ul li a, 
#nav07 ul li a, 
#nav08 ul li a, 
#nav09 ul li a, 
#nav10 ul li a {
	background:none;
	text-indent:0px;
	color:#333;
	width:auto;
}

/* LEVEL TWO  */
ul.dropdown ul {
	width: 260px;
	visibility: hidden;
	position: absolute;
	top: 100%;
	left: -1px;
	border-top: 0px solid #b3b3b3;
	z-index:10000;
}
ul.dropdown ul li {		
	color: #000;
	border-bottom: 1px solid #b3b3b3;
	border-left: 1px solid #b3b3b3;
	border-right: 1px solid #b3b3b3;
	float: none;
	background: #f5f5ee;
	font-size: .9em;
	line-height: 1.6em;
	padding:0px;
}
ul.dropdown ul li a {
	padding:4px 10px;
	border-right: none;
	width: 100%;
	display:block;
	height:auto;
}
ul.dropdown ul li a:hover { background:#dfdfd3 !important}
ul.dropdown ul li:last-child { border-right:1px solid #b3b3b3}
ul.dropdown ul ul { left: 100%; top: 0}
ul.dropdown li:hover > ul {		
	visibility: visible;
}

/* サブナビ */
#navSub { width: 685px;height:auto; float: left}
#navSub ul { overflow: hidden; padding: 0px 0 10px 4px}
#navSub ul li { display:inline; float:left}
/* mod start by uga 2018.4.27 */
/* #navSub ul li a{ display:block; padding:10px 14px; height:20px; text-indent:-9999px} */
#navSub ul li a{ display:block; padding:10px 9px; height:20px; text-indent:-9999px}
/* mod end by uga 2018.4.27 */
#navSub a:hover { text-decoration:none; background-color:#f5f5ee}

/* アイコン */
#headerInnerTopNav { float: right; width: 213px; background: none; height: auto; padding: 0; }
#headerInnerTopNav ul { overflow:hidden; float:right; padding: 2px 0 10px; text-align:left}
#headerInnerTopNav ul li { display:inline; float:left; overflow:hidden; padding:0 5px}
#headerInnerTopNav ul li a {
	display:block;
	padding:5px 2px;
	height:24px;
	text-indent:-9999px;
	border-bottom:2px solid #fff;
}

#headerInnerTopNav ul li#tn01 a {width: 50px; background:url(../images/share/tn01.png) no-repeat 50% 50%;}
#headerInnerTopNav ul li#tn03 a {width: 62px; background:url(../images/share/tn03.png) no-repeat 50% 50%;}
#headerInnerTopNav ul li#tn04 a {width: 59px; background:url(../images/share/tn04.png) no-repeat 50% 50%;}

#headerInnerTopNav ul li a:hover { border-bottom:2px solid #000}

/* 右カラム */
#rightBlock { float: right; width: 290px; padding: 0}
#rightBlockInner {}
#rightBlock h3 { text-indent: -9999px; height: 24px; padding-bottom: 4px}

/* オリジナルコンテンツ */
h3#originalAreaH3 { background: url("../images/share/h3_original.png") no-repeat 0 0;} 
#originalArea { margin: 0 0 0px; overflow: hidden }
#bannerArea { margin: 0 0 20px; overflow:hidden}
.originalCommon { width:50%; display:block; float:left; position:relative}
.originalCommon h4 { display:none}
.originalCommon .newmark { position: absolute; top:0px; left:3px; display:block; width:36px; height:18px; background: url("../images/share/newmark.png") no-repeat 0 0; text-indent:-9999px; z-index:10}
.originalCommon .bImg { padding:5px 0 0; text-align:center}
.originalCommon .bText { font-size: .9em; line-height:1.3em; color: #333; padding: 5px}
.originalCommon .bText a{}
.originalCommon .bText span { font-size: 0.9em; color: #666; padding: 5px 0; display: block}

/* フリーエリア */
/* 2013.10.10 add start by uga */
h3#freeAreaH3 { background: url("../images/share/h3_free.png") no-repeat 0 0;} 
/* 2013.10.10 add end by uga */
#freeArea { margin: 0; overflow:hidden}
.freeCommon { display:block; position:relative}
.freeCommon .newmark { position: absolute; top:0px; left:3px; display:block; width:36px; height:18px; background: url("../images/share/newmark.png") no-repeat 0 0; text-indent:-9999px; z-index:10}
.freeCommon .bImg { text-align:center; padding:5px 5px 0;}
.freeCommon .bText { font-size: .9em; line-height:1.3em; color: #333; padding: 5px}
/* add start by uga 2017.10.31 */
.freeCommon h5 {display:block; font-size: 1em; font-weight:bold; !important; margin-bottom:5px !important;}
/* add end by uga 2017.10.31 */

/* 中国関連ニュース関連リンク */
h3#reportAreaH3 { background: url("../images/share/h3_report.png") no-repeat 0 0;} 
#reportArea { margin: 5px 0 20px; background: #eaeaea; padding:10px 10px 5px}
#reportArea h4 { font-weight:bold; font-size:1.1em}
#reportArea ul { padding:10px 0; border-top: 1px solid #b6b5b5}
#reportArea ul.firstChild { padding:0px 0; border-top: none}
#reportArea ul li{ padding: 5px 0px}
#reportArea ul li span { display:inline-block; padding-right: 10px; font-size:1em; line-height:1.5em}
#reportArea p.midashi { font-weight:bold; font-size:.9em; margin-bottom:2px}
#reportArea p.sub { font-size:.9em; color:#333; padding:5px 0px}

/* 中国地域情報および地方ニュース */
h3#localAreaH3 { background: url("../images/share/h3_local.png") no-repeat 0 0;} 
#localArea { margin: 5px 0 10px; background: #eaeaea; padding:10px 10px 5px}
#localArea p.photo { margin:12px auto 10px; display:block; width:208px}
#localArea table.tblTopBaseA { width:100%; margin:0 auto 4px; text-align: center; font-size:1em}
#localArea table.tblTopBaseA tr { background-color: #fff; text-align: center}
#localArea table.tblTopBaseA td { padding:6px 3px; border-top:2px solid #eaeaea; border-left:2px solid #eaeaea}
#localArea p.attention { font-size:.8em; color:#666; text-align:right; padding:4px 8px}

/* アクセス数 */
#accessArea { margin: 5px 0 20px; border:5px solid #eaeaea; padding:5px 10px}
#accessArea p { text-align:center}

/* フッター */
#footer { clear: both; overflow: hidden; margin: 30px 0; padding: 15px 0; position: relative; height: auto; border-top: 4px solid #000; z-index:1; background:none}
#footer .footerLogo { position: absolute; top: 3px; left: 0px; width: 168px}
#footer .footerLogo a { display:block; width:148px; height:30px; background:url(../images/share/logo_footer.jpg) no-repeat 50% 50%; padding:10px 2px; text-indent:-9999px}
#footer p.copyright { position: absolute; top: 20px; right:0px; width:35%; font-size: .8em; padding: 0px; text-align:right}
#footerInnerNav { position: relative; right: 0; top: 0px; padding:5px; text-align:center; font-size:1em}
#footerInnerNav a { padding:5px; color:#666 !important}

/* page-top */
#page-top { position: fixed; bottom: 20px; right: 20px; z-index:3}
.ie6 #page-top { position:static; display:block; padding:0 20px 20px 0; text-align:right}
#page-top a { width: 60px; height:60px; display: block; background: url("../images/share/bg_pagetop.png") no-repeat 0 0; filter: alpha(opacity=100); -moz-opacity:1; opacity:1}
#page-top a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7}

/* old */
.ie6 #container { text-align:left;}
.ie6 #headerInnerSideNavBoxSerch,.ie7 #headerInnerSideNavBoxSerch { width: 260px}
.ie6 #contents,.ie6 #rcenterBlock,.ie6 #rightBlock,.ie7 #contents,.ie7 #rcenterBlock,.ie7 #rightBlock { z-index:1 !important}
.ie6 #nav,.ie7 #nav { z-index:9999 !important}
.ie6 h3#reportAreaH3 { clear:both}
.ie6 ul.dropdown li.hover, .ie6 ul.dropdown li:hover { background-color: none;}
.ie6 ul.dropdown ul { position: absolute; top: 100%; left: auto; }


/* ===================================================================
 style info : 横幅480px以下
=================================================================== */

@media screen and (max-width: 480px) {

/* outline */
a {color: #099ac8}
a:hover {text-decoration: none}
body { background:#eaeae9}
#container { width:inherit; max-width:640px; min-width:320px; overflow: hidden}
#contents { border-top: none; padding: 0px; background:none}
#centerBlock { float:none;width:auto; margin:0px; clear:both; overflow:hidden}

.pc {display: none;}
.sp {display: block;}

/* ヘッダー */
#header {
	background:#fff;
	padding:20px 0 40px 0 !important;
}

/* エリアナビ */
.area_menu { padding-bottom: 10px;}
.area_menu ul { display: flex; flex-wrap: wrap; width: 100%; justify-content: space-between; }

h1 { width:170px}
h1 a{ width:160px; height:30px; background:url("../images/share/logo_head_sp.png") no-repeat 0 0;margin-left:5px}
.toplogo { width: 38px; overflow: hidden; top: 10px; right: 5px;}
#headerInnerSideNav { width:150px; text-align:right; top:13px; right: 40px;}
#headerInnerSideNavBoxSerch { height: 30px; width: auto}
#headerInnerSideNavBoxSerch input{ width: 80px; font-size:.8em;}
#headerInnerSideNavBoxSerch button { width: 24px; height: 26px; margin-right: 10px}

/* メインナビ */
#nav { width:auto; background:#FFF; padding:10px 10px 0; clear:both; border-top:1px solid #ccc;}
#navInner { border-right:none}


/* サブナビ */
#navSub { float:none; clear:both; width:auto; background:#FFF; padding:0 10px 10px; border-bottom:none;
box-shadow: 0px 3px 3px 3px #ccc;-moz-box-shadow: 0px 3px 3px 3px #ccc;-webkit-box-shadow: 0px 3px 3px 3px #ccc}
#navSub ul { padding: 2px 0; display:inline-block; border:1px solid #ccc; border-top:0px;
border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px}
#navSub ul li { display:block}
#navSub ul li a{ padding:8px 8px; height:auto}
#navSub a:hover { background-color:#FFF}

/* アイコン */
/* mod start by uga 2017.10.31 */
/* #headerInnerTopNav { float:left; clear:both; width:190px; padding:0 15px;} */
#headerInnerTopNav { float:left; clear:both; width:195px; padding:0 10px;}
/* mod end by uga 2017.10.31 */
#headerInnerTopNav ul { float:none; padding: 0px 0 0px}
/* mod start by uga 2017.10.31 */
/* #headerInnerTopNav ul li { width:28px; margin-right: 5px} */
#headerInnerTopNav ul li { width:28px; padding:0; margin-right:5px; }
/* mod end by uga 2017.10.31 */
#headerInnerTopNav ul li a { border-bottom: none}
#headerInnerTopNav ul li a:hover { border-bottom:none}
/* add start by uga 2017.10.31 */
/* #headerInnerTopNav ul li#tn01 {width: 75px;} */
/* add end by uga 2018.10.31 */
/* add start by uga 2018.11.28 */
#headerInnerTopNav ul li#tn01 {width: 50px;}
#headerInnerTopNav ul li#tn03 {width: 62px;}
#headerInnerTopNav ul li#tn04 {width: 59px;}
/* add end by uga 2017.11.28 */


/* メインナビ - スマホのときにページ下部に出る方   */
#contents #nav {
	width:auto;
	background:#FFF;
	padding:10px 10px 0;
	clear:both;
	border-top:1px solid #ccc;
}
#contents #navInner {
	border-right:none;
	margin-bottom: 8px;
}
#contents ul.dropdown {
	border:none;
	overflow:hidden;
	padding:5px 0;
	border-top-left-radius: 6px;
	-webkit-border-top-left-radius: 6px;
	-moz-border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	-webkit-border-top-right-radius: 6px;
	-moz-border-top-right-radius: 6px;
}
#contents ul.dropdown li {
	border-left:none;
	padding:0px;
	width:100vw;
	border-top: 1px solid #ccc;
}
#contents ul.dropdown li:last-child {
	border-right:none;
}
#contents ul.dropdown li a {
	padding: 0.8em;
	font-size:1em;
	font-weight:bold;
	height:auto;
}

ul.dropdown li:hover > ul {		
	visibility: hidden;
}


/* サブナビ - スマホのときにページ下部に出る方  */
#contents #navSub { float:none; clear:both; width:auto; background:#FFF; padding:0 10px 10px; border-bottom:none; box-shadow: 0px 0px 0px 0px #ccc;-moz-box-shadow: 0px 0px 0px 0px #ccc;-webkit-box-shadow: 0px 0px 0px 0px #ccc}
#contents #navSub ul { padding: 2px 0; display:inline-block; border:none; border-top:0px; border-bottom-left-radius: 6px; -webkit-border-bottom-left-radius: 6px; -moz-border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -moz-border-bottom-right-radius: 6px}
#contents #navSub ul li { display:block}
#contents #navSub ul li a{ padding:0px 8px 0; height:auto}
#contents #navSub a:hover { background-color:#FFF}

/* アイコン - スマホのときにページ下部に出る方 */
#contents #headerInnerTopNav { float:none; clear:both; display: block; width:90%; padding:5px 15px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}

/* mod start by uga 2017.10.25 */
/* #contents #headerInnerTopNav ul { float:none; padding: 0px 0 0px; width: 50%; margin:0 0 auto;} */
#contents #headerInnerTopNav ul { float:none; padding: 0; margin:0;}
/* mod end by uga 2017.10.25 */

/* add start by uga 2017.10.25 */
#contents #headerInnerTopNav ul li#tn01 {width: 75px; margin-right:5px; }
/* add end by uga 2017.10.25 */

/* mod start by uga 2017.10.25 */
/* #contents #headerInnerTopNav ul li { width:25%; padding:0px} */
#contents #headerInnerTopNav ul li {
	/*	width:30px;	*/	/*	t2,20190814 mod	*/
	padding:0px;
	margin-right:5px;
}
/* mod end by uga 2017.10.25 */

#contents #headerInnerTopNav ul li a { border-bottom: none}
#contents #headerInnerTopNav ul li a:hover { border-bottom:none}

/* 右カラム */
#rightBlock { float:none;width:auto; background:#FFF; margin:0px 10px 3px; clear:both;
border-radius: 8px;-moz-border-radius: 8px; -webkit-border-radius: 8px;
box-shadow: 0px 0px 3px 3px #ddd;-moz-box-shadow: 0px 0px 3px 3px #ddd;-webkit-box-shadow: 0px 0px 3px 3px #ddd}
h3#originalAreaH3 { text-indent:0; background-image:none;font-weight:bold; background: #f2f2f2; margin:0px; font-weight: bold; font-size: 1.2em; padding: 10px 10px 5px 35px; border-bottom: 1px solid #ccc; 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;
background: #f2f2f2;
background:url(../images/share/h3_original_png.png)8px 50% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
background:url(../images/share/h3_original_png.png)8px 50% no-repeat,-moz-linear-gradient(top,#ffffff,#f2f2f2);
background:url(../images/share/h3_original_png.png)8px 50% no-repeat,-o-linear-gradient(top,#ffffff,#f2f2f2)} 
#originalArea { padding: 0 10px; overflow:hidden; border-bottom:1px solid #CCC; margin-bottom:0}
#bannerArea { padding: 0 10px; overflow:hidden}
.originalCommon { width:100%; display:block; float:none; border-bottom: 1px solid #ccc; clear:both; overflow:hidden; padding:5px 0; margin-bottom:0}
.originalCommon:last-child { border-bottom:none}
.originalCommon h4 { display:block; font-weight:bold; font-size:1em; padding:10px 0 10px; color:#333}
.originalCommon .newmark { position: absolute; top:36px; left:0px;}
.originalCommon .bImg { float:left; display:block; padding:0 0 10px; margin-right:10px; width:40%}
.originalCommon .bImg img { width:100%; height:auto}
.originalCommon .bText { font-size: 1em; line-height:1.3em; color: #333; padding:0 5px}
.originalCommon .bText a{ color: #017ba4}
.originalCommon .bText span { font-size: .8em; color: #666; padding: 5px 0; display: block}

/* フリーエリア */
#freeArea {  width:auto; border-bottom: 1px solid #ccc; clear:both; overflow:hidden; padding:10px 10px 0; }
.freeCommon { position:relative; padding:5px 0;}
.freeCommon .newmark { position: absolute; top:0px; left:0px;}
/* mod start by uga 2017.10.31 */ 
/* .freeCommon .bImg { padding:0;} */
.freeCommon .bImg { padding:0; margin-bottom:8px  !important;}
/* mod end by uga 2017.10.31 */ 
/* add start by uga 2017.10.31 */
.freeCommon h5 {display:block; font-size: 1em; font-weight:bold; !important; margin-bottom:5px !important;}
/* add end by uga 2017.10.31 */

/* アクセス数 */
#accessArea { margin: 5px 0 20px; border:none; border-top:1px solid #CCC; padding:10px 10px}
#accessArea p { text-align:center; font-size:.9em}

/*フッター*/
#footer { height: auto; margin:0px 0 0; padding: 5px 0 20px; position: relative; border-top: 1px solid #ccc; background:#FFF}
#footer .footerLogo { position: relative; top: 0; left: 0; width: auto; text-align:center; padding:10px 0}
#footer .footerLogo a { margin:0 auto}
#footer p.copyright { clear:both; padding: 0px; text-align: center; position: static; top: 0px; right:0px; width:100%; font-size: .7em; color:#999}
#footerInnerNav { right: 0; top: 0px; padding:20px 0; text-align:center; font-size:.8em}
#footerInnerNav a { padding:5px 0}

/* page-top */
#page-top { position: relative; z-index: 2; display:block !important; top: 0px; left: 0px; width:100%; text-align:center; padding:0 0 20px; background:#ffffff;}
#page-top a { width: 60px; height:60px; display: block; background: url("../images/share/bg_pagetop.png") no-repeat 0 0; filter: alpha(opacity=30); -moz-opacity:1; opacity:1; margin:0px auto}
#page-top a:hover { filter: alpha(opacity=70); -moz-opacity:0.7; opacity:0.7;}

/* 削除する項目 */
#reportAreaH3, #reportArea, #localAreaH3, #localArea { display:none}

}