@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*	RESET
/*-----------------------------------------------------------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin: 0;
	padding: 0;
}
fieldset {
	border: 0;
}
img {
	border-style: none;
	vertical-align: top;
	max-width: 650px;
	max-height: 488px;
}
ol,ul {
	list-style: none;
}
caption {
	text-align: left;
}
h1,h2,h3,h4,h5,h6 {
	font-size: 100%;
	font-weight: normal;
}
q:before,q:after {
	content: '';
}
abbr,acronym {
	border: 0;
}
input, select, textarea {
	vertical-align: middle;
	margin: 0;
	padding: 0;
	font-family: inherit;
}


/*-----------------------------------------------------------------------------------*/
/*	ALL
/*-----------------------------------------------------------------------------------*/
body {
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	color: #000000 ;
	font-size: 14px;
	line-height: 1.4;
	min-width: 1100px;
	_display: inline;
	_zoom: 1;
}

a { color: #000000; text-decoration: none; outline: none;}
a:hover { color: #0066ff; text-decoration: underline;}

/*.onlyPc { display: none;}*/

*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}


/*-----------------------------------------------------------------------------------*/
/*	STRUCTURE
/*-----------------------------------------------------------------------------------*/
.wrapper {
	width: 990px;
	margin: 0px auto;
	/*overflow: hidden;*/
}
#blockHead {
	/*padding: 10px 0px;*/
}
#blockHead.bgColor01 {
	/*padding: 20px 0px;*/
}
#blockHead .headWrap {
	 padding-top: 20px;
}
#blockHead .headWrap .boxL {
	float: left;
	width: 650px;
}
#blockHead .headWrap .boxR {
	float: right;
	width: 300px;
}
#pgBody {
	padding: 10px 0px 40px 0px;
}
#mainWrap {
	width: 650px;
	float: left;
}
#main {
	width: 650px;
}
#sideBar {
	width: 300px;
	float: right;
}


/*-----------------------------------------------------------------------------------*/
/*	HEADER
/*-----------------------------------------------------------------------------------*/
#header { }
#header .wrapper {
	position: relative;
	height: 65px;
}
#header .logo {
	text-align: center;
	padding-top: 5px;
}

#header .hToday,#header .hWeather,#header #hSearch { position: absolute;}
#header .hToday {
	top: 20px;
	left: 0px;
}
#header .hWeather {
	top: 10px;
	left: 140px;
	font-size: 12px;
	width: 200px;
}
#header .hWeather .icon { width: 60px;}
#header .hWeather .icon img { width: 40px;}
#header .hWeather a { color: #0066ff;}

#hSearch {
	top: 20px;
	right: 0px;
    background: #f2f2f2;
    border: 1px solid #dedede;
	padding: 5px;
}
#hSearch #kw {
	border: none;
	background: #f2f2f2;
    float: left;
    margin: 0 !important;
    width: 260px;
}
#hSearch .search {
	background: url(../img/icon_hsearch.png) no-repeat center center;
    border: none;
    cursor: pointer;
    float: left;
    margin: 0 !important;
    text-indent: -9999px;
    width: 30px;
	height: 22px;
}


/*-----------------------------------------------------------------------------------*/
/*	NAVI_WRAP
/*-----------------------------------------------------------------------------------*/
#navWrap {
}
#navWrap.fixed {
	border-bottom: 1px solid #dcdcdc;
	background: #FFFFFF;
    position: fixed;
    top: 0px;
    width: 100%;
    z-index: 1001;
}


/*------------------------------------*/
/*	GLOBAL_NAVI
/*------------------------------------*/
#gNav {
	color: #FFFFFF;
	padding-top: 10px;
}
#gNav .nav {
	width: 990px;
	margin: 0px auto;
}
#gNav .nav li {
	float: left;
	margin-left: 6px;
	width: 160px;
	/*
	margin-left: 5px;
	width: 128px;
	*/
	text-align: center;
}
#gNav .nav li:first-child { margin-left: 0px;}
#gNav a { color: #FFFFFF; display: block; padding: 10px;}
#gNav a:hover { text-decoration: underline;}
#gNav .nav .nav_home a { color: #000000;}

/* 色設定 */
#gNav .nav .nav_logo { display: none;}
#gNav .nav .nav_home { background: #f2f2f2; /*width: 60px;*/}
#gNav .nav .nav_local { background: #0066ff; }
#gNav .nav .nav_national { background: #32b16c; color: #FFFFFF;}
#gNav .nav .nav_series { background: #f49800; color: #FFFFFF;}
#gNav .nav .nav_gourmet { background: #e08070; color: #FFFFFF;}
#gNav .nav .nav_event { background: #5f52a0; color: #FFFFFF;}
#gNav .nav .nav_life { background: #f19ec2; color: #FFFFFF;}

/* 固定時設定 */
.fixed #gNav .nav li { width: 156px;}
.fixed #gNav .nav li.nav_logo { display: block; width: 180px; margin-left: 0px;}
.fixed #gNav .nav_logo img { height: 40px;}
.fixed #gNav .nav_home { display: none;}
.fixed #gNav .nav_logo a { padding: 0px;}


/*------------------------------------*/
/*	LOCAL_NAVI
/*------------------------------------*/
#lNav { color: #FFFFFF;}
#lNav .nav {
	width: 990px;
	margin: 0px auto;
}
#lNav .nav li {
	display: inline-block;
	*display: inline;
    *zoom: 1;
}
#lNav a { color: #FFFFFF; display: block; padding: 10px;}
#lNav a:hover { text-decoration: underline;}

/* 色設定 */
#lNav.nav_local { background: #0066ff;}
#lNav.nav_national { background: #32b16c; color: #FFFFFF;}
#lNav.nav_series { background: #f49800; color: #FFFFFF;}
#lNav.nav_gourmet { background: #e08070; color: #FFFFFF;}
#lNav.nav_event { background: #5f52a0; color: #FFFFFF;}
#lNav.nav_life { background: #f19ec2; color: #FFFFFF;}



/*-----------------------------------------------------------------------------------*/
/*	HEAD_PARTS
/*-----------------------------------------------------------------------------------*/
#headParts {
	width: 990px;
	margin: 0px auto;
	padding-top: 15px;
}

#headLine {
width: 990px;
	/*
	float: left;
	width: 650px;
	*//* 音声読み上げとログインを表示する場合の横幅設定 */
	border: 1px solid #0066ff;
    background: #FFFFFF;
	z-index: 1;
}
#headLine .ttl {
    background: #0066ff;
	float: left;
	padding: 0px 10px;
	margin-right: 10px;
	font-weight: bold;
	line-height: 34px;
	color: #FFFFFF;
}
#headLine .date {
	display: inline-block;
	color: #a0a0a0;
}
#headLine .ticker {
	position: relative;
	overflow: hidden;
}
#headLine .ticker ul { position: relative;}
#headLine .ticker ul li {
	display: none;
	line-height: 34px;
}

#headLink {
	float: right;
	width: 300px;
}
#headLink li {
	display: inline-block;
	line-height: 34px;
	font-size: 16px;
}
#headLink li.link01 { background: url(../img/icon_voice.png) no-repeat left center; padding: 0px 0px 0px 30px; margin-right: 15px;}
#headLink li.link02 { background: url(../img/icon_login.png) no-repeat left center; padding: 0px 0px 0px 30px;}
#headLink li.link02 a { color: #0066ff;}





/*-----------------------------------------------------------------------------------*/
/*	SUB_NAVI
/*-----------------------------------------------------------------------------------*/
/*
#subNav {
	background: #F7F7F7;
	border-bottom: 1px solid #B5B5B5;
	font-size: 16px;
	padding: 15px 0px;
}
	#subNav .allBtn {
		background-color: #003E83;
		color: #FFFFFF;
		float: right;
		padding: 5px;
		font-size: 12px;
	}
	#subNav .active { background-color: #DDDDDD; color: #434343; padding: 5px;}
	#subNav .allBtn:hover {	cursor: pointer;}

	#subNav .toggle_box {
		background-color: #FFFFFF;
		padding: 15px 0px 15px 15px;
		margin-top: 10px;
		display: none;
		clear: both;
	}
		#subNav .toggle_box dl {
			float: left;
			width: 188px;
			margin: 0px 10px 10px 0px;
		}
		#subNav .toggle_box dt {
			border-left: 5px solid #003E83;
			border-bottom: 1px dotted #003E83;
			padding-left: 5px;
			font-weight: bold;
		}

	#subNav .lCat { overflow: hidden;}
	#subNav .lCat li { float: left; background: url(../img/arw_bl01.gif) no-repeat left center; padding-left: 15px; margin-right: 15px;}
	#subNav .lCat a { color: #003E83; text-decoration: none; outline: none;}
	#subNav .lCat a:hover { color: #003E83; text-decoration: underline;}

	#subNav .sCat { font-size: 12px; margin-top: 5px;}
	#subNav .sCat li { background: url(../img/arws_bl01.gif) no-repeat left center; padding: 3px 0px 3px 10px;}
	#subNav .sCat a { color: #003E83; text-decoration: none; outline: none;}
	#subNav .sCat a:hover { color: #003E83; text-decoration: underline;}

*/


/*-----------------------------------------------------------------------------------*/
/*	HEAD_AD
/*-----------------------------------------------------------------------------------*/
#headAd {
	padding: 20px 0px;
	text-align: center;
}


/*-----------------------------------------------------------------------------------*/
/*	FOOT_AD
/*-----------------------------------------------------------------------------------*/
#footAd {
	padding: 20px 0px;
	text-align: center;
}



/*-----------------------------------------------------------------------------------*/
/*	COMMON_AREA
/*-----------------------------------------------------------------------------------*/
#cmnArea {
	background: #f2f2f2;
	padding: 20px 0px;
}
#cmnArea ul li {
	float: left;
	padding: 0px 10px;
}


/*-----------------------------------------------------------------------------------*/
/*	FOOTER
/*-----------------------------------------------------------------------------------*/
#footer {
	background: #535353;
	color: #FFFFFF;
	text-align: center;
	font-size: 12px;
}
#footer .news47,#footer .fNav {
	border-bottom: 1px solid #828282;
	padding: 30px 0px 20px 0px;
}
#footer .news47 ul li,#footer .fNav ul li{
    display: inline-block;
	*display: inline;
    *zoom: 1;
    border-right: 1px solid #FFFFFF;
    margin: 0px 5px 8px 0px;
    padding-right: 10px;
}
#footer .news47 ul li.none,#footer .fNav ul li.none {  border-right: none;}
.copy {
	color: #a0a0a0;
	font-size: 11px;
	line-height: 18px;
	padding: 10px 0px 40px 0px;
}
#footer a { color: #FFFFFF; text-decoration: none; outline: none;}
#footer a:hover { color: #FFFFFF; text-decoration: underline;}



/*-----------------------------------------------------------------------------------*/
/*	SIDEBAR
/*-----------------------------------------------------------------------------------*/
.sTtl {
	position: relative;
	border-bottom: 1px solid #0066ff;
	padding: 5px 0px;
}
.sTtl h4 {
	color: #0066ff;
	font-weight: bold;
	font-size: 16px;
}
.sTtl .more {
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.sTtl .more a {
	background: url(../img/arw_more01.gif) no-repeat left 45%;
	display: block;
	color: #0066ff;
	padding-left: 12px;
}
#sideBar .ad { margin-bottom: 20px;}


/* 記事リスト_タイトルのみ */
.sList01 { }
.sList01 li { border-bottom: 1px solid #e4e4e4;}
.sList01 li a {
	background: url(../img/arws_bl01.gif) no-repeat 5px 45%;
	padding: 8px 0px 8px 20px;
	display: block;
}
.sList01 li a:hover { /*text-decoration: none;*/}

/* 記事リスト_サムネイルつき */
.sList02 { }
.sList02 li { border-bottom: 1px solid #dcdcdc;}
.sList02 li .thm {
	float: left;
	margin-right: 10px;
}
.sList02 li .thm span {
	border: 1px solid #dcdcdc;
	background: #FFFFFF;
	display: table-cell;
	width: 60px;
	height: 45px;
	vertical-align: middle;
	text-align: center;
	padding: 1px;
}
*+html .sList02 li .thm span { display: inline; zoom: 1;}
.sList02 li .thm img { max-width: 60px; max-height: 45px;}

.sList02 li .article { overflow: hidden;}
.sList02 li .article .catch { font-size: 16px;}
#sSeries.sList02 li .article .catch { color: #5ab9f6; font-weight: bold; font-size: 14px;}
.sList02 li .article .ttl { }
.sList02 li .article .date { font-size: 11px; color: #a0a0a0; padding-bottom: 3px;}
.sList02 li .article .exp { font-size: 12px;}
.sList02 li a {
	padding: 10px 0px;
	display: block;
}
.sList02 li a:hover { text-decoration: none;}


/* バナーリスト */
#sideBar .sBnrbox { }
#sideBar .sBnrbox li { padding-bottom: 10px;}

/* アクセスランキング */
#sRankArea { }
#sRankArea #srBody { overflow: hidden;}
#sRankArea .srPanel { display: none;}
#sRankArea #srNav {
	border-bottom: 1px solid #dcdcdc;
	margin-top: 3px;
}
#sRankArea #srNav 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 3px;
	text-align: center;
	width: 98px;
}
#sRankArea #srNav li:first-child { margin-left: 0px;}
#sRankArea #srNav li.active {
	background: #dcdcdc;
	padding-bottom: 1px;
	margin-bottom: 0px;
	font-weight: bold;
}
#sRankArea #srNav a { color: #000000; display: block; padding: 5px 0px;}
#sRankArea #srNav a:hover { text-decoration: none;}
#sRankArea .sList01 li a {
	background: none;
	padding: 8px 0px;
}
#sRankArea .sList01 li .rk {
	display: inline-block;
	*display: inline;
    *zoom: 1;
	padding-right: 10px;
	color: #acacac;
	font-style: italic;
	font-size: 16px;
}
#sRankArea .sList01 li.rk01 .rk { color: #ffba00;}
#sRankArea .sList01 li.rk02 .rk { color: #5ab9f6;}
#sRankArea .sList01 li.rk03 .rk { color: #0066ff;}







/*-----------------------------------------------------------------------------------*/
/*	MAIN
/*-----------------------------------------------------------------------------------*/
#main .colTwin { }
#main .colTwin .left {
	float: left;
	width: 310px;
}
#main .colTwin .right {
	float: right;
	width: 310px;
}
#main .secWrap { margin-bottom: 30px;}

/* アイコン */
.iconBox { /*display: inline-block;*/}
.iconBox > li { margin-left: 5px;/*margin: 0px 0px -1px 5px;*/}
.iconBox > li:first-child { margin-left: 0px;}
.kIcon { background: url(/image/builtin/icon_key.gif) no-repeat left top; width: 14px; height: 16px;}
.postList02 .iconBox { display: inline-block;}
.postList02 .iconBox > li { margin: 0px 0px -1px 5px;}
/*
#main .pIcon { background: url(../img/bg_icon.gif) no-repeat 0px 4px; width: 18px; height: 22px; display: inline-block;}
#main .mIcon { background: url(../img/bg_icon.gif) no-repeat -18px 4px; width: 18px; height: 22px; display: inline-block;}
#main .dIcon { background: url(../img/bg_icon.gif) no-repeat -51px 4px; width: 15px; height: 22px; display: inline-block;}
*/

/* バナー */
#main .bnrArea { margin-bottom: 30px; text-align: center;/*display: table; width: 100%; table-layout: fixed;*/}
#main .bnrArea li { display: inline-block; padding: 0px 5px;/*display: table-cell; vertical-align: middle; text-align: center;*/}

/* 広告・PR */
#main .prArea { background: #f6f6f6; padding: 20px; margin-bottom: 30px; font-size: 12px;}
#main .prArea a:hover { color: #e60012;}
#main .adArea { padding: 30px 0px; text-align: center;}
#main .adArea .left { float: left; width: 50%;}
#main .adArea .right { float: right; width: 50%;}

/* 詳細ページへの枠 */
.navTxt {
	text-align: center;
	padding-top: 50px;
}
.navTxt a{
	color: #0066ff;
}

/*-----------------------------------------------------------------------------------*/
/*	ページタイトル
/*-----------------------------------------------------------------------------------*/
.pgTtl {
	/*border-bottom: 1px solid #0066ff;*/
	padding: 10px 0px 5px;
	margin-bottom: 20px;
	color: #0066ff;
}
.pgTtl h1 {
	font-size: 214%;
	line-height: 1.2;
}
.pgTtl h1 a { color: #0066ff;}


/*-----------------------------------------------------------------------------------*/
/*	見出し系（大）
/*-----------------------------------------------------------------------------------*/
.ttlBar {
	position: relative;
	color: #0066ff;
}
.ttlBar h2 { font-weight: bold; font-size: 129%;}
.ttlBar h3 { font-weight: bold; font-size: 115%;}
.ttlBar .blk { color: #000000;}

/* 青_下線 */
.mTtl01 {
	border-bottom: 1px solid #0066ff;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

/* 黒_下線 */
.mTtl01_blk {
	border-bottom: 1px solid #000000;
	padding: 10px 0px 5px 0px;
	margin-bottom: 10px;
}

/* 青_水色背景 */
.mTtl02 {
	background: #cceaf5;
	padding: 10px;
	margin-bottom: 10px;
}

/* 緑矢印 */
/*
.mTtl04 {
	background: url(../img/arwr_gre01.gif) no-repeat left 18px;
	border-bottom: 1px solid #075a09;
	padding: 10px 0px 10px 20px;
	margin-bottom: 10px;
}
*/

.ttlBar .more {
	position: absolute;
	bottom: 5px;
	right: 0px;
}
.ttlBar .more a {
	background: url(../img/arw_more01.gif) no-repeat left 45%;
	display: block;
	color: #0066ff;
	padding-left: 12px;
}









/*-----------------------------------------------------------------------------------*/
/*	見出し系（中）
/*-----------------------------------------------------------------------------------*/
.ttlArw01 {
	background: url(../img/arwr_gre01.gif) no-repeat left 5px;
	padding: 0px 0px 10px 20px;
}
	.ttlArw01 h4 { font-size: 129%;}
	.ttlArw01 h4.gre { color: #075909;}


/*-----------------------------------------------------------------------------------*/
/*	PAGETOP
/*-----------------------------------------------------------------------------------*/
#page-top {
	position: fixed;
	bottom: 50px;
	right: 0px;
	z-index: 100;
}


/*-----------------------------------------------------------------------------------*/
/*	BUTTON
/*-----------------------------------------------------------------------------------*/
.linkBtn01 {
	padding: 20px 0px;
	text-align: center;
}
	.linkBtn01 span {
		display: block;
		padding: 10px 0px;
	}
	.linkBtn01 a { color: #FFFFFF; text-decoration: none;}
	.linkBtn01 a:hover { color: #FFFFFF; text-decoration: none;}

/* 緑 */
.linkBtn01 .bGreen01 {
	border-radius: 3px;
	background: #075a0a;
	transition: all 0.3s ease;
	display: block;
	width: 260px;
	margin: 0px auto;
	font-size:18px;
}
	.linkBtn01 .bGreen01:hover { background: #0b680e;}

/* 濃グレー */
.linkBtn01 .bGray01 {
	border-radius: 3px;
	background: #333333;
	transition: all 0.3s ease;
	display: block;
	width: 260px;
	margin: 0px auto;
	font-size:18px;
}
	.linkBtn01 .bGray01:hover { background: #3d3d3d;}

.linkBtn01 .left { margin: 0px;}
.linkBtn01 .btnTwins { display: inline-block;}/* 150731追加 */

/* PDF_150731追加 */
.iconBtn01 {
	border: 1px solid #cdcdcd;
	border-radius: 3px;
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f0f0ef));
	background: -moz-linear-gradient(top, #ffffff, #f0f0ef);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#f0f0ef);
	text-align: center;
}
	.iconBtn01 a { display: block; padding: 10px 0px;}
	.iconBtn01 .pdfIcon { background: url(../img/icon_pdf.png) no-repeat left center; padding-left: 28px; display: inline-block; min-height: 24px; height: auto !important; height: 24px; line-height: 24px;}


/*-----------------------------------------------------------------------------------*/
/*	COMMON_ELEMENTS
/*-----------------------------------------------------------------------------------*/
.pd01 { padding-bottom: 10px;}
.pd02 { padding-bottom: 20px;}
.pd03 { padding-bottom: 30px;}
.pd04 { padding-bottom: 40px;}
.pd05 { padding-bottom: 50px;}
.pd06 { padding-bottom: 60px;}
.pd07 { padding-bottom: 70px;}
.pd08 { padding-bottom: 80px;}
.mg01 { margin-bottom: 10px;}
.mg02 { margin-bottom: 20px;}
.mg03 { margin-bottom: 30px;}
.mg04 { margin-bottom: 40px;}
.mg05 { margin-bottom: 50px;}
.mg06 { margin-bottom: 60px;}
.mg07 { margin-bottom: 70px;}
.mg08 { margin-bottom: 80px;}

.mgTop10 {margin-top: 10px;}

.mgRight20 {margin-right: 20px;}

.emp01 { color: #e60012;}
.empArea01 { background: #f6f6f6; padding: 20px;}

.alignLeft { text-align: left;}
.alignRight { text-align: right;}
.alignCenter { text-align: center;}

.noPage { padding: 100px 0px 200px 0px; text-align: center;}
.anqLink { padding-top: 100px;}


/*-----------------------------------------------------------------------------------*/
/*	BACKGROUND_COLOR
/*-----------------------------------------------------------------------------------*/
.bgColor01 { background: #cceaf5;}


/*-----------------------------------------------------------------------------------*/
/*	FONT
/*-----------------------------------------------------------------------------------*/
.f12 { font-size: 12px;}
.f14 { font-size: 14px;}
.f16 { font-size: 16px;}
.f18 { font-size: 18px;}
.f20 { font-size: 20px;}
.f24 { font-size: 24px; line-height: 1.4;}
.f30 { font-size: 30px; line-height: 1.4;}
.lh12 { line-height: 1.2;}
.lh14 { line-height: 1.4;}
.lh16 { line-height: 1.6;}
.lh18 { line-height: 1.8;}

.fColor00 { color: #0066ff;}/* 高知COLOR */
.fColor01 { color: #a0a0a0;}/* グレー */


/*-----------------------------------------------------------------------------------*/
/*	CLEARFIX
/*-----------------------------------------------------------------------------------*/
#blockHead .headWrap:after,
#gNav .nav:after,
#hSearch:after,
#headParts:after,
#headLine:after,
#pgBody .wrapper:after,
#sideBar .sList02 a:after,
.adArea:after,
.cf:after {
	content: "";
	display: block;
	clear: both;
}

/* for IE7 */
*+html #blockHead .headWrap,
*+html #gNav .nav,
*+html #hSearch,
*+html #headParts,
*+html #headLine,
*+html #pgBody .wrapper,
*+html #sideBar .sList02 a,
*+html .adArea,
*+html .cf {
	display: inline-block;
}


/*-----------------------------------------------------------------------------------*/
/*	FULLSCREEN
/*-----------------------------------------------------------------------------------*/
.fullscreen > li.thm { 
	display: inline-block;
	border:1px solid #dcdcdc;
	width:180px;
	height:135px;
	padding:1px;
}
.fullscreen > li.thm > a {
	cursor: pointer;
}
.fullscreen > li.thm > a > img{
	max-height: 130px;
	max-width: 180px;
}