@charset "shift_jis";

/*******************************************
館山信用金庫
2009/4/1

CSS：
テキスト>リスト>ナビ>ボックス

*******************************************/

/*******************************************
タグ
*******************************************/

* {
	margin: 0;
	padding: 0;
	font-size:101%;
}

html { height: 100%; }

body {
	background-color:#FFFFFF;
	font-size:75%;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック" Verdana, Arial, Helvetica, sans-serif;
	color:#333333;
	height:100%;
}

h1 {
	width:580px;
	padding-top:27px;
	float:left;
	display: inline;
}

h2 { }

h3 { }

strong {
	font-weight:600;
	color:#333333;
}

/*******************************************
リンク
*******************************************/
a { text-decoration: none }

a:link { color:#0099CC; }

a:hover {
	color:#0099CC;
	text-decoration:underline;
}

a:visited { color:#0099CC; }

a:active { color:#0099CC; }

a:link.pdf {
	color:#0099CC;
	background:url(../images/icon/icon_pdf.gif) no-repeat;
	background-position:right;
	padding-right:11px;
}

a:hover.pdf {
	color:#0099CC;
	text-decoration:underline;
	background:url(../images/icon/icon_pdf.gif) no-repeat;
	background-position:right;
	padding-right:11px;
}

a:visited.pdf {
	color:#0099CC;
	background:url(../images/icon/icon_pdf.gif) no-repeat;
	background-position:right;
	padding-right:11px;
}

a:active.pdf {
	color:#0099CC;
	background:url(../images/icon/icon_pdf.gif) no-repeat;
	background-position:right;
	padding-right:11px;
}

a:link.pan {
	color:#333333;
	text-decoration:underline;
}

a:hover.pan { color:#FF6600; }

a:visited.pan {
	color:#333333;
	text-decoration:underline;
}

a:active.pan {
	color:#333333;
	text-decoration:underline;
}

/*******************************************
リスト
*******************************************/

div#naviArea {
	width:280px;
	float:right;
	background:url(../images/header/head_navi.jpg) no-repeat;
	height: 28px;
	display: inline;
}

ul#navi {
	list-style:none;
	width:100%;
}

ul#navi li {
	list-style:none;
	float:left;
}

ul#navi li.home { width:91px; }

ul#navi li.tenpo { width:91px; }

ul#navi li.sitemap { width:98px; }

ul#navi a {
	display:block;
	height:28px;
	text-indent:-280px;
	background:url(../images/header/head_navi.jpg) no-repeat;
	overflow:hidden;
}

ul#navi a.mn01 { background-position:0px 0px; }

ul#navi a:hover.mn01 { background-position:0px -28px; }

ul#navi a.mn02 { background-position:-91px 0px; }

ul#navi a:hover.mn02 { background-position:-91px -28px; }

ul#navi a.mn03 { background-position:-182px 0px; }

ul#navi a:hover.mn03 { background-position:-182px -28px; }

/*******************************************
ボックス
*******************************************/
div#container {
	width: 860px;
	margin:0 auto;
	background:url(../images/other/back_body.gif) repeat-y;
}

div#header {
	background-image:url(../images/header/head_back.jpg);
	height:150px;
}

div#contents {
	width:860px;
	clear:both;
}

div.subContainer {
	width:640px;
	margin:0 auto;
	padding-bottom:20px;
}

div#sidebar {
	width:200px;
	float:left;
	display: inline;
	background:url(../images/sidebar/menu_img_sideback.gif) repeat-y;
}

div#mainArea {
	width:660px;
	float:right;
	display: inline;
	height:100%;
}

div#main {
	width:650px;
	padding-left:10px;
	background-image:url(../images/other/back_main.gif);
	background-repeat:repeat-y;
	height:100%;
}

div.announce {
	height:32px;
	background-image:url(../images/other/back_announce.jpg);
	text-align:right;
	font-size:85%;
}

div.flash {
	width:650px;
	height:260px;
	margin:0 auto;
}

div#news {
	width:640px;
	margin:0 auto;
}

div#def {
	width:654px;
	margin:0 auto;
}

div#def p {
	line-height:20px;
	padding-bottom:20px;
}

ul#newsList {
	list-style:none;
	margin-bottom:5px;
}

ul#newsList li {
	background-image:url(../images/icon/bar_gray_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 5px 2px;
	margin:0 0 5px 2px;
	list-style-image:url(../images/icon/arrow_red.gif);
	list-style-position : inside;
}

ul#caution { padding-top:5px; }

ul#caution li {
	padding:0 0 2px 0px;
	list-style:disc;
	list-style-position : inside;
	color:#990000;
}

ul#newsList li span {
	padding-left:15px;
	font-size:80%;
}

ul#newsList li span.pdf {
	padding-left:25px;
	font-size:80%;
	background-image:url(../images/icon/icon_pdf.gif);
	background-repeat:no-repeat;
}

.titleBar { margin-bottom:10px; }

div.alignright {
	text-align:right;
	margin:10px 0 10px 0;
}

div.aligncenter {
	text-align:center;
	margin:10px 0 10px 0;
}

div.alignleft {
	text-align:left;
	margin:10px 0 10px 0;
}

/*******************************************
フッター
*******************************************/

div#footer {
	width:860px;
	clear:both;
	background-color:#006699;
	height:65px;
}

div#footer p {
	text-align:center;
	padding-top:10px;
	color:#FFFFFF;
}

/*******************************************
グローバルナビ-サイドバー
*******************************************/
div#gNavi { width:200px; }

ul.gNaviList1 {
	list-style:none;
	background-image:url(../images/sidebar/menu_about_child.gif);
	height:64px;
}

ul.gNaviList1 li { height:32px; }

ul.gNaviList1 li a {
	display:block;
	height:32px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_about_child.gif);
	overflow:hidden;
}

ul.gNaviList1 li a.mn01 { background-position:0px 0px; }

ul.gNaviList1 li a:hover.mn01 { background-position:-200px 0px; }

ul.gNaviList1 li a.mn02 { background-position:0px 32px; }

ul.gNaviList1 li a:hover.mn02 { background-position:-200px 32px; }

ul.gNaviList2 {
	list-style:none;
	background-image:url(../images/sidebar/menu_service_child.gif);
	height:96px;
}

ul.gNaviList2 li { height:32px; }

ul.gNaviList2 li a {
	display:block;
	height:32px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_service_child.gif);
	overflow:hidden;
}

ul.gNaviList2 li a.mn01 { background-position:0px 0px; }

ul.gNaviList2 li a:hover.mn01 { background-position:-200px 0px; }

ul.gNaviList2 li a.mn02 { background-position:0px 64px; }

ul.gNaviList2 li a:hover.mn02 { background-position:-200px 64px; }

ul.gNaviList2 li a.mn03 { background-position:0px 32px; }

ul.gNaviList2 li a:hover.mn03 { background-position:-200px 32px; }

ul.gNaviList3 {
	list-style:none;
	background-image:url(../images/sidebar/menu_news_child.gif);
	height:96px;
}

ul.gNaviList3 li { height:32px; }

ul.gNaviList3 li a {
	display:block;
	height:32px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_news_child.gif);
	overflow:hidden;
}

ul.gNaviList3 li a.mn01 { background-position:0px 0px; }

ul.gNaviList3 li a:hover.mn01 { background-position:-200px 0px; }

ul.gNaviList3 li a.mn02 { background-position:0px 64px; }

ul.gNaviList3 li a:hover.mn02 { background-position:-200px 64px; }

ul.gNaviList3 li a.mn03 { background-position:0px 32px; }

ul.gNaviList3 li a:hover.mn03 { background-position:-200px 32px; }

ul.gNaviList4 {
	list-style:none;
	background-image:url(../images/sidebar/menu_banking.jpg);
	height:54px;
	margin:10px 0;
}

ul.gNaviList4 li { height:54px; }

ul.gNaviList4 li a {
	display:block;
	height:54px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_banking.jpg);
	overflow:hidden;
}

ul.gNaviList4 li a.mn01 { background-position:0px 0px; }

ul.gNaviList4 li a:hover.mn01 { background-position:0px 0px; }

ul.gNaviList5 {
	list-style:none;
	background-image:url(../images/sidebar/menu_smenu.gif);
	height:101px;
}

ul.gNaviList5 li { height:25px; }

ul.gNaviList5 li a {
	display:block;
	height:25px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_smenu.gif);
	overflow:hidden;
}

ul.gNaviList5 li a.mn01 { background-position:0px 101px; }

ul.gNaviList5 li a:hover.mn01 { background-position:-200px 101px; }

ul.gNaviList5 li a.mn02 { background-position:0px 75px; }

ul.gNaviList5 li a:hover.mn02 { background-position:-200px 75px; }

ul.gNaviList5 li a.mn03 { background-position:0px 50px; }

ul.gNaviList5 li a:hover.mn03 { background-position:-200px 50px; }

ul.gNaviList5 li a.mn04 { background-position:0px 25px; }

ul.gNaviList5 li a:hover.mn04 { background-position:-200px 25px; }

ul.sideBanner {
	list-style:none;
	margin:10px 0;
	padding-left:6px;
}

ul.sideBanner li {
	padding:0;
	margin:0;
}

ul.sideBanner li.exp { font-size:75%; }

ul.gNaviList6 {
	list-style:none;
	background-image:url(../images/sidebar/menu_area.jpg);
	height:54px;
	margin:10px 0;
}

ul.gNaviList6 li { height:54px; }

ul.gNaviList6 li a {
	display:block;
	height:54px;
	text-indent:-200px;
	background-image:url(../images/sidebar/menu_area.jpg);
	overflow:hidden;
}

ul.gNaviList6 li a.mn01 { background-position:0px 0px; }

ul.gNaviList6 li a:hover.mn01 { background-position:0px 0px; }

/*******************************************

*******************************************/
ul#sNavi {
	width:130px;
	margin:0 0 0 32px;
}

ul#sNavi li {
	list-style:none;
	background-color:#FFFFFF;
	border:1px solid #CCCCCC;
	padding:5px;
	margin-bottom:2px;
}

p.defTxt {
	line-height:18px;
	padding-bottom:20px;
}

p.titleTxt {
	background:url(../images/bar/bar_about.gif) no-repeat;
	height:30px;
	padding:10px 0 0 45px;
	font-weight:600;
	color:#0099CC;
}

div.subContainer dl {
	margin-bottom:20px;
	line-height:20px;
}

div.subContainer dl dt {
	width:450px;
	float:left;
	display: inline;
}

div.subContainer dl dd {
	width:160px;
	float:right;
	display: inline;
	text-align:center;
}

p.arrow {
	background-image:url(../images/icon/arrow_blue_dot.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding:0 0 0 8px;
}

div.newsTilte {
	font-size:100%;
	font-weight:600;
	color:#333333;
	background-image:url(../images/icon/arrow_red.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	padding:1px 0 0 15px;
	line-height:18px;
}

div.newsTilte p { }

div.newsTilte2 {
	font-size:100%;
	font-weight:600;
	background-image:url(../images/icon/icon_new.gif);
	background-repeat:no-repeat;
	padding:0 0 0 40px;
	margin-bottom:5px;
	line-height:18px;
}

p.news {
	background-image:url(../images/icon/bar_gray_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 5px 0;
	margin-bottom:10px;
	line-height:18px;
}

div.discloseTilte {
	font-size:120%;
	font-weight:600;
	background-image:url(../images/icon/bar_gray_dot.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 5px 0;
	margin-bottom:5px;
}

div.discloseTilte p {
	font-weight:normal;
	font-size:75%;
}

div.discloseTilte2 {
	font-size:120%;
	font-weight:600;
	color:#FF6600;
	background-image:url(../images/icon/icon_new.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	padding:0 0 2px 0;
	margin-bottom:5px;
}

/*******************************************
テーブル
*******************************************/
#defborder { }

table#defborder {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
	padding-bottom:5px;
}

#defborder tbody th {
	background-color: #f4fcf0;
	color: #354042;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border-left-color: #999999;
}

#defborder td, #defborder th {
	border: 1px solid #999999;
	padding: 8px 12px;
}

#defborder .alt td { background-color: #edf7e9; }

#defborder tbody .alt th { background-color: #e9f7e4; }

#defborder td {
	font-size:85%;
	line-height:1.6em;
}

#defborder thead {
	background-color:#006699;
	color:#FFFFFF;
}

/*--------------------*/
#borderGray { }

table#borderGray {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
}

#borderGray td, #borderGray th {
	border: 1px solid #999999;
	padding: 10px 12px;
}

#borderGray th {
	background-image:url(../images/bgr/bgr_saiyo.gif);
	background-repeat:no-repeat;
	text-align:left;
	color:#333333;
}

#borderGray td {
	font-size:100%;
	line-height:1.6em;
	background-color:#FFFFFF;
}

/*--------------------*/
table#borderRates {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
}

#borderRates tbody th {
	background-color:#EBFAF9;
	color: #354042;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border-left-color: #999999;
}

#borderRates td, #borderRates th {
	border: 1px solid #999999;
	padding: 8px 0px;
	font-size:90%;
}

#borderRates td {
	text-align:center;
	background-color:#FFFFFF;
}

#borderRates thead {
	background-color:#CCCCCC;
	color:#666666;
}

/*--------------------*/
table#borderAtm {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
}

#borderAtm th {
	background-color:#D7DDFB;
	color: #354042;
	border-right-color:#999999;
	border-bottom-color:#999999;
	border-left-color: #999999;
	font-size:90%;
}

#borderAtm td, #borderAtm th {
	border: 1px solid #999999;
	padding: 4px 4px;
}

#borderAtm td {
	font-size:90%;
	text-align:center;
}

/*--------------------*/
.borderA { }

table.borderA {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:100%;
}

.borderA th {
	background:url(../images/area/border_a_back_g.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#187567;
	padding: 4px 0px;
	border:none;
}

.borderA th.yellow {
	background:url(../images/area/border_a_back_y.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#666666;
}

.borderA th.red {
	background:url(../images/area/border_a_back_r.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#666666;
	padding: 4px 0px;
}

.borderA td {
	border: 1px solid #999999;
	padding: 6px 4px;
}

.borderA .alt td { background-color: #edf7e9; }

.borderA tbody .alt th { background-color:#FFFFBB; }

.borderA td { line-height:1.6em; }

.borderA thead {
	background-color:#006699;
	color:#FFFFFF;
}

/*--------------------*/
.borderB { }

table.borderB {
	border-collapse: collapse;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	padding-bottom:5px;
	margin-bottom:20px;
	font-size:100%;
}

.borderB th {
	background:url(../images/area/border_a_back_g.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#187567;
	padding: 4px 0px;
}

.borderB th.red {
	background:url(../images/area/border_a_back_e.gif);
	background-position:center top;
	background-repeat:no-repeat;
	color:#FFFFFF;
	padding: 4px 0px;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
}

.borderB td {
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	padding: 6px 4px;
}

.borderB .alt td { background-color: #edf7e9; }

.borderB tbody .alt th { background-color:#FFFFBB; }

.borderB td { line-height:1.6em; }

.borderB thead {
	background-color:#006699;
	color:#FFFFFF;
}

/*******************************************
テーブル
*******************************************/
div.endNavi {
	text-align:right;
	padding:10px 0;
	border-top:1px solid #CCCCCC;
}

div.newsNavi {
	text-align:right;
	padding:0 0 20px 0;
}

.orangeTxt {
	font-size:85%;
	color:#FF6600;
	font-weight:normal;
}

.newsImg {
	width:630px;
	background-color:#FFFFFF;
	text-align:center;
	margin:10px 0;
}

.tenpoImg {
	border:1px #CCCCCC solid;
	padding:5px;
}

/*table#tenpo { font-size:100%; }*/

.address {
	background-image:url(../images/icon/icon_address.gif);
	background-repeat:no-repeat;
	padding:0 0 5px 65px;
	font-size:90%;
}

.tel {
	background-image:url(../images/icon/icon_tel.gif);
	background-repeat:no-repeat;
	padding:0 0 5px 65px;
	font-size:90%;
}

p.campaineTitle {
	border-left:3px #CC9900 solid;
	font-size:110%;
	font-weight:600;
	padding-left:10px;
	margin-bottom:5px;
	color:#CC9900
}

table.campaine { border:2px #E1E1E1 solid; }

p.campaineTxt {
	font-size:85%;
	line-height:16px;
}

div.tenpoDetail {
	width:300px;
	margin:10px 0 0 10px;
}

ul.link {
	list-style:circle;
	list-style-position:inside;
}

ul.link li { margin-bottom:5px; }

ul.link li span {
	background-image:url(../images/icon/icon_link.gif);
	background-repeat:no-repeat;
	background-position:right;
	padding-right:12px;
}

ul.sitemap {
	list-style:circle;
	list-style-position:inside;
}

ul.sitemap li { margin-bottom:5px; }

ul.sitemap ul { }

ul.sitemap ul li {
	list-style:url(../images/icon/icon_sitemap.gif);
	list-style-position:inside;
	padding-left:20px;
}

/*
*/
ul#banking {
	list-style:none;
	background-image:url(../images/banking/banking_menu.gif);
	height:153px;
	width:632px;
	margin-bottom:20px;
}

ul#banking li {
	width:158px;
	float:left;
}

ul#banking li a {
	display:block;
	height:153px;
	text-indent:-200px;
	background-image:url(../images/banking/banking_menu.gif);
	overflow:hidden;
}

ul#banking li a.mn01 { background-position:0px 0px; }

ul#banking li a:hover.mn01 { background-position:0px 153px; }

ul#banking li a.mn02 { background-position:474px 0px; }

ul#banking li a:hover.mn02 { background-position:474px 153px; }

ul#banking li a.mn03 { background-position:316px 0px; }

ul#banking li a:hover.mn03 { background-position:316px 153px; }

ul#banking li a.mn04 { background-position:158px 0px; }

ul#banking li a:hover.mn04 { background-position:158px 153px; }

ul.numberList {
	list-style:decimal;
		padding-left:25px;
		padding-bottom:20px;
}

ul.numberList li {
	line-height:18px;

}

ul.numberList li.caution {
	line-height:14px;
	list-style:none;
	color:#0099CC;
	font-size:85%;
}


ul.bankTopic {
}
ul.bankTopic li {
	line-height:18px;
	list-style:none;
	font-size:100%;
	border:1px dotted #666666;
	padding:8px;
	font-weight:600;
	background-color:#FDE6C4;
	margin-bottom:10px;
}

/*******************************************
テキスト
*******************************************/
.bankTxt3 {
	font-weight:600;
	color:#FF3300;
	padding:5px;
	font-size:100%;
	border:2px #E7E7E7 solid;
}

.text12 {
	font-size:90%;
	text-align:left;
}

.bankTxt {
	font-weight:600;
	color:#be2525;
	margin-bottom:5px;
	padding-left:5px;
	font-size:100%;
	border-left:3px #CCCCCC solid;
}

.bankTxt2 {
	font-weight:600;
	color:#be2525;
	margin-bottom:5px;
	padding-left:5px;
	font-size:100%;
	border-left:3px #CCCCCC solid;
	margin-top:20px;
}

.ratesTxt {
	font-weight:600;
	color:#0099CC;
	margin-bottom:5px;
	padding-left:5px;
	font-size:120%;
	border-left:3px #CCCCCC solid;
}

.ratesDate {
	border-top:1px #CCCCCC dotted;
	padding:5px 0;
	margin:2px 0;
	color:#333333;
	text-align:right;
	font-size:90%;
}

.linkTxt {
	border-bottom:1px #CCCCCC dotted;
	border-top:1px #CCCCCC dotted;
	padding:5px 0;
	margin:10px 0;
	font-weight:600;
}

.bankTitleTxt {
	border-bottom:1px #CCCCCC dotted;
	border-top:1px #CCCCCC dotted;
	padding:5px 0;
	margin:10px 0;
	font-weight:600;
	color:#CC3300;
}

.red { color:#990000; }

div#rules { font-size:90%; }

div#rules ul {
	list-style:none;
	font-weight:600;
}

div#rules ul strong {
	list-style:none;
	font-weight:normal;
	color:#666666;
}

div#rules ul li {
	margin-bottom:10px;
	margin-top:20px;
	line-height:16px;
}

div#rules ul ul {
	margin-left:15px;
	font-weight:normal;
	list-style:decimal;
	padding:0 0 0px 5px;
	margin-bottom:5px;
	margin-top:0;
}

div#rules ul ul li {
	border-bottom:1px solid #DBDBDB;
	margin-bottom:5px;
	margin-top:0;
}

div#rules ul ul li.none {
	border:none;
	list-style:none;
	margin-left:-15px;
	padding-left:0px;
	margin-bottom:10px;
	margin-top:0;
}

div#rules ul ul ul {
	margin-left:15px;
	padding-left:0px;
	font-weight:normal;
	list-style:upper-roman;
	margin-bottom:5px;
	margin-top:0;
}

div#rules ul ul ul li {
	border:none;
	margin-top:0;
	margin-bottom:2px;
}

div#rules ul ul ul li.none {
	border:none;
	list-style:none;
	margin-left:-15px;
	padding-left:0px;
	margin-top:0;
}

div#rules ul ul ul ul {
	margin-left:15px;
	padding-left:0px;
	font-weight:normal;
	list-style:lower-roman;
	margin-bottom:5px;
	margin-top:0;
}

div#rules ul ul ul ul li.none {
	border:none;
	list-style:none;
	margin-left:-15px;
	padding-left:0px;
	margin-bottom:0px;
	margin-top:0;
}

div#rules ul ul ul ul ul {
	margin-left:15px;
	padding-left:0px;
	font-weight:normal;
	list-style:lower-latin;
	margin-bottom:5px;
	margin-top:0;
}

div#rules ul ul ul ul ul ul {
	margin-left:15px;
	padding-left:0px;
	font-weight:normal;
	list-style:disc;
	margin-bottom:5px;
	margin-top:0;
}

ul.flower {
	margin-left:15px;
	font-size:100%
}

ul.flower li { margin:2px 0; }

ul.flower li.camera {
	background-image:url(../images/area/camera.gif);
	background-repeat:no-repeat;
	background-position:right;
}

p.pdf {
	padding-left:15px;
	font-size:100%;
	background-image:url(../images/icon/icon_pdf.gif);
	background-repeat:no-repeat;
	background-position:0px 2px;
}
/*******************************************
end
*******************************************/

