@charset "utf-8";

/*-----------------------------------すべての要素を初期化*/
/*  
Copyright (c) 2006, Yahoo! Inc. All rights reserved.  
Code licensed under the BSD License:  
http://developer.yahoo.net/yui/license.txt  
version: 0.10.0  
*/  
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}  
html { height: 100%; margin-bottom: 1px; }
table{border-collapse:collapse;border-spacing:0;}  
fieldset,img{border:0;}  
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}  
ol,ul {list-style:none;}  
caption {text-align:left;}
input,textarea,select { font-family: inherit; font-size: inherit; font-weight: inherit; color: inherit; }
input,textarea,select { *font-size: 100%; }
input { _margin: -1px 0; }  
sup,sub { vertical-align: baseline; position: relative; }
sup { top: -4px }
sub { top: 4px }
th { vertical-align: top; font-weight: normal; text-align: left; }
td { vertical-align: top; }
h1,h2,h3,h4,h5,h6{font-size:100%; font-weight:normal;}
q:before,q:after{content:'';}
hr { display: none;}
/*-----------------------------------clearfixハック*/
.clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
.clear {display: inline-block;}
/* Hides from IE-mac \*/
* html .clear {height: 1%;}
.clear {display: block;}
/* End hide from IE-mac */
/*-----------------------------------回り込み解除*/
.clearBoth { clear: both; }
/*-----------------------------------基本セッティング*/
body{ font:12px "ＭＳ Ｐゴシック", "Osaka",arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small; color: #333; background: url(/common/images/bk.gif) repeat-x; }
a{ outline : 0 ;}
a {	color: #0A51A1; text-decoration: none; }
a:hover { color: #0A51A1; text-decoration: underline; }
td,th,li,p { line-height: 1.5; }
strong,em { font-weight: bold; }
/*-----------------------------------マージン*/
.marT2 { margin-top: 2px; }
.marT5 { margin-top: 5px; }
.marT10 { margin-top: 10px; }
.marT20 { margin-top: 20px; }
.marB10 { margin-bottom: 10px; }
.marB20 { margin-bottom: 20px; }
.marR10 { margin-right: 10px; }
.marL5 { margin-left: 5px; }
.marL10 { margin-left: 10px; }
.marL20 { margin-left: 20px; }
.padL10 {padding-left: 10px; }
/*-----------------------------------線*/
.bdr { border: 1px solid #999; }
.bdrTop { border-top: 1px solid #fff; }
.bdrTop02 { border-top: 2px dotted #999; }
/*-----------------------------------テキスト位置*/
.fRight { float: right;}
.fLeft { float: left;}
.txtLeft { text-align: left; }
.txtRight { text-align: right; }
.center { text-align: center; }
.middle {vertical-align: middle; }
.bottom {vertical-align: bottom; }
/*-----------------------------------リスト*/
.list01 li{	list-style-position: outside; list-style-type: disc; margin: 3px 0 0 25px;}
.list02 li{	list-style-position: outside; list-style-type: disc; margin: 3px 0 0 20px;}
.list03 li{	list-style-position: outside; list-style-type: disc;}
.list04 li{	list-style-position: outside; list-style-type: disc; margin: 3px 0 0 20px; font-weight: bold; font-size: 13px; color:#CC0000;}
.list05 li{	list-style-position: outside; list-style-type: decimal; margin: 3px 0 0 25px;}
.list06 li{
	list-style-position: outside;
	list-style-type: none;
	margin: 3px 0 0 20px;
	list-style-image: url(/common/images/circle02.gif);
}

/*-----------------------------------フォント設定*/
.normal { color: #333; font-weight: normal; }
.must { color: #cc0000; font-weight: bold; }
.copy { color: #CC0000; font-weight: bold; font-size: 14px; }
.bold { font-weight: bold; }
.color01 { color: #5E0023; }
.color02 { color: #CC0000; }
.color03 { color: #ff0000; }
.color04 { 	color: #0a51a1; }
.error li { color: #CC0000; }
.small { font-size: 10px; }
.large { font-size: 14px; }
.xlarge { font-size: 16px; }
.xxlarge { font-size: 18px; }
/*-----------------------------------外枠*/
#wrapper {
	width:750px;
	margin: 0 auto;
	position: relative;
	border: 1px solid #c0c0c0;
}
/*-----------------------------------ヘッダー*/
#header {
	width:750px;
	height: 65px;
	margin-bottom: 5px;
	position: relative;
	background: url(/common/images/header.gif) repeat-x bottom;
}
#header h1{
	position: absolute;
	top: 12px;
	left: 12px;
}
#headernav {
	position: absolute;
	width: 365px;
	height: 12px;
	left: 374px;
	top: 43px;
}
#headernav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
	float: left;
	line-height: 0;
}
#headernav li a{
	display:block;
	height: 12px;
	text-decoration: none;
}
#headernav li#navSitemap a{ background: url(/common/images/nav_header.gif) no-repeat 0px 0px; width: 97px;}
#headernav li#navSitemap a:hover{ background: url(/common/images/nav_header.gif) no-repeat 0px -12px; }
#headernav li#navInquiry a{ background: url(/common/images/nav_header.gif) no-repeat -97px 0px; width: 97px;}
#headernav li#navInquiry a:hover{ background: url(/common/images/nav_header.gif) no-repeat -97px -12px; }
#headernav li#navRequest a{ background: url(/common/images/nav_header.gif) no-repeat -194px 0px; width: 75px;}
#headernav li#navRequest a:hover{ background: url(/common/images/nav_header.gif) no-repeat -194px -12px; }
#headernav li#navQa a{ background: url(/common/images/nav_header.gif) no-repeat -269px 0px; width: 96px;}
#headernav li#navQa a:hover{ background: url(/common/images/nav_header.gif) no-repeat -269px -12px; }

/*-----------------------------------フッター*/
#footer {
	width:750px;
	background: url(/common/images/footer.gif) repeat-x top;
}
#footerNav {
	padding: 5px 0 0 10px;
}
#footerNav a{
	color: #333;
}
#code {
	padding: 3px 10px 0 10px;
}
#copyright {
	text-align: right;
	padding: 0 10px 3px 0;
	color: #0A50A1;
}
/*-----------------------------------グローバルナビゲーション*/
#nav ul{
	width: 750px;
	height: 28px;
}
#nav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
	float: left;
}
#nav li a{
	display:block;
	height: 28px;
	text-decoration: none;
}
#nav li#navIndex a{ background: url(/common/images/nav.gif) no-repeat 0px 0px; width: 100px;}
#nav li#navIndex a:hover{ background: url(/common/images/nav.gif) no-repeat 0px -28px; }
#nav li#navIndividual a{ background: url(/common/images/nav.gif) no-repeat -100px 0px; width: 150px;}
#nav li#navIndividual a:hover{ background: url(/common/images/nav.gif) no-repeat -100px -28px; }
#nav li#navCorporate a{ background: url(/common/images/nav.gif) no-repeat -250px 0px; width: 150px;}
#nav li#navCorporate a:hover{ background: url(/common/images/nav.gif) no-repeat -250px -28px; }
#nav li#navCompany a{ background: url(/common/images/nav.gif) no-repeat -400px 0px; width: 195px;}
#nav li#navCompany a:hover{ background: url(/common/images/nav.gif) no-repeat -400px -28px; }
#nav li#navRecruit a{ background: url(/common/images/nav.gif) no-repeat -595px 0px; width: 155px;}
#nav li#navRecruit a:hover{ background: url(/common/images/nav.gif) no-repeat -595px -28px; }

/*-----------------------------------メイン枠*/
#container  {
	width: 737px;
	padding: 5px 8px 10px 5px;
	background:url(/common/images/body.gif) repeat-y right top;
}
#container:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
#container {display: inline-block;}
/* Hides from IE-mac \*/
* html #container {height: 1%;}
#container{display: block;}
/* End hide from IE-mac */
#main {
	float: left;
	width: 570px;
}
/*-----------------------------------メイン枠右ナビゲーションエリア*/
#mainNavArea {
	float: right;
	width: 153px;
}
#mainNav{
	width: 153px;
	height: 121px;
	margin-top: 5px;
}
#mainNav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
	float: left;
}
#mainNav li a{
	display:block;
	width: 153px;
	height: 30px;
	text-decoration: none;
}
#mainNav li#navBranch a{ background: url(/common/images/nav_right.gif) no-repeat 0px 0px;}
#mainNav li#navBranch a:hover{ background: url(/common/images/nav_right.gif) no-repeat -153px 0px; }
#mainNav li#navCharge a{ background: url(/common/images/nav_right.gif) no-repeat 0px -30px;}
#mainNav li#navCharge a:hover{ background: url(/common/images/nav_right.gif) no-repeat -153px -30px; }
#mainNav li#navService a{ background: url(/common/images/nav_right.gif) no-repeat 0px -60px;}
#mainNav li#navService a:hover{ background: url(/common/images/nav_right.gif) no-repeat -153px -60px; }
#mainNav li#navBanking a{ background: url(/common/images/nav_right.gif) no-repeat 0px -90px; height:31px;}
#mainNav li#navBanking a:hover{ background: url(/common/images/nav_right.gif) no-repeat -153px -90px; }

#serviceNav {
	width: 153px;
	height: 225px;
	margin-top: 5px;
}
#serviceNav li{
	display:block;
	text-indent: -9999px;
	list-style-type: none;
	float: left;
}
#serviceNav li a{
	display:block;
	width: 153px;
	height: 45px;
	text-decoration: none;
}
#serviceNav li#navPayeasy a{ background: url(/common/images/nav_right02.gif) no-repeat 0px 0px;}
#serviceNav li#navMoneyport a{ background: url(/common/images/nav_right02.gif) no-repeat 0px -45px;}
#serviceNav li#navFureainet a{ background: url(/common/images/nav_right02.gif) no-repeat 0px -90px;}
#serviceNav li#navShinkinkakumei a{ background: url(/common/images/nav_right02.gif) no-repeat 0px -135px; height: 46px;}
#serviceNav li#navShinkinkeieijuku a{ background: url(/common/images/nav_right02.gif) no-repeat 0px -180px; height: 46px;}

#assapaMsg {
	font-size: 11px;
}