@charset "UTF-8";

/* 画面表示用スタイル */

/* --市議会『basebgsg』　消防『basebgsf』　動画『basebgsv』　その他『basebgsc』　施設『basebgss』-- */

/* ------------------------基本、大枠設定------------------------ */
div#basebgsg {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00589C;
	background-color: #FAFAFA;
}
div#basebgsf {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00589C;
	background-color: #FAFAFA;
}
div#basebgsv {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00589C;
	background-color: #FAFAFA;
}
div#basebgsc {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00589C;
	background-color: #FAFAFA;
}
div#basebgss {
	margin: 0;
	padding: 0;
	border-top: 5px solid #00589C;
	background-color: #FAFAFA;
}
div#basebg {
	background-image: url(/images/s_bg_all.gif);
	min-width: 1010px;
}
div#basewrap {
	padding: 0 25px 0 25px;
}


/* ------------------------ヘッダー------------------------ */
div#h0left {
	height: 50px;
}
div#h0left img {
	margin: 0;
}
div.h0right {
	padding: 10px 0 0 0;
}
div.h0head {
	width: 615px;
}

/* ヘッダーナビ */
ul.headlist {
	width: 405px;
}
ul.headlist li {
	padding: 3px 7px 0 0;
}

/* サブサイトヘッダータイトル（画像なし） */
div.subtitle {
	margin: 0 0 2px 0;
	padding: 0;
	width: 940px;
	background-position: 0 0;
	_height: 1%;
}
div#basebgsg div.subtitle {
	background-repeat: no-repeat;
	background-image: url(/images/sg_t_bg_title.gif);
}
div#basebgsf div.subtitle {
	background-repeat: repeat-x;
	background-image: url(/images/sf_bg_title.gif);
}
div.subtitle h1 {
	margin: 0;
	padding: 0;
	border: none;
	background-color: transparent;
	background-repeat: no-repeat;
	background-position: 100% 0;
	_height: 1%;
}
div#basebgsg h1 {

	background-image: url(/images/sg_t_head_img01.jpg);
	height: 180px;
}
div#basebgsg h1 img {
	margin: 40px 0 0 25px;
	padding: 0;
}

/* サブサイトヘッダータイトル（画像有） */
div.subtitlebox {
	margin: 0 0 2px 0;
	padding: 0;
	width: 940px;
	background-position: 0 0;
	height: 70px;
}
h1.title-l {
	float: left;
	margin: 0;
	padding: 10px 0 0 52px;
	border: none;
}
div.title-r {
	float: right;
	margin: 0;
	padding: 6px 0 0 0;
}


/* ------------------------グローバルナビ------------------------ */
div#gnb {
	clear: both;
	margin: 0 0 7px 0;
	padding: 0;
	width: 950px;
}
div#basebgsg div#gnb {
	margin: 8px 0 7px 0;
}
div#basebgss div#gnb {
	margin: 20px 0 14px 0;
}
div#gnb ul.gnavi {
	margin: 0;
	padding: 0;
}
div#gnb ul.gnavi li {
	float: left;
	margin: 0;
	padding: 0;
	line-height: 1%;
	background-image: none;
}
div#basebgss div#gnb ul.gnavi li {
	padding: 0 10px 0 0;
	background-image: none;
}

/* グローバルナビ縦配置用（動画） */
div.svgnavibox {
	float: left;
	margin: 0;
	padding: 0;
	width: 238px;
	height: 420px;
}
div#basebgsv ul.gnavi {
	margin: 0;
	padding: 0;
}
div#basebgsv ul.gnavi li {
	margin: 0;
	padding: 0 0 2px 0;
	background-image: none;
	font-size: 1%;
	line-height: 1%;
}
div#basebgsv ul.gnavi li.guide {
	padding: 6px 0 2px 0;
}


/* ------------------------パンくずナビ------------------------ */
div.pankuzu ul {
	padding: 0;
}


/* ------------------------コンテンツ大枠------------------------ */
div#basebgsv div.svbgwrap {
	margin: 0 0 10px 0;
	padding: 0;
	width: 960px;
	background-repeat: repeat;
	background-image: url(/images/sv_bg_svbgwrap.gif);
	background-position: 0 0;
	_height: 1%;
}
div.bgwrap {
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
	width: 950px;
	text-align: left;
	background-color: transparent;
}
div#basebgsv div.bgwrap {
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
	background-image: url(/images/sv_bg_bgwrap.gif);
	background-position: 0 0;
	_height: 1%;
}
div.wrap {
	margin: 4px 0 10px 0;
	width: 940px;
}
div#basebgsc div.wrap {
	margin: 0 0 10px 0;
	width: 940px;
}

/* 左エリア */
div#topleft {
	float: left;
	margin: 0;
	padding: 0 10px 0 0;
	width: 175px;
	background-color: transparent;
}

/* メインエリア */
div#topmain {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 0 10px 0;
	background-color: transparent;
}
div#basebgsg div#topmain {
	width: 696px;
}
div#basebgsf div#topmain {
	clear: none;
	width: 510px;
}
div#basebgsv div#topmain {
	padding: 10px 10px 10px 10px;
	width: 676px;
	background-color: #F5F4ED;
	border: 1px solid #BABAB6;
}
div#basebgsc div#topmain {
	width: 694px;
}
div#basebgss div#topmain {
	width: 640px;
}

/* 右エリア */
div#topright {
	float: right;
	margin: 0;
	padding: 10px 0 0 0;
	background-color: transparent;
}
div#basebgsg div#topright {
	padding: 0;
	width: 226px;
}
div#basebgsf div#topright {
	padding: 0;
	width: 236px;
}
div#basebgsv div#topright {
	padding: 0;
	width: 232px;
}
div#basebgsc div#topright {
	padding: 0;
	width: 226px;
}
div#basebgss div#topbgright {
	float: right;
	margin: 1.2em 0 0 0;
	padding: 10px 0 0 0;
	width: 290px;
	background-color: #E8E4DF;
}


/* ------------------------フッター------------------------ */
/* フッター */
div.f0wrap {
	width: 960px;
	border-bottom: 1px solid #E8EFF5;
}
div#basebgsf div.add {
	clear: both;
	margin: 0;
	padding: 0 0 8px 0;
}
div#basebgsg div.add {
	clear: both;
	margin: 0;
	padding: 0;
}
div#basebgsc div.add {
	clear: both;
	margin: 0 0 8px 0;
	padding: 0;
}
div.add h2 {
	padding: 2px 10px 0 8px;
	width: auto;
	font-size: 80%;
}
p.sectiontxt {
	margin: 0 0 8px 10px;
	padding: 0;
}
address p {
	margin: 0 0 0 8px;
}


/* ------------------------共通タグの基本定義------------------------ */
/* --市議会『basebgsg』　消防『basebgsf』　動画『basebgsv』　その他『basebgsc』　施設『basebgss』-- */

div#basebgsg #topmain h2,
div#basebgsg #main-nosub h2 {
	background-image: url(/images/sg_bg_h2.gif);
}
div#basebgsg #topmain h3,
div#basebgsg #main-nosub h3 {
	color: #333333;
	background-image: url(/images/sg_icon_h3.gif);
}
div#basebgsf #topmain h2,
div#basebgsf #main-nosub h2 {
	background-image: url(/images/sf_bg_h2.gif);
}
div#basebgsf #topmain h3,
div#basebgsf #main-nosub h3 {
	color: #333333;
	background-image: url(/images/sf_icon_h3.gif);
}
div#topleft h2,
div#topright h2 {
	background-color: #FFFFFF;
}
div#topleft h3,
div#topright h3 {
	margin: 1em 2px 0.7em 0;
}
div#topleft p,
div#topright p {
	margin: 0.56em 0 0.1em 4px;
}
div#topleft p.pagelinkin,
div#topright p.pagelinkin {
	margin: 0.56em 10px 0.1em 3px;
}
div#topleft p.pagelinkout,
div#topright p.pagelinkout {
	margin: 0.56em 10px 0.1em 3px;
}
div#topleft p.imglink,
div#topright p.imglink {
	margin: 10px 0 10px 0;
	padding: 0;
}


/* ------------------------テンプレート用共通------------------------ */
/* 緊急情報枠 */
div#kinkyu {
	margin: 0;
	padding: 0;
	width: 100%;
}
div#kinkyu h2 {
	background-image: url(/images/c_bg_kinkyu.gif);
}
div#kinkyu h3 {
	margin: 1em 10px 0.56em 10px;
	padding: 6px 0 4px 6px;
	font-weight: bold;
	font-size: 98%;
	line-height: 1.4em;
	color: #333;
	border-left: 5px solid #A01A00;
	background-color: #ECECEC;
	background-image: none;
}
div#kinkyu h4 {
	margin: 0.8em 0 0.56em 10px;
	padding: 0 0 0 6px;
	font-size: 90%;
	font-weight: bold;
	line-height: 1.3em;
	color: #333;
	border-left: 3px solid #A01A00;
	background-color: transparent;
}
div.kinkyu-txt {
	margin: 0;
	padding: 0 0 7px 0;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
}
div.kinkyu-txt p {
	margin: 0.56em 6px 0.1em 10px;
}
div.kinkyu-txt p.pagelinkin {
	margin: 0;
	padding: 3px 6px 3px 22px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_inlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 10px 0.68em;
	_height: 1%;
}
div.kinkyu-txt p.pagelinkout {
	margin: 0;
	padding: 3px 6px 3px 21px;
	line-height: 1.5em;
	background-image: url(/images/c_icon_outlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 7px 0.32em;
	_height: 1%;
}
div.kinkyu-txt p.pagelinkbt {
	margin: 0 0 0 10px;
	padding: 3px 0 3px 0;
	font-size: 1%;
	line-height: 1%;
}
div.kinkyu-txt ul {
	margin: 0.7em 5px 0.7em 0;
	padding: 0 0 0 8px;
}
div.kinkyu-txt ul li {
	padding: 0 0 0 15px;
	background-image: url(/images/c_icon_inlink_red.gif);
}

/* 次階層新着情報エリア */
div.newinfo-box {
	background-color:#FFFFFF;
}

/* 広告エリア */
div.kokoku {
	width: 940px;
}
div.kokoku ul {
	margin: 10px 0 0 8px;
}
div.kokoku ul li {
	width: 186px;
}

/* 隠しジャンプ */
div.blockjump img {
	display: none;
}
#blockskip {
	color: #FFFFFF;
}
#blockskip a {
	color: #FFFFFF;
}
.show {
	color: #FFFFFF;
	background-color: #225599;
}

/* 新着、イベント情報エリア、トピックス */
div.info-box,
div.event-box, 
div.topics-box {
	clear: both;
	margin: 1.2em 0 0.8em 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}
#topmain div.info-box h2,
#topmain div.event-box h2, 
#topmain div.topics-box h2 {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
}
#topmain div.info-box ul li,
#topmain div.event-box ul li {
	padding: 0 0 0 20px;
	background-image: url(/images/c_icon_square_blue.gif);
	background-position: 2px 0.32em;
}
div#basebgsg div.info-box {
	border: 1px solid #EA9FAA;
	background-color:#FFFFFF;
}
div#basebgsg #topmain div.info-box h2 {
	background-image: url(/images/sg_t_bg_h2_red.gif);
}
div#basebgsg #topmain div.info-box ul li {
	background-image: url(/images/c_icon_square_red.gif);
}

/* ----------------議会「本日の会議」------------------- */
div.info-box2 {
	clear: both;
/*	margin: 1.2em 0 0.8em 0;*/
	margin: 1.2em 0 0 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	background-color:#FFFFFF;
}
#topmain div.info-box2 h2 {
	margin: 0;
	padding: 0 0 2px 8px;
	line-height: 185%;
	font-size: 95%;
	border: none;
	font-family: "HGMaruGothicMPRO", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font: bold;
/*	letter-spacing: -0.1em;*/
	color: #BE001B;
}
div#basebgsg #topmain div.info-box2 h2 {
	background-image: url(/images/sg_t_bg_h2_red.gif);
}
p.kaiginittei {
	margin-top: 0;
	padding-right: 0.2em;
	text-align: right;
}

/* ------------------------議会------------------------ */
/* 次階層リンク */
div#basebgsg h2.sectitle {
	padding: 0;
	line-height: 1%;
	border: none;
	background-color: transparent;
	background-image:none;
}
div#basebgsg ul.side-imgli {
	margin: 10px 0 10px 0;
	padding: 0 0 0 12px;
	background-color: transparent;
}
div#basebgsg ul.side-imgli li {
	float: left;
	margin: 0 0 4px 0;
	padding: 0 10px 0 14px;
	background-image: url(/images/c_icon_inlink_blue.gif);
	background-position: 2px 0.46em;
	white-space: nowrap;
}

/* 更新履歴 */
div#basebgsg div.update-box {
	clear: both;
	margin: 1.2em 0 10px 0;
	padding: 0;
	border: 1px solid #EA9FAA;
	background-color:#FFFFFF;
}
div#basebgsg div.update-box h2 {
	margin: 0;
	padding: 0 0 2px 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	background-image: url(/images/sg_t_bg_h2_red.gif);
}
div#basebgsg div.update-box ul li {
	padding: 0 0 0 20px;
	background-image: url(/images/c_icon_square_red.gif);
	background-position: 2px 0.32em;
}


/* ------------------------消防------------------------ */
/* メイン画像 */
div#basebgsf div.mainimg {
	margin: 10px 0 0 0;
	padding: 0;
}

/* 注目情報 */
div#basebgsf div.chumoku-box {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 1px solid #EA9FAA;
	border-top: 2px solid #BE001B;
	background-color:#FFFFFF;
}
div#basebgsf #topmain div.chumoku-box h2 {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	border-bottom: 1px solid #EA9FAA;
	background-image: url(/images/sg_t_bg_h2_red.gif);
	background-position: 0 0;
}
div#basebgsf div.chumoku-box p {
	margin: 0 10px 0 10px;
	padding: 5px 0 5px 0;
	border-bottom: 1px dotted #999999;
}
div#basebgsf div.chumoku-box div.ichiran-all div {
	margin: 0.56em 0 0.2em 0;
	background-image: url(/images/c_icon_square_red.gif);
}

/* 上部青線枠 */
div#basebgsf div.firebureaulink,
div#basebgsf div.benri-box,
div#basebgsf div.newinfo-box {
	clear: both;
	margin: 10px 0 10px 0;
	padding: 0;
	border: 1px solid #CCCCCC;
	border-top: 2px solid #63A5CD;
	background-color:#FFFFFF;
}
div#basebgsf div.firebureaulink h2,
div#basebgsf div.benri-box h2,
div#basebgsf div.newinfo-box h2 {
	margin: 0;
	padding: 0;
	line-height: 1%;
	font-size: 1%;
	border: none;
	border-bottom: 1px solid #CCCCCC;
	background-image: url(/images/c_bg_h2.gif);
	background-position: 0 0;
}
div#basebgsf ul.side-li {
	margin: 12px 0 12px 0;
	padding: 0;
	background-color: transparent;
}
div#basebgsf ul.side-li li {
	float: left;
	margin: 0 0 8px 0;
	padding: 0 10px 0 10px;
	line-height: 110%;
	border-right: 1px solid #000000;
	background-image: none;
	white-space: nowrap;
}
div#basebgsf ul.side-imgli {
	margin: 10px 0 10px 0;
	padding: 0 0 0 12px;
	background-color: transparent;
}
div#basebgsf ul.side-imgli li {
	float: left;
	margin: 0 0 4px 0;
	padding: 0 10px 0 14px;
	background-image: url(/images/c_icon_inlink_blue.gif);
	background-position: 2px 0.46em;
	white-space: nowrap;
}

/* ------------------------動画------------------------ */
/* 大枠 */
div.topbox {
	margin: 0 0 10px 0;
	padding: 0;
}
div.bottombox {
	clear: both;
	margin: 0 0 10px 0;
	padding: 1px 0 0 0;
}

/* 説明リア */
div#comment {
	float: left;
	margin: 0;
	padding: 10px 0 10px 0;
	width: 208px;
	border: 1px solid #BBBAAA;
	background-color:#FAF9F4;
}
div#comment h2 {
	margin: 0 0 0 10px;
	padding: 0;
	border: none;
	background-image: none;
}
div#comment h3 {
	margin: 12px 0 0 10px;
	padding: 0;
	color: #333;
	background-image: none;
}
div#comment ul {
	margin: 0 0 0 10px;
	padding: 0;
}
div#comment li {
	margin: 6px 0 2px 0;
	padding: 0;
	line-height: 120%;
	background-image: none;
}

/* プレーヤーエリア */
div.videobox {
	float: right;
	margin: 0;
	padding: 0;
	width: 480px;
}

/* 新着映像  */
h2.video-sec {
	font-size: 100%;
	line-height: 1.4em;
	padding: 0;
	border: none;
	background-image: url(/images/sv_t_bg_h2.gif);
}
div.newvideo {
	margin: 10px 0 10px 0;
	padding: 0;
}
div.newvideo h3 {
	float: left;
	margin: 0;
	padding: 0;
	width: 168px;
	background-color: transparent;
	background-image: none;
	_height: 1%;
}
div.newvideo p {
	float: left;
	margin: 0;
	padding: 6px 0 0 0;
	position: relative;
	width: 760px;
	_height: 1%;
}

/* チャンネルガイド */
div.chguide {
	margin: 10px 0 10px 0;
	padding: 0;
}
div.ch1box, div.ch2box, div.ch3box, div.ch4box, div.ch5box {
	float: left;
	margin: 0;
	padding: 0 9px 0 0;
	width: 180px;
	background-repeat: repeat-y;
	background-position: 0 0;
	_height: 1%;
}
div.ch1box {
	background-image: url(/images/sv_t_bg_ch01.gif);
}
div.ch2box {
	background-image: url(/images/sv_t_bg_ch02.gif);
}
div.ch3box {
	background-image: url(/images/sv_t_bg_ch03.gif);
}
div.ch4box {
	background-image: url(/images/sv_t_bg_ch04.gif);
}
div.ch5box {
	padding: 0;
	background-image: url(/images/sv_t_bg_ch05.gif);
}
div.guide {
	margin: 0;
	padding: 0 0 8px 0;
	background-repeat: no-repeat;
	background-position: 0 100%;
	_height: 1%;
}
div.ch1box div.guide {
	background-image: url(/images/sv_t_bg_ch01_bottom.gif);
}
div.ch2box div.guide {
	background-image: url(/images/sv_t_bg_ch02_bottom.gif);
}
div.ch3box div.guide {
	background-image: url(/images/sv_t_bg_ch03_bottom.gif);
}
div.ch4box div.guide {
	background-image: url(/images/sv_t_bg_ch04_bottom.gif);
}
div.ch5box div.guide {
	background-image: url(/images/sv_t_bg_ch05_bottom.gif);
}
div.chguide h3 {
	margin: 0 0 8px 0;
	padding: 0;
	background-image: none;
}
div.guide div {
	text-align: center;
}
div.guide div img {
	margin: 0;
}
div.chguide p {
	margin: 0.56em 2px 0.1em 6px;
}


/* ------------------------共通サブサイト------------------------ */
div#basebgsc div#loevcal {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	width: 224px;
	border: 1px solid #D3D3D3;
	background-color: transparent;
}
div#basebgsc div#loevcal h2 {
	clear: both;
	margin: 0 0 10px 0;
	padding: 0;
	font-size: 1%;
	line-height: 1%;
	background-image: url(/images/s_t_bg_event.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	_height: 1%;
}


/* ------------------------施設------------------------ */
div#basebgss div.bgbox {
	clear: both;
	margin: 0 0 10px 10px;
	padding: 0;
	width: 268px;
	border: 1px solid #CBB9A6;
	background-color: #FFFFFF;
	background-image: url(/images/c_bg_snavi.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
	_height: 1%;
}
div#basebgss div#shisetsu h2 {
	margin: 0;
	padding: 0 0 0 14px;
	font-size: 1%;
	line-height: 1%;
	border: none;
	background-color: transparent;
	background-image: url(/images/c_icon_snavi_title.gif);
	background-repeat: no-repeat;
	background-position: 5px 5px;
	_height: 1%;
}

/* ------------------------交流広場------------------------ */
div#basebgss .koryu div#topmain {
  width: 100%;
}


/* ------------------------堺市図書館------------------------ */
div#basebgss div.bgwrap-library .pagelinkin {
	clear: both;
	margin: 0.56em 10px 0.1em 12px;
	padding: 0 0 2px 18px;
	background-image: url(/images/c_icon_inlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.5em;
	_height: 1%;
}
div#basebgss div.bgwrap-library .pagelinkbt{
	margin:0 0 5px 10px;
}
div#basebgss div.bgwrap-library div.bgbox{
	background:none;
	background:url(/images/library_h2_bg.gif) repeat-x #fff;
	padding: 0 0 2px 0;
}
div#basebgss div.bgwrap-library .bgbox h2{
	background:none;
	background:url(/images/c_icon_snavi_title.gif) no-repeat 6px 9px;
	margin:0 0 4px 0;
	border:none;
	padding:6px 13px 0 16px;
	font-size: 100%;
	font-weight: normal;
}
div#basebgss div.bgwrap-library .bgbox h2 img{
	margin: -2px 0 -4px 0;
	padding: 0;
}

div#basebgss div.bgwrap-library div.l-menu-left{
	width:630px;
	float:left;
}
div#basebgss div.bgwrap-library .booksearch-box {
	margin:0 0 8px 0;
	background-color:#F2F0EE;
}
div#basebgss div.bgwrap-library .booksearch-box .booksearch{
	margin:5px 10px;
}
div#basebgss div.bgwrap-library .booksearch-box .booksearch #kensaku_keyword{
	width:520px;
	border:solid 1px #A9A9A9;
}
div#basebgss div.bgwrap-library .booksearch-box .booksearch .button{
	widows:50px;
	height:28px;
	font-weight:bold;
	font-size:105%;
	border:solid #7fb1e0;
	border-width:1px 2px 2px 1px;
	color:#214e99;
	background:url(/images/library_search_bg.gif) repeat-x left bottom;
	cursor:pointer;
	cursor: hand;
}
div#basebgss div.bgwrap-library .booksearch-box ul{
	margin:4px;
}
div#basebgss div.bgwrap-library .booksearch-box ul li{
	display:inline;
	margin:0 5px 0 0;
	padding:0 0 0 18px;
}
div#basebgss div.bgwrap-library div.l-menu-left01{
	margin:0 8px 0 0;
	padding: 0 0 8px 0;
	width:330px;
	float:left; 
	clear: none;
}
div#basebgss div.bgwrap-library div.l-menu-left01 p{
	margin:10px 0 10px 10px;
	line-height:1.2em;
	font-size:85%;
}
div#basebgss div.bgwrap-library div.l-menu-left02{
	margin:0;
	width:282px;
	overflow: hidden;
	clear: none;

}
div#basebgss div.bgwrap-library div.l-menu-left02 p{
	margin: 4px 8px 8px 14px;
}
div#basebgss div.bgwrap-library .archive{
	margin:0 10px 0 0;
	background-color:#F2F0EE;
	width:300px;
	clear:none;
	float:right;
}
div#basebgss div.bgwrap-library .archive p{
	margin:9px 0;
	text-align:center;
}
div#basebgss div.bgwrap-library #topbgright div.login-sub{
	background:none #fff;
	padding-bottom:10px;
	margin-bottom:5px;
}
div#basebgss div.bgwrap-library #topbgright div.login-sub .note{
	padding:0;
	margin:0 10px 0 20px;
	font-size:78%;
}
div#basebgss div.bgwrap-library #topbgright div.bgbox .qr-url{
	float:left;
	width: 166px;
	word-break: break-all;
}
div#basebgss div.bgwrap-library #topbgright div.bgbox .qr-url p{
	margin-left: 6px;
}
div#basebgss div.bgwrap-library #topbgright div.bgbox .qr{
/*	float:right; */
	margin:0;
	width: 99px;
	overflow: hidden;
}
/* ------------------------芸術文化ホール------------------------ */
.info-list {
    margin: 0.5em 10px 0 10px;
    padding: 0 0 8px 0;
}
.info-con {
    padding: 5px 0 5px 0;
    border-bottom: 1px dotted #999999;
}
.info-list .date {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 8.4em;
    font-size: 90%;
    line-height: 1.5em;
}
.info-list .text {
    display: block;
    margin: 0 0 0 8.7em;
    _height: 1%;
}
.info-list .text p {
    margin: 0;
}
/* ==================================================
画像スライダー
================================================== */
/* メイン画像切り替え用画像 */
.topimg {
    width: 940px;
}
.bxslider li {
    padding: 0;
}
/* コントローラ */
.bx-controls {
    float: right;
    overflow: hidden;
    margin: 10px 10px 0 0;
}
.bx-wrapper .bx-pager {
    font-size: .85em;
    float: left;
}
.bx-wrapper .bx-pager .bx-pager-item, .bx-wrapper .bx-controls-auto .bx-controls-auto-item {
    display: inline-block;
}
.bx-wrapper .bx-pager.bx-default-pager a {
	background: #FFF;
	text-indent: -9999px;
	display: block;
	width: 34px;
	height: 10px;
	margin: 0 5px;
	border: 1px solid #999;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #005AA0;
	border: 1px solid #FFF;
}
.bx-controls-auto {
    float: left;
}
/* スタートストップ */
.bx-wrapper .bx-controls-auto .bx-stop {
    display: block;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(/images/top_bg_brand_stop.png) no-repeat;
    margin: 0 0 0 15px;
}

.bx-wrapper .bx-controls-auto .bx-start {
    display: block;
    text-indent: -9999px;
    width: 12px;
    height: 12px;
    background: url(/images/top_bg_brand_start.png) no-repeat;
    margin: 0 0 0 15px;
}


/* ==================================================
リンクエリア
================================================== */
#sub_top_right {
    margin: 0 10px 10px 10px;
    background: #FFF;
    padding: 10px 0;
}
#sub_top_right .pagelinkout {
    background-image: url(/images/c_icon_outlink_orange.gif);
}

#sub_top_right .pagelinkin {
    background-image: url(/images/c_icon_inlink_orange.gif);
}
/* ==================================================
次階層汎用
================================================== */
.sub-2ndwrap {
    margin: 0 0 10px 0;
    width: 960px;
}


/* ------------------------it44_施設系------------------------ */

div.rightsub-box {
	padding-top: 0 !important;
}

div.rightsub {
	border: none !important;
	width: 290px !important;
	margin: 0 !important;
	background-color: #FAFAFA !important;
}

div.rightsub .rsub-inner {
	margin: 0 0 10px 0;
	border: 8px solid #E8E4DF;
}

.rightsub h2 {
	background: url(/images/c_icon_snavi_title.gif) no-repeat 8px 4px #E8E4DF;
	margin: 0;
	padding: 0 0 0 20px;
	border: none;
	border-top: 8px solid #E8E4DF;
	font-size: 100%;
	font-weight: normal;
	word-wrap: break-word;
}

.rightsub .pagelinkin {
	clear: both;
	margin: 0.56em 10px 0.5em 12px;
	padding: 0 0 2px 18px;
	background-image: url(/images/c_icon_inlink_orange.gif);
	background-repeat: no-repeat;
	background-position: 3px 0.5em;
	line-height: 1.5em;
	_height: 1%;
}
/* ==================================================
公園・みどりテンプレート
================================================== */
.tKMa-img-area {
    float: left;
    padding: 0 10px 15px 0;
}

.tKMa-img-area p {
    margin: 0;
}

.tKMa-img-area +.tKMa-img-area {
    margin: 0;
}

.tKMa-img-area p:nth-child(4n+1) {
    clear: left;
}

.t-box2.km-table td {
    background: #FFF;
    padding: 10px;
}
/* ==================================================
セーフシティプログラムテンプレート
================================================== */
.tSSa-img-area {
    width: 280px;
    float: left;
    box-sizing: border-box;
    padding: 10px;
    border: 1px solid #ccc;
    margin: 0 5px 10px 5px;
}

.tSSa-img-area:nth-child(3n+1){
        clear: left;
}

span.tSSa-img-text {
    display: block;
    padding: 2em 0;
}

.tSSa-img-area img {
    float: left;
    padding: 0 .8em 0 0;
}

.tSSa-img-area p {
    margin: 0;
    padding: 0;
}

.tSSa-img-area a {
    display: block;
    min-height: 120px;
}