/* ページのマージンおよび背景設定 bodyに属性を与えています */
 body {
	background-image: url(backpattern.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 0px;
 }

/* リンクカラー設定 */
  /* 通常のリンクのカラー設定およびリンクの下線付け */
    a:link {
		color: #0066CC;
		text-decoration: underline;
    }
    a:visited {
		color: #333333;
		text-decoration: underline;
    }
    a:hover {
		color: #003399;
		text-decoration: underline;
    }
    a:active {
		color: #00CCFF;
		text-decoration: underline;
    }
  /* メニューのリンクカラー設定 */
    div#menu a:link {
		color: #FFFFFF;
		text-decoration: none;
    }
    div#menu a:visited {
		color: #FFFFFF;
		text-decoration: none;
    }
    div#menu a:hover {
		color: #EDFAE7;
		text-decoration: none;
    }
    div#menu a:active {
		color: #CCCC00;
		text-decoration: none;
    }
  /* 現在位置のリンクカラー設定 */
    div#position a:link {
		color: #FFFFFF;
		text-decoration: underline;
    }
    div#position a:visited {
		color: #FFFFFF;
		text-decoration: underline;
    }
    div#position a:hover {
		color: #EDFAE7;
		text-decoration: underline;
    }
    div#position a:active {
		color: #CCCC00;
		text-decoration: underline;
    }
  /* コンテンツメニューのリンクカラー設定 */
    td#contentsmenu a:link {
		color: #000000;
		text-decoration: none;
		display: block;
    }
    td#contentsmenu a:visited {
		color: #000000;
		text-decoration: none;
		display: block;
    }
    td#contentsmenu a:hover {
		color: #FFFFFF;
		text-decoration: none;
		background-color: #FF9900;
		display: block;
    }
    td#contentsmenu a:active {
		color: #FFEFB0;
		background-color: #FF9900;
		text-decoration: none;
		display: block;
    }

/* 各divのID毎の設定 */
  /* 大外枠 */
    #container {
		margin: 0 auto;
		width: 700px;
    }
  /* 上部イメージヘッダ */
    #topimage {
		width: 700px;
		background-image: url(topimage2.jpg);
		height: 51px;
		background-color: #FFFFFF;
		background-repeat: no-repeat;
		font-size: 12px;
		line-height: 12px;
    }
  /* 上部メニューバー */
    #menu {
		width: 690px;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		text-align: right;
		padding: 5;
    }
  /* 現在位置表示部分 */
    #position {
		width: 690px;
		font-size: 12px;
		font-weight: bold;
		color: #FFFFFF;
		padding: 5px;
		background-color: #4F9A24;
		line-height: 12px;
    }
  /* コンテンツメニューバー */
    #contensmenu {
		width: 700px;
    }
  /* コンテンツ部分 */
    #main {
		width: 680px;
		background-color: #FFFFFF;
		padding: 10px;
		padding-bottom: 30px;
    }
  /* 大見出しに使用する<table>の定義 */
    #title {
		margin-bottom: 10px;
		margin-top: 30px;
		width: 680px;
	}
  /*　大見出し<h1>下　コンテンツ内リンク背景　*/
  	#submenu {
		font-size: 12px;
		font-weight: bold;
		background-color: #E9F2D0;
		text-align: right;
		padding: 5px;
		width: 590px;
		margin-top: 0px;
	}
  /*　「バーチャル見学」使用の設定　*/
	#virtual {
		font-size: 12px;
		line-height: 24px;
		margin-bottom: 5px;
		border: 3px dotted #FF9900;
		background-color: #FFF4E6;
		font-size: 12px;
	}
  /* 下部フッタ部分 */
    #footer {
		font-size: 10px;
		font-weight: normal;
		color: #FFFFFF;
		background-color: #4D9B23;
		padding: 5px;
		width: 690px;
		text-align: right;
		border-top-width: 5px;
		border-top-style: solid;
		border-top-color: #FFFFFF;
    }

/* メニューバー背景設定 */
  /* 標準 */
    .type-a {
		font-size: 12px;
		font-weight: bold;
		background-color: #FFD586;
		margin: 0px;
		padding: 0px;
		line-height: 20px;
		display: block;
		vertical-align: middle;
    }
  /* 金融広報委員会 */
    .type-c {
		font-size: 12px;
		font-weight: bold;
		background-color: #E4F3BE;
		margin: 0px;
		padding: 0px;
		line-height: 20px;
		display: block;
		vertical-align: middle;
    }
  /* 現在開いているコンテンツ */
	.type-d {

		font-size: 12px;
		font-weight: bold;
		background-color: #FF9900;
		margin: 0px;
		padding: 0px;
		line-height: 20px;
		display: block;
		vertical-align: middle;
	}

/* タイトル設定 */
  /* 大見出し */
    h1 {
		font-size: 16px;
		line-height: 16px;
		font-weight: bold;
		color: #008A00;
		padding: 3px;
		width: 592px;
		border: 1px solid #7EA428;
		margin-bottom: 0px;
    }
  /* 中見出し 背景画像付き */
    h2 {
		font-size: 13px;
		line-height: 18px;
		font-weight: bold;
		color: #000000;
		width: 678px;
		border-bottom-width: 1px;
		border-bottom-style: solid;
		border-bottom-color: #499FD3;
		background-image: url(contentsh2.jpg);
		background-repeat: repeat-y;
		padding-top: 2px;
		text-indent: 0.5em;
		margin: 0px;
		margin-bottom: 15px;
		margin-top: 30px;
		border-left-color: #499FD3;
		border-left-style: solid;
		border-left-width: 1px;
    }
  /* 項目見出し　罫囲み　使用不可
  　##Windows2000とIEの組み合わせで表示が崩れるため不使用 */
    h3 {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		color: #0066CC;
		margin-left: 20px;
		display: inline;
		border: 1px solid #0066CC;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 5px;
		padding-left: 5px;
    }
  /* 項目見出し 罫囲み　使用分
  　こちらを使用　<p class="midashi">　*/
	.midashi {
		font-size: 12px;
		font-weight: bold;
		color: #0066CC;
		border: 1px solid #0066CC;
		display: inline;
		padding-top: 2px;
		padding-bottom: 2px;
		padding-right: 5px;
		padding-left: 5px;
	}
  /* 項目見出し 罫囲み　上辺にマージン付き　使用分
  　こちらを使用　<p class="midashi">　*/
	.midashi2 {
		font-size: 12px;
		font-weight: bold;
		color: #0066CC;
		border: 1px solid #0066CC;
		margin-top: 10px;
		margin-left: 20px;
		width: 60px;
		text-align: center;
		padding: 2px;
	}
  /* 小見出し */
    h4 {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		color: #0066CC;
		margin: 0px;
		padding-top: 10px;
		padding-left: 20px;
    }
  /* 「戻る」リンク */
    h5 {
	text-align: right;
	font-size: 12px;
	line-height: 24px;
	font-weight: normal;
	margin: 0px;
	margin-top: 15px;
	}
  /* フッタ設定(コピーライト部分) */
    h6 {
		font-size: 12px;
		text-align: right;
		margin: 0px;
		padding: 0px;
		width: 527px;
		font-weight: normal;
		background-color: #D9ECFF;
		padding-right: 3px;
		padding-top: 3px;
		padding-bottom: 3px;
    }
  /* 見出し本文の字下がりのワンセット(「店内見学のご案内」に使用) */
    /* 見出し部分　背景淡い黄色 */
	  .komoku-set1 {
		display: block;
		font-size: 12px;
		line-height: 15px;
		background-color: #FFF5CE;
		padding: 3px;
		margin-top: 10px;
		margin-bottom: 5px;
	  }
    /* 本文部分　見出しに対してさらに字下がり */
	  .komoku-set2 {
		display: block;
		font-size: 12px;
		line-height: 15px;
		padding: 3px;
		padding-left: 30px;
	  }

/* 定義リスト設定 */
 dl {
	margin: 0px;
	padding: 0px;
	width: 530px;
 }
 dt {
	font-size: 12px;
	font-weight: bold;
	display: block;
	width: 100px;
	padding: 0px;
	margin: 0px;
	position: static;
	vertical-align: baseline;
	line-height: 15px;
 }
 dd {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	width: 430px;
	display: block;
	list-style-type: none;
	position: relative;
	left: 100px;
	top: -15px;
	vertical-align: baseline;
	line-height: 15px;
	margin-bottom: -10px;
 }

/* 本文　左20pixelアキ */
 p {
	font-size: 12px;
	margin: 0px;
	padding: 0px;
	padding-bottom: 0px;
	line-height: 24px;
	margin-left: 20px;
 }

/* 写真の配置 */
  /* キャプション付き写真を本文右側に配置するdiv */
	.picture {
		font-size: 12px;
		line-height: 15px;
		color: #000000;
		text-align: center;
		float: right;
		width: 240px;　　　　　/* 240px→300px*/
		padding-right: 5px;   /* 5px→10px*/
		padding-left: 5px;
	}
  /* 写真を本文左側に配置するdiv */
        .picture2 {
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                text-align: center;
                float: left;
                width: 170px;
                padding-right: 5px;
                padding-left: 5px
        }

 /* 写真を本文左側に配置するdiv */
        .picture3 {
                font-size: 12px;
                line-height: 15px;
                color: #000000;
                text-align: center;
                float: left;
                width: 400px;
                padding-right: 5px;
                padding-left: 5px
        }





  /* 写真キャプション等に使用。align属性はタグで */
	.caption {
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
		color: #000000;
	}

/* 但し書き */
  /* 文中(注)の但し書きに使用するclass属性定義　<p>タグに使用 */
	.note {
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
		color: #000000;
		text-indent: -1.5em;
		padding-left: 3em;
	}
  /* (注)の例外使用(店内見学のご案内)　左の空き幅が多い */
	.note2 {
		font-size: 10px;
		line-height: 15px;
		font-weight: normal;
		color: #000000;
		text-indent: -1.5em;
		padding-left: 5em;
	}
  /* 「店内見学では、ご案内しておりません」(店内見学のご案内)のみに使用　太字赤文字 */
	.note3 {
		font-size: 10px;
		line-height: 15px;
		font-weight: bold;
		color: #CC0000;
		margin-left: 10px;
	}
  /* (注)の例外的使用(豆知識)　長文注意書きの字揃え */
	.note4 {
		font-size: 10px;
		line-height: 15px;
		text-indent: 0px;
		margin: 0px;
		padding: 0px;
	}
  /* (注*)の数字付き注意書きの字揃え */
	.note5 {
		font-size: 10px;
		line-height: 15px;
		text-indent: -20px;
		margin: 0px;
		padding: 0px;
		margin-left: 50px;
	}
  /* 文中(参考情報)の但し書きに使用するclass属性定義　<p>タグに使用 */
	.sankojoho {
		text-indent: -4.5em;
		padding-left: 6em;
	}

/* liを使わないリスト定義 */
  /* 文中の数字付きリスト表示の番号分字下がり設定 */
	.number {
		text-indent: -1em;
		padding-left: 1em;
	}
  /* 文章の頭に「・」をつけた字下がり設定 */
	.dot-list {
		font-size: 12px;
		margin-left: 2em;
		list-style-type: circle;
		margin: 0px;
		line-height: 24px;
		padding: 0px;
		padding-left: 4em;
	}

/* 「職員お薦めスポット」*/
  /* スポットの<table>定義　メイン */
	.spot {
		font-size: 12px;
		width: 680px;
	}
  /* 地名メイン */
	.spotname1 {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		color: #0066CC;
		margin: 0px;
		padding-top: 10px;
		padding-left: 20px;
	}
  /* スポットの<table>定義　サブ */
	.spot2 {
		font-size: 12px;
		width: 640px;
		margin-left: 40px;
	}
  /* 地名サブ */
	.spotname2 {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		color: #0099FF;
		margin: 0px;
		padding-top: 10px;
		padding-left: 20px;
	}

/* 年表に使用したclass属性 */
  /* 年表左側「日本銀行松山支店の沿革」に使用 */
	.chronological-left {
		font-weight: bold;
		line-height: 15px;
		margin-bottom: 6px;
		margin-top: 6px;
		margin-left: 10px;
	}
  /* 年表右側「愛媛県の金融年表」に使用 */
	.chronological-right {
		margin-left: 10px;
		line-height: 15px;
		margin-bottom: 6px;
		margin-top: 6px;
	}

/* クイズ(Q&A)に使用したclass属性 */
  /* クイズ問題部分 */
	.quiz-q {
		font-size: 12px;
		line-height: 24px;
		font-weight: bold;
		padding-top: 12px;
	}
  /* クイズ正解部分 */
	.quiz-a {
		font-size: 12px;
		line-height: 24px;
		padding-bottom: 12px;
		padding-left: 24px;
	}
  /* クイズ解答説明部分 */
	.answer-quiz {
		padding-left: 50px;
		text-indent: -26px;
		letter-spacing: 1px;
	}
  /* クイズ「Q-6」の(**年**月**日現在)の右寄せ用 */
	.quiz-cap {
		font-size: 12px;
		line-height: 12px;
		margin: 0px;
		margin-top: -5px;
		text-align: right;
	}
  /* Ｑ＆Ａ解答部分　左側アキなし */
	.answer {
		text-indent: -1em;
		margin-left: 1.6em;
	}

/* tableに関する設定　幅や高さの設定は各tableで */
  /* 本文に使用する表<table>に使用したID。
　　本文複数の<table>を使用する場合が多かったため、このIDをclass属性にして使用した */
	#table {
		font-size: 12px;
		line-height: 20px;
		margin-left: 20px;
		margin-bottom: 20px;
 	}
  /* 本文に使用する表<table>に使用したclass。 */
	.table {
		font-size: 12px;
		line-height: 15px;
		margin-left: 20px;
		margin-bottom: 5px;
	}
  /* <table>見出し項目設定 */
	th {
		font-size: 12px;
		font-weight: bold;
		background-color: #FFF5C8;
	}
  /* サイトマップ<table>定義 */
	.sitemap {
		font-size: 12px;
		line-height: 15px;
	}

/* 強調文字　強調は<b>ではなく<strong>を利用 */
  /* 基本強調　太字・赤文字設定 */
	strong {
		font-weight: bold;
		color: #CC0000;
	}
  /* 例外強調　太字のみ */
	em {
		font-weight: bold;
		font-style: normal;
	}

/* 文書からの引用に使用。斜体表示。 */
  blockquote {
	font-size: 12px;
	line-height: 24px;
	color: #333333;
	font-style: italic;
  }
#picture {
	font-size: 10px;
	width: 160px;
	padding-right: 10px;
	padding-left: 10px;
	float: right;
	text-align: center;
}

ul {
  padding-left: 80px;
  font-size: 12px;
}