@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*	STRUCTURE
/*-----------------------------------------------------------------------------------*/
#main .postWrap { }
#main .postWrap.bd01 {
	border-bottom: 1px solid #dcdcdc;
	padding: 10px 0px;
}
.postWrap .left {
	float: left;
	width: 180px;
	margin-right: 10px;
	/*
	width: 100px;
	margin-right: 20px;
	*/
}
.postWrap .left span {
	border: 1px solid #dcdcdc;
	background: #FFFFFF;
	display: table-cell;
	width: 180px;
	height: 135px;
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}
*+html .postWrap .left span { display: inline; zoom: 1;}
.postWrap .right {
	overflow: hidden;
}
.postWrap > .ttl {
	padding-bottom: 5px;
	font-weight: bold;
	font-size: 115%;
}


/*-----------------------------------------------------------------------------------*/
/*	記事リスト
/*-----------------------------------------------------------------------------------*/

/*------------------------------------*/
/*	カテゴリー色
/*------------------------------------*/
/* グローバルナビゲーションのタブの色に合わせて変更　西村 */
.catCl01 { color: #0066ff;}/* 高知のニュース */
.catCl02 { color: #009e96;}/* 国内・国際 */
.catCl03 { color: #ec6100;}/* 特集・連載 */
.catCl04 { color: #5f52a0;}/* イベント */
.catCl05 { color: #e75693;}/* 医療・健康 */
.catCl06 { color: #696969;}/* タグ */

/*------------------------------------*/
/*	写真+テキスト（キャッチ）
/*------------------------------------*/
.catchPost01 { }
.catchPost01 .catchBody { border-bottom: 1px solid #dcdcdc;}
.catchPost01 .catchBody:hover { background-color: #f6f6f6;}
.catchPost01 .thm {
	float: right;
	margin-left: 10px;
}
.catchPost01 .thm span {
	background: #FFFFFF;
	display: table-cell;
	width: 180px;
	height: 135px;
	vertical-align: middle;
	text-align: center;
}
*+html .catchPost01 .thm span { display: inline; zoom: 1;}

.catchPost01 .article { overflow: hidden;}
.catchPost01 .ttl { font-size: 129%;}
.catchPost01 .exc {
	margin-top: 5px;
	color: #808080;
}
.catchPost01 .meta {
	padding: 5px 0px;
	font-size: 86%;
}
.catchPost01 .date {
	color: #a0a0a0;
	display: inline-block;
}
.catchPost01 .cat { display: inline-block;}
.catchPost01 .cat span {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
	display: inline-block;
}
.catchPost01 .cat span:first-child {
	border-left: none;
	margin-left: 10px;
}
.catchPost01 a { display: block; padding: 10px 5px; /*min-height: 70px; height: auto !important; height: 70px;*/}
.catchPost01 a:hover { text-decoration: none;}
.catchPost01 .catchBody img {
	max-width: 180px;
	max-height: 135px;
}


/*------------------------------------*/
/*	写真+テキスト（通常）
/*------------------------------------*/
.postList01 { }
.postList01 > ul > li { border-bottom: 1px solid #dcdcdc;}
.postList01 > ul > li:hover { background-color: #f6f6f6;}
.postList01 .thm {
	float: right;
	margin-left: 10px;
}
.postList01 .thm span {
	background: #FFFFFF;
	display: table-cell;
	width: 100px;
	height: 75px;
	vertical-align: middle;
	text-align: center;
}
*+html .postList01 .thm span { display: inline; zoom: 1;}

.postList01 .thm span img {
	max-width: 100px;
	max-height: 75px;
}
.postList01 .article {
	overflow: hidden;
	min-height: 75px;
	height: auto !important;
	height: 75px;
}
.postList01 .ttl { font-size: 115%;}
.postList01 .meta {
	padding: 5px 0px;
	font-size: 86%;
}
.postList01 .date {
	color: #a0a0a0;
	display: inline-block;
}
.postList01 .cat { display: inline-block;}
.postList01 .cat span {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
}
.postList01 .cat span:first-child {
	border-left: none;
	margin-left: 10px;
}
.postList01 a { display: block; padding: 5px;}
.postList01 a:hover { text-decoration: none;}


/*------------------------------------*/
/*	写真+テキスト（左右入れ替えあり）
/*------------------------------------*/
.postList02 { }
.postList02 > ul > li { border-bottom: 1px solid #dcdcdc;}
.postList02 > ul > li:hover { background-color: #f6f6f6;}
.postList02 .thmL {
	float: left;
	margin-right: 10px;
}
.postList02 .thmL img{
	max-height:75px;
	max-width:100px;
}
.postList02 .thmR {
	float: right;
	margin-left: 10px;
}
.postList02 .thm span {
	background: #FFFFFF;
	display: table-cell;
	width: 100px;
	height: 75px;
	vertical-align: middle;
	text-align: center;
}
*+html .postList02 .thm span { display: inline; zoom: 1;}

.postList02 .article {
	overflow: hidden;
	min-height: 75px;
	height: auto !important;
	height: 75px;
}
.postList02 .ttl { }
.postList02 .catch { font-weight: bold; color: #5ab9f6;}
.postList02 .exc {
	padding-left: 20px;
	margin-top: 15px;
	color: #707070;
}
.postList02 .meta {
	padding-bottom: 5px;
	font-size: 86%;
}
.postList02 .date {
	color: #a0a0a0;
	display: inline-block;
}
/*
.postList02 .cat { }
.postList02 .cat span {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
}
.postList02 .cat span:first-child {
	border-left: none;
	margin-left: 10px;
}
*/

/*
.postList02 .date {
	color: #a0a0a0;
	padding-bottom: 5px;
	font-size: 86%;
}
.postList02 .cat {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
	line-height: 1;
}
.postList02 .cat:first-child {
	border-left: none;
	margin-left: 10px;
}
*/
.postList02 a { display: block; padding: 5px;}
.postList02 a:hover { text-decoration: none;}



/*------------------------------------*/
/*	タイトルのみ
/*------------------------------------*/
.postList { margin-top: -5px;}
.postList > li { }
.postList > li.first { font-weight: bold;}
.postList .date {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	color: #a0a0a0;
	padding-left: 5px;
	font-size: 86%;
}
.postList a { display: block; padding: 5px 0px 5px 20px; background: url(/image/builtin/arws_bl01.gif) no-repeat left 45%;}
.postList .key a { display: block; padding: 5px 0px 5px 20px; background: url(/image/builtin/icon_key.gif) no-repeat left 45%;}


/*-----------------------------------------------------------------------------------*/
/*	記事ボックス
/*-----------------------------------------------------------------------------------*/
.postBox01 {
	width: 630px;
	overflow: hidden;
}
.postBox01 > ul {
	width: 640px;
	zoom: 100%;
}
.postBox01 > ul > li {
	float: left;
	width: 150px;
	margin: 10px 10px 0px 0px;
}
.postBox01 > ul > li:hover { /*background-color: #f6f6f6;*/}
.postBox01 .thm {
	width: 150px;
	height: 120px;
	overflow: hidden;
}
.postBox01 .thm span {
	background: #FFFFFF;
	display: table-cell;
	width: 150px;
	height: 120px;
	vertical-align: middle;
	text-align: center;
}
*+html .postBox01 .thm span { display: inline; zoom: 1;}
.postBox01 .thm img { max-width: 150px; max-height: 120px;}

.postBox01 .article { padding: 10px 0px;}
.postBox01 .ttl { }
.postBox01 .more {
	color: #0066ff;
	font-size: 86%;
}
/*
.postBox01 .exc {
	padding-left: 20px;
	margin-top: 15px;
	color: #707070;
}
.postBox01 .date {
	color: #a0a0a0;
	padding-bottom: 5px;
	font-size: 86%;
}
.postBox01 .cat {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
	line-height: 1;
}
.postBox01 .cat:first-child {
	border-left: none;
	margin-left: 10px;
}
*/
.postBox01 a { display: block;}
.postBox01 a:hover { text-decoration: none;}





/*-----------------------------------------------------------------------------------*/
/*	記事詳細ページ
/*-----------------------------------------------------------------------------------*/
#postDtl { }

#postDtl .postHead {
	border-bottom: 1px solid #000000;
	padding: 5px 0px 10px 0px;
}
#postDtl .ttl {
	font-weight: bold;
	font-size: 158%;
}
#postDtl .meta { font-size: 86%;}
#postDtl .date {
	color: #a0a0a0;
	display: inline-block;
}
#postDtl .cat { display: inline-block;}
#postDtl .cat span {
	border-left: 2px solid #e7e7e7;
	padding: 0px 8px;
}
#postDtl .cat span:first-child {
	border-left: none;
	margin-left: 10px;
}
#postDtl .socialBox { margin-top: 20px;}
#postDtl .socialBox .icon {
	float: left;
	margin-right: 5px;
}
#postDtl .postBody {
	padding: 20px 0px;
	line-height: 1.8;
	font-size: 115%;
}

#postDtl .postBody .article a {
	color: #0066ff;
	text-decoration: none;
	outline: none;
}
#postDtl .postBody .article a:hover {
	text-decoration: underline;
}

/* 記事文中画像10% */
#postDtl .postBody .articleImageSize10{
	width: 64px;
	margin:0 auto;
	max-height:none;
}

/* 記事文中画像30% */
#postDtl .postBody .articleImageSize30{
	width: 195px; /* issue156対応 */
	margin:0 auto;
	max-height:none;
}

/* 記事文中画像50% */
#postDtl .postBody .articleImageSize50{
	width: 325px; /* issue156対応 */
	margin:0 auto;
	max-height:none;
}

/* 記事文中画像100% */
#postDtl .postBody .articleImageSize100{
	max-width: 100%;
	margin:0 auto;
	max-height:none;
}
/*
#postDtl .postBody .leftImage .articleImage{
	float: left;
}*/
#postDtl .postBody .leftImage{
	float: left;
	margin-right:20px;
}
/* issue156対応 
#postDtl .postBody .rightImage .articleImage{
	float: right;
}*/
#postDtl .postBody .rightImage{
	float: right;
	margin-left:20px;
}
#postDtl .postBody .centerImage {
	display: table-cell;
	width: 650px;
	text-align:center;
}

#postDtl .postBody .centerImage .articleImage{
}

#postDtl .postBody .clearImage{
	clear: both;
}

#postDtl .thmArea {
	float: right;
	width: 180px;
	margin-left: 10px;
}
#postDtl .thm { margin-bottom: 15px;}
#postDtl .thm a { display: block;}
#postDtl .thm span {
	border: 1px solid #dcdcdc;
	background: #FFFFFF;
	display: table-cell;
	width: 180px;
	height: 135px;
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}
*+html #postDtl .thm span { display: inline; zoom: 1;}
#postDtl .thm span img {
	max-width: 180px;
	max-height: 130px;
}
#postDtl .caption {
	padding-top: 5px;
	text-align: left;
	line-height: 1.4;
	font-size: 75%;
}
#postDtl .caption2 {
	padding-top: 5px;
	text-align: left;
	line-height: 1.4;
	font-size: 100%;
	margin-bottom:10px;
}
#postDtl .postBody .centerImage .caption2{
	margin-bottom:15px;
}
.catArea {
	background: #f6f6f6;
	padding: 10px;
	margin-top: 20px;
}


/*------------------------------------*/
/*	アーカイブリスト
/*------------------------------------*/
.archiveList { }
.archiveList > li {
	width: 130px;
	float: left;
	color: #a0a0a0;
}
.archiveList a { display: block; padding: 5px 0px 5px 15px; background: url(/image/builtin/arws_bl01.gif) no-repeat left 45%;}


/*-----------------------------------------------------------------------------------*/
/*	ぱんくず
/*-----------------------------------------------------------------------------------*/
#pankuzu {
	width: 990px;
	margin: 0px auto;
	padding-top: 10px;
	font-size: 79%;
}
#pankuzu li {
	background: url(/image/builtin/pan_arw.png) no-repeat 3px 2px;
	display: inline-block;
	padding-left: 18px;
}
#pankuzu li.home { background: none; padding-left: 0px;}



/*-----------------------------------------------------------------------------------*/
/*	ページネーション
/*-----------------------------------------------------------------------------------*/
.pagenation {
	text-align: center;
	padding: 30px 0px;
}
.pagenation li {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	margin-right: 5px;
}
.pagenation li strong { background: #0066ff; border: 1px solid #0066ff; padding: 8px 10px 6px 10px; color: #FFFFFF; display: inline-block; font-weight: bold;}
.pagenation a { border: 1px solid #dcdcdc; padding: 8px 10px 6px 10px; display: inline-block;}
.pagenation a:hover { text-decoration: underline;}
.pagenation li.prev span,.pagenation li.next span { background: none; border: none; padding: 5px; color: #000000;}
.pagenation li.prev a,.pagenation li.next a { background: none; border: none; padding: 5px;}




/*-----------------------------------------------------------------------------------*/
/*	CLEARFIX
/*-----------------------------------------------------------------------------------*/
.colTwin:after,
.postWrap:after,
.catchPost01 a:after,
.postList01 a:after,
.postList02 a:after,
.postBox01 ul:after,
.archiveList:after,
#postDtl .socialBox:after,
#postDtl .postBody:after
{
	content: "";
	display: block;
	clear: both;
}

/* for IE7 */
*+html .colTwin,
*+html .postWrap,
*+html .catchPost01 a,
*+html .postList01 a,
*+html .postList02 a,
*+html .postBox01 ul,
*+html .archiveList,
*+html #postDtl .socialBox,
*+html #postDtl .postBody
{
	display: inline-block;
}






/*-----------------------------------------------------------------------------------*/
/*	02_高知のニュース
/*-----------------------------------------------------------------------------------*/
#localHead  {
	padding-bottom: 20px;
}
#localHead .boxL .catchPost01 {
	background: #FFFFFF;
	padding: 10px;
}
#localHead .boxL .catchPost01 .catchBody {
	border: none;
}
#localHead .boxR {
	background: #FFFFFF;
	padding: 10px;
}



/*-----------------------------------------------------------------------------------*/
/*	02_イベント
/*-----------------------------------------------------------------------------------*/
.evOn {
	background: #a0a0a0;
	color: #FFFFFF !important;
	padding: 0px 3px;
}

/*------------------------------------*/
/*	スライド
/*------------------------------------*/
#eventSlide { margin-bottom: 40px;}
#eventSlide .list {
	position: relative;
	margin: 0px 5px;
}
#eventSlide .thm { overflow: hidden;}
#eventSlide .thm span {
	background: #a0a0a0;
	display: table-cell;
	width: 207px;
	height: 155px;
	vertical-align: middle;
	text-align: center;
}
*+html #eventSlide .thm span { display: inline; zoom: 1;}
#eventSlide .thm img { max-width: 207px; max-height: 155px; display: inline;}

#eventSlide .article {
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(/image/builtin/bg_photoslide.png) repeat-x left bottom;
	width: 100%;
	color: #FFFFFF;
	padding: 30px 10px 10px 10px;
}
#eventSlide .article h2 {
	min-height: 60px;
	height: auto !important;
	height: 60px;
}

#eventSlide .slick-prev,
#eventSlide .slick-next {
    width: 34px;
    height: 68px;
    margin-top: -34px;
}
#eventSlide .slick-prev { background: url(/image/builtin/arw_photoslide_top.png) no-repeat left top; left: -35px;}
#eventSlide .slick-next { background: url(/image/builtin/arw_photoslide_top.png) no-repeat right top; right: -35px;}
#eventSlide .slick-prev:hover,#eventSlide .slick-next:hover { opacity: 0.6;}
#eventSlide .slick-prev:before,#eventSlide .slick-next:before { content: ' ';}
#eventSlide .slick-dots { bottom: -35px;}
#eventSlide .slick-dots li button:before { font-size: 12px;}

/*------------------------------------*/
/*	カレンダー
/*------------------------------------*/
.calWrap { border: 5px solid #e4e4e4; padding: 5px;}
.calendar { background: #FFFFFF;}
.calendar caption { padding: 10px 0px; text-align: center; font-size: 115%;}
.calendar th,.calendar td { text-align: center; line-height: 30px;}
.calendar th { background: #f6f6f6; font-size: 86%;}
.calendar th:first-child { color: #e60012;}
.calendar th:last-child { color: #0066ff;}
.calendar .today { background: #fffbcc;}
.calendar .saturday { background: #e9f2ff;}
.calendar .sunday,.calendar .holiday { background: #fff0f1;}
.calendar td a { text-decoration: underline; display: block; width: 100%;}
.calendar td a:hover { background: #f49800; color: #fff; text-decoration: none;}
.calendar td a:active { background: #f30;}

/*------------------------------------*/
/*	一週間のイベント情報
/*------------------------------------*/
.tblEvent { background: #e4e4e4;}
.tblEvent th { background: #f6f6f6; padding: 10px 5px; width: 80px; height: 80px; font-weight: normal;}
.tblEvent td { background: #FFFFFF; padding: 10px; /*text-align: center; width: 14%; height: 90px;*/ vertical-align: middle;}
.tblEvent .weather { background: #FFFFFF; width: 80px;}
.tblEvent .days { font-weight: bold; font-size: 129%;}
.tblEvent .saturday { background: #e9f2ff;}
.tblEvent .sunday,.tblEvent .holiday { background: #fff0f1;}

/*------------------------------------*/
/*	イベント詳細
/*------------------------------------*/
.tblEventdtl { background: #e4e4e4;}
.tblEventdtl th { background: #f6f6f6; padding: 5px; width: 160px; text-align: left;}
.tblEventdtl td { 
	background: #FFFFFF; 
	padding: 5px; 
	word-break:break-all; /* isuue116対応 */
}


/*-----------------------------------------------------------------------------------*/
/*	02_医療・健康
/*-----------------------------------------------------------------------------------*/
#life-hospitalguide {
	background: #f8fff8;
	padding: 50px 0px;
	text-align: center;
}
#life-hospitalguide > ul > li {
	display: inline-block;
	padding: 0px 10px;
}

#life-iryouwatch {
	background: #0091d7;
	padding: 50px;
	text-align: center;
}
#life-iryouwatch > ul {
	background: #FFFFFF;
	padding: 10px;
}
#life-iryouwatch > ul > li {
	padding-bottom: 10px;
}




/*-----------------------------------------------------------------------------------*/
/*	アクセスランキング
/*-----------------------------------------------------------------------------------*/
#mRankArea { }
#mRankArea #mrBody { overflow: hidden;}
#mRankArea .mrPanel { display: none;}
#mRankArea #mrNav {
	border-bottom: 1px solid #dcdcdc;
	margin-top: 3px;
}
#mRankArea #mrNav li {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	float: left;
	position: relative;
    top: 1px;
	margin: 0px 0px 1px 10px;
	text-align: center;
	width: 210px;
}
#mRankArea #mrNav li:first-child { margin-left: 0px;}
#mRankArea #mrNav li.active {
	background: #dcdcdc;
	padding-bottom: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}
#mRankArea #mrNav a { color: #000000; display: block; padding: 15px 0px;}
#mRankArea #mrNav a:hover { text-decoration: none;}

.rkList01 { }
.rkList01 li { border-bottom: 1px solid #e4e4e4;}
.rkList01 li a {
	padding: 10px 0px;
	display: block;
}
.rkList01 li a:hover { /*text-decoration: none;*/}

.rkList01 li .rk {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	padding-right: 10px;
	color: #acacac;
	font-style: italic;
	font-size: 16px;
}
.rkList01 li.rk01 .rk { color: #ffba00;}
.rkList01 li.rk02 .rk { color: #5ab9f6;}
.rkList01 li.rk03 .rk { color: #0066ff;}

#mRankArea .postList01 a { padding-left: 50px; position: relative;}
#mRankArea .postList01 .mrNum { position: absolute; top: 5px; left: 5px;}
#mRankArea .postList01 .mrNum span {
	display: table-cell;
	height: 75px;
	vertical-align: middle;
	text-align: center;
	color: #acacac;
	font-style: italic;
	font-size: 143%;
}
#mRankArea  .postList01 .mrNum span.rk01 { /*background: #ffba00; color: #FFFFFF;*/ color: #ffba00;}
#mRankArea  .postList01 .mrNum span.rk02 { /*background: #5ab9f6; color: #FFFFFF;*/ color: #5ab9f6;}
#mRankArea  .postList01 .mrNum span.rk03 { /*background: #0066ff; color: #FFFFFF;*/ color: #0066ff;}

.mrPanel p.txt{
	margin-top:10px;
}

/*-----------------------------------------------------------------------------------*/
/*	天気
/*-----------------------------------------------------------------------------------*/
.tblWeather { background: #e4e4e4; font-size: 86%;}
.tblWeather th { background: #f6f6f6 ; padding: 8px 5px;}
.tblWeather th.th01 { width: 80px;}
.tblWeather td { background: #FFFFFF; padding: 8px 5px;}
.tblWeather .saturday, .weatherBox .saturday { color: #0066ff;}
.tblWeather .sunday,.tblWeather .holiday, .weatherBox .sunday { color: #e60012;}
.tblWeather a.pastLink { color: #0066ff;}
.highTemp { color: #e60012;}
.lowTemp { color: #0066ff;}

/*------------------------------------*/
/*	地域TABLE
/*------------------------------------*/
.tblArea { background: #e4e4e4;}
.tblArea th { background: #f6f6f6 ; padding: 8px 5px;}
.tblArea td { background: #FFFFFF; padding: 8px 5px;}
.tblArea td.areaS { font-size: 86%;}
.tblArea td.areaS a { display: block; padding: 5px 0px 5px 12px; background: url(/image/builtin/arws_bl01.gif) no-repeat left 45%;}


/*------------------------------------*/
/*	今日・明日の天気
/*------------------------------------*/
#mWeatherArea { }
#mWeatherArea #mwBody { overflow: hidden;}
#mWeatherArea .mwPanel {
	border-left: 5px solid #cceaf5;
	border-right: 5px solid #cceaf5;
	border-bottom: 5px solid #cceaf5;
	padding: 20px;
	display: none;
}
#mWeatherArea #mwNav {
	border-bottom: 5px solid #cceaf5;
	margin-top: 3px;
}
#mWeatherArea #mwNav li {
	border-left: 1px solid #cceaf5;
	border-right: 1px solid #cceaf5;
	border-top: 1px solid #cceaf5;
	float: left;
	position: relative;
    top: 1px;
	margin: 0px 0px 1px 10px;
	text-align: center;
	width: 210px;
}
#mWeatherArea #mwNav li:first-child { margin-left: 0px;}
#mWeatherArea #mwNav li.active {
	background: #cceaf5;
	padding-bottom: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}
#mWeatherArea #mwNav a { color: #000000; display: block; padding: 15px 0px;}
#mWeatherArea #mwNav a:hover { text-decoration: none;}

.weatherBox:first-child {
	border-bottom: 1px solid #cceaf5;
	padding-bottom: 20px;
	margin-bottom: 20px;
}
.weatherBox .boxHead { }
.weatherBox .boxHead > div {
	display: table-cell;
	height: 68px;
	vertical-align: middle;
}
.weatherBox .boxHead .icon {
	width: 120px;
	text-align: center;
}
.weatherBox .boxHead .txt { }

/*------------------------------------*/
/*	災害情報
/*------------------------------------*/
#mDisasterArea { }
#mDisasterArea #mdBody { overflow: hidden;}
#mDisasterArea .mdPanel {
	border-left: 5px solid #dcdcdc;
	border-right: 5px solid #dcdcdc;
	border-bottom: 5px solid #dcdcdc;
	padding: 20px;
	display: none;
}
#mDisasterArea #mdNav {
	border-bottom: 5px solid #dcdcdc;
	margin-top: 3px;
}
#mDisasterArea #mdNav li {
	border-left: 1px solid #dcdcdc;
	border-right: 1px solid #dcdcdc;
	border-top: 1px solid #dcdcdc;
	float: left;
	position: relative;
    top: 1px;
	margin: 0px 0px 1px 10px;
	text-align: center;
	width: 155px;
}
#mDisasterArea #mdNav li:first-child { margin-left: 0px;}
#mDisasterArea #mdNav li.active {
	background: #dcdcdc;
	padding-bottom: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}
#mDisasterArea #mdNav a { color: #000000; display: block; padding: 15px 0px;}
#mDisasterArea #mdNav a:hover { text-decoration: none;}

.disasterBox {}
.disasterBox .view {
	float: left;
	width: 240px;
	margin-right: 15px;
}
.disasterBox .view img { width: 100%; margin-bottom: 10px;}
.disasterBox .txt {
	overflow: hidden;
}
.disasterBox .txt p {
	margin-bottom: 20px;
	font-size: 110%;
}
.disasterBox ul.disasterList{}
.disasterBox ul.disasterList li{
	padding:20px 0;
}
.disasterBox ul.disasterList li.headerLine{
	border-top:#ccc solid 1px;
}
.disasterBox ul.disasterList p.listHeading{
	font-weight:bolder;
	font-size: 18px;
}
.disasterBox ul.disasterList img{
	padding: 10px 10px 20px 10px;
}


/*------------------------------------*/
/*	エリアマップ部分_160204追加
/*------------------------------------*/
.areaMap { }
.areaMap ul { padding-left: 10px;}
.areaMap ul li { float: left; width: 150px; margin-right: 10px; text-align: center; font-size: 16px;}
.areaMap ul li a { display: block; background: #0166ff; color: #FFFFFF; padding: 10px 0px;}
.areaMap ul li a:hover { background: #0253cc;}