@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 */


/* ヘッダー */
#header { padding:20px 0; position:relative; height:auto; background:none; height:auto; z-index:10}
h1 a{ width:362px; height:60px; display:block; background:url(../img/share/logo_head.png) no-repeat 0 0; text-indent:-9999px}
#headerInnerSideNav { position:absolute; top:20px; right:0;}
#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("../img/share/search_btn.gif") no-repeat 50% 50%; text-indent: -9999px; vertical-align: middle; cursor:pointer}

/* メインナビ */
#nav {background: none;height:auto;text-align:left; z-index:9997 }
#navInner { border-right:1px solid #b3b3b3; width:100%}
ul.dropdown { position: relative; z-index:9998}/* --dropdown-- *//*   LEVEL ONE  */
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}
#navSub ul li a{ display:block; padding:10px 14px; height:20px; text-indent:-9999px}
#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 10px}
#headerInnerTopNav ul li a { display:block; padding:5px 2px; width:24px; height:24px; text-indent:-9999px; border-bottom:2px solid #fff}
#headerInnerTopNav ul li#tn01 a {width: 75px; background:url(/commons2013/img/share/tn01_2.png) no-repeat 50% 50%;}

#tn01 a { background:url(../img/share/tn01.png) no-repeat 50% 50%}
#tn02 a { background:url(../img/share/tn02.png) no-repeat 50% 50%}
#tn03 a { background:url(../img/share/tn03.png) no-repeat 50% 50%}
#tn04 a { background:url(../img/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("../img/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("../img/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("../img/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("../img/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}

/* 中国関連ニュース関連リンク */
h3#reportAreaH3 { background: url("../img/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("../img/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(../img/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("../img/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}

/* ヘッダー */
#header { background:#fff; padding:10px 0; border-bottom:1px solid #ccc}
h1 { width:170px}
h1 a{ width:160px; height:30px; background:url("../img/share/logo_head_sp.png") no-repeat 0 0;margin-left:5px}
#headerInnerSideNav { width:150px; text-align:right; top:13px}
#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}
ul.dropdown { border:1px solid #ccc; 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}
ul.dropdown li { border-left:none; padding:0px; width:auto}
ul.dropdown li:last-child { border-right:none}
ul.dropdown li a { padding: 8px 6px; font-size:1em; font-weight:bold; height:auto}
ul.dropdown li:hover { background: none}
ul.dropdown ul { display:none !important}

/* サブナビ */
#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}

/* アイコン */
#headerInnerTopNav { float:left; clear:both; width:190px; padding:0 15px;}
#headerInnerTopNav ul { float:none; padding: 0px 0 0px}
#headerInnerTopNav ul li { width:28px; margin-right: 5px}
#headerInnerTopNav ul li a { border-bottom: none}
#headerInnerTopNav ul li a:hover { border-bottom:none}
#headerInnerTopNav ul li#tn01 {width: 75px;}

/* メインナビ - スマホのときにページ下部に出る方   */
#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:auto}
#contents ul.dropdown li:last-child { border-right:none}
#contents ul.dropdown li a { padding: 8px 6px; font-size:1em; font-weight:bold; height:auto}
#contents ul.dropdown li:hover { background: none}
#contents ul.dropdown ul { display:none !important}

/* サブナビ - スマホのときにページ下部に出る方  */
#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: 0px 0 0px; width: 50%; margin: 0 auto;}
#contents #headerInnerTopNav ul li { width:25%; padding:0px}
#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(../img/share/h3_original_png.png)8px 50% no-repeat,-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
background:url(../img/share/h3_original_png.png)8px 50% no-repeat,-moz-linear-gradient(top,#ffffff,#f2f2f2);
background:url(../img/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;}
.freeCommon .bImg { padding:0;}

/* アクセス数 */
#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("../img/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}

}