@charset "utf-8";

/* ================================
    CSS STYLES FOR i-SITE PORTAL
    v1.3, Apr. 10,2005
   ================================
  framestyle_dhv
*/
/****************** フレーム用定義 ******************/
/* 画面の幅と各ペインの決定方法
　　※各ペイン間の余白は、それぞれのパディングで設定する。
    ※モジュールのない場合はLeftPane,ContentPane,RightPaneは消える。
    ※モジュールのない場合でもContentPaneかRightPaneのどちらかは残る。
スタイルHV用(Header領域が左端まであるもの)：portal_m.css適用後
+--BaseTable--
| 800px
|+--SystemMenu-----------------------------------+
||  800px                                        |
|+-----------------------------------------------+
|+--HeaderPane-----------------------------------+
||  800px                                        |
|+-----------------------------------------------+
|+--Middle---------------------------------------+
||+--LeftPane---+--ContentPane---+--RightPane---+|
||| 190px       | 600px          |              ||  
|||             |                |              ||
|||             |                |              ||
||+-------------+----------------+--------------+|
|+-----------------------------------------------+
|+---FooterPane----------------------------------+
||   800px                                       |
|+-----------------------------------------------+
+-------------
*/

body  /*margin,paddingは上右下左の順*/
{
  margin: 0px 0px 0px 0px;
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'Arial', sans-serif;
  font-size: 100%;
/*  font-size: 83%;*/
  line-height: 1.5;
  /* text-align: center; */
    /*font-family: 'ＭＳ ゴシック', 'Osaka－等幅', 'Courier New', 'Courier', monospace;*/
  /*font-family: 'ＭＳ Ｐ明朝', '細明朝体', 'Times New Roman', 'Times', serif;*/
  /*font-family: 'ＭＳ 明朝', '平成明朝', 'Courier New', 'Courier', monospace;*/
  /*font-family: 'Arial', 'Helvetica', sans-serif;*/
  /*font-family: 'Courier New', 'Courier', monospace;*/
  /*font-family: 'Times New Roman', 'Times', serif;*/
  /*font-family: cursive;*/
  /*font-family: fantasy;*/
}

button, checkbox, file, options, password, radio, select, reset, submit, text, textarea, A
{
  font-family: 'ＭＳ Ｐゴシック', 'Osaka', 'Arial', sans-serif;
}

/* == 大枠 == */
#BaseTable
{
  width:800px;
}

/* == システムメニュー == */
#SystemMenu
{
  width:800px;
}

/* == ヘッダー == */
#HeaderPane
{
  width:800px;
}

/* == 中間ペイン群 == */
#Middle
{
  width:806px; /*枠表示用に+6px*/
  float:left;
}

/* == 左ペイン幅 == */
#LeftPane
{
  width:190px;
  padding: 0px 10px 0px 0px;
  margin: 0px 0px 0px 0px;
  float:left;
  display: block;

}

/* == MAIN(中央)ペイン == */
#ContentPane
{
  width:600px;
  padding: 0px 0px 0px 0px;
  float:left;
}

/* == 右ペイン == */
#RightPane
{
  /*width:160px; */
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  float:left;
  text-align:left;
}

/* == フッター == */
#FooterPane
{
  width:800px;
}


/****************** 主にシステム用定義 既定の情報はportal.css参照******************/


/* == 汎用文字 == */
.NormalTextSmall
{
}

.NormalText
{
}

.NormalTextMedium
{
}

/* == 小見出し用 == */
.ContentsSubTitle
{
}

/* == 反転タイトル == */
.EditTitleCaption
{
}

/* == エラー表示 == */
.Error
{
}

/* == 説明表示 == */
.NotesText
{
}

/* == 補助表示 == */
.SubText
{
}

/* == 文責表示 == */
.Responsibility
{
}

/* == BBSコード引用[quote]用 == */
.bbsquote
{
}

/* == BBSコードcode[code]用 == */
.bbscode
{
}

/* == 一覧表示ヘッダ用 == */
.SiteLink
{
}

/* == 顔文字等アイコン代替表示 等幅フォント== */
.Icon
{
}

/* == 文字列ボタン用 フォントサイズは固定 == */
.ButtonImage
{
}

/* == orangeTable == */
Table.orangeTable
{
}

/* == blueTable == */
Table.blueTable
{
}

/*個別設定*/
img
{
  border: none;
}

H1
{
  font-size: x-large;
  font-weight: normal;
  color: black;
  margin-bottom: 4px;
  margin: 2px;
  padding: 2px;
  line-height:1.2;
}

H2
{
  font-size: large;
  font-weight: normal;
  color: black;
  margin: 2px;
  padding: 2px;
  margin-bottom: 3px;
  line-height:1.2;
}

H3
{
  font-size: medium;
  font-weight: bold;
  color: black;
  margin: 2px;
  padding: 2px;
  margin-bottom: 2px;
  line-height:1.2;
}

H4
{
  font-size: medium;
  font-weight: normal;
  color: black;
  margin: 2px;
  padding: 2px;
  margin-bottom: 2px;
  line-height:1.2;
}

H5, DT
{
  font-size: small;
  font-weight: bold;
  color: black;
  margin: 2px;
  padding: 2px;
  margin-bottom: 2px;
  line-height:1.2;
}

H6
{
  font-size: small;
  font-weight: normal;
  color: black;
  margin: 2px;
  padding: 2px;
  margin-bottom: 1px;
  line-height:1.2;
}

h1, h2, h3, h4, h5, h6{
  margin: 0px;
  padding: 0px;
}

BLOCKQUOTE, Q
{
  font-family: 'ＭＳ ゴシック' , 'Osaka－等幅' , 'Courier New', 'Courier', monospace;
  color: black;
}


.MTitleBase h3
{
	float:left;
	height: 18px;
	margin: 0px;
	padding: 0px;
	padding-left: 6px;
	padding-top: 2px;
	vertical-align:baseline;
	color: white;
	text-decoration: none;
}

.MTitleBase span
{
	float:right;
	padding-top:2px;
}


/*--- 音声ブラウザ用 --- */
.speak {
	width: 0;
	height: 0;
	margin: 0;
	padding: 0;
	text-indent: -9999px;
	line-height: 0;
	font-size: 0;
}

h2.naviIcon{
  padding:0px;
  margin:0px 0px 5px 0px;
}

h2.naviIconCat{
  padding:0px;
  margin:0px;
}


/*----共通---*/
dd, dt
{
  margin: 0;
  padding: 0;
}


div, ul, li
{
  margin: 0;
  padding: 0;
}

OL LI,
OL OL LI,
OL OL OL LI
{
  list-style-type: none;
}


UL LI,
UL LI LI,
UL LI LI LI
{
  list-style-type: none;
}

/* == 地図サイズ == */

.yahooMap
{
width: 560px;
height: 400px;
padding: 10px 0px 10px 10px;
}

/* == 小見出し用 == */
.ContentsSubTitle
{
  padding:2px 1px 0px 0px;
}

/* == 編集小見出し用 == */
.EditCaption
{
  padding:2px 1px 0px 0px;
}

/* == 編集汎用文字 == */
.EditContent
{
  padding:2px 1px 0px 0px;
}

/* == 領域用 == */
body {
  background-color: #FFFFFF;
  /* background-image: url(shadow.gif); */
  background-repeat: repeat-y;
  text-align: center;
  background-position: center;
}


#headerlocal{
  position: relative;
  background-image:url(../secure/2843/header2.jpg);
  background-repeat:no-repeat;
  width:800px;
  height: 70px;
}

#headerlocal h1 { 
  position: absolute;
  top: 0px;
  left: 0px;
}

.imagemenu {
  margin:0px 0px 3px 0px;
  padding: 0px 0px 0px 0px;
}

#footer_txtlink {
  height: auto;
  text-align: center;
  margin-top: 5px;
  margin-bottom: -10px;
  padding-top: 5px;
  padding-bottom: 5px;
  background-color: #FFFFFF;
  border-top-width: 2px;
  border-top-style: solid;
  border-top-color: #999999;
  line-height: 1.1;
  font-size: small;
}

#footer_txtlink img{
  vertical-align:middle;
}

#addr_footer {
  color: white;
  background: url(../Images/footer_bg_w800.gif) no-repeat center top;
  width: 100%;
  height: 45px;
  margin-top: 10px;
  padding-top: 15px;
  text-align: center;
  line-height: 1.1;
  font-size: small;
}


/*----gタブメニューローカル用---*/

#gTab2 {
  display:block;
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  width:800px; 
 height: 30px;
}

#gTab2 ul img{
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  border:none;
 float: left;
}


#gTab2 li {
  margin:0px 0px 0px 0px;
  padding:0px 0px 0px 0px;
  float: left;
}



/* == module == */
.LinkList_tf,
.NewsList_tf,
.ItemList_tf,
.PickUp_tf
{
  margin-bottom: 3px ;
}

.LinkList_tf .listInner,
.ItemList_tf .listInner
{
  padding:5px;
}

/* == headding == */
.h1_img{
}

.commonh1 
{
  margin-bottom:3px;
}

h1.commontxt
{
}

.TabMenuV_tf h2,
.LMenuV_m h2,
.LinkList_m h2
{
}

H1.pageimage{
margin: 0px 0px 3px 0px;
}


.LinkList_ImgLeft h2,
.lmenu h2,
.lmenu_frame h2,
.lmenu_img h2,
.LMenuV_m h2
{ 
  background-image: url("../Images/h2_5.gif");
} 

.LinkList_ImgLeft h3,
.lmenu h3,
.lmenu_frame h3,
.lmenu_img h3,
.LMenuV_m h3
{ 
  background-image: url("../Images/h3_5.gif");
} 

/* -------- HTML標準　-------------*/

h2.normal,
.NewsList_tf h2,
.LinkList_tf h2,
.ItemList_tf h2,
.Item_tf h2,
.HTMLEditorContainer h2
{
height: 30px;
background: url( ../Images/h2_2.gif) no-repeat left top;
padding-top: 4px;
padding-left:20px;
font-size: medium;
}


h2.simple
{
height: 30px;
background: url( ../Images/h2_2.gif) no-repeat left top;
padding-top: 4px;
padding-left:20px;
padding-right:20px;
font-size: small;
}

h3.normal,
.NewsList_tf h3,
.LinkList_tf h3,
.ItemList_tf h3,
.Item_tf h3,
.HTMLEditorContainer h3
{
height: 30px;
}

.Contents H3,
.HTMLEditorContainer h3
{
background: url(../Images/h3_2.gif) no-repeat left center;
padding-top:12px;
padding-left:22px;
margin-bottom:0.5em;
font-weight: bold;
font-size: small;
}

.Contents H4,
.HTMLEditorContainer h4
{
background: url(../Images/h4_1.gif) no-repeat left center;
padding-left:18px;
margin-left:10px;
margin-bottom:0.5em;
font-weight: bold;
font-size: small;
border-bottom: 2px dotted #4583C8;
  line-height:1.5;
}

.Contents H5,
.HTMLEditorContainer h5
{
background: url(../Images/h5_1.gif) no-repeat left center;
padding-left:18px;
margin-left:10px;
margin-bottom:0.5em;
font-weight: bold;
font-size: small;
border-bottom: 1px solid #4583C8;
  line-height:1.5;
}

.Contents H6,
.HTMLEditorContainer h6
{
background: url(../Images/h6_1.gif) no-repeat left center;
padding-left:18px;
margin-left:10px;
margin-bottom:0.5em;
font-weight: bold;
font-size: small;
border-bottom: 1px dotted #4583C8;
  line-height:1.5;
}

.Contents p,
.HTMLEditorContainer p
{
  margin:0px;
  padding:0.3em 0.5em 0.5em 0.5em;
}

.Contents BLOCKQUOTE,
.HTMLEditorContainer BLOCKQUOTE
{
  margin:0px;
  padding:0.3em 0.5em 0.5em 2em;
}

#honbun
{
  margin:0.5em;
  padding:0px;
}

.Contents OL,
.HTMLEditorContainer OL
{ 
margin-left: 0px;
padding-left: 1em;
}

.Contents UL,
.HTMLEditorContainer UL
{ 
margin-left: 0px;
padding-left: 1em;
}


.Contents LI:before,
.HTMLEditorContainer LI:before
{
  marker-offset: 1em;
}

.Contents OL LI,
.HTMLEditorContainer OL LI
{
  list-style: decimal inside;
}

.Contents OL OL LI,
.HTMLEditorContainer OL OL LI
{
  list-style: lower-alpha inside;
 padding-left: 2em;
}

.Contents OL OL OL LI,
.HTMLEditorContainer OL OL OL LI
{
  list-style: disc  inside;
 padding-left: 2em;
}


.Contents UL LI,
.HTMLEditorContainer UL LI
{
  list-style: disc inside;
}

.Contents UL UL LI,
.HTMLEditorContainer UL UL LI
{
  list-style: circle inside;
 padding-left: 2em;
}

.Contents UL UL UL LI,
.HTMLEditorContainer UL UL UL LI
{
  list-style: square inside;
 padding-left: 2em;
}

/* == table == */

Table.normal,
.Contents Table,
.HTMLEditorContainer Table
{
/*
  background-color: white;
  border: none;
  border-collapse: collapse;
  margin: 1em 0.5em 1em 0.5em;
 */
}

Table.normal td,
Table.normal th,
.Contents td,
.HTMLEditorContainer td,
.HTMLEditorContainer th
{
/*
  padding: 0.3em 0.5em;
*/
  empty-cells: show;
}

Table.normal td,
Table.normal th
{
  border: 1px solid black;
}

Table.normal tr.alter,
.Contents tr.alter,
.HTMLEditorContainer tr.alter
{
  background-color: #eeeeee;
}

Table.normal th,
Table.normal thead,
.Contents th,
.Contents thead,
.HTMLEditorContainer th,
.HTMLEditorContainer thead
{
  text-align:center;
}

Table.normal th,
Table.normal thead
{
  background-color: #e4f2fc;
}

/* == address == */



/* == searchform == */

.searchform {
float: left;
}


.searchform img{
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px 10px;
  border:none;
 float: left;
}


.searchform input{
  margin:0px 0px 0px 0px;
  padding:5px 5px 5px 10px;
 float: left;
}

/* == newsitem == */

.newsitem
{

}

.newsitem .PhotoImage1
{
padding: 10px 20px 15px 10px;
height: 170px;
}


.newsitem .Heading
{
color: #8b5472;
font-size: medium;
font-weight: bold;
padding: 15px 20px 5px 10px;
margin: 0px 0px 0px 0px;
}


.newsitem .DateText
{
color: maroon;
font-size:small;
font-weight: bold;
margin: 0px 0px 0px 0px;
padding: 0px 20px 5px 10px;
}


.newsitem .ContentsText1
{
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}


.newsitem .ContentsText2
{
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}

.newsitem .ContentsText3
{
font-size: small;
margin: 0px 0px 0px 0px;
padding: 0px 20px 0px 0px;
}

.newsitem .LinkText
{
font-size: small;
margin: 0px 0px 0px 0px;
padding: 10px 10px 0px 0px;
}

/* == etc == */
#preload{display:none;}

.liInline li 
{ 
  padding-right:0.7em;
  display: inline;
  line-height: 1.7;
} 

.marginleft1em
{
  margin-left:1em;
}

.pagetop_box {
  margin:2em 0px 10px 0px;
  text-align:right;
  vertical-align:bottom;
}

.pagetop_box a{
  padding:5px 5px 5px 20px;
  text-align:right;
  background: url(../Images/go_pagetop.gif) no-repeat left center;
}


/* == naviskip == */
.naviskip {
  margin:0px;
  padding:0px;
}
.navitopskip {
  margin:0px;
  padding:0px;
  position:absolute;
  top:-50px;
  left:-50px;
}

@media print
{
BODY { BACKGROUND-IMAGE: none } 
#LeftPane { width:auto }
}


/********************/
/* JCOM防災連携表示 */
/********************/
div#alert {
 height: 100%;
}

div#alert div {
 height: 100%;
 padding-bottom: 5px;
}

div#alert h2 {
 margin: 0 8px 6px;
 padding: 10px 10px 5px;
 font-size: small;
 font-weight:bold;
}

div#alert h3 {
 margin: 0 18px 5px;
 font-size: small;
}

div#alert p {
 margin: 0 18px 5px;
 font-size: small;
 padding-bottom: 5px;
}

div#alert p.note {
 color: #000000;
}

div#alert p a {
}

div#alert img {
  margin-bottom:-5px;
}

div#alert div {
 background: url("../Images/alert-footer.gif") left bottom no-repeat;
}