/*ページ全体のスタイル*/
/*キーカラー　NEW加西ブルー 背景＆フォント#0097e8*/
/*キーカラー　NEW加西オレンジ 背景#F93　フォント#F73*/

html{
}

body{
	margin:0;
	padding:0;
}

/* リセット */
a,img,h1,h2,h3,h4,h5,p,ul,ol,li,dl,dt,dd,video,header,article,nav,footer {
	margin:0;
	padding:0;
	border:0;
}

/* リンクのスタイル */
a:link {
	color:#0097e8;
}
a:visited {
	/*color:#f05a00;旧WEBサイトと同色*/
	color:#F73;
}
a:hover{
	color:#F6C;
}
a:hover img{
	opacity:0.5;/*画像半透明*/
}

/*画像スタイル*/
img {
	max-width: 100%;
	height:auto;
	vertical-align: middle;/*下の隙間除去*/
}

/*リストスタイル*/
ul{
	margin-left:12px;
	padding-left:12px;
}
ol{
	margin-left:12px;
	padding-left:12px;
}
li{
	line-height:1.6;
}



/**** 構造 ****/
#wrapper{
	width:984px;/*1000px-padding*/
	margin:auto;
	padding:8px 8px 0 8px;
	font-size: 90%;
}
#topleft{
	width:524px;
	margin:0 28px 0 0;
	padding:0;
	float:left;
}
#topright{
	width:432px;
	margin:0 0 0 0;
	padding:0;
	float:left;
}



/**** ページ左側 ****/ 

/**** ヘッダー部分 **/
#header{
	margin:4px 0 0 0;
	padding:0;
	width:100%;
}
/*トップロゴ*/
#header_logo{
	margin:0;
	padding:0;
	float:left;
}
/* メニューを飛ばして本文へ移動 */
#header_spacer{
	width: 1px;
	height:1px;
	float:left;
}
/*kasaistyle*/
#header_logo2{
	margin: 0;
	padding: 0;
	text-align:center;
}


/**** 検索 ****/
#search{
	clear:left;
	height:32px;
	margin:14px 0 0 0;
	padding:8px;
	background-color:#EEE;
	border-radius:7px;
}


/**** menu ****/
#menu{
	clear:left;
	margin:12px 0 0 0;
	padding:10px;
	border:1px solid #CCC;
	border-radius:7px;
	text-align:center;
}
#menu p{
	line-height:1.5;
}


/**** お知らせ ****/
#osirase{
	clear:both;
	margin:0;
	padding:0;
	overflow:hidden;
}
/* お知らせタイトル */
#osirase_title{
	margin:12px 0 0 0;
}
#osirase_title h2{
	float:left;
	overflow:hidden;
}
#osirase_title p img{
	margin:4px 4px 0 0;
	vertical-align:baseline;
}
#osirase_title p{
	margin:10px 0 0 0;
	float:right;
}
/* お知らせ緊急情報 */
#osirase_kinkyu{
	font-size: 110%;
	clear:both;
	/*background-color: #FCC;*/
	margin:8px 0;
	padding:8px;
	border:3px solid #F00;
	border-radius:7px;
}
/* お知らせ重要情報 */
#osirase_important{
	clear:both;
	margin:8px 0;
	padding:8px;
	border:2px solid #F93;
	border-radius:7px;
}
/* お知らせコンテンツ */
#osirase_contents{
	clear:both;
	padding:0px 0 0 0;
}
/* お知らせニュース */
#osirase_news{
	margin:0 0 12px 0;
	padding:0;
	width:220px;
	text-align:left;
	float:left;
}
#osirase_news p{
	line-height:1.5;
}
#osirase_news img{
	border-radius:7px;
}
/* お知らせツイッター */
#osirase_twitter{
	margin:0;
	padding:0;
	width:280px;
	float:right;
}
/* お知らせツイッターリンク */
#osirase_twitterlink{
	width:270px;/*280-10(padding)*/
	margin:-6px 0 0 0;
	padding:5px;
	border-radius:4px;
	background-color:#EEE;
	text-align:center;
	float:right;
}



/**** 市政 ****/
#sisei{
	clear:both;
	margin:12px 0 0 0;
	padding:12px 0 16px 0;
	border:1px solid #CCC;
	border-radius:7px;
}
#sisei li{
	margin-right:5px;
}
#sisei h3{
	margin:12px 0 4px 8px;
	padding:0;
	font-weight:normal;
	font-size:95%;
	color:#666;
}



/**** タブ（詳細なstyleはjquery-ui-1.10.3.custom.cssにて設定） ****/
#tabs{
	margin:12px 0 0 0;
}
#tabs h2{
	padding:12px 0 0 0;
}




/**** ページ右側 ****/


/**** カテゴリ別スイッチ ****/
#cat_switch{
	margin:4px 0 0 0;
	padding:0;
	overflow:hidden;
}
#cat_switch img{
	margin:0;
	padding:0;
	width:214px;
	border-radius:7px;
	float:left;
}
#cat_switch .cat_kura{
	margin:0;
}
#cat_switch .cat_kank{
	margin:0 0 0 4px;
}
#cat_switch .cat_sigo{
	margin:4px 0 0 0;
}
#cat_switch .cat_sise{
	margin:4px 0 0 4px;
}


/****目的別スイッチ****/
#mok_switch{
	clear:left;
	margin:6px 0 0 0;
	padding:0;
	overflow:hidden;
}
#mok_switch ul{
	margin:0;
	padding:0;
}
#mok_switch li{
	margin:4px 4px 0 0;
	padding:0;
	width:105px;
	float:left;
	list-style:none;
}
#mok_switch a{
	padding:65px 0 8px 0;
	color:#0097e8;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	white-space: nowrap;
	background-position:center;
	border-radius:7px;
	display:block;
}
#mok_switch a:hover{
	opacity:0.5;
}
#mok_switch .mokretu4{
	margin-right:0;
}
.mok01nins a{
	background-image:url(../img/top/mok01nins.gif);
}
.mok02koso a{
	background-image:url(../img/top/mok02koso.gif);
}
.mok03kyoi a{
	background-image:url(../img/top/mok03kyoi.gif);
}
.mok04kekk a{
	background-image:url(../img/top/mok04kekk.gif);
}
.mok05hikk a{
	background-image:url(../img/top/mok05hikk.gif);
}
.mok06kenk a{
	background-image:url(../img/top/mok06kenk.gif);
}
.mok07gomi a{
	background-image:url(../img/top/mok07gomi.gif);
}
.mok08suid a{
	background-image:url(../img/top/mok08suid.gif);
}
.mok09bosa a{
	background-image:url(../img/top/mok09bosa.gif);
}
.mok10byoi a{
	background-image:url(../img/top/mok10byoi.gif);
}
.mok11zeik a{
	background-image:url(../img/top/mok11zeik.gif);
}
.mok12jiko a{
	background-image:url(../img/top/mok12jiko.gif);
}



/**** 関連リンク ****/
#kanrenlink{
	clear:left;
	margin:12px 0 0 0;
	padding:0;
	overflow:hidden;
}
#kanrenlink_link{
	margin:0;
	padding:0 0 12px 0;
	width:210px;/*212-border*/
	float:left;
	border:1px solid #CCC;
	border-radius:7px;
}
#kanrenlink_link h2{
	margin:12px 0 4px 4px;
}
#kanrenlink_link ul{
	margin:0;
	padding:0 8px 0px 20px;
}
#kanrenlink_link li{
	margin-left:4px;
}


/**** 関連リンク　バナー ****/
#kanrenlink_banner{
	width:212px;/*214-2(border)*/
	margin:0 0 0 6px;
	padding:0;
	float:left;
}
#kanrenlink_banner img{
	margin:0 0 4px 0;
	padding:0;
	border:1px solid #CCC;
	border-radius:7px;
}


/**** 関連リンク　広報 ****/
#kanrenlink_koho{
	width:212px;/*214-2(border)*/
	margin:0 0 0 6px;
	padding:12px 0 16px 0;
	text-align:center;
	border:1px solid #CCC;
	border-radius:7px;
	float:left;
}



/**** 人口 ****/
#jinko{
	clear:both;
	margin:12px 0 0 0;
	padding:12px 0 12px 0;
	border:1px solid #CCC;
	border-radius:7px;
	overflow:hidden;
}
/* 人口タイトル */
#jinko_title{
	margin:0 0 0 4px;
}
#jinko_title h2{
	margin:0 8px 0 0;
	float:left;
}
#jinko_title img{
	vertical-align:top;
}
#jinko_title p{
	margin:3px 0 0 0;
	float:left;
}
/* 人口統計情報リンク */
#jinko_link{
	margin:3px 8px 0 0;
	float:right;
}
#jinko_link img{
	margin:0 4px 0 0;
	vertical-align:baseline;
}
/* 人口統計情報 */
#jinko_tokei{
	clear:both;
	padding:8px 0 0 0;
}
#jinko_tokei .jinko_bunrui{
	margin:0;
	padding:0;
	width:107px;
	text-align:center;
	float:left;
}
#jinko_tokei .jinko_komoku{
	margin:0;
	padding:0 0 4px 0;
	font-weight:bold;
	color:#0097e8;
}
#jinko_tokei p{
	line-height:1;
}



/**** 関連リンク2 ****/
#kanrenlink2{
	clear:left;
	margin:12px 0 0 0;
	padding:0;
	overflow:hidden;
}
/* 関連リンク2　交通アクセス */
#kanrenlink2_map{
	border:1px solid #CCC;
	border-radius:7px;
	overflow:hidden;
	float:left;
}
#kanrenlink2 h2{
	margin:12px 0 0 0;
}
/* 関連リンク2　バナー */
#kanrenlink2_banner{
	width:212px;/*214-2(border)*/
	margin:0 0 0 6px;
	padding:0;
	float:left;
}
#kanrenlink2_banner img{
	margin:0 0 4px 0;
	padding:0;
	border:1px solid #CCC;
	border-radius:7px;
}



/**** 関連リンク3 ****/
#kanrenlink3{
	clear:left;
	margin:9px 0 0 0;
	padding:0;
	overflow:hidden;
}
/* 関連リンク3　左 */
#kanrenlink3_L{
	margin:0;
	padding:0;
	float:left;
}
#kanrenlink3_L img{
	margin:0 0 4px 0;
	padding:0;
	border:1px solid #CCC;
	border-radius:7px;
}
/* 関連リンク3　右 */
#kanrenlink3_R{
	width:212px;/*214-2(border)*/
	margin:0 0 0 6px;
	padding:0;
	float:left;
}
#kanrenlink3_R img{
	margin:0 0 4px 0;
	padding:0;
	border:1px solid #CCC;
	border-radius:7px;
}



/**** 広告 ****/
#kokoku{
	clear:left;
	margin:20px 0 0 0;
}
#kokoku_title{
}
#kokoku_banner{
	margin:4px 0 0 0;
	padding:0;
}
#kokoku_banner img{
	margin:0;
	padding:0 8px 8px 0;
	border:none;
	float:left;
}



/**** ページの先頭にもどる ****/
#toPageTop {
	position: fixed;
	bottom: 30px;
	right: 30px;
	opacity:0.2;
}
#toPageTop a {
	display: block;
	width: 58px;
	background: url(../img/toPageTop.png) no-repeat;
}
#toPageTop a:hover img {
	visibility: hidden;
}



/**** フッター ****/
#footer{
	clear:both;
	width:984px;
	margin:0 auto;
	padding:64px 0 0 0;
	font-size: 90%;
	overflow:hidden;
}
/* フッター名称 */
#footer_name{
	width:156px;
	margin:2px 0 0 12px;
	float:left;
}
/* フッター住所 */
#footer_address{
	margin-left:60px;
	float:left;
}
#footer_address p{
	line-height:1.5;
}
/* フッターメニュー */
#footer_menu{
	margin-left:100px;
	border-left:8px solid #EEE;
	float:left;
}
#footer_menu ul{
	margin-left:0;
	padding-left:12px;
}
#footer_menu li{
	margin-left:8px;
	list-style:none;
	line-height:1.4;
}
/* フッター画像 */
#footer_img{
	clear:both;
	padding-top:12px;
}
/* フッターコピーライト */
#footer_copyright{
	margin:0;
	padding:0 0 20px 0;
	background-color:#ffa6ac;
	border-bottom-right-radius:7px;
	border-bottom-left-radius:7px;
	text-align:center;
	color:#FFF;
}


/****　classスタイル　****/

/* リンクアイコン */
a.icon_pdf {
	background: url(../img/icon_pdf.png) no-repeat 0em 0em;
	padding: 0px 0px 3px 20px;
}
a.icon_blank {
	background: url(../img/icon_blank.png) no-repeat 0em 0em;
	padding: 0px 0px 3px 20px;
}
/* 画像ボーダーグレー */
.img_border{
	border:1px solid #CCC;
}





/******** 印刷用スタイル ********/
@media print {

}

/**** スマートフォン用スタイル ****/
@media screen and (max-width: 480px) {

/**** 構造 ****/
#wrapper{
	width:95%;/*456px*/
	padding:8px 0 0 0;
}
#topleft{
	width:100%;
	margin:0;
	padding:0;
	float:none;
}
#topright{
	width:100%;
	margin:0;
	padding:0;
	float:none;
}



/**** ヘッダーロゴ ****/
#header_logo{
	float:none;
	text-align:center;
}
#header_logo2 img{
	width:auto;
}



/**** お知らせ ****/
#osirase{
	width:100%;
	margin:0;
	padding:0;
}
#osirase_news{
	width:100%;
	float:none;
}
#osirase_img{
	text-align:center;
}
#osirase_twitter{
	width:100%;
	float:none;
}
#osirase_twitterlink{
	width:97.5%;
	float:none;
}



/**** カテゴリ別スイッチ ****/
#cat_switch{
	margin-top:12px;
}
#cat_switch img{
	width:49%;
}



/**** 目的別スイッチ ****/
#mok_switch img{
	width:23.7%;
}
#mok_switch li{
	width:23.7%;
}
#mok_switch a{
	padding:60px 0 8px 0;
}


/**** 関連リンク ****/
#kanrenlink_link{
	width:50%;
}
#kanrenlink_banner{
	width:46%;
	margin-left:2.6%;/*(12/480)*/
}
#kanrenlink_koho{
	width:46%;
	margin-left:2.6%;/*(12/480)*/
}



/**** 人口 ****/
#jinko_title p{
	margin-top:0;
}
#jinko .jinko_bunrui{
	width:24.7%;
}



/**** 関連リンク2 ****/
#kanrenlink2_map{
	width:48%;
}
#kanrenlink2_banner{
	width:48%;
	margin-left:2.6%;/*(12/480)*/
	float:left;
}



/**** 関連リンク3 ****/
#kanrenlink3_L{
	width:48%;
}
#kanrenlink3_R{
	width:48%;
	margin-left:2.6%;/*(12/480)*/
}



/**** 広告 ****/
#kokoku_banner img{
	padding:0 0.8% 8px 0;
}



/**** ページの先頭にもどる ****/
#toPageTop {
	bottom: 10px;
	right: 10px;
}



/**** フッター ****/
#footer{
	width:100%;
	margin:0;
}
/* フッター名称 */
#footer_name{
	width:auto;
	margin:0 0 0 1.7%;/*(8/480)*/
	float:none;
}
/* フッター住所 */
#footer_address{
	margin:20px 0 0 1.7%;/*(8/480)*/
	float:none;
}
/* フッターメニュー */
#footer_menu{
	margin:20px 0 0 1.7%;/*(8/480)*/
	float:none;
}

}