@charset "UTF-8";

/* 基本
---------------------------------------------*/
body {
	color: #333333;
	font-size: 85%;
	font-family: "ヒラギノ角ゴ Pro W3", meiryo, "MS PGothic", sans-serif;
	background: #fff;
}
img {
	vertical-align: top;
}
a {
	color: #3366CC;
}
a:visited {
	color: #333333;
}
a:hover,
a:focus {
	color: #3366CC;
}
a:active {
	color: #CC3300;
}
p {
	margin-bottom: 5px;
	line-height: 125%;
}
td {
	padding: 3px;
font-size: 100%;
}
#wrapper {
	width: 760px;
	padding: 0 10px;
	margin: 0 auto;
	background: #FFFFFF;
}
#header {
	position: relative;
}
#content {
	background : url(../images/header_bg.gif) repeat-x left bottom;
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 5px;
}
#content #all {
	float: left;
	width: 100%;
}
#content #primary {
	float: right;
	width: 570px;
	padding-top: 10px;
}
#content #secondary {
	float: left;
	width: 170px;
	padding-top: 10px;
}
#footer {
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 20px;
}
#content_index {
	background : url(../images/header_bg.gif) repeat-x left top;
	clear: both;
	width: 100%; /* for WinIE6,7 */
	padding-top: 5px;
}
#content_index #primary_index {
	padding-top: 10px;
}
#content_index #primary_info {
	padding-top: 5px;
	float: left;
	width: 510px;
	_overflow: hidden; /* for WinIE 5,6 */
	font-size: 100%;
}
#content_index #secondary_info {
	padding-top: 20px;
	float: right;
	width: 230px;
	_overflow: hidden; /* for WinIE 5,6 */
}
#content_index #single_info {
	padding-top: 5px;
	float: left;
	width: 760px;
	_overflow: hidden; /* for WinIE 5,6 */
	font-size: 100%;
}
#line_index {
	height: 222px;
	position: relative;
	padding-bottom: 0px;
	background : url(../images/header_bg_index.gif) repeat-x left bottom;
}
/* ロゴとユーチリチナビゲーション
---------------------------------------------*/
#logo {
	padding: 10px 0 8px 0;
}
#hogaraka_logo {
	position: absolute;
	right: 10px;
	top: 0px;
	width: 120px;
}
#hogaraka {
	position: absolute;
	left: 200px;
	top: 53px;
	width: 500px;
	font-size: 16px;
	color: #777
}
#hogaraka2 {
	position: absolute;
	right: 0px;
	top: 55px;
	width: 250px;
	font-size: 14px;
	color: #777
}
#utilityNavigation {
	position: absolute;
	right: 0;
	top: 25px;
	width: 170px;
	font-size: 90%;
	line-height: 1.2;
}
#utilityNavigation li {
	position: absolute;
	top: 0;
	width: 8em;
}
#utilityNavigation li#navSiteMap {
	top: 15px;
	right: 9em;
}
#utilityNavigation li#navInquiry {
	top: 15px;
	right: 0;
}
#utilityNavigation li a {
	padding-left: 12px;
	text-decoration: none;
}
#utilityNavigation li#navSiteMap a {
	background : url(../images/ico_sitemap.gif) no-repeat left center;
}
#utilityNavigation li#navInquiry a {
	background : url(../images/ico_mail.gif) no-repeat left center;
}

/* グローバルナビゲーション
---------------------------------------------*/
#globalNavigation {
	height: 34px;
	width: 760px;
	margin-top:12px;
	padding-top:5px;
	background : url(../images/header_bg.gif) repeat-x left top;
}
#globalNavigation li {
	font-size: 16px;
	float: left;
	height: 34px;
	line-height: 34px;
	border-right: 1px dotted #aaa;
}
#globalNavigation li a {
	width:100px;
	display: block;
	color: #95c61f;
	color: #00994d;
	text-decoration: none;
	padding-left: 50px;
}
#globalNavigation li a:hover,
#globalNavigation li a:focus {
	color: #95c61f;
	text-decoration: underline;
}
#globalNavigation .menu1{
	background : url(../images/imo.png) no-repeat left top;
}
#globalNavigation .menu2{
	background : url(../images/imo6.png) no-repeat left top;
}
#globalNavigation .menu3{
	background : url(../images/imo3.png) no-repeat left top;
}
#globalNavigation .menu4{
	background : url(../images/imo4.png) no-repeat left top;
}
#globalNavigation .menu5{
	background : url(../images/imo5.png) no-repeat left top;
}
/* パンくずリスト
---------------------------------------------*/
#topicPath {
	margin: 15px 0 5px 0;
	font-size: 90%;
	line-height: 1.2;
}
#topicPath li {
	float: left;
	padding-left: 12px;
}
#topicPath li.first {
	padding-left: 10px;
}
#topicPath li.last {
	font-size: 115%;
}

/* 下階層への
---------------------------------------------*/
#topics h2 {
	font-size: 130%;
}
#topics b {
	font-size: 130%;
}
#topics td {
	font-size: 115%;
}
#lead p.leadSentence {
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 110%;
	padding-left: 10px;
}
#lead p.leadSale {
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 130%;
	padding-left: 10px;
}
#lead p.leadInfo {
	line-height: 1.5;
	margin-bottom: 20px;
	font-size: 120%;
	font-family: Arial;
	font-weight: bold;
	padding-left: 10px;
}
#lead p.leadSale img{
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
}
#lead p.leadSentence img{
	float:right;
	margin-left: 10px;
	margin-bottom: 5px;
}

#lead .column {
	clear: both;
	width: 100%; /* for WinIE6,7 */
}
#lead .column .section {
	width: 275px;
}
#lead .column #leadPurpose,
#lead .column #leadTerms {
	float: left;
}
#lead .column #leadEnvironment,
#lead .column #leadAccess {
	float: right;
}

#lead .column .section h2 {
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	font-weight: normal;
	line-height: 1;
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	background : url(../images/lead_a_bg.gif) no-repeat left center;
	text-decoration: none;
}
#lead .column .section h3 a {
	border-top: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	font-weight: normal;
	line-height: 1;
	display: block;
	width: 235px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	background : url(../images/lead_a_bg.gif) no-repeat left center;
	text-decoration: none;
}
#lead .column .section h3 a:hover {
	background : url(../images/lead_a_bg.gif) no-repeat right center;
}
#lead .column .section p {
	margin: 7px 10px 18px 10px;
	line-height: 1.5;
}
#lead .column .section2 {
	width: 550px;
}
#lead .column .section2 h2 {
	font-weight: bold;
	line-height: 1;
	font-size: 125%;
	text-indent: 10px;
	display: block;
	color:black;
	width: 520px; /* for WinIE6 */
	padding: 13px 30px 10px 10px;
	background : url(../images/lead_a_bg2.jpg) no-repeat left center;
	text-decoration: none;
}
#lead .column .section2 h2 a{
	color:black;
}
#lead .column .section2 p {
	margin: 7px 10px 18px 10px;
	line-height: 1.5;
}
#lead .column .section2 h3 {
	font-weight: bold;
	line-height: 1;
	font-size: 120%;
	text-indent: 26px;
	display: block;
	width: 510px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	background : url(../images/lead_a_bg3.jpg) no-repeat left center;
	text-decoration: none;
}
#lead .column .section2 h4 {
	font-weight: normal;
	line-height: 1;
	font-size: 120%;
	text-indent: 26px;
	display: block;
	width: 200px; /* for WinIE6 */
	padding: 10px 30px 10px 10px;
	background : url(../images/lead_a_bg3.jpg) no-repeat left center;
	text-decoration: none;
}

/* ローカルナビゲーション
---------------------------------------------*/
#localNavigation ul {
	background: #F5F5F5;
	line-height: 1.2;
}
#localNavigation ul li {
	padding-bottom: 2px;
	background : url(../images/ln_li_bg.gif) repeat-x left bottom;
}
#localNavigation ul li a {
	display: block;
	width: 142px; /* for WinIE6 */
	padding: 8px 10px 8px 18px;
	background : url(../images/arrow_big.gif) no-repeat 9px 13px;
	text-decoration: none;
}
#localNavigation ul li a:hover,
#localNavigation ul li a:focus {
	background : #e6e6e6 url(../images/arrow_big.gif) no-repeat 11px 13px;
}
#localNavigation ul li ul {
	margin-left: 20px;
	font-size: 90%;
}
#localNavigation ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#localNavigation ul li ul li a {
	width: 126px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background : url(../images/arrow_small.gif) no-repeat 6px 11px;
}
#localNavigation ul li ul li a:hover,
#localNavigation ul li ul li a:focus {
	background : #e6e6e6 url(../images/arrow_small.gif) no-repeat 7px 11px;
}

---------------------------------------------*/
/* サイトナビゲーション
---------------------------------------------*/

#siteNavigation ul {
	background: #FFFFFF;
	line-height: 1.2;
}
#siteNavigation ul li {
	margin-left: 50px;
	padding-bottom: 2px;
	background : url(../images/ln_li_bg.gif) repeat-x left bottom;
}
#siteNavigation ul li a {
	display: block;
	width: 472px; /* for WinIE6 */
	padding: 8px 10px 8px 18px;
	background : url(../images/arrow_big.gif) no-repeat 9px 13px;
	text-decoration: none;
}
#siteNavigation ul li a:hover,
#siteNavigation ul li a:focus {
	background : #e6e6e6 url(../images/arrow_big.gif) no-repeat 11px 13px;
}
#siteNavigation ul li ul {
	margin-left: 50px;
}
#siteNavigation ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#siteNavigation ul li ul li a {
	width: 376px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background : url(../images/arrow_big.gif) no-repeat 6px 11px;
}
#siteNavigation ul li ul li a:hover,
#siteNavigation ul li ul li a:focus {
	background : #e6e6e6 url(../images/arrow_small.gif) no-repeat 7px 11px;
}
#siteNavigation ul li ul li ul {
	margin-left: 50px;
	font-size: 90%;
}
#siteNavigation ul li ul li ul li {
	padding-bottom: 0;
	background: none;
	border-top: 1px solid #E5E5E5;
}
#siteNavigation ul li ul li ul li a {
	width: 276px; /* for WinIE6 */
	padding: 6px 10px 6px 14px;
	background : url(../images/arrow_small.gif) no-repeat 6px 11px;
}
#siteNavigation ul li ul li ul li a:hover,
#siteNavigation ul li ul li ul li a:focus {
	background : #e6e6e6 url(../images/arrow_small.gif) no-repeat 7px 11px;
}

---------------------------------------------*/
.sectionBlock01 {
	margin: 0 0 20px 0;
}
.sectionBlock01 h1 {
	margin: 10px 0 8px 0;
	padding: 12px 10px 2px 20px;
	border-bottom: 1px dotted #999;
	background : url(../images/maru.png) no-repeat 0px 11px;
	line-height: 1;
	font-size: 125%;
	font-weight: bold;
}
.sectionBlock01 h2 {
	margin: 10px 0 8px 0;
	padding: 12px 10px 2px 20px;
	border-bottom: 1px dotted #999;
	background : url(../images/maru.png) no-repeat 0px 11px;
	line-height: 1;
	font-size: 125%;
	font-weight: bold;
}.sectionBlock01 h3 {
	margin: 10px 0 8px 0;
	padding: 12px 10px 2px 20px;
	border-bottom: 1px dotted #999;
	background : url(../images/maru.png) no-repeat 0px 11px;
	line-height: 1;
	font-size: 125%;
	font-weight: bold;
}#primary_info .sectionBlock01 .linkList02 {
	margin: -6px 10px 10px 10px;
}
#primary_info .sectionBlock01 h4 {
	margin: 10px 0 10px 0;
	padding: 12px 10px 11px 10px;
	border-bottom: 1px dotted #555;
	background : #f8f8f8 url(../images/primary_hn_bg_01.gif) repeat-x;
	line-height: 1;
	font-size: 125%;
	font-weight: bold;
}

#secondary_info .sectionBlock01 {
	margin: 0 0  10px 0;
}
#secondary_info .sectionBlock01 h3 {
	margin: 10px 0 1px 0;
	padding: 12px 10px 11px 10px;
	border-bottom: 1px solid #E5E5E5;
	background : #f8f8f8 url(../images/primary_hn_bg_01.gif) repeat-x;
	line-height: 1;
	font-size: 125%;
	font-weight: bold;
}
#secondary_info .sectionBlock01 .imageList01 {
	padding: 5px 0px;
}
#saleSupport li {
	padding: 3px 0px;
	margin: 0 auto 0 auto;
	text-align: center;
}
.sale {
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
	height: 100%;
	margin-bottom: 5px;
}
.sale h4 {
	margin: 1px 0 3px 0;
	color: #ffaa00;
	font-size: 110%;
	font-weight: normal;
}
.sale img{
	float: left;
	padding: 5px;
	background : #f0f0f0;
	border: 1px solid #aaa;
	margin-right: 10px;
}
.sale .photo{
	float: right;
	padding: 5px;
	background : #f0f0f0;
	border: 1px solid #aaa;
	margin-right: 10px;
}
.sale p{
	padding: 0 5px 5px 5px;
	clear: right;
}
.sale_title{
	font-size: 120%;
	font-weight: bold;
	color: #ffaa00;
	float: left;
}
.sale_price{
	font-size: 120%;
	font-weight: bold;
	color: #ffaa00;
	float: right;
	margin-right: 30px;
}
/* 通常のリンクリスト
---------------------------------------------*/
ul.linkList02 {
	line-height: 1.2;
	font-size: 125%;
}
ul.linkList02 li {
	height: 1%; /* for WinIE5 */
	border-bottom: 1px solid #e5e5e5;
	padding: 6px 0 6px 14px;
	background : url(../images/arrow_01.gif) no-repeat 0px 11px;
}
ul.linkList02 li.lastChild {
	margin: 0 0 -6px 0;
	border-bottom: none;
}

ul.linkList03 {
	line-height: 1.1;
	font-size: 110%;
}
ul.linkList03 li {
	height: 1%; /* for WinIE5 */
	border-bottom: 1px solid #e5e5e5;
	padding: 2px 0 2px 14px;
	background : url(../images/arrow_01.gif) no-repeat 0px 16px;
}
ul.linkList03 li.lastChild {
	margin: 0 0 -6px 0;
	border-bottom: none;
}

/* フッターナビゲーション
---------------------------------------------*/
#footerNavigation {
	padding-left: 10px;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1.2;
}
#footerNavigation li {
	float: left;
	margin-right: 10px;
	padding: 8px 0;
}
#footerNavigation li a {
	display: block;
	padding-left: 6px;
	background : url(../images/arrow_small.gif) no-repeat left center;
	text-decoration: none;
}
#copyright {
	clear: both;
	width: 726px; /* for WinIE6,7 */
	padding: 20px 17px;
	background: #F5F5F5;
	border-top: 1px solid #E5E5E5;
	font-size: 90%;
	line-height: 1;
}

.tableBasic,.tableBasic th,.tableBasic td,
.tableColor01,.tableColor01 th,.tableColor01 td {
	border: 1px solid #CCCCCC;
	border-collapse: collapse;
}
.tableBasic,
.tableColor01{
	margin:5px 0;
}

.tableBasic th,.tableBasic td,
.tableColor01 th,.tableColor01 td {
	padding: 3px 5px;
}
.tableBasic th{
	background-color: #EFF0EF;
	font-size: 90%;
}
	
	#dhtmlgoodies_menu ul li ul{
		display:none;	
	}
		
	#dhtmlgoodies_menu{	
		visibility:hidden;	
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	
		padding:0px;	
	}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
	}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	
	

	
	/***********************************************************************
		メニュー用のCSS 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
		border:1px solid #000;
		background-color:#FFF;
		padding:1px;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{
		border:0px;
		padding:1px;
		border:1px solid #317082;
		background-color:#E2EBED;
		overflow:visible;
	}
	#dhtmlgoodies_menu ul.menuBlock2{
		border:0px;
		padding:1px;
		border:1px solid #555;
	}
	
	#dhtmlgoodies_menu a{
		color: #000;
		text-decoration:none;
		padding-left:2px;
		padding-right:2px;
	
	}
	
	.off{display:none;}
	.on{display:block;}

	#mod_netbankcont {
		vertical-align: top;
		text-align: center;
		background-image: url(http://www.jabank.org/common/images/rightnav/netbank_bg.gif);
		background-position: bottom;
		background-repeat: no-repeat;
		padding-top: 0px;
		padding-right: 0px;
		padding-bottom: 7px;
		padding-left: 0px;
		margin: 0px;
	}