/*
=============================================
[c!]COLORS -Think Innovation!-
http://www.colors.gr.jp/
info@colors.gr.jp
(C)2005 COLORS Co.,Ltd. All Rights Reserved.
--
Author: MIKI @ COLORS! Coding Division
Version: 2007-06-12
---------------------------------------------

File Name : base.css

=============================================
*/

/* *******************
Main Style
******************** */
body {
	margin:0;
	padding:0;
	color:#474747;
	background:#F0F0F0;
	text-align:center;
}

body#index {
	margin:0;
	padding:0;
	color:#474747;
	/* background:#F0F0F0 url("../img/bg.gif") center repeat-y; */
	background-image:none;
	background-color:#F0F0F0;
	text-align:center;
}

body#swin {
	margin:0;
	padding:0;
	color:#474747;
	background:#FFFFFF url("../img/bg2.gif") repeat-y;
	text-align:left;
}

div#mainContents {
	background:url("../img/bg.gif") center repeat-y;
	height:100%;
	width:760px;
	margin:0 auto;
	text-align:left;
	
}

/* *******************
Anchor Style
******************** */
a.linkicon {
	color:#0C155D;
	text-decoration:underline;
}

a.linkicon:link {
	color:#0C155D;
	text-decoration:underline;
}

a.linkicon:visited {
	color:#0C155D;
	text-decoration:underline;
}

a.linkicon:hover {
	color:#E40019;
	text-decoration:underline;
}



a.site {
	color:#E40019;
	text-decoration:underline;
}

a.site:link {
	color:#E40019;
	text-decoration:underline;
}

a.site:visited {
	color:#E40019;
	text-decoration:underline;
}

a.site:hover {
	color:#E40019;
	text-decoration:underline;
}

/* footer navigation */
a.fnv {
	font-size:85%;
	color:#0C155D;
	text-decoration:none;
}

a.fnv:link {
	font-size:85%;
	color:#0C155D;
	text-decoration:none;
}

a.fnv:visited {
	font-size:85%;
	color:#0C155D;
	text-decoration:none;
}

a.fnv:hover {
	font-size:85%;
	color:#E40019;
	text-decoration:none;
}

a {
	color:#474747;
	text-decoration:underline;
}

a:link {
	color:#474747;
	text-decoration:underline;
}

a:visited {
	color:#474747;
	text-decoration:underline;
}

a:hover {
	color:#E40019;
	text-decoration:underline;
}

/* *******************
Another Style
******************** */
h1{
	margin:0;
	padding:0;
}

h1 img{
	margin:0 0 0 2px;
}

h2 {
	margin:26px 0 0 0;
	padding:0;
}

h3 {
	margin:0 0 18px 0;
	padding:0;
	background-color:#0C155D;
	width:660px;
}

#loan h3.vip {
	background-color:#7D7A76;
	width:630px;
}

#loan h3.cardless {
	background-color:#3373F9;
	width:630px;
}

#loan h3.ys {
	background-color:#4785B5;
	width:630px;
}

#loan h3.lyra {
	background-color:#F28BB8;
	width:630px;
}
#loan h3.vipfree {
	background-color:#66CC99;
	width:630px;
}
#loan h3.club {
	background-color:#F1804D;
	width:630px;
}
#loan h3.stock {
	background-color:#B28850;
	width:630px;
}
#loan h3.stock_cardleses {
	background-color:#81511C;
	width:630px;
}




#loan h3.bizloan {
	background-color:#EDA710;
	width:630px;
}

#atm h3 {
	margin:0 0 8px 0;
}

img {
	margin:0;
	padding:0;
	border:0;
}

p {
	margin:0;
	padding:0;
	font-size:80%;
	line-height:130%;
}

address {
	font:70% normal;
	margin:0 5px 0 0;
	color:#474747;
}

.idxBtnArea td img {
	vertical-align:bottom;
}


/* *******************
Class
******************** */
.wakuBG {
	background-color:#FFFFFF;
	background-image:url("../img/wakubg.gif");
}

.grayBdr {
	background-color:#CDCDCD;
}

.info {
	border:1px solid #CDCDCD;
	background-color:#F2F2F2;
}

.BGwhite {
	background-color:#FFFFFF;
}

.cardBG {
	background-color:#FFFFFF;
	background-image:url("../../card/img/cardbg.gif");
}

.bankTBLTHtop {
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	/*background-color:#F2F2F2;*/
	background-color:#D4D4D4;
	font-weight:normal;
}
.bankTBLTHtop2 {
	border-top:1px solid #999999;
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	border-right:1px solid #999999;
	/*background-color:#F2F2F2;*/
	background-color:#D4D4D4;
	font-weight:normal;
}

.bankTBLTH {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#F2F2F2;
	font-weight:normal;
	text-align:left;
}
.bankTBLTH2 {
	border-left:1px solid #999999;
	border-bottom:1px solid #999999;
	font-weight:normal;
	text-align:left;
}

.bankTBLTDtop {
	border-top:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
}

.bankTBLTD {
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FFFFFF;
}
.bankTBLTDpeach {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#FECFDD;
}
.bankTBLTDskyblue {
	border-left:1px solid #999999;
	border-right:1px solid #999999;
	border-bottom:1px solid #999999;
	background-color:#C2EAFF;
}


.atmTBLviolet {
	border-left:1px solid #98A0D8;
	border-right:1px solid #98A0D8;
}

.atmTBLorange {
	border-left:1px solid #F5AF07;
	border-right:1px solid #F5AF07;
}

.atmTBLgreen {
	background-color:#FFFFFF;
	background-image:url("../../atm/img/b_grnbg.gif");
}

.atmTBLpink {
	background-color:#FFFFFF;
	background-image:url("../../atm/img/b_pinkbg.gif");
}

.atmTBLblue {
	border-left:1px solid #269990;
	border-right:1px solid #269990;
}

.cmProf {
	margin:0 0 0 15px;
	font-size:70%;
}

p.warning {
	padding:0 0 0 1em;
	text-indent:-1em;
}

/* *******************
Font style
******************** */
.indexNew {
	color:#368CC3;
}

.liBTitle {
	color:#0C155D;
	font-weight:bold;
}

.liTitle {
	color:#7C8DB5;
}

.FCindigo {
	color:#0C155D;
}

.FCpink {
	color:#E40019;
}

.FCpink02 {
	color:#D30017;
}

.bold {
	font-weight:bold;
}

/* *******************
Font size
******************** */
.FS70 {
	font-size:70%;
}

.FS85 {
	font-size:85%;
}

.FS82 {
	font-size:82%;
}

/* *******************
Padding
******************** */
.B10Padd {
	padding:0 0 10px 0;
}

.B15Padd {
	padding:0 0 15px 0;
}

.B18Padd {
	padding:0 0 18px 0;
}

.B23Padd {
	padding:0 0 23px 0;
}

.B28Padd {
	padding:0 0 28px 0;
}

.B52Padd {
	padding:0 0 52px 0;
}

.T6Padd {
	padding:6px 0 0 0;
}

.T15Padd {
	padding:15px 0 0 0;
}

.T25Padd {
	padding:25px 0 0 0;
}

.T30Padd {
	padding:30px 0 0 0;
}

.T15B8Padd {
	padding:15px 0 8px 0;
}

/* *******************
Margin
******************** */

table.tableMargin {
	margin:3px 0 0 0;
}

* html table.tableMargin {
	margin:0;
}

.TBRL2margin {
	margin:2px;
}

.TBRL8margin {
	margin:8px;
}

.B3margin {
	margin:0 0 3px 0;
}

.B5margin {
	margin:0 0 5px 0;
}

.B8margin {
	margin:0 0 8px 0;
}

.B10margin {
	margin:0 0 10px 0;
}

.B13margin {
	margin:0 0 13px 0;
}

.B15margin {
	margin:0 0 15px 0;
}

.B18margin {
	margin:0 0 18px 0;
}

.B23margin {
	margin:0 0 23px 0;
}

.B25margin {
	margin:0 0 25px 0;
}

.B30margin {
	margin:0 0 30px 0;
}

.B40margin {
	margin:0 0 30px 0;
}

.B50margin {
	margin:0 0 50px 0;
}

.T6margin {
	margin:4px 0 0 0;
}

.T25margin {
	margin:25px 0 0 0;
}

.T45margin {
	margin:45px 0 0 0;
}

.T2R3margin {
	margin:2px 3px 0 0;
}

.B10L10margin {
	margin:0 0 10px 10px;
}

.gaiyoTHMargin {
	margin:4px 0 3px 18px;
}

.L2margin {
	margin:0 0 0 2px;
}

/* *******************
Bread
******************** */
.contentInfo {
	margin:0 auto;
	width:660px;
}
ol#breadcrumbNav {
	margin: 0;
	padding: 10px 0 0;
	font-size: 12px;
	list-style: none;
}
ol#breadcrumbNav:before, ol#breadcrumbNav:after {
	content: "";
	display: block;
	overflow: hidden;
}
ol#breadcrumbNav:after {
	clear: both;
}
ol#breadcrumbNav li {
	margin: 0;
	padding: 0;
	float: left;
}
ol#breadcrumbNav a {
	margin: 0;
	padding: 0;
	color: #444;
}
ol#breadcrumbNav a + span {
	margin: 0;
	padding: 0 5px;
	display: inline-block;
}