@charset "Shift_JIS";

/* --- 全体の背景・テキスト --- */
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,table,th,tr,form{
margin:0;
padding:0;
font-size:100%;
text-align: left; 
}
body {
margin: 0;
padding: 0;
background-color: #ffffff; /* ページの背景色 */
font-family:"メイリオ", "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
color: #333333; /* 全体の文字色 */
text-align: left; 
}

p {
padding-left:1em;
margin: 5px;
line-height: 120%;
}
/*------------------------- トップバナー ------------------*/
img.banner {
margin: 2px 0 0 0;
}
/*-------------------------PDFアイコン---------------------*/
a[href $='.pdf'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat  center right ;
}
/*----各課お知らせ　被災者支援室で使用----*/
a[href $='.pdf#page=1'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=3'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=5'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
a[href $='.pdf#page=7'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_pdf.gif) no-repeat center right;
}
/*-------------------------PDFアイコンなし---------------------*/
a.none[href $='.pdf'] { 
padding: 0px 0px 0px 0px;/* 上右下左*/
background: transparent url(none);
}

/*-------------------------wordアイコン---------------------*/
a[href $='.docx'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------wordアイコン2---------------------*/
a[href $='.doc'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------wordアイコン3---------------------*/
a[href $='.rtf'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_word.png) no-repeat center right;
}

/*-------------------------excelアイコン---------------------*/
a[href $='.xlsx'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_excel.png) no-repeat center right;
}

/*-------------------------excelアイコン2---------------------*/
a[href $='.xls'] { 
padding: 5px 20px 0px 0px;/* 上右下左*/
background: transparent url(index-img/icon_excel.png) no-repeat center right;
}

/* --- 全体のリンクテキスト --- */
a:link { color: #0000ff; text-decoration: none;}
a:visited { color: #800080; }
a:hover { color: #6ebaad ; text-decoration: underline;}
a:active { color: #6ebaad ; }


/* --- コンテナ --- */
#container {
width: 1200px; /* ページの幅 */
margin: 0 auto; /* センタリング */
background-color: #ffffff; /* メインカラムの背景色 */
}

/* ----------------------- パンくず ------------------------ */
.pankuzu ol li {
	/* liを横並び＆ブレットを消す */
        display: inline;
        list-style-type: none;
}
.pankuzu ol li:before {
        /* liの前に記号追加 */
        content: " > ";
}
.pankuzu ol li:first-child:before {
        /* 最初のliだけcontentを消す */
        content:"";
}

/* ----------------------- メイン ------------------------ */


#leftSide {
width: 20%;
float: left;
}

/* --- メインカラム --- */
#content {
width: 60%;
float: left;
}


#rightSide {

   width: 20%;
float: left;
}


/* ----------------------- T0P画像 ------------------------ */
.inner{
	width: 100%;
margin:0px 0 0 0;
text-align: center;  

}
.fadeout{
opacity: 0;
transition: 3s ease-in-out;
-webkit-transition: 3s ease-in-out;
}
.fadein{
opacity: 1;
transition: 3s ease-in-out;
-webkit-transition: 3s ease-in-out;
}

/* ----------------------- 分類 ------------------------ */
/* mod_categorynav
-----------------------------------------*/
.mod_categorynav{
 width:auto;
}
.mod_categorynav ul{
}
.mod_categorynav ul li{
font-size:15px;
 position:relative;
 float:left;
margin: 0px 0px 0px 5px;
 padding:0px 10px 0px 35px;
list-style-type: none;
background: url(index-img/list1.png) no-repeat 15px 0.3em; /* マーカー画像 */
}
.mod_categorynav ul li.last{
 padding-right:0;
}

.mod_categorynav ul li.long{
 padding-right:0;

}


/* mod_submenu */
.mod_submenu{
 float:left;
width:400px;
 position:absolute;
 top:auto;
 left:40px;
z-index: 1;
margin: 0px 10px;
padding-bottom:20px;
 padding:10px;
	background:#d8f6e3 ;
}
.mod_submenu.sublast{
background:#d8f6e3 ;

width:330px;
}
.mod_submenu.sublong{
background:#d8f6e3 ;
 width:650px;
left: 17%;
}
.mod_submenu.sublong-l{
background:#d8f6e3 ;
 width:450px;
left: 25%;
}

.mod_submenu.sublong-2{
background:#d8f6e3 ;
 width:700px;
left: 35%;
}
.mod_submenu.sub-haji{
background:#d8f6e3 ;
 width:350px;
left: -150%;
}
.mod_submenu.sub-shita{
background:#d8f6e3 ;
 width:550px;

}
.mod_submenu.sub-shita2{
background:#d8f6e3 ;
 width:350px;
left:50%;
}
.mod_submenu{
 display:none;

}
.mod_submenu ul{
 width:auto;
  zoom: 1;  
}


.mod_submenu ul li{
 float:left;
 font-weight:bold;
 border-bottom:solid 0px #CCCCCC;
 padding:0px 0 0 13px ;
 margin:2px 5px 5px 10px ;
background: url(index-img/list3.png) no-repeat 1px 0.4em; /* マーカー画像 */
}


.mod_submenu ul li a{
 display:block;
 float:left;
 font-weight:bold;
}


/* ------------------ リスト ------------------*/

/* --------- リスト 分類別用 --------- */
/* --- リストエリア --- */
ul.list {
margin: 2px;
padding: 0px 15px ;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list li {
padding: 2px 15px 0px 25px; /* 項目のパディング（上右下左） */
background: url(index-img/list1.png) no-repeat 3px 0.25em; /* マーカー画像 */
line-height: 130%;
float:left;
font-size:0.9em;
}

/* --------- リスト 白 --------- */
/* --- リストエリア --- */
ul.list2 {
margin: 1px;
padding:  1px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list2 li {
padding: 5px 5px 5px 15px; /* 項目のパディング（上右下左） */
background: url(index-img/list2-s.png) no-repeat 3px 0.3em; /* マーカー画像 */
background-position: 5px 50% ;
line-height: 130%;
float:right;
font-size:0.8em;
color: #fff; 
}
.list2 a:link { color: #fff; text-decoration: none;}
.list2 a:visited { color: #fff; }
.list2 a:hover { color: #fff ; text-decoration: underline;}
.list2 a:active { color: #fff ; }

/* --------- リスト 青 --------- */
/* --- リストエリア --- */
ul.list3 {
margin: 5px;
padding:  1px;
list-style-type: none;
}

/* --- リスト項目 --- */
ul.list3 li {
padding: 0 5px 5px 15px; /* 項目のパディング（上右下左） */
background: url(index-img/list3.png) no-repeat 3px 0.1em; /* マーカー画像 */
line-height: 100%;
font-size:0.9em;
}

/* --- リスト項目縦  --- */



#tate {
	text-align:center;
      margin:10px ;
padding:10px ;
}
#tate li {
	display:inline;
	list-style-type:none;
	margin-right:6px;
	padding-left:10px;
	border-left:1px solid #fff;
}
#tate li.haji {
	border-left:0;
	padding-left:0;
}

#tate a:link { color: #fff; }
#tate a:visited { color: #fff; }

/* --- リストアイコンなし 縦（画像用） --- */
ul.list-g {
margin: 0;
padding:  1px 5px 0 5px;
list-style-type: none;
}
ul.list-g li {
padding: 1px; /* 項目のパディング（上右下左） */
font-size:0.9em;
line-height: 100%;
}

/* ------------------ リスト終了 ------------------ */


/* --- ヘッダ --- */
#header {

background-color: #6ebaad; /* ヘッダの背景色 */
height: 25px;
margin-top:-2px; 
}
#header2 {
background-color: #fff; /* ヘッダの背景色 */
height: auto;
}

/* ------------------ ナビゲーションバーjs ------------------ */
.menu ul{ 
font-weight: bold;
font-size: 100%;
width: auto; /* メニューの幅 */
margin: 0 auto; /* センターに配置 */
padding: 0;
list-style-type: none;
text-align: center;
 border:1px#f2f2f2 solid;

}
.menu li{ 
width: 25.0%; /* 項目の幅 */
float: left;
 border-left:1px#cccccc solid;
background: url(index-img/menu-haikei.png) repeat-x ; 
background-position: bottom;
}
.menu li a{
width: auto; 
height: 55px ;
color: #333;
display: block;
position: relative; /* IE6用 */
margin: 1px 0px;
padding-top: 10px ;
text-decoration: none; /* テキストの下線（なし） */
text-align: center;
background-color:#fff;
background: url(index-img/line-off.png) repeat-x bottom; /* ポイント時の水平線 */
}
.menu li a:hover{
background-color: #fff;
background: url(index-img/line-on.png) repeat-x bottom; /* ポイント時の水平線 */
width: auto;
}

.menu li:first-child {
    border-left:none;
}


div.menu li a span.en {
display: block;
margin-top: 1px; /* 英字部分の上マージン */
font-size: 70%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #333; /* 英字の文字色 */
}




/* ------------------ メニュー画像 ------------------ */
.menu1 a {
    width: 299px;
    height: 68px;
    background: url("index-img/menu/menu1.png") no-repeat;
    display: block;
    text-indent: -9999px;
 float:left;
}

.menu1 a:hover {
    background-position: 0 -68px;
}
.menu2 a {
    width: 299px;
    height: 68px;
    background: url("index-img/menu/menu2.png") no-repeat;
    display: block;
    text-indent: -9999px;
 float:left;
}

.menu2 a:hover {
    background-position: 0 -68px;
}
.menu3 a {
    width: 299px;
    height: 68px;
    background: url("index-img/menu/menu3.png") no-repeat;
    display: block;
    text-indent: -9999px;
 float:left;
}

.menu3 a:hover {
    background-position: 0 -68px;
}
.menu4 a {
    width: 299px;
    height: 68px;
    background: url("index-img/menu/menu4.png") no-repeat;
    display: block;
    text-indent: -9999px;
 float:left;
}

.menu4 a:hover {
    background-position: 0 -68px;
}


/* ------------------ ライフメニューリスト項目 ------------------ */


/* --- ボックス --- */
div.lifelist {
width: auto; /* ボックスの幅 */
background: #d8f6e3 url(index-img/box_back-1.jpg) repeat-x top; /* ボックスの背景 */
border: 1px #6ebaad solid; /* ボックスの境界線 */
color: #333333; /* ボックスの文字色 */
margin: 5px 5px;
text-align:left;
}

/* --- 見出し --- */
div.lifelist h3 {
margin: 0 0 0.5em; /* 見出しのマージン（上、左右、下） */
padding:3px 0px 0px 5px; /* 見出しのパディング（上、左右、下） */
border-bottom: 1px #6ebaad solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.lifelist p {
margin: 1em 5px; /* 段落のマージン（上下、左右） */
}



/* --- リストエリア --- */
ul.thumbnail {
width: auto; /* リストエリアの幅 */
margin: 0;
padding: 0px 0px 0px 50px; /* リストエリアのパディング（上、左右、下） */
list-style-type: none;
}

/* --- リスト項目 --- */
ul.thumbnail li {
width: 85px; /* 項目の幅 */
float: left;
}

/* --- 項目内容 --- */
ul.thumbnail dl {
width: auto; /* 内容の幅 */
margin: 0 auto; /* 内容のセンタリング */
font-size: 80%; /* ボックスの文字サイズ */
}

/* --- 写真エリア --- */
ul.thumbnail dt {
/* height: 50px; */ /* 写真エリアの高さ（dt要素の高さを指定する場合） */
margin :0px 0px  5px; /* 写真エリアの下マージン */
text-align: center;
}
ul.thumbnail dt img {
border: 1px solid; /* 写真の境界線 */
color: #c6c6c6 ;
border-radius: 5px;
}

/* --- キャプションエリア --- */
ul.thumbnail dd {
margin: 0 0px 3px; /* キャプションエリアのマージン（上、左右、下） */
height: auto; /* キャプションエリアの高さ */
line-height: 120%;
text-align: center;

}
ul.thumbnail dd  a:link { color: #333333; }
/* --- clearfix --- */
.clearFix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearFix {
min-height: 1px;
}


/* ----------------- 見出し --------------------*/

/* --- 見出しエリア --- */
div.midashi {
width: auto; /* 見出しエリアの幅 */
margin-bottom: 1em;
margin: 5px 5px;

border: #6ebaad solid; /* 見出しエリアの境界線（色、スタイル） */
border-width: 1px 1px 2px; /* 見出しエリアの境界線（太さ 上、左右、下） */
text-align:left;
}

/* --- 見出し --- */
div.midashi h2 {
margin: 0;
padding: 10px 5px 5px; /* 見出しのパディング（上、左右、下） */
border-bottom: 2px #6ebaad solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
line-height: 100%;
}


/* --- 見出し（リンクバナー用） --- */
h4 {
margin: 3px 5px; /* 見出しのマージン */
padding:6px 10px; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(index-img/back.jpg) repeat-x top; /* 見出しの背景 */
border: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}
h4 a:link { color: #333; text-decoration: none;}
h4 a:hover { color: #6ebaad ; text-decoration: underline;}



/* ------------------ ボックス --------------------- */


/* --- 市長・副市長（左） --- */

div.shichou {
width: 205px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 0px 5px; 
text-align:left;

}

/* --- 見出し --- */
div.shichou h3 {
height:51px;
margin: 0px  0px  0px  0px; /* 見出しのマージン */
padding: 0; /* 見出しのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */

}

/* --- ボックス内の段落 --- */
div.shichou p {
padding-left:0.5em;
margin: 5px;
line-height: 120%;
font-size: 0.9em;
}
div.shichou span.en {
display: block;
margin-top: 1px; /* 英字部分の上マージン */
font-size: 70%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #333; /* 英字の文字色 */
}

div.fuku {
width: 205px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 3px 5px; 
text-align:left;
}

/* --- 見出し --- */
div.fuku h3 {
height:51px;
margin: 0px  0px  0px  0px; /* 見出しのマージン */
padding: 0; /* 見出しのパディング（上下、左右） */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */


}

/* --- ボックス内の段落 --- */
div.fuku p {
padding-left:0.5em;
margin: 5px;
line-height: 120%;
font-size: 0.9em;
}

div.fuku span.en {
display: block;
margin-top: 1px; /* 英字部分の上マージン */
font-size: 70%; /* 英字の文字サイズ */
font-weight: normal; /* 文字の太さ（ノーマル） */
color: #333; /* 英字の文字色 */
}


a:link.black{ color: #333; }
a:visited.black{ color: #333; }

/* --- 左ボックス --- */

div.section {
width: 205px; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 3px 5px; 
text-align:left;
}

/* --- 見出し --- */
div.section h3 {
margin: 0; /* 見出しのマージン */
padding: 0; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(index-img/box-back.jpg) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section p {
padding-left:0.5em;
margin: 5px;
line-height: 120%;
font-size: 0.9em;
}


/* --- 右ボックス --- */

div.section2 {
width: auto; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
border: 1px #c0c0c0 solid; /* ボックスの境界線 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 0px 6px; 
text-align:left;
}

/* --- 見出し --- */
div.section2 h3 {
margin: 0; /* 見出しのマージン */
padding: 0; /* 見出しのパディング（上下、左右） */
background: #f9f9f9 url(index-img/box-back.jpg) repeat-x top; /* 見出しの背景 */
border-bottom: 1px #c0c0c0 solid; /* 見出しの下境界線 */
font-size: 100%; /* 見出しの文字サイズ */
}

/* --- ボックス内の段落 --- */
div.section2 p {
padding-left:0.5em;
margin: 5px;
line-height: 120%;
font-size: 0.9em;
}


/* --- ボックス --- */
div.box{
width: auto; /* ボックスの幅 */
background-color: #ffffff; /* ボックスの背景色 */
font-size: 100%; /* ボックスの文字サイズ */
margin: 3px 6px; 
text-align:left;
border: 1px #c0c0c0 solid; /* ボックスの境界線 */

}


/* --- ボックス内の段落 --- */
div.box p {
padding-left:0.5em;
margin: 5px;
line-height: 140%;
font-size: 0.9em;
}

div.waku {
	width: 100%;
	padding: 0px 0px 0px 0px;
}



/* --- 分類別 --- */
div.box-cate {
    width: 100%;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
    vertical-align: top;

}

div.box-top {
    width: 100%;
 text-align:center;
margin:0px 0px 0px 0px;
    display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /display: inline; /*for ie5〜7*/
    /zoom: 1; /*for ie5〜7*/
    vertical-align: top;

}


/* --- ボックス内の段落 --- */
div.box2 p {
padding-left:0.5em;
margin: 5px;
line-height: 140%;
font-size: 0.9em;
}






/* ------------------- フッタ ----------------------------- */
#footer {
clear: left; /* フロートのクリア */
width: 100%;
height:130px;
background-color: #6ebaad; /* フッタの背景色 */
text-align: center; 
margin: 0 0 0 0px;
}

#footer p {
width:1000px;
margin:0 0 0 150px;
line-height: 140%;

}


/* ---------------- フォントサイズ切り替えボタン -------------------- */
#font-size div.small,
#font-size div.medium,
#font-size div.large { font-size:14px; display:inline-block; /display:inline; /zoom:1; padding:6px; border:1px solid #ccc; cursor:pointer; margin-left:3px; }
#font-size div.active { color:#fff; background-color:#6ebaad; }
#font-size div.small span,
#font-size div.medium span,
#font-size div.large span { /* display:none; テキストを削除して画像ボタン化することも可能　}