@charset "utf-8";
/*------------------------------------------------------------------------------
[1] トップページレイアウト
[2] 詳細デザイン
------------------------------------------------------------------------------*/
/*******************************************************************************
[1] トップページレイアウト
*******************************************************************************/
/*==============================================================================
		配置
==============================================================================*/
#wrap {
    width: 100%;
    min-width: 950px;
}
#toppagebodybg {
	margin: 0px auto 0px auto;
    background-size: cover;
    background-attachment: fixed;
    width: 100%;
    min-width: 950px;
}
/*==============================================================================
		ランダム背景
==============================================================================*/
.image1 #toppagebodybg{
	background-image:url(../background/bg1.jpg);
}
.image2 #toppagebodybg{
	background-image:url(../background/bg2.jpg);
}
.image3 #toppagebodybg{
	background-image:url(../background/bg3.jpg);
}
.image4 #toppagebodybg{
	background-image:url(../background/bg4.jpg);
}
.image5 #toppagebodybg{
	background-image:url(../background/bg5.jpg);
}
.image6 #toppagebodybg{
	background-image:url(../background/bg6.jpg);
}
.image7 #toppagebodybg{
	background-image:url(../background/bg7.jpg);
}
/*------iPad用背景------*/
#ipadbg #toppagebodybg{
	background:none;
}
#topbg{
    z-index: -1;
    background-color: #FFFFFF;
    background-repeat: no-repeat;
    background-size: auto 100%;
    background-position:top center;
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
/*------ランダム背景------*/
.image1 #topbg{
	background-image:url(../background/bg1.jpg);
}
.image2 #topbg{
	background-image:url(../background/bg2.jpg);
}
.image3 #topbg{
	background-image:url(../background/bg3.jpg);
}
.image4 #topbg{
	background-image:url(../background/bg4.jpg);
}
.image5 #topbg{
	background-image:url(../background/bg5.jpg);
}
.image6 #topbg{
	background-image:url(../background/bg6.jpg);
}
.image7 #topbg{
	background-image:url(../background/bg7.jpg);
}
/*==============================================================================
		ページ
==============================================================================*/
#topheaderbg #header{
	margin:0px auto;
	padding:0px;
	width:950px;
	background:#FFF url(images/header/img_map.png) no-repeat left 320px center;
	min-height: 100px;
}
#topheaderbg #header #tlogo{
	margin-top:10px;	
}
#hbnr{
	margin:8px 0px 8px 18px;
	float:right;
}
#topgnavi{
	margin:0px auto 25px auto;
	max-width:1200px;
	min-width:950px;
	clear:both;
	background:#0033CC;
}
#topheaderbg {
    background:#FFF;
}
#toppagebody{
	margin:0px auto;
	width:100%;
	background:url(images/top/toppagebody_bg.png) repeat-x left top;
}
#topcontent{
	margin:0px auto;
	width:950px;
}
#topcontent #tpage{
	margin:0px 0px 0px 0px;
	width:700px;
	float:right;
}
#toplnavi{
	width:220px;
	float:left;
}
#content3{
	width:100%;
	padding-bottom: 10px;
}
#projects{
	margin:10px auto;
	width:950px;
}
#lifeinfo{
	margin:10px auto;
	width:950px;
}
/*******************************************************************************
[2] 詳細デザイン
*******************************************************************************/
/*==============================================================================
	グローバルナビ　ドロップダウン
==============================================================================*/
#gnavi #topscate{
	margin:0px auto 0px auto;
}

#gnavi .scate{
	position:relative;
	z-index:999;
}
#gnavi .scate .navi{
	padding:20px 20px 20px 20px;
	width:902px;
	display:none;
	position:absolute;
	top:65px !important;
	left:0px !important;
	z-index:999;
	border-right:4px solid #b7d77f;
	border-bottom:4px solid #b7d77f;
	border-left:4px solid #b7d77f;
}
#gnavi .scate .navi p{
	margin:0px 0px 20px 0px;
	text-align:left;
}
#gnavi .scate1 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 65px 0px;
}
#gnavi .scate2 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 220px 0px;
}
#gnavi .scate3 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 380px 0px;
}
#gnavi .scate4 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 540px 0px;
}
#gnavi .scate5 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 700px 0px;
}
#gnavi .scate6 .navi{
	background:#FFFFFF url(images/gnavi/gnavi_bg.png) no-repeat 860px 0px;
}

#gnavi .scate .navi ul li{
	margin:0px 20px 15px 0px;
	padding:0px 0px 0px 16px;
	width:255px;
	display:block;
	font-size:100%;
	background:#FFF url(images/top/gnavi_ul.gif) no-repeat 0px 3px;
	text-align:left;
}
#gnavi .scate .navi ul li a{
	font-weight:normal;
	text-decoration:underline;
	display:inline;
}
#gnavi .scate .navi ul.gevent{
	padding-bottom:15px;
	margin-bottom:30px;
	border-bottom:1px solid #CCC;
}

/*------------------------------------------------------------------------------
		検索
------------------------------------------------------------------------------*/
#search {
    margin: 25px 0px 20px 0px;
    width: 600px;
    float: left;
    zoom: 1;
}
#searchmenu {
    margin: 0px 0px 0px 0px;
    padding: 20px 0px 5px 30px;
    background: url(images/top/white_bg.png) repeat 0px 0px;
    text-align: left;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#searchmenu form input {
    float: left;
    vertical-align: middle;
}
#searchmenu form input#key{
	width:220px;
	padding:4px!important;
}
#searchmenu form label {
    margin: 0px 7px 0px 0px;
    float: left;
}
#searchmenu form img{
	vertical-align:middle;
}
#searchmenu h3 {
    margin: 10px 0px 0px 0px;
    width: 120px;
    float: left;
    clear: both;
    font-size: 100%;
    font-weight: normal;
}
#searchmenu p.use {
    margin: 3px 0px 0px 10px;
    float: left;
    font-size: 100%;
    vertical-align: middle;
}
#searchmenu ul {
    margin: 9px 0px 0px 0px;
    width: 440px;
    float: left;
    list-style-type: none;
}
#searchmenu ul li {
    margin: 0px 5px 8px 0px;
    display: inline-block;
}
#searchmenu ul li a {
    padding: 0px 10px 0px 0px;
    display: inline-block;
    border-right: 1px solid #CCCCCC;
    line-height: 1.5;
}
/*------------------------------------------------------------------------------
		花の見ごろ情報
------------------------------------------------------------------------------*/
#flower{
    margin: 20px auto 0px auto;
    padding-top: 15px;
    width: 320px;
    background: url(images/top/bgi_flower.png) no-repeat center 0px;
    float: right;
    clear: both;
    text-align: center;
}
#flower h2{
	margin:0px 0px 10px 0px;
}
#flower p img{
	margin:10px 0px 35px 0px;
}
#flower p#fplacetop{
	margin-top:-30px;
	margin-bottom:10px;
	text-shadow: #FFF 1px 1px 0px, #FFF -1px 1px 0px, #FFF 1px -1px 0px, #FFF -1px -1px 0px;
}
/*------------------------------------------------------------------------------
		スクロール
------------------------------------------------------------------------------*/
#pickup .main_view {
	margin:25px 0px 0px 0px;
    width: 320px;
    background: url(images/top/white_bg.png) repeat 0px 0px;
    float:right;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
}
#scroll_a .main {
    width: 320px;
    height: 200px;
    background:none;
}
#scroll_a .main p.photoleft {
	margin:10px auto;
	padding: 0px 0px 0px 0px;
    width: 300px;
    height: 170px;
    float: none;
}
#scroll_a .window {
    width: 320px;
    height: 210px;
     border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    background:none;
}
#scroll_a p.btn {
    width: 51px;
    position: absolute;
    left: 10px;
    bottom: 7px;
}
#scroll_a .paging {
    width: 210px;
    position: absolute;
    left: 70px;
    bottom: 1px;
}
#scroll_a .paging{
	display:block;
}
#scroll_a .paging ul {
    list-style: none;
    text-align: left;
}
#scroll_a .paging li {
    display: inline;
}
#scroll_a p.btn a img {
    vertical-align: top;
}
/*==============================================================================
		左
==============================================================================*/
/*------------------------------------------------------------------------------
		いざというとき
------------------------------------------------------------------------------*/
#emergency{
	margin:0px 0px 20px 0px;
	width:208px;
	background: #FFF;
	border:6px solid #c42e2e;
}
#emergency ul{
	margin:10px 0px 0px 5px;
	padding:0px 5px 5px 5px;
	list-style-type:none;
}
#emergency ul li{
	margin:0px 0px 8px 0px;
	padding-left:15px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 5px top 5px;
}
#emergency ul li.imglink{
	padding-left:5px;
	background:none;
}

/*==============================================================================
		中央
==============================================================================*/
/*------------------------------------------------------------------------------
		生活安全情報
------------------------------------------------------------------------------*/
#mailtop{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:4px solid #c42e2e;
	background:#FFF;
}
#mailtop h2{
	margin:0px 0px 10px 0px;
	padding:5px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#c42e2e;
	border:none;
}
/*------------------------------------------------------------------------------
		緊急情報
------------------------------------------------------------------------------*/
.kinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:4px solid #c42e2e;
	background:#FFF;
}
.kinkyu h2{
	margin:0px 0px 10px 0px;
	padding:5px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#c42e2e;
}
.kinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #c42e2e;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.kinkyu p{
	padding:0px 15px 5px 15px;
}
.kinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.kinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_kinkyu.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		スマホ緊急情報
------------------------------------------------------------------------------*/
.smpkinkyu{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:4px solid #c42e2e;
	background:#FFF;
}
.smpkinkyu h2{
	margin:0px 0px 10px 0px;
	padding:5px 10px 4px 10px;
	font-size:110%;
	color:#FFFFFF;
	background:#c42e2e;
}
.smpkinkyu h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #c42e2e;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.smpkinkyu p{
	padding:0px 15px 5px 15px;
}
.smpkinkyu ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.smpkinkyu ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_smpkinkyu.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		重要なお知らせ
------------------------------------------------------------------------------*/
.important{
	margin:0px 0px 20px 0px;
	padding:0px 0px 6px 0px;
	border:4px solid #46831A;
	background:#FFF;
}
.important h2{
	margin:0px 0px 10px 0px;
	padding:5px 10px 4px 10px;
	font-size:110%;
	color:#FFF;
	background:#46831A;
}
.important h3{
	margin:0px 12px 10px 12px;
	padding:8px 5px 4px 5px;
	border-left:6px solid #46831A;
	border-bottom:1px solid #CCCCCC;
	font-size:100%;
}
.important p{
	padding:0px 15px 5px 15px;
}
.important ul{
	padding:0px 15px 5px 15px;
	list-style-type:none;
}
.important ul li{
	margin-bottom:3px;
	padding-left:15px;
	background:url(images/top/mark_important.gif) no-repeat left 4px;
}
/*------------------------------------------------------------------------------
		トピックス
------------------------------------------------------------------------------*/
#topics{
	margin-bottom:20px;
	zoom:1;
}
#topics ul#tab{
	list-style-type:none;
	zoom:1;
}
#topics ul#tab li{
	width:20%;
	float:left;
}
#topics ul#tab li a{
	margin:0px 2% 0px 0px;
	padding:10px 8px 6px 8px;
	display:block;
	text-align:center;
}
#topics ul#tab li#for_topics5 a{
	margin:0px 0px 0px 0px;
}
#topics ul#tab li a:hover{
	background:#7dbc3b;
}
#topics ul#tab li a{
	font-weight:bold;
	background:#b7d77f;
	text-decoration:none;
	color:#333;
	border-bottom:1px solid #46831a;
	border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}
#topics ul#tab li.ui-tabs-active a{
	font-weight:bold;
	background:#FFF;
	text-decoration:none;
	border-bottom:1px solid #46831a;
	border-radius: 5px 5px 0px 0px;
    -webkit-border-radius: 5px 5px 0px 0px;
    -moz-border-radius: 5px 5px 0px 0px;
}
#tmenu{
	margin:-1px 0px 0px 0px;
	padding:20px 20px 10px 25px;
	background:#FFF;
	border-top:1px solid #46831a;
}
#topics1,#topics2,#topics3{
	margin-bottom:20px;
	width:480px;
	float:left;
}
#tmenu ul{
	list-style-type:none;
}
#tmenu ul li{
	margin:0px 0px 13px 0px;
	padding:0px 0px 0px 15px;
	background:url(images/top/ul_topics.gif) no-repeat left 4px;
}
#tmenu ul li span.date{
	width:30%;
	float:left;
	color:#666666;
}
#tmenu ul li span.newsli{
	float:left;
}

#tmenu ul li span.newsli{
	width:60%;
}
/*------------------------------------------------------------------------------
		情報誌
-----------------------------------------------------------------------------*/
#tmenu .link h2{
	margin:0px;
	padding:0px;
	float:left;
}
#tmenu .link{
	width:155px;
	float:right;
	text-align:center;
}
#tmenu .link p img{
	margin-bottom:8px;
}
/*------------------------------------------------------------------------------
		ページ番号検索
------------------------------------------------------------------------------*/
#topics3 div.navidetail {
    padding: 0px;
	width:400px;
	float: left;
}
#topics3 form {
    margin:10px 0px 15px 0px;

}
#topics3 form label{
	display: block;
	font-weight: bold;
}
#topics3 img, #topics3 input {
	margin-right:5px;
    vertical-align: middle;
}
#idresult{
	margin-top:20px;
	color: #BF0306;
}
/*------------------------------------------------------------------------------
		RSS等
------------------------------------------------------------------------------*/
#topics ul.topicsdetail {
    margin: 15px 0px 0px 0px;
    text-align: left;
	clear: both;
}
#topics ul.topicsdetail li {
    margin: 0px 15px 0px 0px;
    padding: 0px 0px 0px 20px;
    clear: none;
    display: inline;
    background: url(images/top/list.gif) no-repeat left center;
    border: none;
}
#topics ul.topicsdetail li.rss {
    background: url(images/top/rss.gif) no-repeat left center;
}
/*------------------------------------------------------------------------------
		くらしの便利帳
------------------------------------------------------------------------------*/
#lifeinfo{
	width:950px;
	text-align:center;
}
#lifeinfo h2{
	margin:25px 0px 20px 0px;
	background:url(images/top/icon_life.png) no-repeat left 230px top;
	font-size:160%;
	text-shadow: #f7f3ef 1px 1px 0px, #f7f3ef -1px 1px 0px, #f7f3ef 1px -1px 0px, #f7f3ef -1px -1px 0px;
}
#lifeinfo h2 span{
    font-size: 80%;
    font-weight: normal;
}
#lifeleft{
	width:610px;
	float:left;
}
#liferight{
	width:320px;
	float:right;
}
/* 目的から探す
------------------------------------------------------------------------------*/
.lifebox1 h3{
	margin:3px 0px 10px 0px;
}
.lifebox1{
	padding:10px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	background:#b7d77f;
}
.lifebox1 ul{
	margin:0px 0px 0px 6px;
	list-style:none;
	padding-bottom:5px;
}
.lifebox1 ul li{
	margin: 0px 8px 10px 9px;
	float: left;
    display: inline;
}
/* 左　その他
------------------------------------------------------------------------------*/
.lifebox3 h3{
	margin:0px 0px 13px 0px;
}
.lifebox3{
	padding:10px 0px 0px 0px;
	margin:0px 0px 15px 0px;
	background:#FFF;
}
.lifebox3 ul{
	margin:3px 0px 0px 6px;
	list-style:none;
	padding-bottom:5px;
}
.lifebox3 ul li{
	margin: 0px 8px 10px 9px;
	float: left;
    display: inline;
}

/* 施設、イベント、FAQ
------------------------------------------------------------------------------*/
#liferight h3{
	margin:0px 0px 10px 0px;
	background:url(images/top/icon_life2.png) no-repeat left 60px top;
}
.lifebox2{
    margin: 0px 0px 15px 0px;
    padding: 13px 0px 3px 0px;
	background:#FFF;
}
.lifebox2 ul{
	margin:0px 0px 0px 15px;
	list-style:none;
}
.lifebox2 ul li{
	margin: 0px 10px 10px 0px;
	float: left;
    display: inline;
}
.lifebox2 p{
	padding-bottom:10px;
	text-align: center;
}
/*------------------------------------------------------------------------------
		市政情報
------------------------------------------------------------------------------*/
#shisei{
	margin:40px auto 25px auto;
	width:950px;
	text-align:center;
}
#shisei h2{
	margin:15px auto 15px auto;
	background:url(images/top/icon_shisei.png) no-repeat left 170px top;
	font-size:160%;
}
#shisei h2 span{
    font-size: 80%;
    font-weight: normal;
}
#shisei ul{
	list-style:none;
}
#shisei ul li{
	margin-bottom:10px;
	margin-right:30px;
	float: left;
    display: inline;
}
#shisei ul li:nth-child(4n){
	margin-right:0px;
}
/* IE8 */
#shisei ul > *:first-child + * + * + *{
	margin-right:0px;
}
#shisei ul > *:first-child + * + * + * + * + * + * + *{
	margin-right:0px;
}
#shisei ul.shiseimenu {
	margin:15px 0px;
	list-style:none;
	text-align:left;
}
#shisei ul.shiseimenu li {
    margin-bottom: 10px;
    width: 215px;
    float: left;
    display: block;
    background-color: #EFEFEF;
    background-image: url(images/top/bgi_shisei.png) , url(images/top/shiseimenu_bg.png);
    background-repeat: no-repeat , repeat;
    background-position: left bottom;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
#shisei ul.shiseimenu li a {
    margin: 0px 0px 0px 0px;
    padding: 18px 5px 18px 28px;
    background: url(images/top/mark_shisei.png) no-repeat 10px 21px;
    color: #333;
    text-decoration: none;
    font-weight: bold;
    width: 185px;
    display: block;
}
/*------------------------------------------------------------------------------
		いなべ市の取り組み
------------------------------------------------------------------------------*/
#projects {
    margin: 25px auto 35px auto;
    padding: 19px 15px 11px 15px;
    width: 880px;
    background: #ffefc6;
    text-align:center;
    position: relative;
}
#projects h3 {
    margin: 0px auto 10px auto;
    width:280px;
    background: url(images/top/icon_project.png) no-repeat left top 3px;
}
#projects #topicsbanner {
	margin:0px auto;
    width: 764px;
    position: relative;
    z-index: 0;
}
#projects #topicsroll {
    list-style: none;
    cursor: pointer;
    display: block;
}
#projects #topicsmenu {
	margin:0px auto;
    padding: 0px 35px 0px 0px;
    position: relative;
    text-align:left;
}
#projects #topicsmenu ul {
    margin: 0px auto;
    list-style: none;
}
#projects #topicsmenu ul li {
    margin-left: 23px;
    width: 176px;
    float: left;
    _display: inline;
}
#projects #topicsmenu ul li img {
    margin: 0px 0px 10px 0px;
    vertical-align: bottom;
}
#projects #topicsroll li img {
    vertical-align: bottom;
}
#projects #topicsroll li#forward {
	position: absolute;
    top: 90px;
    left: -15px;
    z-index: 999;
}
#projects #topicsroll li#back {
	position: absolute;
    top: 90px;
    right: -15px;
    z-index: 999;
}
#projects #topicsmenu .tmenu {
	margin-left:30px;
}
/*------------------------------------------------------------------------------
		いなべ市の魅力
------------------------------------------------------------------------------*/
#miryokubg{
	padding-bottom: 25px;
	padding-top: 60px;
	width:100%;
	background:#d6eeff url(images/top/miryoku/bgi_miryoku.jpg) no-repeat center bottom;
}
#miryoku{
	padding:0px 0px 0px 0px;
	margin:0 auto;
	width:750px;
	text-align:center;
}
#media{
	margin: 0px auto 0px auto;
	width: 505px;
}
#media ul{
	list-style:none;
	clear:both;
	margin-bottom: 15px;
}
#media ul:after{
	content:"";
	display:block;
	clear:both;
}
#media ul li{
	margin-bottom:0px;
	margin-right:15px;
	float:left;
	display: inline;
}
#media ul li:last-child{
	margin-right:0px;
}
/*==============================================================================
	緊急情報（基本エリア）
==============================================================================*/
#topcontent #tpage #content2{
	width:auto;
}
#topcontent #tpage #content2 h2{
	border:none;
	background:#c42e2e;
}
#topcontent #tpage #content2 h3{
	border:none;
	color:#333;
    border-left:5px solid #c42e2e;
	background:#EFEFEF;
}
#topcontent #tpage #content2 h4,
#topcontent #tpage #content2 h5,
#topcontent #tpage #content2 h6{
	margin:15px;
	border-color:#c42e2e;
}
#topcontent #tpage #content2 ol{
	margin:5px 10px 15px 45px;
}
#topcontent #tpage #content2 ul{
	margin:5px 10px 15px 15px;
}
#wrap #topcontent #tpage ul.objectlink li:not([class]) {
	margin-bottom:5px;
	padding-left:25px;
	background: url(images/top/mark_kinkyu.gif) no-repeat left 8px top 8px;
}
#wrap #topcontent #tpage #content2 ul.objectlink li.imglink{
	margin-left:5px;
}
#wrap #topcontent #tpage #content2 dl{
	margin:15px;
	width:auto;
}
#wrap #topcontent #tpage #content2 dd{
	width: calc(100% - 265px);
}
#wrap #topcontent #tpage #content2 dd p{
	margin:0;
	padding:0;
}
#wrap #topcontent #tpage #content2 dd ul{
	margin:0;
	padding:0;
}
#wrap #topcontent #tpage #content2 dd ol{
	margin:0 0 0 15px;
	padding:0;
}
#topcontent #tpage table{
	margin:15px;
}
#topcontent #tpage #content2 th{
	background-color: #F6F6F6;
	border-color:#CCC;
}
#topcontent #tpage #content2 td{
	background-color: #fff;
	border-color:#CCC;
}