@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 10px; position:relative; height:auto; background:none; height:auto; z-index:10}
h1 a{ width:450px; height:60px; display:block; }
h1 a img:first-child{ width:70%; height:auto; padding-bottom: 10px; }
.toplogo { position:absolute; top:37px; right:0; width: 152px; height: 30px; }
.toplogo img { width: 100%; height: auto; }
#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-bottom: 10px;}
.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: 275px; background: none; height: auto; }
.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; }



.side-banners {}
.side-banners li { padding: 5px 5px 0; text-align: center;}
.side-banners li a{}
.side-banners li a img { width: 100%; max-width: 274px; box-sizing:border-box; height: auto; border: 1px solid #ccc; }

/* Ex 21-06-09 TOPのバナー */
.side-banners li.ex:first-child:hover {
	opacity: 0.8;
}

.side-banners li.ex p {color:#666;font-size:0.95em;line-height:1.5;text-align: left;padding:0.75em 0.5em;
}

@media screen and (max-width: 480px) {
	.side-banners li a img { margin:0.3em auto;
	}
	
	.side-banners li.ex p {
	color:#666;font-size:0.95em;line-height:1.5;text-align: left;padding:0.3em 0.3em;width:80%;margin: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:30px 0 40px 0 !important; }
#header h1 { width:180px; margin-top: 6px; }
#header h1 a{ width:180px; height:14px; margin-left:5px}
#header h1 a br { display: none; }
#header h1 a img:first-child { position: absolute; margin-top: -11px; width: 135px; }
.toplogo { width: 38px; height: 38px; overflow: hidden; top: 15px; right: 5px;}
.toplogo img{ height: 100%; width: auto; }
#headerInnerSideNav { width:150px; text-align:right; top:23px; right: 40px;}
#headerInnerSideNavBoxSerch { height: 30px; width: auto}
#headerInnerSideNavBoxSerch input{ width: 80px; font-size:.8em;}
#headerInnerSideNavBoxSerch button { width: 24px; height: 26px; margin-right: 10px}


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


/* メインナビ */
.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; padding:0 10px 0; border-top:1px solid #ccc;
	background:#FFF;
	clear:both; }
#contents .navInner {
	border-right:none;
}
#contents ul.dropdown {
	border:none;
	overflow:hidden;
	padding:0;
}
#contents ul.dropdown li {
	border-left:none;
	padding:0px;
	width:100vw;
	border-top: 1px solid #ccc;
}
#contents ul.dropdown li:first-child { border-top:none; }
#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;}
#contents .headerInnerTopNav ul { float:none; padding: 0; margin:0; display: flex; justify-content: center;}
#contents .headerInnerTopNav ul li { width:auto; padding: 0 5px; margin-right: 0; }
#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: 0; padding: 0 10px 20px; position: relative; border-top: 1px solid #fff; 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: 0; text-align:center; font-size:.8em; color: #fff; }
#footerInnerNav a { padding: 10px 0;
display: block;
width: 100%;
border-bottom: 1px solid #ccc;}
#footerInnerNav a:last-child { margin-top: -1em;}
/* 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; }

}