@charset "shift_jis";
/* ---------------------------
   ひたちなか市公式ウェブサイト
   トップページ用スタイル
   --------------------------- */

/* ---- Except IE ---- */
body {
	font-size: 12pt;
}
/* ---- for Windows IE ---- */
@media screen {
	* html body {
		font-size: 100%;
	}
}

/* ======== 全称指定 ======== */

* {
	margin: 0px;
	padding: 0px;
}

/* ======== HTML要素 ======== */

/* 画像リンク */
a img {
	border: none;	
}

/* リンクテキスト */
a:link {
	color: #0033CC;
	text-decoration: underline;
}
a:visited {
	color: #990099;
	text-decoration: underline;
}
a:active {
	color: #FF0000;
	text-decoration: underline;
}
a:hover {
	color: #FF0000;
	text-decoration: underline;
}

/* ボディ要素 */
body{
	margin: 0;
	padding: 5px;
	background-color:#ffffff;
	color: #333322;
	line-height:1.3;
	/*text-align:center;		IEバグ用センタリング*/
}

/* 見出し要素 */
h2,h3,h4,h5,h6{
	font-weight:bold;
}

/* ブロック要素 */
div{
	margin:0;
	padding:0;
}

/* フォーム要素 */
form{
	margin:0;
	padding:0;
}

/* ======== 共通スタイル ======== */

/* フォントサイズ */
.font_large {
	font-size: 120%;
}
.font_xx-large {
	font-size: 150%;
}
.font_small {
	font-size: 88%;
}
.font_x-small {
	font-size: 75%;
}
.font_xx-small {
	font-size: 60%;
}
.font_midium {
	font-size: 100%;
}
.padding_0 {
	margin: 0px;
	padding: 0px;
}

/* テキスト右揃え */
.text_right{
	text-align:right;
}

/* 注目項目用 */
.attention{
	color: #CE3000;
}

/* 非表示用 */
.none {
	display: none;
}

/* ======== 緊急情報　メンテ　速報等 ======== */

/* ---- 緊急情報（ヘッダ内） ---- */
.kinkyu {
	padding: 0.5em;
	border: 2px #FF6633 dashed;
	/*text-align: left;*/
	font-size:90%;
}

/* ---- メンテ情報（コンテンツ内） ---- */
.maintenance {
	margin: 10px 0px 0px 0px;
	padding: 5px 10px;
	/*border: 2px #3366ff dashed;*/
	border: 2px #3366ff dotted;
	line-height: 1.1;
	background-color: #f9fffc;
	text-decoration: none;
	font-size: 88%;
	color: #000000;
}

.maintenance li {
	margin: 0px 0px 0px 35px;
	list-style-type:  decimal;
}

/* ======== float解除用 ======== */

/* ---- hr使用　非表示 ---- */
div.divide01{
	height:1px;
	clear:both;
}

div.divide01 hr{
	display:none;
}

/* ---- ダミー画像使用 ---- */
div.divide02{
	clear:both;
}

/* ======== linklist01（お知らせ欄等リスト） ======== */

ul.linklist01{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.linklist01 li{
	margin: 0;
	padding: 0 0 0 10px;
	background-image: url(image/list_square2.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	font-size:75%;
}

/* ======== お知らせ内のリストのネスト
  （位置指定＆フォントサイズ縮小回避） ======== */

ul.linklist01 ul.linklist03{
	margin: 0 0 0 8px;
	padding: 0;
	list-style-type: none;
}

ul.linklist01 ul.linklist03 li{
	margin: 0;
	padding: 0 0 0 10px;
	list-style-type: none;
	background-image: url(image/list_square2.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	font-size:100%;
}

/* ======== linklist02（生活インデックス等リスト） ======== */

ul.linklist02{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.linklist02 li{
	margin:0;
	padding:0;
	display:inline;
}

ul.linklist02 li a{
	white-space:nowrap;
}

/* ======== menulist（メニュー等リスト） ======== */

ul.menulist{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.menulist li{
	margin: 0;
	padding: 0 0 0 20px;
	background-image: url(image/list_square10.gif);
	background-repeat: no-repeat;
	background-position: 4px 0.5em;
	font-size:75%;
}

/* ======== dividelinklist01
    リストを1行に表示（フッターなど）======== */

ul.dividelinklist01{
	margin: 0;
	padding: 0;
	list-style-type: none;
}

ul.dividelinklist01 li{
	margin: 0;
	padding: 0;
	display: inline;
	white-space: nowrap;
}

/* ======== 色の設定 ======== */

.orange{color:#FF9A00;}
.green{color:#319A63;}
.pink{color:#FF6699;}
.darkblue{color:#333399;}
.blue{color:#3399FF;}
.purple{color:#9C00FF;}


/******************************/
/*  ブロックのレイアウト設定  */
/******************************/

/* 全体 */
#body{
	width: 880px;
}

/* ヘッダ */
#header{
	margin: 0;
	padding: 0;
	/*width: 880px;*/
}

/* コンテンツ */
#contents{
	padding: 0 0 10px 0;
	float: left;
	width: 740px;
	text-align: left;
	background-color: #FFFFFF;
}

/* 広告等 */
#advertise{
	margin: 10px 0px 10px 10px;
	width: 130px;
	float: left;
}

/* フッタ */
#footer{
	margin: 8px 0 0 0;
	clear: both;
	background-color: #EFEFEF;
	border: solid 1px #999999;
	/*width: 880px;*/
}


/* ======== ヘッダ内スタイル ======== */

#header hr{
	display:none
}

/* ---- タイトル画像エリア ---- */
#headtitle{
	width: 370px;
	float: left;
}

#headtitle h1{
	margin: 0;
	padding: 0;
	display: inline;
}

#headtitle p{
	margin: 0;
	padding: 0;
	font-size: 75%;
	display: inline;
}

/* ---- 災害情報,更新履歴,サイトマップ,音声読み上げ＆検索 ---- */
#headnaviserach{
	padding-top: 10px;
	width: 450px;
	font-size: 75%;
	float: right;
}

#headnaviserach p{
	margin: 0;
	padding: 0;
	line-height: 1.2;
	text-align: left;
}

#headnaviserach p.accessibility {
	margin: 1px 0;
	padding: 2px;
	border: 1px #999999 solid;
	background-color: #FFFFEE;
}

/* ---- ナビゲーションメニュー ---- */
#headnavibar{
	line-height: 1.4em;
	background-color: #E7E7E7;
	border: solid 1px #666666;
	text-align: center;
}

#headnavibar ul{
	margin: 0;
	padding: 0;
	vertical-align: middle;
	list-style-type: none;

}

#headnavibar ul li{
	margin: 0;
	padding: 0;
	color: #666666;
	font-weight: bold;
	font-size: 90%;
	display: inline;
}

#headnavibar ul li a{
	white-space: nowrap;
}

#headnavibar ul li a:link {
    color: #666666;
    text-decoration: none;
}
#headnavibar ul li a:visited {
    color: #666666;
    text-decoration: none;
}
#headnavibar ul li a:active {
    color: #FF0000;
   text-decoration: underline;
}
#headnavibar ul li a:hover {
    color: #FF0000;
    text-decoration: underline;
}


/* ======== メインコンテンツ内スタイル ======== */

/* メインコンテンツ（ページ中央　#contents内のメイン） */
#maincontents{
	width: 520px;
	float: right;
}

/* ---- お知らせ ---- */

.oshirase{
	padding: 8px 0 0 0;
	line-height: 1.4;
}

.oshirase div.blockbody{
	padding: 1px;
	background-color: #FFCF00;
}

.oshirase div.blockhead{
	padding: 2px 8px;
	background-color: #FFCF00;
}

.oshirase div.blockhead h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.1;
}

.oshirase div.naiyolist{
	padding: 0px 8px;
	background-color: #FFFFFF;
	height:272px;
	overflow: auto;
}

.oshirase div.naiyolist ul.linklist01{
}

.oshirase div.naiyolist p{
	padding: 5px 10px 0 10px;
	font-size: 75%;
}

/* ---- 暮らしの手続き ---- */

.lifetetsuduki{
	padding: 6px 0 0 0;
}

.lifetetsuduki div.blockbody{
	padding: 0;
	margin: 0 0 2px 0;
}

.lifetetsuduki div.blockhead{
	padding: 2px 1px;
	background-color: #FFFFFF;
}

.lifetetsuduki div.blockhead h2{
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: 1.1;
}

/* 暮らしの手続きのリスト部分 */

.lifetetsuduki ul{
	padding: 0px;
	margin: 3px 0 2px 0;
	list-style-type: none;
}

.lifetetsuduki li{
	margin: 0 0 2px;		/*上　左右　下*/
	padding: 3px 1px 2px 0;
	/*width: 8%;*/
	display: inline;
}


/* ---- 生活インデックス部分 ---- */

.lifeidx{
	padding:4px 0 0 0;
	line-height:1.4;
}

.lifeidx div.blockbody{
	padding:1px;
	background-color:#3996FF;
}

.lifeidx div.blockhead{
	padding:2px 8px;
	background-color:#3996FF;
}

.lifeidx div.blockhead h2{
	margin:0;
	padding:0;
	font-size:100%;
	color:#FFFFFF;
	line-height:1.1;
}

/* 生活インデックス部分のリスト */

.lifeidx div.naiyolist{
	background-color:#FFFFFF;
}

.lifeidx div.naiyolist h3{
	font-size:100%;
	padding-top:0.5em;
	padding-left:0.5em;
}

.lifeidx div.naiyolist ul.linklist02 {
	font-size: 85%;
	padding-left:1.5em;
}


/* ======== サブコンテンツ内スタイル ======== */

/* ---- サブコンテンツ（ページ左側　#contents内のメニュー）---- */
#subcontents{
	margin: 0;	/* floatとmarginを指定するとmacIE5xで崩れるので0 */
	/*padding-left: 10px;	メインと重なるような場合のみ使用*/
	width: 210px;
	float: left;
}

/* ---- もしものときは部分 ---- */
.moshimo{
	padding:8px 0 0 0;
	line-height:1.5;
}

.moshimo div.blockbody{
	padding:0;
	margin:0;
	background-color:#FF9A00;
}

.moshimo div.blockhead{
	padding:2px 8px;
	background-color:#FF9A00;
}

.moshimo div.blockhead h2{
	margin:0;
	padding:0;
	font-size:100%;
	color:#FFFFFF;
	line-height:1.1;
}

.moshimo div.blockbody div.naiyolist{
	margin:0;
	padding:0 3px;
	background-color:#FFF5CE;
}
.moshimo li.attention{
	font-weight:bold;
}

/* ---- バナー(関係機関) ---- */
.banner{
	padding: 4px 0 0 0;
	text-align: center;
}

/* バナーのリスト部分 */

.banner ul{
	padding: 0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	list-style-type: none;
}

.banner li{
	margin:0;		/*上　左右　下*/
	padding:0;
	width:100px;
	display:inline;
}

/* ---- バナー(げんきネット他) ---- */

.banner02{
	padding:2px 0 0 0;
	text-align:center;
}

/* バナーのリスト部分 */

.banner02 ul{
	padding:0px;
	margin:0px;
	list-style-type: none;
}

.banner02 li{
	margin:0;
	padding:1px 0;
}

/* ---- メニュー部分 ---- */

.menubox{
	padding:5px 0 0 0;
	line-height:1.5;
}

.menubox div.blockbody{
	padding:1px;
	background-color:#42A629;
}

.menubox div.blockhead{
	padding:2px 8px;
	background-color:#42A629;
}

.menubox div.blockhead h2{
	margin:0;
	padding:0;
	font-size:100%;
	color:#FFFFFF;
	line-height:1.1;
}

.menubox div.naiyolist{
	margin:0;
	padding:0 3px;
	background-color:#FFFFFF;
}


/* ======== フッタ内スタイル ======== */

#footnavi{
	margin: 0 0 5px 0;
	padding: 8px 0 5px 0;
	line-height: 1.2;
	font-size:75%;
}

#footnavi ul.dividelinklist01{
	text-align: center;
}

#address_copyright{
	text-align: center;
}

#address_copyright p{
	margin: 0;
	padding: 0;
	line-height: 1.2;
}

/*市役所名　部分*/
.footer-name {
    color: #3366FF;
    font-size: 150%;
}


/*******************************/
/********* バナー広告 **********/
/*******************************/

#advertise div.box{
	padding: 1px;
	text-align: center;
	background-color:#AAAAAA;
}

#advertise h2{
	margin:0px 0px 1px 0px;
	padding: 1px;
	border-top: 3px #FFFFFF double;
	border-bottom: 3px #FFFFFF double;
	/*line-height: 1;*/
	font-size:75%;
	letter-spacing : 5px;
	color:#FFFFFF;
}

#advertise div.area{
	padding:5px 0 1px 0;
	background-color:#FFFFFF;
}

#advertise ul{
	list-style-type: none;
}

#advertise li{
	margin:0px;
	padding:0px 0px 2px 0px;
	line-height: 1;
}

#advertise p{
	margin: 0;
	padding: 1px;
	border-top: 3px double #AAAAAA;
	border-bottom: 1px solid #AAAAAA;
	/*line-height: 1;*/
	font-size:75%;
	color:#000000;
}

/******************/
/***役場のバナー***/
/******************/

#yakubana{
	margin: 0;
	padding:0;
	/*text-align: center;*/
}

#yakubana ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font-size: 0em;
}

#yakubana li{
	margin: 0 10px 0 0;
	padding: 0;
	display: inline;
}

#yakubana li img{
	margin: 0 0 5px 0;
	padding: 0;
	vertical-align: bottom;
}