/*budget*/

#budgetBook{
width: 660px;
margin: 0;
padding: 0;
}
/*tab menu*/
ul#bgMenu{
width: 660px;
height: 36px;
margin: 0;
padding: 0;
list-style: none;
background: url(../img/bgBudgetMenu.gif) repeat-x;
}
ul#bgMenu li{
float: left;
text-indent: -9999px;
}
ul#bgMenu li#bgMenuL{
display: block;
width: 19px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBudgetMenuL.gif) no-repeat;
}
ul#bgMenu li#bgMenuR{
display: block;
width: 38px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBudgetMenuR.gif) no-repeat;
}
ul#bgMenu li#bgMenu01 a, ul#bgMenu li#bgMenu02 a, ul#bgMenu li#bgMenu03 a, ul#bgMenu li#bgMenu04 a, ul#bgMenu li#bgMenu05 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0 3px 0 0;
}
ul#bgMenu li#bgMenuVis01 a, ul#bgMenu li#bgMenuVis02 a, ul#bgMenu li#bgMenuVis03 a, ul#bgMenu li#bgMenuVis04 a, ul#bgMenu li#bgMenuVis05 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0 3px 0 0;
}
ul#bgMenu li#bgMenu01 a{
background: url(../img/btnBudgetMenu01.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis01 a{
background: url(../img/btnBudgetMenuVis01.gif) no-repeat;
}
ul#bgMenu li#bgMenu02 a{
background: url(../img/btnBudgetMenu02.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis02 a{
background: url(../img/btnBudgetMenuVis02.gif) no-repeat;
}
ul#bgMenu li#bgMenu03 a{
background: url(../img/btnBudgetMenu03.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis03 a{
background: url(../img/btnBudgetMenuVis03.gif) no-repeat;
}
ul#bgMenu li#bgMenu04 a{
background: url(../img/btnBudgetMenu04.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis04 a{
background: url(../img/btnBudgetMenuVis04.gif) no-repeat;
}
ul#bgMenu li#bgMenu05 a{
background: url(../img/btnBudgetMenu05.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis05 a{
background: url(../img/btnBudgetMenuVis05.gif) no-repeat;
}
ul#bgMenu li#bgMenu06{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0;
}

p#bgMenuBottom{
clear: left;
height: 15px;
margin: 0;
padding: 0;
}
/*book header _ footer*/
#bgHeader{
height: 60px;
overflow: hidden;
display: block;
margin: 0;
padding: 0 35px 0 20px;
font-size: 14px;
background: url(../img/bgBookHead.gif) no-repeat;
}
#bgFooter{
margin: 0;
padding: 0;
}
#bgHeader p#budgetUserName{
float: left;
margin: 0;
padding: 32px 0 0 30px;
}
#bgHeader p#budgetYMD{
float: right;
height: 23px;
margin: 0;
padding: 0 0 0 35px;
font-family: sans-serif;
background: url(../img/iconCalender.gif) no-repeat 0 50%;
}
/*book main set */
#bgMain{
clear: left;
margin: 0;
padding: 0 30px 0 20px;
font-size: 16px;
background: url(../img/bgBookMain.gif) repeat-y;
}
#bgMainBtn{
width: 486px;
height: 1%;
overflow: hidden;
display: block;
margin: 0 auto 12px;
padding: 9px 0 0 0;
text-align: center;
}
p#btnBGIncome{
float: left;
display: block;
width: 186px;
height: 186px;
margin: 0;
padding:0;
text-align: left;
background: url(../img/bgBGIncome.jpg) no-repeat;
}
p#btnBGIncome a{
display: block;
width: 156px;
height: 157px;
margin: 0;
padding:0 12px 0 18px;
}
p#btnBGPay{
float: right;
display: block;
width: 196px;
height: 186px;
margin: 0;
text-align: left;
background: url(../img/bgBGPay.jpg) no-repeat;
}
#btnBGPay a{
display: block;
width: 155px;
height: 156px;
margin: 0;
padding:0 23px 0 18px;
}

/*top page set*/
#bgMainList{
height: 1%;
overflow: hidden;
display: block;
margin: 0;
padding: 0 20px 20px 30px;
}
#bgChart{
height: 1%;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}

#bgMainListLeft{
float: left;
width: 250px;
margin: 0;
padding: 0;
}
#bgMainListRight{
float: right;
width: 300px;
margin: 0;
padding: 0;
}
#bgMainListRight p.topGraffTop{
margin: 0;
padding: 0;
}
#bgMainListRight p.topGraffBottom{
margin: 11px 0 0;
padding: 0;
}
/*under page setting*/
#bgUnderListLeft{
float: left;
overflow: hidden;
height: 1%;
width: 275px;
margin: 0;
padding: 0;
}
#bgUnderListRight{
float: right;
overflow: hidden;
height: 1%;
width: 260px;
margin: 0;
padding: 0;
}
#bgUnderPastListLeft{
float: left;
width: 275px;
margin: 0;
}
#bgUnderPastListRight{
float: right;
width: 260px;
margin: 0;
}
#bgUnderPastListExp{
width: 249px;
margin: 0;
padding: 10px;
background: #e9f7ff;
border: 3px solid #338cc3;
}
#bgUnderPastListInc{
width: 234px;
margin: 0 0 15px;
padding: 10px;
background: #f0ffd2;
border: 3px solid #99cc33;
}
#bgUnderPastListCard{
width: 234px;
margin: 10px 0 0;
padding: 10px;
background: #ffdaea;
border: 3px solid #f49ec3;
}
#bgUnderList{
width: 100%;
margin: 10px 0;
padding: 0;
}
#bgUnderListHead{
width: 100%;
display: block;
overflow: hidden;
height: 1%;
margin: 0;
padding: 0;
}
/*book title set*/
h2#bgH2Exp, h2#bgH2Inc, h2#bgH2Day, h2#bgH2Week, h2#bgH2Mon, h2#bgH2Year, h2#bgH2Setting, h2#bgH2Fixe, h2#bgH2Fixi, h2#bgH2Save, h2#bgH2Target, h2#bgH2Card, h2#bgH2All, h2#bgH2Bank, h2#bgH2Start, h2#bgH2Check, h2#bgH2Reset, h2#bgH2Term{
height: 40px;
margin: 0 0 15px;
padding: 0;
text-indent: -9999px;
}
h2#bgH2Exp{
background: url(../img/titH2Exp.gif) no-repeat;
}
h2#bgH2Inc{
background: url(../img/titH2Inc.gif) no-repeat;
}
h2#bgH2Day{
background: url(../img/titH2Day.gif) no-repeat;
}
h2#bgH2Week{
background: url(../img/titH2Week.gif) no-repeat;
}
h2#bgH2Mon{
background: url(../img/titH2Mon.gif) no-repeat;
}
h2#bgH2Year{
background: url(../img/titH2Year.gif) no-repeat;
}
h2#bgH2Setting{
background: url(../img/titH2Setting.gif) no-repeat;
}
h2#bgH2Fixe{
background: url(../img/titH2Fixe.gif) no-repeat;
}
h2#bgH2Fixi{
background: url(../img/titH2Fixi.gif) no-repeat;
}
h2#bgH2Save{
background: url(../img/titH2Save.gif) no-repeat;
}
h2#bgH2Target{
background: url(../img/titH2Target.gif) no-repeat;
}
h2#bgH2Card{
background: url(../img/titH2Card.gif) no-repeat;
}
h2#bgH2All{
background: url(../img/titH2All.gif) no-repeat 30px 0;
}
h2#bgH2Bank{
background: url(../img/titH2Bank.gif) no-repeat;
}
h2#bgH2Start{
background: url(../img/titH2Start.gif) no-repeat;
}
h2#bgH2Check{
background: url(../img/titH2Check.gif) no-repeat;
}
h2#bgH2Reset{
background: url(../img/titH2Reset.gif) no-repeat;
}
h2#bgH2Term{
background: url(../img/titH2Term.gif) no-repeat;
}
h3#bgH3Exp, h3#bgH3Inc, h3#bgH3Card{
margin: 0 0 15px;
padding: 0;
font-size: 16px;
}

/*list setting*/
dl.dlListTop{
overflow: hidden;
height: 1%;
margin: 0 0 15px;
padding: 0;
}
dl.dlListBottom{
overflow: hidden;
height: 1%;
margin: 0 0 20px;
padding: 0 0 10px;
border-bottom: 2px dotted #999;
}
dl.dlListRight{
margin: 15px 0 15px 30px;
padding: 0;
}
dt.dlListEn, dt.dlListButa, dt.dlListTar, dt.dlListStar, dt.dlListHeart{
margin: 0;
padding: 5px 0 5px 40px;
overflow: hidden;
}
* html dt.dlListEn, * html dt.dlListButa, * html dt.dlListTar, * html dt.dlListStar, * html dt.dlListHeart{
word-break: break-all;
}
dt.dlListEn{
background: url(../img/iconEn.gif) no-repeat 0 50%;
}
dt.dlListButa{
background: url(../img/iconButa.gif) no-repeat 0 50%;
}
dt.dlListTar{
background: url(../img/iconSmile.gif) no-repeat 0 50%;
}
dt.dlListStar{
background: url(../img/iconStar2.gif) no-repeat 0 50%;
}
dt.dlListHeart{
background: url(../img/iconHeart.gif) no-repeat 0 50%;
}
dt.dlListCard{
margin: 0;
padding: 5px 0 5px 45px;
background: url(../img/iconCard.gif) no-repeat 0 50%;
}
dt.dlListBank{
margin: 0;
padding: 5px 0 5px 45px;
background: url(../img/iconBank.gif) no-repeat 0 50%;
}
dd.dlListNormal{
margin: 5px 0 15px;
padding: 0 50px 0 30px;
color: red;
text-align: left;
overflow: hidden;
}
dd.dlListNormal:after {
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*�_*/
* html dd.dlListNormal{
	height:1em;
	overflow:visible;
}
p.dlListNormal_left{
 float: left;
 width: 100px;
 margin: 0;
}
p.dlListNormal_right{
 float: left;
 margin: 0;
}
/**/
dd.dlListCardLeft{
width: 100px;
clear: both;
float: left;
margin: 0;
padding: 5px 0 5px;
color: red;
text-align: right;
}
dd.dlListCardRight{
width: 175px;
float: right;
margin: 0;
padding: 5px 0 5px;
color: red;
text-align: right;
}
dd.dlListCardBorder{
clear: both;
margin: 5px 0 5px;
padding: 5px 0;
color: red;
text-align: right;
border-top: 1px dotted #999;
}
dd.dlListTargetPrice{
margin: 5px 0 10px;
padding: 0 50px 0 0;
font-weight: bold;
color: red;
text-align: right;
}
dd.dlListTargetCardPrice{
margin: 0 0 10px;
padding: 0 45px 0 0;
font-weight: bold;
color: red;
text-align: right;
}
dd.dlListTarget, dd.dlListTarget2{
margin: 0 0 0 20px;
padding: 5px 0 5px 25px;
color: #333;
}
* html dd.dlListTarget, * html dd.dlListTarget2{
word-break: break-all;
}
dd.dlListTarget{
background: url(../img/iconMaru.gif) no-repeat 0 50%;
}
dd.dlListTarget2{
background: url(../img/iconMaru2.gif) no-repeat 0 50%;
}
dd.dlListRedAlert{
margin: 0 0 5px;
padding: 0 50px 0 0;
font-size: 12px;
color: red;
text-align: right;
}
dd.dlListCaption{
margin: 0 0 5px;
padding: 0 50px 0 0;
font-size: 12px;
text-align: right;
}
.dlListPrice{
font-size: 12px;
color: #333;
}
ul.ulListCation{
margin: 0;
padding: 0 0 0 15px;
font-size: 12px;
color: red;
}
ul.ulListCation li{
margin: 0;
padding: 0 0 6px;
}

p#graf{
 width: 610px;
 margin: 20px auto 9px;
 text-align: center;
 background: #fff;
}
p.lineCaption{
 margin:0 auto 15px;
 text-align:center;
}
p.dataCation{
 margin:0 auto;
 padding: 40px;
 text-align:center;
 color: red;
 font-weight: bold;
}

/* table set */
table.bgTableTop{
clear: both;
margin: 0 auto;
padding: 0;
border: 0;
text-align: center;
}
table.bgTableData{
width:560px;
margin: 10px auto 10px;
padding: 0;
border: 0;
text-align: center;
border: 1px solid #666;
border-collapse: collapse;
}
table.bgTableData th{
padding: 10px;
border: 1px solid #666;
}
table.bgTableData td{
padding: 10px;
border: 1px solid #666;
}
ul#bgBtnR{
margin: 0;
padding: 0;
list-style: none;
float: right;
}
ul#bgBtnR li{
margin: 0 0 10px;
padding: 0 0 0 30px;
background: url(../img/iconArrow2.gif) no-repeat 0 50%;
}


/*form setting*/
form{
margin: 0;
padding: 0;
}
input.req1, select.req1 {
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req2{
width: 50px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req3{
width: 30px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;

}
p.bgErr{
margin: 0 0 10px;
padding: 0;
font-size: 16px;
color: red;
padding: 5px 0 5px 25px;
background: url(../img/iconRamp.gif) no-repeat 0 50%;
}
p.bgInputTitTop{
margin: 0;
padding: 5px 0 5px 28px;
background: url(../img/iconMaru.gif) no-repeat 0 50%;
}
p.bgInputTit{
margin: 10px 0 0;
padding: 5px 0 5px 28px;
background: url(../img/iconMaru.gif) no-repeat 0 50%;
}
p.bgInputTitName{
margin: 0;
padding: 5px 0 5px 28px;
background: url(../img/iconMaru2.gif) no-repeat 0 50%;
}
p.bgInputCation{
margin: 3px 0 0;
font-size: 12px;
color: red;
}
p.bgInputCaption{
margin: 3px 0 0;
font-size: 12px;
color: #333;
}
/*help setting*/
.pophelp {
position: absolute;
display: none;
visibility: hidden;
border: 3px solid #fed2dd;
background: #fef1f4;
width: 300px;
padding: 5px;
line-height: 160%;
}