/* 利用者画面のスタイル定義。 */

/* ************************************************** */
/* グローバルメニュー                                 */
/* ************************************************** */

/* 横並びにする。 */
.jpc-webui-server-global-menu {
	padding-left: 0;
	list-style: none;
	display: flex;
	flex-wrap: wrap; /* 要素を折り返しさせる。 */
	white-space: nowrap; /* 文字の折り返しをさせない。 */
}

/* 要素をボタンのように見せる。 */
.jpc-webui-server-global-menu li {
	background-color: #00ff03;
	padding: 6px;
	margin: 4px;
	border-radius: 5px;
}
.jpc-webui-server-global-menu li a {
	text-decoration: none;
	color: #000000;
}


/* ************************************************** */
/* メッセージ領域                                     */
/* ************************************************** */

.jpc-webui-server-messages {
	padding-left: 0;
	list-style: none;
	padding: 6px;
	margin: 4px;
	border-radius: 5px;
}

/* 注意書きの場合。 */
.jpc-webui-server-notices {
	background-color: #fffe00;
}

/* エラーメッセージの場合。 */
.jpc-webui-server-errors {
	background-color: #ff2a00;
}


/* ************************************************** */
/* 共通                                               */
/* ************************************************** */

/* 表部分。 */
.jpc-webui-server-table, .jpc-webui-server-table th, .jpc-webui-server-table td  {
	/* 罫線を引く。 */
	border-collapse: collapse;
	border: 1px solid #000000;
}


/* ************************************************** */
/* 一覧画面                                           */
/* ************************************************** */

/* 一覧件数。 */
.jpc-webui-server-total-area {
	/* 横並びにする。 */
	display: flex;
}


/* ************************************************** */
/* お知らせ詳細画面より。                               */
/* ************************************************** */
/* フッターを画面下に固定するためのスタイル指定 */
html, body {
	height: 100%;
}
#layout {
	position: relative;
	min-height: 100%;
}
.right {
	padding-bottom: 40px;
}
.footer {
	position: absolute;
	bottom: 0px;
	height: 55px;
}
/* サイドメニュー下マージン調整 */
.left {
	padding-bottom: 40px;
}
/* サイドメニュー下マージン調整 */
.footer {
	position: absolute;
	bottom: 0px;
	height: 55px;
}

/* グローバルナビゲーション選択範囲を調整 */
/* フェード効果付加サブメニュー */
.fade-submenu img {
	display: block;
}
/* フェード効果付加サブメニュー */
.innerBackgroundL {
	background: #FFFFFF;
	border-left: 1px solid #FFFFFF
}
.innerBackgroundR {
	background: #FFFFFF;
	border-right: 1px solid #FFFFFF
}

.innerBackgroundL {
	background: #FFFFFF;
	border-left: 1px solid #FFFFFF
}
.innerBackgroundR {
	background: #FFFFFF;
	border-right: 1px solid #FFFFFF
}
.gMenuLink {
	vertical-align: middle;
}
.gMenu {
	color: #FFFFFF;
	width: 162px;
	height: 32px;
	text-align: center;
	float: left;
	margin-left: 1px;
	text-decoration: none;
	background-color: #0066B6;
}
.gMenuSelected {
	/* color: #000000;
	width: 162px;
	height: 24px;
	padding-top: 8px;
	text-align: center;
	vertical-align: middle;
	float: left;
	border-left: solid 1px #cccccc;
	text-decoration: none; */
	background-color: #1D5BB1;
}
.gMenu:HOVER {
	background-color: #1D5BB1;
}
.gMenu-wrapper {
	width: 980px;
}
.gMenu-Lside {
	height: 32px;
	text-align: center;
	width: 163px;
	float: left;
	background-color: #0066B6;
}
.gMenu-Rside {
	height: 32px;
	text-align: center;
	width: 164px;
	float: right;
	background-color: #0066B6;
}
.gMenu-Lside a, .gMenu-Lside a:hover, .gMenu-Rside a, .gMenu-Rside a:hover, .gMenu a, .gMenu a:hover {
	color: #ffffff;
	text-decoration: none;
}
.gMenu-Lside:hover, .gMenu-Rside:hover {
	background-color: #1D5BB1;
}
.gMenu-Lside p, .gMenu-Rside p, .gMenu p {
	width: 100%;
	height: 100%;
}
.gMenu-Lside a, .gMenu-Rside a, .gMenu a {
	width: 100%;
	height: 24px;
	padding-top: 8px;
	display: inline-block;
}

.newsPhotos {
	width : 750px;
}
.photoBox {
	float:left;
	margin-top:30px;
	margin-left:0;
	width: 750px;
}
.topPhotoBox {
	float:left;
	margin-top:30px;
	width: 750px;
	clear:both;
	margin-left:0;
}

.loading {
	width: 100%;
	margin: 2rem auto;
	text-align: center;
}

.tv-program-synopsis {

}