﻿@import url(./default_body.css);
@import url(./topFreearea_map.css);

/* body */
body
{
 	/* ※背景色・文字色は色別CSSで定義 */
}
a
{
	/* ※文字色は色別CSSで定義 */
}

h4
{
    font-weight:bold;
    display:inline;
}

/*:::::::::::::::::::::::::
 * 枠組 
 *::::::::::::::::::::::::*/
#struct
{
    margin-left:auto;
    margin-right:auto;
}
#container 
{
    margin:0px auto;
    font-size:90%;
    padding:0px;
}

#mainBlock
{
    width:1000px;
    margin:0px auto 0px auto;
    padding:20px 0px 0px;
}

#mainLeft
{
    float:left;
    width:715px;
    margin:0px auto;
}

#mainRight
{
    float:right;
    width:255px;
    margin:0px auto;
}

/*:::::::::::::::::::::::::
 * ヘッダー
 *::::::::::::::::::::::::*/
#mainHeader
{
    padding-top:0px;
    border-bottom:1px solid #F2F2F2;
}
#headbg
{
    padding-top:0px;
    height:20px;
    background:url("../images/top1/header_bk.gif");
}

#headerImg
{
    width:1000px;
    height:88px;
    margin-left:auto;
    margin-right:auto;
    position:relative;
}
#headerImg img
{
    vertical-align:middle;
}
#headerMenu
{
    float:right;
    text-align:center;
    margin:4px 0px;
    height:80px;
    padding:0px;
}
#headerMenu img 
{
    vertical-align:top;
}

#headerMenuL
{
    float:left;
    text-align:center;
    margin:0px 0px;
    padding:0px 0px;
    height:80px;
}

#headerMenuC
{
    float:left;
    margin:0px 0px 0px 5px;
    padding:15px 4px 0px 2px;
}

#headerMenuR
{
    float:right;
    margin:15px 0px;
    padding:0px 0px;
}

.headMenuTtl
{
    font-size:14px;
    color:#333333;
    padding:6px 0px 0px 0px;
}

h1#hd_header
{
    font-size: 1em;
    font-weight: normal;
    position: absolute;
    display:inline;
}
h2.top_midashi
{
    font-weight:bold;
    display:inline;
}
h3.top_midashi
{
    font-weight:bold;
    display:inline;
}
h4.top_midashi
{
    font-weight:bold;
    display:inline;
}

/* Foreign */

#foreign a
{
  background: rgba(0, 0, 0, 0) url("../images/top1/icon_foreign.png") no-repeat scroll 0 6px;
  padding:5px 0px 0px 28px;
  line-height:22px;
}


.select-box01 select {
    float:left;
	width: 180px;
	padding:2px;
    margin:7px 0px 0px 0px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border: 1px solid #999;
	background: #eee;
	background: url("../images/top1/arrow_gray.png") right 50% no-repeat, -webkit-linear-gradient(top, #fff 0%,#F7F7F7 100%);
	background: url("../images/top1/arrow_gray.png") right 50% no-repeat, linear-gradient(to bottom, #fff 0%,#F7F7F7 100%);
	background-size: 26px, 24px;
}

.select-box01 {
    float:left;
    min-width: 150px;
}
.select-box01 .dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 5px auto;
  padding: 0;
  border:solid 1px #575757;
  border-radius:3px;
  -webkit-border-radius:3px;  
  -moz-border-radius:3px;
}

.select-box01 .dropmenu img {
padding-top:5px;}


.select-box01 .dropmenu:before, .dropmenu:after{
  content: "";
  display: table;
}
.select-box01 .dropmenu:after{
  clear: both;
}
.select-box01 .dropmenu ul {
  border: 1px solid #575757;
}
.select-box01 .dropmenu li{
  position: relative;
  width: 100%;
  float: left;
  margin: 0;
  padding: 0px;
  text-align: center;
}
.select-box01 .dropmenu li a{
  display: block;
  margin: 0;
  padding:3px 10px;
  text-decoration: none;
    font-size: 0.9em;
    min-height:20px;
    margin:1px;
}
.select-box01 .dropmenu li ul{
  list-style: none;
  position: absolute;
  z-index: 9999;
  top: 100%;
  left: 0;
  margin: 0;
  padding: 0;
}
.select-box01 .dropmenu li ul li{
  width: 100%;
}
.select-box01 .dropmenu li ul li a{
  padding: 5px 2px;
  border-top: 1px solid #575757;
}
.select-box01 .dropmenu li ul li a.topsub {
    border-top: none !important;
}

.select-box01 .dropmenu li:hover > a.topmenu {
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.select-box01 .dropmenu li a.topmenu:hover{
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
}

.select-box01 .dropmenu li:hover > a{
}
.select-box01 .dropmenu li a:hover{
}

.select-box01 .dropmenu ul img{
  margin-left:3px;
}

/* Foreign Language メニュー表示 */
.select-box01 #normal li ul{
    /* 2016/12/09 アクセシビリティ対応 display: none→display: blockだとchromeやFireFoxでTabによるfocusが移らない*/
    /*display: none;*/
    left: -1000em;
}
.select-box01 #normal li:hover ul,
.select-box01 #normal ul.focused{
    /* 2016/12/09 アクセシビリティ対応 display: none→display: blockだとchromeやFireFoxでTabによるfocusが移らない*/
    /*display: block;*/
    left: 0em;
}
.select-box01 .dropmenu li ul li a {
    margin: 1px;
}
.select-box01 .dropmenu li ul li {
    background: #ffffff;
}


#sns_area {
    float: right;
    padding: 5px 4px 0px 0px;
    font-size: 14px;
}


.sns_area {
    display:flex;
    flex-direction:row;
    justify-content:center;
    align-items:center;
    gap:7px;
}



/* サイト背景色・フォントサイズ */
.hMenu {
    float: left;
    font-size: 14px;
    padding: 5px 0px 0px 0px;
    outline: none;
    margin: 10px 10px 0px 0px;
}
.hMenu a
{
    text-decoration:none;
}

#changeHaikei
{
    padding:5px 5px 5px;
    margin:5px 10px 0px 0px;
}

#mainFontSizeSel
{
    float:left;
    font-size:14px;
    padding:5px 5px 5px;
    outline:none;
    margin:5px 10px 0px 0px;
}

#changeHaikei span, #mainFontSizeSel span
{
    display: inline-block;
    vertical-align: middle;
}
#changeHaikei a, #mainFontSizeSel a
{
    vertical-align: middle;
    margin: 0;
}
#changeHaikei img, #mainFontSizeSel img
{
    vertical-align: sub;
}

#changeHaikei dl, #mainFontSizeSel dl
{
    display: inline-block;
    margin: 0;
    padding:0;
}

#changeHaikei dl dt,dl dd, #mainFontSizeSel dl dt,dl dd
{
    display: inline-block;
    margin: 0;
    padding:0;
}


/* オープニングページに戻る */
#mainTop
{
    padding:5px 0px 0px 8px;
}

#mainTop a
{
    text-decoration:none; 
    display:block;
    padding:3px 12px 3px 30px;
    background:url("../images/top1/icon_top.gif") no-repeat 8px center;
    border:solid 1px #575757;
    border-radius:3px;
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;
    font-size: 14px;
    height:20px;

}
.headMenuTtl
{
    float:left;
    font-size:14px;
    padding:5px 0px 10px 15px;
}
.headMenuTtl p
{
    float:left;
    padding-right:7px;
}


/* 防災　救急 */
#bousaiTop
{
    padding:5px 0px 0px 8px;
}

#bousaiTop a
{
    text-decoration:none; 
    display:block;
    padding:3px 10px 3px 17px;
    background:url("../images/top1/ya_gray_s.gif") no-repeat 7px center;
    border:solid 1px #006699;
    border-radius:3px;
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;
    font-size: 14px;
    height:20px;

}

#kyuuTop
{
    padding:5px 0px 0px 8px;
}

#kyuuTop a
{
    text-decoration:none; 
    display:block;
    padding:3px 10px 3px 17px;
    background:url("../images/top1/ya_gray_s.gif") no-repeat 7px center;
    border:solid 1px #D30015;
    border-radius:3px;
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;
    font-size: 14px;
    height:20px;
}

#kyuuTop a img
{
    padding:5px 0 3px 3px;
}

/* サイト内検索 */
#search
{
    float:right;
    margin:3px 5px 0px 0px;
}
.searchBox
{
    width:160px;
    height:18px;
    vertical-align: middle;
}
.searchBtn
{
    margin:0px;
    padding:0px;
    vertical-align: middle;
}
#search .bootstrap-scope {
    max-width: 200px !important;
    padding-top: 2px;
}

/*:::::::::::::::::::::::::
 * 特集コンテンツ
 *::::::::::::::::::::::::*/

.flash {
    height: 280px;
    margin-bottom: 5px;
    overflow: hidden;
    /*width: 709px;*/
    /*border: 3px solid #f2f2f2;*/
    width: 715px;
    outline: 2px solid #f2f2f2;
    outline-offset: -2px;
    border: 2px solid #f2f2f2;
}

/*:::::::::::::::::::::::::
 * フリーエリア
 *::::::::::::::::::::::::*/

.freearea
{
	width:693px; 
    border:1px solid #cccccc;
    padding:10px;
    margin:10px 0px;
}

/*:::::::::::::::::::::::::
 * 左メニュー
 *::::::::::::::::::::::::*/

/* 緊急および災害情報 */

#kinkyuBlock
{
    margin:10px 0px 10px 0px;
    border:solid 2px #C55E61;
}

#kinkyuTtl
{
    min-height:45px;
    border-bottom:1px dotted #8C1028;
}

#kinkyuTtlArea
{
    background:url("../images/top1/icon_kinkyu.gif") no-repeat 10px center;
    padding:10px 0px 10px 40px;
    font-size:1.1em;
    float:left;
    width:104px;
}

#kinkyuTtlArea span {
    padding-left:15px;
    color:#cccccc;}


#kinkyuiconArea {
float:right;

}

#kinkyulist01 {
    background: url("../images/top1/icon_bousai01.gif") no-repeat 10px 6px;
    padding: 12px 0px 0px 38px;
    float: left;
    background-position: 8px 10px;
}

#kinkyulist02{
    background:url("../images/top1/icon_bousai02.gif") no-repeat 10px 6px;
    padding:12px 0px 0px 39px;
    float:left;
}

#kinkyulist03 {
    background: url("../images/top1/icon_bousai03.gif") no-repeat 10px 6px;
    padding: 12px 16px 0px 32px;
    float: left;
    background-size: 18px;
    background-position: 8px 11px;
}

#kinkyulist04 {
    background: url("../images/top1/icon_bousai04.png") no-repeat 10px 6px;
    padding: 12px 0px 0px 35px;
    float: left;
    background-size: 20px;
    background-position: 10px 11px;
}


#kinkyuTxt
{
    width:680px;
    min-height:23px;
    float:left;
    margin:0px;
    padding:12px 15px 10px;
}
#kinkyuTxt .upddate
{
    font-size:0.9em;
}
#kinkyuTxt div.kinkyuL
{
	min-width:65px;
	float:left;
}
#kinkyuTxt div.kinkyuR
{
	float:left;
	padding-left:10px;
	width:570px;	
}
#kinkyuTxt div.kinkyuR p.kinkyuTtl
{
	font-weight:bold;
}

#kinkyuTxt li p.koshin
{
	float:left;
	min-width:130px;
	margin-right:10px;
	padding-left:5px;
}
#kinkyuTxt li div.k_naiyo
{
	float:left;
	max-width:530px;
}
#kinkyuTxt li div.k_naiyo .k_title {
}
#kinkyuTxt li div.k_naiyo .honbun {
	margin-left:5px;
    padding-bottom:5px;
}

#kinkyuTxt li div.saigaittl
{
    font-weight: bold;
    font-size:1.3em;
    margin-bottom:5px;
}
#kinkyuTxt li div.saigaittl span
{
    font-weight:normal;
    font-size:0.9em;
}
#kinkyuTxt li div.saigainaiyo
{
    padding-bottom:10px;
    margin-bottom:10px;
}
#kinkyuTxt li div.topborder 
{
    border-top: 1px dotted #cccccc;
    margin-bottom: 10px;
}
#kinkyuTxt li.nodata
{
	line-height:88px;
	padding-left:30px;
}

/* 注目情報 */
#chumokuArea 
{
    border:none;
    margin:0px;
    float:left;
    width:100%;
}
ul.classUmu
{
    width:98%;
    margin:8px auto;
}
ul.classUmu li
{
    display:inline-block;
    margin:10px 5px;
}
ul.classUmu li.ari a
{
    background:url("../images/bousai/icon_ari.png") no-repeat 3px center;
    padding:7px 0px 7px 100px;
}
ul.classUmu li.nashi a
{
    background:url("../images/bousai/icon_nashi.png") no-repeat 3px center;
    padding:7px 0px 7px 100px;
}

/* 新着情報 */
.info
{
    margin-bottom:10px;
}
#newTtlNavi
{
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
    padding:2px 0px 0px 0px;
}
#newTtlTab h3
{
    float:left;
    padding:11px 50px 9px;
    margin:0px 0px 0px 4px;
    text-decoration:none;
    font-size:1.1em;
    border-bottom:3px solid #2b69a3;
    cursor:pointer;
    display:inline;
}
#newTtlTab .selected
{
    font-weight:bold;
    padding:11px 85px 9px;
    margin-top:0px;
    cursor:default;
}

.sankaku {
position:relative;
}

.sankaku :after {
border:7px solid transparent;
border-top-color:#2b69a3;
border-bottom-width:0;
bottom:-8px;
content:"";
display:block;
left:50%;
position:absolute;
width:0;
}

#newTtlTab span
{
    padding:3px 0 3px 5px;
}

/* 2016/09/15 アクセシビリティ対応 tab文字リンク設定*/
#newTtlTab span a
{
    color:#333333;
    text-decoration:none;
}

/* 2016/09/15 アクセシビリティ対応 tab文字リンク設定*/
#newTtlTab .selected a
{
    color:white;
}

#newTtlTab span#tab1
{
    /*background-image:url("../images/top1/icon_tab01_b.gif");*/
    background-repeat:no-repeat;
    background-position:7px center;
}
#newTtlTab span#tab2
{
    /*background-image:url("../images/top1/icon_tab02_b.gif");*/
    background-repeat:no-repeat;
    background-position:12px center;
}
#newTtlTab span#tab3
{
    /*background-image:url("../images/top1/icon_tab03_b.gif");*/
    background-repeat:no-repeat;
    background-position:7px center;
}
#newTtlTab .selected span#tab1
{
    /*background-image:url("../images/top1/icon_tab01_a.gif");*/
}
#newTtlTab .selected span#tab2
{
    /*background-image:url("../images/top1/icon_tab02_a.gif");*/
}
#newTtlTab .selected span#tab3
{
    /*background-image:url("../images/top1/icon_tab03_a.gif");*/
}
#newTtlTab #rss
{
    text-decoration:none;
    padding:1px 3px;
    font-weight:bold;
    font-size:0.8em;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    margin-left:5px;
}
/* 2017/01/13 アクセシビリティ対応 rss focus認識 */
#newTtlTab a#rss:focus
{
    border:dashed 1px #000;
}
.info01
{
    border-left:solid 1px #CACACA;
    border-right:solid 1px #CACACA;
    border-bottom:solid 1px #CACACA;
    padding:3px 0px 7px 3px;
    margin:0px 0px 10px 0px;
}
.info ul
{
    padding:7px 0px;
}
.info ul#important
{
    border-bottom:dotted 1px #999999;
}
.listInfo ul li
{
    line-height:130%;
    padding:5px;
}
.listInfo ul li.lastKiji
{
    border-bottom:dotted 1px #DDDDDD;
}
.info p.koushinDay
{
	width:auto;
	float:left;
	min-width:130px;
    font-size:0.9em;
    text-indent: 1em;
}
.info p.eventDate
{
	width:auto;
	float:left;
	min-width:100px;
    font-size:0.9em;
    text-indent: 1em;
    margin-right:5px;
}
div.newTtl
{
    float:left;
    width:565px;
}
.infoIchiran
{
    padding:3px 7px 3px 25px;
    float:right;
    margin-right:5px;
    background-image:url("../images/top1/ya_blue_s01.gif");
    background-repeat:no-repeat;
    background-position:10px center;
}
.listLink
{
	width:530px;
	text-align:right
}
.listInfo
{
    padding:5px 3px 0px 2px;
    font-size:1em;
}
span.newdspmark
{
    margin-right:4px;
}
span.newdspmark img
{
    margin-right:3px;
}
.listInfo div.title
{
    width:325px;
    float:left;
}
p.nodata
{
    text-align:left;
    margin:10px 0px 10px 15px;
}

/* トピックス */
#topicTtl
{
    width:713px;
    float:left;
}
.leftBox
{
    border:solid 1px #CACACA;
    margin-bottom:10px;
}


.boxTtl
{
    font-size:1.1em;
}
.leftBox .naiyo
{
    padding:0px 10px 10px; 
}



/* トピックス */
div#topic {
    margin-top: 15px;
}

div#topic .listLink
{
	top:8px;
}
div#topic
{
	margin-top:0px;
    padding:8px;
}
.topicTtl
{
	height:42px;
	position:relative;
}
div#topic .koushinDay 
{
	float:none;
	font-size:0.9em;
}
div#topic span.date
{
	font-size:0.8em;
}
div#topic div.digestL
{
	float:left;
    padding-left:0px;
}
div#topic div.digestR
{
	float:right;
	border-left:solid 1px #E6E6E6;
	padding-left:10px;
}
div#topic div.digestItem
{
	padding:5px 0px;
}
div#topic div.wide
{
	width:700px;
}
div#topic div.digestR div.digestItem
{
	border-bottom:dotted 1px #999999;
}
div.digestItem p.gaiyou
{
	line-height:1.2em;
}
div.digestItem div.img
{
	float:left;
	width:110px;
	border:solid 1px #CCCCCC;
    margin:0px auto;
}
div.digestItem div.img_s
{
	float:left;
	width:60px;
	border:solid 1px #CCCCCC;
    margin:0px auto;
}
div.digestItem div.naiyo
{
	float:left;
	padding-left:6px;
	width:225px;
}
div.digestItem div.naiyo p.d_title
{
	font-size:1.2em;
	font-weight:bold;
	padding:7px 0px;
}
div.digestItem div.naiyo_s
{
	float:left;
	padding-left:10px;
	width:250px;
}
div.digestItem div.naiyo_s p.d_title
{
	font-size:1.1em;
	padding:3px 0px;
}

div.digestItem img
{
	vertical-align:middle;
}
div#topic div.wide .naiyo
{
	width:auto;
    float:left;
}

/* 注目情報  */
#chumokuTtl
{
    width:713px;
    float:left;
}
#chumokuTtl h3 span
{
    vertical-align:middle;
}
#chumokuTtl h3 span.icon
{
    font-size:35px;
    line-height:10px;
}
#chumoku
{
	margin-top:0px;
    padding:8px;
}
#chumoku ul
{
    padding:0px 0px 0px 10px;
}
#chumoku ul li
{
    line-height:1.1em;
    padding:5px 0px;
}
#chumoku .koushinDay 
{
	float:left;
	font-size:0.9em;
    min-width:110px;
}
#chumoku .k_title
{
	float:left;
	font-size:1em;
	padding:0 2px 0 10px;
    max-width:550px;
}

.douga img {
margin:0px auto;
padding-left:10px;
}

/* 探す・調べる */
#searchMenu
{
    border:solid 3px #FF8A00;
    margin-bottom:20px;
}

#searchMainTtl
{
    margin:0px;
    background-image:url("../images/top1/icon_search.gif");
    background-repeat:no-repeat;
    background-position:15px center;
    padding:15px 10px 15px 55px;
}
#searchMainTtl h4
{
    font-size:1.3em;
    float:left;
    margin:7px 20px 0px 0px;
}
#searchMainTtl #search2
{
    float:left;
    margin-top:5px;
}
.searchBox2
{
    width:167px;
    margin:0px;
    padding:5px;
}
.searchBtn2
{
    margin:0px;
    border:solid 1px #555555;
    padding:4px 7px;
}
#qa
{
    float:right;
    border:solid 3px #FF8A00;
    border-radius:3px;
    -webkit-border-radius:3px;  
    -moz-border-radius:3px;
    background-image:url("../images/top1/icon_shitsumon.gif");
    background-repeat:no-repeat;
    background-position:10px center;
}
#qa a
{
    display:block;
    padding:5px 45px 5px 40px;
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:95% center;
}
#searchNaiyo
{
    padding:15px;
}
#searchMenu .title
{
    font-weight:bold;
    font-size:1.1em;
    padding:3px 0px 3px 5px;
    margin-bottom:10px;
    background:url("../images/top1/ttl_line.gif") no-repeat 0px bottom;
    position:relative;
}


/* 2016/09/15 アクセシビリティ対応 <div><div>→<ul><li> overflow:auto*/
#mainbunrui
{
    width:253px;
    border:solid 1px #cccccc;
    padding:0px;
    margin:0px;
    overflow:auto;
}

#bun01{background:url("../images/top1/bunrui01.gif") no-repeat 0px 10px;}
#bun02{background:url("../images/top1/bunrui02.gif") no-repeat 0px 10px;}
#bun03{background:url("../images/top1/bunrui03.gif") no-repeat 0px 10px;}
#bun04{background:url("../images/top1/bunrui04.gif") no-repeat 0px 10px;}
#bun05{background:url("../images/top1/bunrui05.gif") no-repeat 0px 10px;}
#bun06{background:url("../images/top1/bunrui06.gif") no-repeat 0px 10px;}
#bun07{background:url("../images/top1/bunrui07.gif") no-repeat 0px 15px;}
#bun08{background:url("../images/top1/bunrui08.gif") no-repeat 0px 10px;}
#bun09{background:url("../images/top1/bunrui09.gif") no-repeat 0px 15px;}
#bun10{background:url("../images/top1/bunrui10.gif") no-repeat 0px 15px;}
#bun11{background:url("../images/top1/bunrui11.gif") no-repeat 0px 10px;}
#bun12{background:url("../images/top1/bunrui12.gif") no-repeat 0px 10px;}

#mainbunrui .bunruiLeft {
float:left;
width:80px;
padding:20px 0px 10px 42px;
}

#mainbunrui .bunruiLeftB {
float:left;
width:80px;
padding:18px 0px 10px 42px;
}

#mainbunrui .bunruiRight {
float:right;
    padding:20px 0px 10px 42px;
    width:80px;
}

#mainbunrui .bunruiRightB {
float:right;
    padding:18px 0px 10px 42px;
    width:80px;
}
#mainbunrui .bunruiRightB2 {
float:right;
    padding:18px 0px 14px 42px;
    width:80px;
}

#facebook {
    margin: 0px;
    padding: 0px;
}


/* カレンダー */
#calendar {
    padding: 15px 0px 2px 0px;
    width: 85%;
    margin:0px auto;
}
    #calendar #mcWrapper {
        width: 100% !important;
    }

.ttlArea {
    font-weight: bold;
    font-size: 1.1em;
    border-bottom: solid 2px #969696;
    padding: 0px 0px 4px 3px;
    margin-bottom: 5px;
    text-align: center;
}



/*:::::::::::::::::::::::::
 * 右メニュー
 *::::::::::::::::::::::::*/

/* 画像ボタン */
.imgBtn
{
    margin-bottom:7px;
    width:255px;
    height:95px;
}
.imgBtn img
{
    vertical-align:bottom;
}

/* 防災・緊急情報 */
.textbousai
{
    margin-bottom:7px;
    font-size:1.1em;
    background-position:10px center;
}
.textbousai a
{
    display:block;
    text-decoration:none;
    padding:16px 9px 16px 40px;
}
#bousai
{
}


/* 市議会 */
#gikaiArea
{
    border-left:1px solid #cccccc;
    border-right:1px solid #cccccc;
    border-bottom:1px solid #cccccc;
    margin:0px 0px 10px 0px;
    padding:0px;
}


#gikai
{
    margin-bottom:0px;
    border-top:solid 3px #8C1028;
    background-image:url("../images/top1/icon_gikai.jpg");
    background-repeat:no-repeat;
    background-position:98% center;
}

#gikai a
{
    display:block;
    padding:15px 65px 15px  15px;
    font-weight:bold;
    font-size:1.1em;
    text-decoration:none;
    background-repeat:no-repeat;
    background-position:15px center;
}


#rssReaderArea
{
    margin:0px;
    padding:0px 8px;
    border-top:1px solid #cccccc;
}


/* RSS表示 */

#rssloading
{
    border:none 0px;
    text-align:center;
}

.rsslist
{
    font-size:0.9em;
    margin:4px auto;
}

.rssupdate
{
    font-size:0.9em;
    float:right;
    margin-bottom:5px;
}


/* テキストリンク */
.rigntBox
{
    border:solid 1px #cccccc;
    margin-bottom:7px;
}
.rigntBox .title
{
    border-bottom:solid 1px #cccccc;
    padding:10px 10px 10px 45px;
    font-weight:bold;
    font-size:1.1em;
}

.rigntBox00
{

    margin-bottom:7px;

    }
.rigntBox00 .title
{
    padding:10px 10px 10px 45px;
    font-weight:bold;
    font-size:1.1em;
    border-top:solid 1px #cccccc;
    border-right:solid 1px #cccccc;
    border-left:solid 1px #cccccc;
}

.rigntBox01
{
    border:solid 1px #cccccc;
    margin-bottom:7px;
    padding-bottom:5px;
}
.rigntBox01 .title01
{
    padding:10px 10px 10px 48px;
    font-weight:bold;
    font-size:1.1em;
}

.rigntBox02 {
    border: solid 1px #cccccc;
    margin-bottom: 7px;
}

.rigntBox .douga
{
    padding:5px;
}

.rigntBox .naiyo
{
    padding:5px 10px;
}
.rigntBox .naiyo li
{
    background:url("../images/top1/ya_blue_l.gif") no-repeat 220px 9px;
    padding:5px 0px 6px 20px;
}


#r_menu01
{
    background-image:url("../images/top1/icon_Movie.gif");
    background-repeat:no-repeat;
    background-position:10px 11px;
}

#r_menu02
{
    background-position:8px 9px;
}
#r_menu03
{
    background-position:8px 9px;
}
#r_menu04
{
    background-position:8px 9px;
}

#r_menu05
{
    background-position:8px 9px;
}

#r_menu06
{
    background-position:8px 9px;
}
#r_menu07
{
    background-position:8px 9px;
}

/* さがす　広報・行政資料 */
.textBtn
{
    margin:7px 0px;
    font-size:1.1em;
    background-repeat:no-repeat;
    background-position:10px center;
}

.textBtn a
{
    display:block;
    text-decoration:none;
    padding:8px 15px 8px 50px;
}

/* 2016/12/08 アクセシビリティ対応 focus視認 For FireFox*/
.textBtn a:focus
{
    border:dashed 1px #000;
}

#sagasu01
{
    background-image:url("../images/top1/icon_sagasu01.gif");
}


#sagasu02
{
    background-image:url("../images/top1/icon_sagasu02.gif");
}


#sagasu03
{
    background-image:url("../images/top1/icon_sagasu03.gif");
}


#kouhou01
{
    background-image:url("../images/top1/icon_kouhou01.gif");
}


#kouhou02
{
    background-image:url("../images/top1/icon_kouhou02.gif");
}


#kouhou03
{
    background-image:url("../images/top1/icon_kouhou03.gif");
}


/* 関連リンク */
#kanren
{
    width:978px;
    margin:0px auto 10px;
    border:solid 1px #CCCCCC;
    padding:10px;
}
#kanren h4
{
    border-left:solid 5px #FF9700;
    padding:3px 0px 3px 10px;
}
#kanren .naiyo
{
    padding:15px 25px 5px 25px;
}
#kanren .naiyo a
{
    padding:0px 15px 0px 10px;
    background:url("../images/top1/ya_ichiran.gif") no-repeat 0px center;
}
/* バナー広告 */

.ban
{
    border: 1px solid #cccccc;
}

.r_menu
{
    margin-bottom: 7px;
}

.r_menu .banTitle
{
    font-size: 0.9em;
    height: 24px;
    line-height: 24px;
    text-align: center;
}

.r_menu .banImg
{
    height: 55px;
    padding:8px 10px 5px 35px;
    margin:0px auto;
    text-align: center;
}

#oneBanArea
{
    margin:0px auto;
    padding-left:5px;
}

#adinfoBox
{	
    width:713px;
    margin:0px auto 15px;
    border:solid 1px #CCCCCC;
}

#banArea
{
    margin:0px;
    padding:0px;
}
.bannaiyo
{
    padding:0px 0px 5px 25px;
    margin:0px;
}

#adinfo div#addinfoHeader
{
    margin:5px 0px 5px 0px;
    padding:5px 10px;
}

#addinfoHeader h4 {
    /*border-left: 5px solid #ff9700;*/
    margin: 0 auto 10px;
    padding:3px 30px 3px 10px;
    font-size: 1.1em;
}

/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.imgBan,
li.imgBan
{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 2px 5px 0px;
}

/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBan,
li.textBan {
    display: inline-block;
    vertical-align: middle;
    margin: 5px;
}
/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBan span,
li.textBan span {
    display: table;
    border: solid 1px #CCCCCC;
    width: 188px;
    height: 52px;
    box-sizing: border-box;
    line-height: 1.1em;
    text-align: center;
    overflow: hidden;
}
/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBan span a,
li.textBan span a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}

/* フローティングバナー */
div#fBanArea {
    width: 100%;
    font-size: 0.9em;
    padding: 5px 0px 0px 0px;
    display: none;
    margin-bottom: 10px;
}
div#fBanArea div#fBanBox {
    width: 930px;
    margin: 10px auto;
    position: relative;
}

#fAdinfoLink {
    float:left;
    padding:0px 0px 0px 15px;
}

.fLinkInfo h4{
    float:left;
    font-size:1.2em;
    font-weight:bold;
    margin: 0px 0px 0px 33px;
}

div#fBanArea.floating {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    margin-bottom: 0px;
}

div#floatOff {
    position: absolute;
    top: 0;
    left: 0px;
    text-align: center;
}
div#floatOff img {
    cursor:pointer;
}

#fBanItem {
    width:800px;
    margin:10px auto 0px;

}
/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.imgBanfl,
li.imgBanfl
{
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 10px 0px;
}

/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBanfl,
li.textBanfl {
    display: inline-block;
    vertical-align: middle;
    margin: 0px 20px 10px 0px;
}
/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBanfl span,
li.textBanfl span {
    display: table;
    border: solid 1px #CCCCCC;
    width: 188px;
    height: 52px;
    box-sizing: border-box;
    line-height: 1.1em;
    text-align: center;
    overflow: hidden;
}
/* 2016/09/15 アクセシビリティ対応 <div><p>→<ul><li>*/
p.textBanfl span a,
li.textBanfl span a {
    display: table-cell;
    vertical-align: middle;
    text-align: center;
    text-decoration: none;
}


/*
#fBanArea p.textBan {
    border: solid 1px #CCCCCC;
    width: 188px;
    padding: 13px 0px;
    text-align: center;
    font-size: 0.9em;
    margin: 5px 10px;
    display: inline-block;
    vertical-align: middle;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
}*/

/* snsボタン */
.snsbutton
{
    float:left;
    margin: 25px auto 5px;
}
.snsbutton li
{
    z-index:101;
    float:left;
}

#snsbutton_twitter {
    margin-right:15px;
}

span.forSR{
    position:absolute;
    left:-1000em;
}

/* Navigation Skip */
/* 2016/09/15 アクセシビリティ対応 class 追加 */
#Navigation ul,
.Navigation ul
{
	margin: 0;
	padding: 0;
}
#Navigation li,
.Navigation li
{
	position: absolute; text-align: left; margin: 0; padding: 0; display: block;
}
#Navigation a,
.Navigation a
{
	padding: 5px;
	display: inline;
	z-index: 99;
	text-decoration: none;
	position: absolute; 
	width:300px;
	left: -1000em;
	top: 0;
	font-weight: bold;
	text-align:center;
	font-size:125%;
	/zoom:1;
}
#Navigation a:focus,
#Navigation a:active,
.Navigation a:focus,
.Navigation a:active
{
	position: absolute; 
	top: 30px;
	left: 250px;
	background:#fff !important;
	border:2px solid #000;
    z-index:100;    /* 2016/12/09 */
	}

img.imgFromText
{
	max-height:126px !important;
	max-width:90px !important;
}

* html img.imgFromText
{
	height:126px !important;
	width:90px !important;
}

/* グローバルナビゲーション */
div#naviContainer
{
	width:100%;
    border-bottom:solid 2px #CCCCCC;
    padding:5px 0px;
}
div#naviArea
{
    position:relative;
    width:1000px;
    margin:0 auto;
    overflow:hidden;
}
div#naviArea a
{
    text-decoration:none;
    font-weight:bold;
}
div#naviArea ul#navi_list
{
    display:table;
    width:100%;
    text-align:center;
    border-collapse:collapse;
    box-sizing:border-box;
}
div#naviArea ul#navi_list li
{
    display:table-cell;
	vertical-align:middle;
    text-align:center;
    height:50px;
    font-size:1em;
    border-left:solid 1px #DFE2E5;
    border-right:solid 1px #DFE2E5;
}
div#naviArea ul#navi_list li:first-child, div#naviArea ul#navi_list li.navi_tab_last
{
    border:none;
}
div#naviArea ul#navi_list li div
{
    vertical-align:middle;
    padding:7px;
}
div#naviArea ul#navi_list li a
{
    display:block;
}
div#naviArea ul#navi_list li img
{
    display: inline-block;
    position: relative;
    margin:-1px auto 0;
    z-index:99;
    padding:0px 7px 0px 7px;
}
div#naviArea ul#navi_list li p
{
    display: inline-block;
    line-height:30px;
}
/* ホームのボタン */
div#naviArea ul#navi_list li#navi_tab_0 div
{
    vertical-align:middle;
}

div#popNaviArea
{
    display: block;
    position: relative;
    width: 1000px;
    /*margin:-1px auto 0;*/
    margin:0px auto;
    z-index:99999;
}

/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.g_navi,
div#popNaviArea ul.g_navi
{
	position:absolute;
    width:1000px;
    padding-top:10px;

}
div#popNaviArea div#g_navi_0
{
    border:none;
    padding:0px;
}

/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child,
div#popNaviArea li.navi_child
{
    width:22%;
    display:inline-block;
    /display:inline;
	/zoom:1;
    vertical-align:top;
    padding-bottom:18px;
    padding-left:15px;
}
div#popNaviArea h3.navi_child_name
{
    margin:0px 5px;
    padding:4px 2px;
    font-size:0.95em;
    font-weight:bold;
}
/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child ul,
div#popNaviArea li.navi_child ul
{
    padding:0px 8px;
    margin-top:-5px;
}
/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child li,
div#popNaviArea li.navi_child li
{
    font-size:0.8em;
    line-height:1.3em;
    padding:0px 2px 0px 8px;
    margin-top:8px;
    background-image:url("../images/g_navi_ya03.gif");
    background-repeat:no-repeat;
    background-position:1px 0.5em;
}
/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child li.exsistpic,
div#popNaviArea li.navi_child li.exsistpic
{
    background-image:none;
}
/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child img,
div#popNaviArea li.navi_child img
{
    margin-right:3px;
}
/*2016/09/15 アクセシビリティ対応　div→ul li*/
div#popNaviArea div.navi_child a,
div#popNaviArea li.navi_child a
{
    display:table-cell;
    vertical-align:middle;
}

div#popNaviArea div.navi_type_2
{
    width:auto;
    display:block;
}

div#popNaviArea div.navi_type_2 li
{
    display:inline-block;
    /display:inline;
	/zoom:1;
    width:23%;
    vertical-align:middle;
}

/* ページの先頭へ */
#pagetop
{
    margin: 25px auto 5px;
    float:right;
}

#pagetop a 
{
    background: url("../images/arrow_up.gif") no-repeat left center;
    font-size: 0.8em;
    letter-spacing: 1px;
    padding-left: 15px;
    text-decoration: none;
}

/* フリーエリア用 */

#free01
{
    width:1000px;
    margin:0px auto;
    padding:0px;
}

.topSide
{
    width:210px;
    margin-top:10px;
}
.topSide img
{
    max-width:210px;
}
.topMain img
{
    max-width:480px;
}
h2.title 
{
    background: #b6cae3 url("../images/CssColorType/h2Ttl.gif") no-repeat 7px center;
    font-size: 1.2em;
    margin-bottom: 16px;
    padding: 0 0 4px 21px;
}
h3.title {
    background: rgba(0, 0, 0, 0) url("../images/CssColorType/h3Ttl.gif") repeat-x scroll 0 bottom;
    font-size: 1.1em;
    margin-bottom: 16px;
    padding: 0 0 4px 10px;
}

/* あなたが最近チェックしたページ */
div#browsingHistoryArea {
    width:713px;
    float:left;
    border:solid 1px #cacaca;
    margin:5px 0px 10px 0px;
}
div#browsinghisotry_block ul {
    border: 1px solid #e5e5e5;
    overflow: hidden;
    padding: 0px 10px;
}
div#browsinghisotry_block ul li {
    border-top: 1px dotted #cccccc;
    margin-top: -1px;
    padding: 5px 0;
}
div#browsinghisotry_block .upddate {
    float: left;
    font-size: 0.9em;
    min-width: 130px;
    width:auto;
    padding-left:5px;
}
#browsingHistoryTop1 .browsinghistory_header
{
    padding:10px 0px 10px 20px;
}
div#browsinghisotry_block .title {
    float: left;
    max-width:500px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0px 5px 0px 10px;
}
div#browsinghisotry_block .del {
    float: left;
    font-size:0.9em;
}
#browsinghistory_ttl {
    float: left;
    font-size: 1.1em;
    font-weight:bold;
    padding-left:25px;
}
#browsinghistory_rmv {
    float: right;
    padding-right:5px;
    font-size:0.9em;
}

/* 本日のイベント */
.eventlink {
    width: 98%;
    max-width: 180px;
    border-radius: 5px;
    border: solid 1px #cccccc;
    padding: 5px 10px;
    margin: 5px auto;
    text-align: center;
    font-size: 0.9em;
}
    .eventlink a {
        display: block;
    }