/*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 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBudgetMenu06.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis06 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBudgetMenuVis06.gif) no-repeat;
}

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;
}
table.calnderPager{
width: 558px;
margin: 10px auto;
text-align: center;
}
table.calnderBox{
width: 558px;
margin: 0 auto;
text-align: center;
border-collapse: collapse;
}
table.calnderBox th{
width: 68px;
height: 35px;
padding: 5px;
border: 1px solid #666;
}
table.calnderBox td{
width: 65px;
height: 75px;
padding: 4px;
vertical-align: top;
border: 1px solid #666;
font-size: 20px;
}
.holiday{
color: red;
}
.saturday{
color: blue;
}
.otherday{
background: #EEE;
}
.monTitle{
color: white;
background: url(../img/imgInfoTopCaleMon.gif) no-repeat 50% #999;
}
.tueTitle{
color: white;
background: url(../img/imgInfoTopCaleTue.gif) no-repeat 50% #999;
}
.wedTitle{
color: white;
background: url(../img/imgInfoTopCaleWed.gif) no-repeat 50% #999;
}
.thuTitle{
color: white;
background: url(../img/imgInfoTopCaleThu.gif) no-repeat 50% #999;
}
.friTitle{
color: white;
background: url(../img/imgInfoTopCaleFri.gif) no-repeat 50% #999;
}
.holidayTitle{
color: white;
background: url(../img/imgInfoTopCaleSun.gif) no-repeat 50% #e33827;
}
.saturdayTitle{
color: white;
background: url(../img/imgInfoTopCaleSat.gif) no-repeat 50% #0241f3;

}
.today{
background: #eef850;
}
table.calnderIconBox{
margin: 0;
border: none;
}
table.calnderIconBox td{
height: 20px;
padding: 2px;
font-size: 24px;
line-height: 24px;
border: none;
}
table.calnderPager{
width: 560px;
margin: 0 auto 10px;
padding: 0;
text-align: center;
}


/*top page set*/
#bgMainList{
overflow: hidden;
display: block;
margin: 0;
padding: 0 20px 20px 30px;
}
*html #bgMainList{
height: 1%;
}
#bgChart{
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}
*html #bgChart{
height: 1%;
}
#bgChart p{
margin: 0 0 15px;
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{
clear: right;
float: left;
width: 275px;
margin: 0;
padding: 0;
}
#bgUnderListRight{
float: right;
width: 260px;
margin: 0;
padding: 0;
}
#bgUnderPastListLeft{
float: left;
width: 275px;
margin: 0;
}
#bgUnderPastListRight{
float: right;
width: 260px;
margin: 0;
}
#bgUnderList{
width: 100%;
margin: 10px 0;
padding: 0;
}
#bgUnderListHead{
width: 100%;
display: block;
margin: 0;
padding: 0;
}
/*book title set*/
h2#bgH2Once, h2#bgH2Week, h2#bgH2Month, h2#bgH2Year, h2#bgH2Sea{
height: 40px;
margin: 0 0 15px;
padding: 0;
text-indent: -9999px;
}
h2#bgH2Once{
background: url(../img/titH2Once.gif) no-repeat;
}
h2#bgH2Week{
background: url(../img/titH2Week.gif) no-repeat;
}
h2#bgH2Month{
background: url(../img/titH2Month.gif) no-repeat;
}
h2#bgH2Year{
background: url(../img/titH2Year.gif) no-repeat;
}
h2#bgH2Sea{
background: url(../img/titH2Sea.gif) no-repeat;
}

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%;
}
/*list setting*/
dl.dlListTop{
margin: 5px 0 15px;
padding: 0 0 15px;
border-bottom: 1px dotted #999;
}
dt.dlListTar, dt.dlListTar2{
margin: 0;
padding: 0 0 0 25px;
overflow: hidden;
}
* html dt.dlListTar, * dt.dlListTar2{
word-break: break-all;
}
dt.dlListTar{
background: url(../img/iconMaru.gif) no-repeat 0;
}
dt.dlListTar2{
background: url(../img/iconMaru2.gif) no-repeat 0;
}
dd.dlListNormal{
margin: 0;
padding: 0 0 0;
color: red;
text-align: right;
}
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;
}
/* table set */
table.bgTableTop{
clear: both;
margin: 0 auto;
padding: 0;
border: 0;
text-align: center;
}
table.formTop{
clear: both;
margin: 0 auto;
padding: 0;
border: 0;
text-align: center;
}
table.formUnder{
clear: both;
margin: 0 auto 15px;
padding: 0;
border: 0;
text-align: center;
}
/*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: 200px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
textarea.req2{
width: 200px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req3{
margin: 0;
padding: 0;
}
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.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%;
}
/*icon*/
ul#caleIcon{
overflow: hidden;
margin: 7px 0 0;
list-style: none;
}
*html ul#caleIcon{
height: 1%;
}
ul#caleIcon li{
float: left;
margin: 0 15px 0 0;
padding: 0 0 0 18px;
list-style: none;
}
ul#caleIcon li#caleIconOnce{
background: url(../img/iconInfoOne.gif) no-repeat 0 50%;
}
ul#caleIcon li#caleIconWeek{
background: url(../img/iconInfoWeek.gif) no-repeat 0 50%;
}
ul#caleIcon li#caleIconMonth{
background: url(../img/iconInfoMonth.gif) no-repeat 0 50%;
}
ul#caleIcon li#caleIconYear{
background: url(../img/iconInfoYear.gif) no-repeat 0 50%;
}