@charset "utf-8";

/* 基本構造、メインメニュー、コンテンツ枠、フッター、リンク色 */
/* 基本・骨組み */

/* @import url(//fonts.googleapis.com/earlyaccess/notosansjp.css); */

@font-face {
 font-family: "NotoSansCJKjp";
 font-style: normal;
 font-weight: 400;
 src: url('./fonts/notosans-regular.eot');
 src: local('Noto Sans CJK JP Regular'),
 url('./fonts/notosans-regular.eot?#iefix') format('embedded-opentype'),
 url('./fonts/notosans-regular.woff') format('woff'),
 url('./fonts/notosans-regular.otf') format('opentype')
}

body {
	margin: 0;
	padding: 0;
	text-align:center;
	background-color:#ffffff;
	color:#333333;
	font-size: 14px;
	line-height: 1.6em;
	font-family: 'Noto Sans JP', "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
	font-weight: 500;
}
ul {
	margin: 0;
	padding: 0;
}
ol {
	margin-top: 0;
	margin-bottom: 0;
}
h1,h2,h3,h4,p {
	margin: 0;
	padding: 0;
	font-size:100%;
}
img {
	border: none;
}

#pageall {
	position: relative;
}
/* らぶりん投稿BOXボタン */
.loverin-toukoubox-btn {
	position: fixed;
	top: 20px;
	right: 0px;
	z-index: 100;
}
/* 番組表切り替えボタン */
.bangumi-change-btn {
	position: fixed;
	top: 130px;
	right: 0px;
	z-index: 100;
}

/* ヘッダー */
#header-top { /* トップページのヘッダーエリア */
	height: 570px;
	background-image: url("../images/bg_top_headerback.jpg"); /* 全体の背景画像 */
	background-position: 50% 0%;  /* 背景画像の位置は画面中央 */
	background-repeat: no-repeat; /* 背景を繰り返えさない */
}
#header { /* 共通ヘッダーエリア（ヘッダーエリア背景白） */
	height: 140px;
	background-color:#ffffff;
}
#header-t { /* 共通ヘッダーエリア（ヘッダーエリアを透過する場合） */
	height: 140px;
}
#header-area {
	width: 960px;
	height: 140px;
	text-align:left;
	margin-left:auto;
	margin-right:auto;
}
 /* ロゴ・検索窓エリア */
.header-block-01 {
	/*width: 300px;*/
	width: 265px;
	float:left;
}
.title-rab {
	padding-top: 20px;
}
.header-block-02 {
	/*width: 660px;*/
	width: 695px;
	float:left;
}
/* SNSボタン */
.header-btn-sns-area {
	height: 48px;
	margin-left: 502px;
}
.header-btn-sns-area li {
	padding-top: 10px;
	margin-right: 8px;
	list-style-type: none;
	float: left;
}
.header-btn-sns-area a {
	display: block;
}
/* メインメニュー */
.header-btn-mainmenu {
	height: 80px;
}
.header-btn-mainmenu li {
	/*margin-right: 10px;*/
	margin-right: 6.5px;
	list-style-type: none;
	float: left;
}
.header-btn-mainmenu a {
	display: block;
}

.header-search-area {
	height: 56px;
	padding: 2px 0px 0px 15px;
}
.header-search-form {
	font-size: 9pt;
	border: 2px solid #dcdcdc;
	padding: 7px;
	width: 170px;
	/* 角丸 */
	border-radius: 18px;        /* CSS3草案 */
  	-webkit-border-radius: 18px;    /* Safari,Google Chrome用 */
  	-moz-border-radius: 18px;   /* Firefox用 */
  	outline: 0;
}
.header-search-form-btn {
	margin: 1px 0px 0px 8px;
}







/* フッター */
#footer {

}
#footer-area1 {
	background-image: url("../images/bg_footerback.jpg"); /* 全体の背景画像 */
	background-position: center bottom;
	background-repeat: no-repeat; /* 背景を繰り返えさない */
	background-color:#c9d6de;
}
.footer-top {
	margin-left:auto;
	margin-right:auto;
	border-top: 5px solid #b1c2ce;
}
#footer-area-m {
	width: 960px;
	margin-left:auto;
	margin-right:auto;
}
.footer-block {
	margin-top: 20px;
	width: 220px;
	float: left;
}
.footer-block-space {
	margin-right: 20px;
}
.footer-menu {
	margin: 4px 0px 20px 0px;
	width: 200px;
}
.footer-menu li {
	font-size:10pt;
	line-height:1.4em;
	list-style-type: none;
	background-image: url("../images/pic_footer_point.png");
	background-repeat: no-repeat;
	background-position: left top;
	text-align:left;
}
.footer-menu p {
	padding: 2px 0 2px 20px;
}
.footer-menu li a {
	color: #0056b8;
	text-decoration: none;
}
.footer-menu li a:hover {
	color: #5f9500;
}
.footer-menu li a:visited {
	color: #0056b8;
}
.footer-menu li a:visited:hover {
	color: #5f9500;
}

#footer-area2 {
	background-color:#ffffff;
	margin-left:auto;
	margin-right:auto;
}
.footer-area2-in {
	font-size: 10pt;
}
#footer-area3 {
	background-color:#afd3fb;
	margin-left:auto;
	margin-right:auto;
}
.footer-area3-in {
	padding: 10px 0;
	width: 940px;
	margin-left:auto;
	margin-right:auto;
	text-align: left;
	font-size: 10pt;
}
.footer-logo {
	padding: 20px 0 10px 0;
}
.footer-logo-text {
	padding: 0px 0 10px 0;
}
/* コピーライト */
#copyright-area {
	margin-left:auto;
	margin-right:auto;
	text-align: center;
}
#copyright-area-in {
	background-color:#004ca2;
}
.copyright-text {
	font-size:10pt;
	padding:4px;
	color:#ffffff;
}

/* ページトップへ */
#page-top {
	position: fixed;
	text-align: right;
	padding-bottom: 10px;
	width:70px;
	cursor: pointer
}

/* ジャスラックロゴ */
.kyoka-logo {
	font-size:10pt;
	background-color:#dddddd;
}
.kyoka-logo table {
	text-align: left;
	margin: auto;
}
.kyoka-logo td {
	padding: 6px;
}

/* 通常リンク関連 */
a:link {
	color: #01649f;
	text-decoration: none;
}
a:hover {
	color: #5eb500;
}
a:visited {
	color: #01649f;
}
a:visited:hover {
	color: #ee8100;
}




/* その他 */

.bg-white {
	background-color:#ffffff;
}
.text-left {
	text-align:left;
}
.text-right {
	text-align:right;
}
.pad2 {
	padding:2px;
}
.pad3 {
	padding:3px;
}
.pad5 {
	padding:5px;
}
.pad8 {
	padding:8px;
}
.pad9 {
	padding:9px;
}
.pad10 {
	padding:10px;
}
.pad12 {
	padding:12px;
}
.pad15 {
	padding:15px;
}
.pad20 {
	padding:20px;
}
.center {
	text-align:center;
}

.center-auto {
	margin-left:auto;
	margin-right:auto;
}
.solid-area {
	border: 1px solid #777777;
}
.rss {
	font-size: 9pt;
}
.rss a {
	font-size: 9pt;
	color: #ffffff;
	text-decoration: none;
}

.btn-light a:hover img { /* マウスオーバーで画像を明るく */
	filter:alpha(opacity=80);
	-moz-opacity:0.8;
	-khtml-opacity: 0.8;
	opacity: 0.8;
}
.text-big {
	font-size: 120%;
	font-weight: bold;
}
.text-big2 {
	font-size: 140%;
	font-weight: bold;
}
.red {
	color: #ff0000;
}
.blue {
	color: #0000ff;
}
.green {
	color: #00bb33;
}
.bold {
	font-weight: bold;
}

/* セカンドページ　ページャー */
/* CSS Badoo style pagination */
/* http://blog.shuffleee.com/2374/  ->  No.4 */
/* http://mis-algoritmos.com/some-styles-for-your-pagination?page=4 */

.sub-photoblock-pager {

}
div.pagination {
	color:#48b9ef;
	padding:14px 0 14px 0;

	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-align:center;
}
div.pagination a {
	color:#48b9ef;
	padding:2px 5px;
	margin:0 2px;
	text-decoration:none;
	border:2px solid #f0f0f0;
	background-color: #ffffff;
}

div.pagination a:hover, div.pagination a:active {
	border:2px solid #ff5a00;
	color:#ff5a00;
}

div.pagination span.current {
	padding:2px 5px;
	border:2px solid #ff5a00;
	color:#fff;
	font-weight:bold;
	background-color:#ff6c16;
}
div.pagination span.disabled {
	display:none;
}

.bold { font-weight:bold; }

.text10 { font-size: 10pt; }
.text11 { font-size: 11pt; }
.text12 { font-size: 12pt; }

.text-lh12 { line-height: 1.2em; }
.text-lh14 { line-height: 1.4em; }
.text-lh16 { line-height: 1.6em; }

.fclear { clear: both; }
.fleft  { float: left; }
.fright { float: right; }

.tleft   { text-align: left; }
.tright  { text-align: right; }
.tcenter { text-align: center; }

.pad3_w  { padding: 0px 3px; }
.pad5_w  { padding: 0px 5px; }
.pad8_w  { padding: 0px 8px; }
.pad10_w { padding: 0px 10px; }

.pad3_h  { padding: 3px 0px; }
.pad5_h  { padding: 5px 0px; }
.pad8_h  { padding: 8px 0px; }
.pad10_h { padding: 10px 0px; }

.margin3  { margin: 3px; }
.margin5  { margin: 5px; }
.margin8  { margin: 8px; }
.margin10 { margin: 10px; }

.margin3_w  { margin: 0px 3px; }
.margin5_w  { margin: 0px 5px; }
.margin8_w  { margin: 0px 8px; }
.margin10_w { margin: 0px 10px; }

.margin3_h  { margin: 3px 0px; }
.margin5_h  { margin: 5px 0px; }
.margin8_h  { margin: 8px 0px; }
.margin10_h { margin: 0px; }

.red    { color: #e13333; }
.green  { color: #1c9652; }
.orange { color: #e14833; }
.blue   { color: #0084be; }
.pink   { color: #de7791; }
.purple { color: #b646df; }
.aqua   { color: #41c1e8; }
.yellow { color: #fda005; }

.hide { display: none; }

/* 災害情報ページリンク */
.disaster-link-btn, .disaster-link-btn2 {
	display: none;
	position: fixed;
	top: 115px;
	right: 0px;
	z-index: 100;
}