﻿@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:10px auto 0px;
    font-size:90%;
    padding:0px;
}

#mainBlock
{
    width:1000px;
    margin:0px auto 0px auto;
    padding:20px 0px 0px;
}

#mainL
{
    float:left;
    width:210px;
    margin:0px auto;
}

#mainC
{
    float:left;
    width:540px;
    margin:0px auto 0px 20px;
}

#mainR
{
    float:right;
    width:210px;
    margin:0px auto;
}



.menuBox {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
}
.menuBoxL {
    border-bottom: 1px solid #cccccc;
    border-left: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    margin-bottom: 10px;
}


#prof .title {
    background-image: url("../images/top1/icon_prof.gif") ;
    background-position: 8px center;
    background-repeat: no-repeat;
}


#rank .title {
    background-image: url("../images/top1/icon_rank.gif") ;
    background-position: 7px 11px;
    background-repeat: no-repeat;
}

#rank p {
    text-align:center;
    padding-bottom:5px;
}

/* 2016/12/22 アクセシビリティ対応 #rank <p>→<ul><li> */
#rank ul {
    text-align:center;
    padding-bottom:5px;
}
#rank li {
    display:inline-block;
}


.menuBox .title {
    border-bottom: 1px dashed #cccccc;
    border-top: 1px solid #cccccc;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 0 10px 35px;
}

.menuBoxL .title {
    border-top: 1px solid #cccccc;
    font-size: 1.1em;
    font-weight: bold;
    padding: 10px 0 10px 35px;
}

.menuBox .naiyo {
    padding: 5px 10px 10px;
}


.menuBox .naiyo li {
    background: rgba(0, 0, 0, 0) url("../images/top1/ya_blue.png") no-repeat scroll 0 6px;
    margin-bottom: 5px;
}

.menuBox .naiyo li a {
    padding: 5px 0 5px 10px;
}


.imgBtn01 {
}


/*:::::::::::::::::::::::::
 * ヘッダー
 *::::::::::::::::::::::::*/
#mainHeader
{
    padding-top:0px;
    border-bottom:1px solid #F2F2F2;
    height:93px;
}
#headbg
{
    padding-top:0px;
    height:0px;
}

#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;
}

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 */

.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;
    width: 150px;
    margin:5px 5px 0px 0px;
}
.select-box01 .dropmenu{
  *zoom: 1;
  list-style-type: none;
  width: 100%;
  margin: 5px auto;
  padding: 0;
  border:solid 1px #575757;
}

.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: 14px;
    height:20px;
}
.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/22 アクセシビリティ対応 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;
}


/* サイト背景色・フォントサイズ */
.hMenu
{
    float:left;     /* 2016/12/22 アクセシビリティ対応 Tab順 right→left*/
    font-size:14px;
    padding:5px 0px 0px 0px;
    outline:none;
    margin:5px 10px 0px 0px;
}
.hMenu a
{
    text-decoration:none;
}

#changeHaikei
{
    padding:5px 5px 5px;
    margin:5px 0px 0px 0px;
}

#mainFontSizeSel
{
    float:left;        /* 2016/12/22 アクセシビリティ対応 Tab順 right→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
{
    padding-right: 3px;
    vertical-align: middle;
}
#changeHaikei img, #mainFontSizeSel img
{
    vertical-align: sub;
}


/* サイト内検索 */
#search
{
    float:right;
    margin:9px 0px 0px 5px;
}
.searchBox
{
    width:160px;
    height:18px;
    vertical-align: middle;
}
.searchBtn
{
    margin:0px;
    padding:0px;
    vertical-align: middle;
}


/*:::::::::::::::::::::::::
 * 特集コンテンツ
 *::::::::::::::::::::::::*/

#mainSlideArea {
    margin: 0 auto;
    width: 1000px;
    position: relative;
}


.slide
{
	width:763px; 
	height:324px;
	margin-bottom:5px;
	overflow:hidden;
    border:3px solid #F2F2F2;
}

.slideMenu {
    position:absolute;
    margin: 0px;
    width: 230px;
    right: 5px;
    top: 5px;
}

.slideMenubtn {
    padding:0px;
    margin:2px 21px;
}


/*:::::::::::::::::::::::::
 * フリーエリア
 *::::::::::::::::::::::::*/

.freearea
{
	width:518px; 
    border:1px solid #cccccc;
    padding:10px;
    margin:10px 0px;
}

/*:::::::::::::::::::::::::
 * 左メニュー
 *::::::::::::::::::::::::*/

/* 緊急および災害情報 */

#kinkyuBlock
{
    margin:0px 0px 10px 0px;
    border:solid 2px #EB6A6A;
}

#kinkyuTtl
{
    min-height:23px;
    border-bottom:1px dotted #8C1028;
    background-image: url("../images/top1/icon_kinkyu.gif");
    background-position: 15px center;
    background-repeat: no-repeat;
    font-size: 1.1em;
    padding: 5px 10px 5px 45px;
}

#kinkyuTtlArea
{
    background:url("../images/top1/icon_kinkyu.gif") no-repeat 10px center;
    padding:12px 0px 10px 40px;
    font-size:1.1em;
    float:left;
    width:145px;
}

#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 42px;
    float:left;
}

#kinkyulist02{
    background:url("../images/top1/icon_bousai02.gif") no-repeat 10px 6px;
    padding:12px 0px 0px 42px;
    float:left;
}

#kinkyulist03{
    background:url("../images/top1/ya_red01.gif") no-repeat 10px 5px;
    padding:2px 10px 3px 28px;
    float:left;
    margin:8px;
    border:1px solid #cccccc;
}


#kinkyuTxt
{
    width:505px;
    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:510px;	
}
#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:500px;
}
#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;
}



/* 防災サイト */
#bousai
{
    border:3px solid #F8E5E6;
    margin-bottom:10px;
}

#bousai h4
{
    padding:0px 0px 3px 19px;
    font-weight:bold;
    font-size:1.0em;
}
#bousai .naiyo
{
    padding:3px 0px 5px 7px;
    font-size:0.9em;
}
#bousai .naiyo a
{
    padding:0px 3px 0px 8px;
    background:url("../images/top1/ya_r.gif") no-repeat 0px center;
}

#bousaiBtn
{
    background-image: url("../images/top1/icon_bousai.gif") ;
    background-position: 0px center;
    background-repeat: no-repeat;
    border:3px solid #E4A0A5;
    margin:8px 5px 5px;
    padding:5px;
}

#bousai .naiyo li
{
    padding:2px 0px 3px;
}

/* 注目情報 */
#chumokuArea 
{
    border:none;
    margin:0px;
    float:left;
    width:100%;
}
ul.classUmu
{
    width:98%;
    margin:8px auto;
}
ul.classUmu li
{
    float:left;
    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 49px 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;
}
/* 2016/12/22 アクセシビリティ対応 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;
}

.listInfo ul li
{
    line-height:130%;
    padding:5px 0px;
}
.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:400px;
}
.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;
    font-size: 0.9em;
}
.listLink
{
	width:530px;
	text-align:right
}
.listInfo
{
    padding:5px 3px 0px 2px;
    font-size:1em;
}
.listInfo div.title
{
    width:325px;
    float:left;
}
p.nodata
{
    text-align:left;
    margin:10px 0px 10px 15px;
}

/* トピックス */
#topicTtl
{
    width:540px;
    float:left;
    margin-bottom:10px;
}

#topicTtl .boxTtl
{
    background-image: url("../images/top1/icon_chumokou.png");
    background-repeat:no-repeat;
    background-position:15px center;
    padding:10px 0px 5px 45px;
}

.leftBox
{
    border:solid 1px #CACACA;
    margin-bottom:10px;
}


.boxTtl
{
    font-size:1.1em;
    border-left:3px solid #B2DCF0;
    border-right:3px solid #B2DCF0;
    border-top:3px solid #B2DCF0;

}
.leftBox .naiyo
{
    padding:0px 10px 10px; 
}



/* 注目情報  */

div#topic {
    border-left:3px solid #B2DCF0;
    border-right:3px solid #B2DCF0;
    border-bottom:3px solid #B2DCF0;
    padding:3px 8px;
}

div#topic .listLink
{
	top: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:left;
	border-left:solid 0px #E6E6E6;
	padding-left:10px;
    width:500px;
}
div#topic div.digestItem
{
	padding:5px 0px;
}
div#topic div.wide
{
    /* 記事が左右に並ばないデザインの為コメントアウト  */
	/*width:510px;*/
}
div#topic div.digestR div.digestItem
{
	border-bottom:dotted 1px #999999;
    float:left;
    width:250px;
}
div.digestItem p.gaiyou
{
	line-height:1.2em;
}
div.digestItem div.img
{
	float:left;
	width:105px;
	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:400px;
}
div.digestItem div.naiyo p.d_title
{
	font-size:1.2em;
	font-weight:bold;
	padding:0px 0px;
}
div.digestItem div.naiyo_s
{
	float:left;
	padding-left:10px;
    width:170px;
}
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;
}

/* テキストボタン */

#shisetsu {
    background-image: url("../images/top1/icon_shisetsu.gif") ;
    background-position: 8px center;
    background-repeat: no-repeat;
    border:3px solid #B2CBE4;
}

#saiyou {
    background-image: url("../images/top1/icon_saiyou.gif") ;
    background-position: 8px center;
    background-repeat: no-repeat;
    border:1px solid #cccccc;
}

.textBtn {
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 1.1em;
    margin: 7px 0;
}


.textBtn a {
    display: block;
    padding:11px 15px 11px 40px;
    text-decoration: none;
}


.textBtn01 {
    background-position: 10px center;
    background-repeat: no-repeat;
    font-size: 1.1em;
    margin: 7px 0;
}


.textBtn01 a {
    display: block;
    padding:15px 15px 15px 60px;
    text-decoration: none;
}


/* 探す・調べる */
#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;
}


/* 2016/09/15 アクセシビリティ対応 <div><div>→<ul><li> overflow:auto*/

#guideBox
{
    margin-bottom:10px;
}

#guideBox .title
{
    padding:10px 10px 10px 33px;
    font-weight:bold;
    font-size:1.1em;
}


#guidemenu
{
    background-position:8px 9px;
    background-image: url("../images/top1/icon_benri.png");
    background-repeat:no-repeat;
}


#mainbunrui
{
    padding:0px 0px 5px 0px;
    margin:0px;
    overflow:auto;
}


#mainbunrui .bunruiLeft{
float:left;
text-align:center;
padding:0px;
margin:5px 0 5px 10px;
width:90px;
}

#mainbunrui .bunruiRight{
float:right;
padding:0px;
width:90px;
margin:5px 10px 5px 0px;
text-align:center;
}


#mainbunrui .bunruiLeft a{
padding:40px 0 0 0px;
margin:0px;
display:block;
}


#mainbunrui .bunruiRight a{
padding:40px 0 0 0px;
margin:0px;
display:block;
}


#bun01{background:url("../images/top1/guide01.gif") no-repeat 20px 0px;}
#bun02{background:url("../images/top1/guide02.gif") no-repeat 20px 0px;}
#bun03{background:url("../images/top1/guide03.gif") no-repeat 20px 0px;}
#bun04{background:url("../images/top1/guide04.gif") no-repeat 20px 0px;}
#bun05{background:url("../images/top1/guide05.gif") no-repeat 20px 0px;}
#bun06{background:url("../images/top1/guide06.gif") no-repeat 20px 0px;}
#bun07{background:url("../images/top1/guide07.gif") no-repeat 20px 0px;}
#bun08{background:url("../images/top1/guide08.gif") no-repeat 20px 0px;}
#bun09{background:url("../images/top1/guide09.gif") no-repeat 20px 0px;}
#bun10{background:url("../images/top1/guide10.gif") no-repeat 20px 0px;}




.ttlArea
{
    font-weight:bold;
    font-size:1.1em;
    border-bottom:solid 2px #969696;
    padding:0px 0px 4px 3px;
    margin-bottom:5px;
    text-align:center;
}

/* 広報誌 */

#koho .naiyo
{
    margin-bottom:10px;
    border: 1px solid #cccccc;
    font-size: 1.1em;
    padding: 10px 0 10px 0px;
}

.boxTtl01 {
    font-weight: bold;
    font-size: 1.1em;
}

#koho .img
{
    float:left;
    margin:0px 5px 0px;
    text-align:center;
    padding:0px;
}
.img
{
    float:left;
    vertical-align:middle;
}
.kijiTtk
{
    float: left;
	width: 100px;
	margin: 0px;
    font-size:0.9em;
    padding:0px 3px;
}

/* ひとのうごき */
#ugoki .title
{
    padding:10px;
}
#ugkTxt
{
    line-height:1.7em;
}
#ugkTxt span
{
    font-size:0.8em;
}
#ugkLink
{
    float:right;
    background:none;
}
#ugkTxt dl
{
    padding:0px 10px;
}
#ugkTxt dl dt
{
	clear: left;
	float:left;
	padding:0 0 0 16px;
	width:5em;
}
#ugkTxt dl dd
{
	float:left;
}

#ugkTxt .pop{background:url("../images/top1/icon_setai.gif") no-repeat 0 center;}
#ugkTxt .man{background:url("../images/top1/icon_man.gif") no-repeat 0 center;}
#ugkTxt .wman{background:url("../images/top1/icon_wman.gif") no-repeat 0 center;}
#ugkTxt .setai{background:url("../images/top1/icon_pop.gif") no-repeat 0 center;}

/* ライフイベントから探す */


#life .title {
    background-image: url("../images/top1/icon_life.gif");
    background-position: 8px center;
    background-repeat: no-repeat;
}


#lifeMenu
{
    padding:0px 25px 10px 40px;
    margin-bottom:0px;
}
#lifeMenu .life
{
    float:left;
    width:105px;
    text-align:center;
    margin-top:5px;
    margin-right:10px;
    margin-bottom:5px;
    border:1px solid #cccccc;

}
#lifeMenu .life a
{
    padding:40px 0px 0px 0px;
    margin:2px 5px;
    display:block;
    font-size:1em;
}
#life01{background:url("../images/top1/icon_life01.png") no-repeat center 0px;}
#life02{background:url("../images/top1/icon_life02.png") no-repeat center 0px;}
#life03{background:url("../images/top1/icon_life03.png") no-repeat center 0px;}
#life04{background:url("../images/top1/icon_life04.png") no-repeat center 0px;}
#life05{background:url("../images/top1/icon_life05.png") no-repeat center 0px;}
#life06{background:url("../images/top1/icon_life06.png") no-repeat center 0px;}
#life07{background:url("../images/top1/icon_life07.png") no-repeat center 0px;}
#life08{background:url("../images/top1/icon_life08.png") no-repeat center 0px;}
#life09{background:url("../images/top1/icon_life09.png") no-repeat center 0px;}
#lifeMenu #life01 a
{
    border:none;
}
#lifeMenu .lifeLine1 a
{
    padding:40px 0px 15px 0px;
}



/*:::::::::::::::::::::::::
 * 右メニュー
 *::::::::::::::::::::::::*/

/* 画像ボタン */
.imgBtn
{
    margin-bottom:7px;
    width:210px;
}
.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
{
}


#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
{
    padding:10px 10px 10px 33px;
    font-weight:bold;
    font-size:1.1em;
}

.rigntBox00
{

    margin-bottom:7px;

    }

.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;
}


.rigntBox .douga
{
    padding:5px;
}

.rigntBox .naiyo
{
    padding:5px 8px;
}
.rigntBox .naiyo li
{
    background:url("../images/top1/ya_blue_l.gif") no-repeat 220px 9px;
    padding:5px 0px 6px 20px;
}



/* バナー広告 */

.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:1000px;
    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.imgBan img,
li.imgBan img
{
    display: block;
}

/* 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;
    margin-left:50px;
}

.fLinkInfo p{
    float:left;
    font-size:1.2em;
    font-weight:bold;
}

div#fBanArea.floating {
    position: fixed;
    left: 0;
    bottom: 0;
    z-index: 100;
    margin-bottom: 0px;
}

div#floatOff {
    float:left;
    text-align: center;
    margin-right:5px;
}
div#floatOff img {
    cursor:pointer;
}

#fBanItem {
    width:850px;
    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.imgBanfl img,
li.imgBanfl img
{
    display: block;
}

/* 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;
}

/* 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: 999;   /*99→999*/
	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;
	}

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:0px 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:6px;
}
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 20px;
}
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;
    border:1px solid #2b69a3;

}
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 p.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:540px;
    float:left;
    border:solid 1px #cacaca;
    margin:5px 0px 10px 0px;
}
div#browsinghisotry_block ul {
    border: 0px 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:340px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    padding:0px 5px 0px 10px;
}
div#browsinghisotry_block .del {
    float: left;
}
#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;
}
