@charset "UTF-8";
/****************
 トップページレイアウト
*****************/

/* wrapper */
#wrapper {
	background-image: url(../img_top/wrapper.jpg);
	background-repeat: repeat-x;
	background-color:#ebdee8;
}

#wrapper2 {
	width: 1054px;
	margin: 0 auto;
	background-image: url(../img_top/wrapper2.png);
	background-repeat: repeat-y;
	background-position:center;
}

#wrapper3 {
	margin: 0 auto;
	background-image: url(../img_top/wrapper3.jpg);
	background-repeat: no-repeat;
	background-position:center top;
}

#wrapper4 {
	width: 1020px;
	margin: 0 auto;
	padding-bottom:30px;
	background-image: url(../img_top/wrapper3.jpg);
	background-repeat: no-repeat;
	background-position:center top;
	background-color:#FFF;
}

/* container */
#container{
	width: 960px;
	margin: 0 auto;
	padding-top:20px;
}

#container2 {
	float: right;
	width: 740px;
}

/* ヘッダー */
#headerPrint{		
}
/* ヘッダー・FLASH */
#flashContent{	
	width: 740px;
	height:417px;	
}
/* ヘッダー・グローバルメニュー */
#headerNav{
	margin-top:5px;
	height:76px;
}
#headerNav .list {
	position:relative;
    list-style:none;
    z-index: 100;
}
#headerNav .list>li {
	position: absolute;
}
#headerNav2 .nav1 {
	left: 0px;
	top:0px;
}
#headerNav ul .nav2 {
	top:6px;
	left: 148px;
}
#headerNav ul .nav3 {
	top:6px;
	left: 295px;
}
#headerNav ul .nav4 {
	top:6px;
	left: 443px;
}
#headerNav ul .nav5 {
	top:6px;
	left: 592px;
}
#headerNav ul .nav6 {	
	top:52px;	
	right:295px;
	font-size: 24px;
	height:24px;
}
#headerNav ul .nav7 {		
	top:52px;
	right:146px;
	font-size: 24px;
	height:24px;
}
#headerNav ul .nav8 {	
	top:52px;
	right:0px;
	font-size: 24px;
	height:24px;
}
#headerNav ul a{
	display:block;
}
#headerNav ul .nav6 a{
	height:24px;
	line-height:24px;
}
#headerNav ul .nav7 a{
	height:24px;
	line-height:24px;
}
#headerNav ul .nav8 a{
	height:24px;
	line-height:24px;
}

/* ヘッダー・外国語 */
#headerSubNav {
	font-size: 14px;
	margin-top:-19px;
	padding-left:5px;
}
#headerSubNav li {
	display:inline;
}

#headerControl {
	margin-top:10px;
}

#headerSize {
	float:left;
	line-height:100%;
}
#headerSize .title {
	float:left;
	font-size:15px;
	font-weight: bold;
}
#headerSize .item {
	float:left;
	margin-left:5px;
}
#headerSize .item2 {
}
#headerColor {
	float:left;
	margin-left:5px;
}
#headerColor .title {
	float:left;
	font-size:15px;
	font-weight: bold;
}
#headerColor .item {
	float:left;
	margin-left:5px;
}



/*
	ドロップダウンメニュー
*/

#headerNav .box{
	width: 450px;
	position: absolute;
	top: 44px;
	left: 2px;
	z-index: 999;
}
#headerNav .box .bg_{
	display: none;
	padding-bottom:30px;
	border:solid 2px #6c3364;
	background-color: #fff;
}
#headerNav .list2{
	padding-left:15px;
	padding-right:15px;
}

#headerNav .list2 li{
	width:186px;
	float: left;
	padding-left:20px;
	margin-top:10px;
	background-image: url(../img_common/header_dropdown_arrow.png);
	background-position: 3px 8px;
	background-repeat: no-repeat;
}





/* センター＆右 */
#main{	
	margin-top:10px;
}

/* 中央カラム */
#mainL{
	float:left;
	width:450px;
}

/* お知らせ */
.oshiraseMod{
	border:2px solid #e3a1a2;
	background-color:#FFF;
}
.oshiraseMod .title{
	height:19px;
	padding:5px;
	border-bottom: 1px dotted #cfcfcf;
}
.oshiraseMod .title img{
	margin-left:2px;
}
.oshiraseMod .in{
	padding:10px
}
.oshiraseMod .list li {
	margin-top: 2px;
	margin-bottom: 2px;
	background-image: url(../img_top/32.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	color:#F00;
}
.oshiraseMod .list li a{
	color:#F00;
}

/* タブ */
.tabMod {
	margin-top:16px;
	width:450px;
}
.ui-tabs-hide {
	display:none;
}
.tabMod .list{
}
.tabMod .list li{
	float: left;
}
.tabMod .list li a{
	line-height:100%;	
	display:block;
	width:150px;
	height:54px;
	background-image: url(../img_top/MTab.jpg);
	background-repeat: no-repeat;
	background-position:bottom;
	color: #0047b2 !important;
}
.tabMod .list .ui-tabs-selected a{
	background-position:top;
}
.tabMod .list li span{
	margin-left:45px;
	line-height:54px;
	font-size:16px;
}
.tabMod .box2 {
	border-left:5px solid #e9e9e9;
	border-right:5px solid #e9e9e9;
	border-bottom:5px solid #e9e9e9;
	padding:10px;
	background-color:#FFF;
}
.tabMod .col {
	overflow: hidden;
	width: 420px;
	margin-bottom:5px;
}

.tabMod .colInfo {
	overflow: hidden;
	width: 390px;
	margin-bottom:5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 30px;
}
.tabMod .L2 {
	float: left;
	width: 130px;
	display: block;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
	font-size:85%;
}
.tabMod .R2 {
	display: block;
	float: left;
	width: 270px;
}
.tabMod .detail{
	text-align:right;
	margin-top:10px;
}
.tabMod .detail li img{
	margin-right:10px;
}
.tabMod .detail li{
	display:inline;
	margin-left:5px;
	margin-right:5px;
}
.listsBox ul.nav li.ui-tabs-selected {
	background-position: left -32px !important;
}

/* よく利用されるページ */
.yokuriyouMod {
	margin-top:10px;
	border:5px solid #e9e9e9;
}
.yokuriyouMod .title{
	margin-top: 10px;
	background-image: url(../img_top/37.jpg);
	background-repeat: no-repeat;
	background-position: 15px center;
	padding-left: 30px;
	font-size:80%;
}
.yokuriyouMod .in{
	padding:20px 30px 10px 10px;
}
.yokuriyouMod .list li {
	margin-top: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 30px;
}
.yokuriyouMod .detail{
	text-align:right;
	margin:5px;
}
.yokuriyouMod .detail li img{
	margin-right:10px;
}
.yokuriyouMod .detail li{
	display:inline;
	margin-left:5px;
	margin-right:5px;
}

/* 右カラム */
#mainR{
	float:right;
	width:270px;
}

#mainR>section:first-child{
	margin-top:0px;
}

.sideSlideBnrMod .bx-viewport{
	z-index: 1;
}

.sideSlideBnrMod .box{
	padding:9px;
	border-top:1px solid #afafaf;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
}

.sideSlideBnrMod .photo img{
	width:100%;
	height: auto;
}

.sideSlideBnrMod .links{
	margin-top:10px;
	padding-left:16px;
	background-image: url(../img_top/sideslide_mod_icon.png);
	background-position: left 5px;
	background-repeat: no-repeat;
}

.kahenBannerMod{
	margin-top:20px;
}

.kahenBannerMod li:first-child{
	margin-top:0px;
}

.kahenBannerMod li{
	margin-top:10px;
}

/* 目的別かんたん検索 */
.kantanMod {
	background-image: url(../img_top/RKantanKensakuBG.gif);
	background-repeat: no-repeat;
	margin-top: 12px;
	width:270px;
	height: 240px;
}
.kantanMod h2{
	font-size: 0px;
}
.kantanMod .list {
	width:247px;
	margin:5px auto 0;
}
.kantanMod .list li {
	float: left;
	display: inline;
	font-size: 0px;
}

/* 2列バナー部 */	
#col2BannerMod{
	/* height:204px; */	
}

#col2BannerMod li{
	margin-top:10px;
	float:left;	
}
#col2BannerMod .listL{
	float:left;	
}
#col2BannerMod .listR{
	float:right;	
}

/* フォトニュース */	
.photoMod {
	/* overflow:hidden;
	background-image: url(../img_top/79.gif);
	background-repeat: no-repeat;
	height: 286px; */	
	margin-top: 10px;
	width:270px;
	position:relative;	
}

.photoMod h2{
	/* 
	position:absolute;
	top:17px;
	left:16px; */	
}
.photoMod .in{
	border-left:6px solid #ebebeb;
	border-right:6px solid #ebebeb;
	border-bottom:6px solid #ebebeb;	
}
.photoMod .in2{
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	border-bottom:1px solid #afafaf;
	
	padding-top:15px;
	padding-bottom:10px;
}
.photoMod .in2 .photoModImg{
	margin-bottom:10px;
	text-align:center;
}
.photoMod .in a{
}
.photoMod .in img{
}
.photoMod .photoModText{
	margin-left:15px;
	margin-right:15px;	
	font-size:90%;	
}

/* お天気 */
.tenkiMod{
	margin-top:10px;
	width:270px;
	border:1px solid #b3afac;
}
#tenkiToday,#tenkiTomorrow{
	float:left;
	width:135px;
}
#tenkiToday{
	float:left;
	width:135px;
}
#tenkiTomorrow{
	float:left;
	width:135px;
}
/* お天気 */
.sideTenkiMod .title {
	background-color: #814B7F;
	padding: 10px;
	margin-top: 10px;
	color: #FFF;
	text-align: center;
}
.sideTenkiMod .col {
	width: 240px;
	margin-top: 10px;
	overflow: hidden;
}
.sideTenkiMod .L {
	float:left;
	width: 135px;
}
.sideTenkiMod .R {
	float:right;
	width: 105px;
}
.sideTenkiMod .R p img {
	margin-left:1px;
}
.sideTenkiMod .detail {
	margin-top: 10px;
}
.sideTenkiMod .kion strong {
	color: #be3702;
	font-weight:bold;
}

/* 関連リンク */
.linkMod{
	margin-top:10px;
}

.linkMod .title{
	height:34px;	
}

.linkMod .in{
	padding:10px;
	border-left:1px solid #b3afac;
	border-right:1px solid #b3afac;
	border-bottom:1px solid #b3afac;	
}

.linkMod .list li {
	margin-top: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}

/* 左カラム */
#sideNav {
	float: left;
	width: 200px;
}

/* 左カラムバナーエリア */
#sideNav .sideBannerMod{
	margin-top: 10px;
}
#sideNav .sideBannerMod li{
	margin-top: 10px;
}
#sideNav .sideBannerMod .illustText{
	word-wrap: break-word;
}

/* 緊急情報 */
.kinkyuMod{
	margin-top:10px;	
}

.kinkyuMod .title{
	height:35px;	
}

.kinkyuMod .in{
	padding:9px;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	border-bottom:1px solid #afafaf;	
}

.kinkyuMod .list li {
	margin-bottom: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}

.bousaiMod{
	margin-top:10px;		
}

.bousaiMod .title{
	height:35px;	
}

.bousaiMod .in{
	padding:9px;
	border-left:1px solid #afafaf;
	border-right:1px solid #afafaf;
	border-bottom:1px solid #afafaf;	
}

.bousaiMod .list li {
	margin-bottom: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}

.bousaiMod .in .bousaiApp{
	margin:1px;
}
/* 電子行政サービス */
.denshiMod{
	margin-top:10px;	
}

.denshiMod .title{
	height:34px;	
}

.denshiMod .in{
	padding:9px;
	border-left:1px solid #b3afac;
	border-right:1px solid #b3afac;
	border-bottom:1px solid #b3afac;	
}

.denshiMod .list li {
	margin-bottom: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}

.denshiMod .in img {
	margin: 1px 0;
}

/* みなさまの声 */
.publicMod{
	margin-top:10px;	
}
.publicMod .title{
}
.publicMod .in{
	padding:9px;
	border-left:1px solid #b3afac;
	border-right:1px solid #b3afac;
	border-bottom:1px solid #b3afac;	
}
.publicMod .list li {
	margin-bottom: 5px;
	background-image: url(../img_top/5.gif);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-left: 20px;
}
.publicMod img {
}

/* 人口 */
.jinkouMod{
	margin-top:10px;
	font-size:75%;
}

.jinkouMod .title{
	height:60x;
}
.jinkouMod .in{
	padding-top: 5px;
	padding-left: 3px;
	padding-right: 3px;
	padding-bottom: 3px;
	/* border-top:1px solid #b3afac; */	
	border-left:1px solid #b3afac;
	border-right:1px solid #b3afac;
	border-bottom:1px solid #b3afac;	
}

.jinkouMod dt{
	float: left;
	width: 60px;
	background-repeat: no-repeat;
	background-position: left 2px;
	padding-left: 15px;
	line-height:120%;
}

.jinkouMod  dd {
	float: left;
	width: 116px;
	line-height:120%;
}

.jinkouMod .icon1 {
	background-image: url(../img_top/91.png);
}

.jinkouMod .icon2 {
	background-image: url(../img_top/92.png);
}

.jinkouMod .icon3 {
	background-image: url(../img_top/93.png);
}

.jinkouMod .icon4 {
	background-image: url(../img_top/94.png);
}

.jinkouMod .zengetsuhi{
	text-align:right;
}

/* 広告 */
.kokokuMod {
	width: 960px;
	margin-top: 30px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom:10px;
	border-top:1px solid #999;
	border-bottom:1px solid #999;
}

.kokokuMod .list li {
	margin-top: 20px;
	margin-left: 30px;
	width: 150px;
	float: left;
	display: inline;
}

.kokokuMod .koukokuR {
	text-align: right;
}

.kokokuMod .icon {
	background-image: url("../img_top/5.gif");
    background-position: left 5px;
    background-repeat: no-repeat;
    display: inline-block;
    padding-left: 20px;
}