/*baby*/

#babyBook{
width: 660px;
margin: 0;
padding: 0;
}
/*tab menu*/
ul#bgMenu{
width: 660px;
height: 36px;
margin: 0;
padding: 0;
list-style: none;
background: url(../img/bgBabyMenu.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/btnBabyMenuL.gif) no-repeat;
}
ul#bgMenu li#bgMenuR{
display: block;
width: 38px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBabyMenuR.gif) no-repeat;
}
ul#bgMenu li#bgMenuRBig{
display: block;
width: 502px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBudgetMenuRBig.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/btnBabyMenu01.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis01 a{
background: url(../img/btnBabyMenuVis01.gif) no-repeat;
}
ul#bgMenu li#bgMenu02 a{
background: url(../img/btnBabyMenu02.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis02 a{
background: url(../img/btnBabyMenuVis02.gif) no-repeat;
}
ul#bgMenu li#bgMenu03 a{
background: url(../img/btnBabyMenu03.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis03 a{
background: url(../img/btnBabyMenuVis03.gif) no-repeat;
}
ul#bgMenu li#bgMenu04 a{
background: url(../img/btnBabyMenu04.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis04 a{
background: url(../img/btnBabyMenuVis04.gif) no-repeat;
}
ul#bgMenu li#bgMenu05 a{
background: url(../img/btnBabyMenu05.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis05 a{
background: url(../img/btnBabyMenuVis05.gif) no-repeat;
}
ul#bgMenu li#bgMenu06 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBabyMenu06.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis06 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0;
background: url(../img/btnBabyMenuVis06.gif) no-repeat;
}
ul#bgMenu li#bgMenuNg03 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0 3px 0 0;
background: url(../img/btnBabyMenuNg03.gif) no-repeat;
}
ul#bgMenu li#bgMenuNg04 a{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0 3px 0 0;
background: url(../img/btnBabyMenuNg04.gif) no-repeat;
}
ul#bgMenu li#bgMenuVis07{
display: block;
width: 98px;
height: 36px;
margin: 0;
padding: 0 3px 0 0;
background: url(../img/btnBabyMenuVis07.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#babyUserName{
float: left;
margin: 0;
padding: 32px 0 0 30px;
}
#bgHeader p#babyYMD{
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: 520px;
height: 1%;
overflow: hidden;
display: block;
margin: 0 auto 12px;
padding: 9px 0 0 0;
text-align: left;
}
p#btnBGIncome{
float: left;
display: block;
width: 186px;
height: 186px;
margin: 0;
padding:0;
text-align: left;
}
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 0 0 30px;
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;
}
.bgPagerBox{
height: 1%;
overflow: hidden;
display: block;
margin: 0 auto 12px;
padding: 9px 0 0 0;
text-align: left;
}

/*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;
}
#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{
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;
}
.bgUnderPhotoList{
width: 275px;
height: 1%;
overflow: hidden;
display: block;
margin: 0 auto 12px;
padding: 9px 0 0 0;
text-align: left;
}

/*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#bgH2Mon{
background: url(../img/titH2Mon.gif) no-repeat 30px 0;
}
h2#bgH2Year{
background: url(../img/titH2Year.gif) no-repeat 30px 0;
}
h2#bgH2Setting{
background: url(../img/titH2Setting.gif) no-repeat;
}
h2#bgH2Fixe{
background: url(../img/titH2Fixe.gif) no-repeat 30px 0;
}
h2#bgH2Fixi{
background: url(../img/titH2Fixe.gif) no-repeat;
}
h2#bgH2Save{
background: url(../img/titH2ChildReg.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 0 0;
}
h2#bgH2Bank{
background: url(../img/titH2All.gif) no-repeat 30px 0;
}
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 30px 0;
}

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%;
}
dt.dlListMaru2{
margin: 0;
padding: 5px 0 5px 25px;
background: url(../img/iconMaru2.gif) no-repeat 0 50%;
}
dd.dlListNormal{
margin: 5px 0 15px;
padding: 0 50px 0 0;
color: red;
text-align: right;
}
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{
margin: 0;
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.bgTableForm{
clear: both;
margin: 0;
padding: 0;
border: 0;
text-align: center;
}
table.bgTableExp{
width:560px;
margin: 10px auto 10px;
padding: 0;
border: 0;
text-align: center;
background: #ffe5e4;
border: 3px solid #eb4f4c;
border-collapse: collapse;
}
table.bgTableExp th{
padding: 10px;
border-right: 2px solid #eb4f4c;
}
table.bgTableExp td{
padding: 10px;
font-weight: bold;
border-right: 2px solid #eb4f4c;
}
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%;
}
ul#bgBtnR li.pagerView{
margin: 0;
padding: 0;
font-size: 12px;
background: none;
}

ul#bgBtnL{
margin: 0;
padding: 0;
list-style: none;
float: left;
}
ul#bgBtnL li{
float: left;
margin: 0 0 10px;
padding: 0 15px 0 30px;
background: url(../img/iconArrow2.gif) no-repeat 0 50%;
}
p.bgCardTit{
margin: 0;
padding: 0 0 0 25px;
background: url(../img/iconMaru2.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;
}
input.req4{
width: 200px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req5{
width: 100px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req6{
width: 200px;
height: 100px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req7{
width: 70px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
input.req8{
width: 530px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
textarea.req9{
width: 240px;
height: 130px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background: #ffffe5;
}
textarea.reqDiary{
width: 530px;
height: 250px;
margin: 0;
padding: 4px;
font-size: 16px;
border: 1px solid #999;
background-color: #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%;
}

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;
}


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;
}

p.dataCation{
 margin:0 auto;
 padding: 40px;
 text-align:center;
 color: red;
 font-weight: bold;
}

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;
}

p#graf{
 width: 610px;
 margin: 20px auto 9px;
 text-align: center;
 background: #fff;
}

p.switchBtn{
 margin: 10px auto;
 text-align: center; 
}

p.datadetailCation{
 margin:0 auto;
 padding: 0;
 font-size: 12px;
 text-align:center;
 color: red;
 font-weight: bold;
}

/* photo frame */
ul.frameW150{
 float: left;
 width: 174px;
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.frameW150 li{
 list-style: none;
}
ul.frameW150 li.frameW150Top{
 width: 174px;
 height: 4px;
 background: url(../img/imgFrameTop.gif) no-repeat;
}
ul.frameW150 li.frameW150Middle{
 padding: 8px 12px;
 background: url(../img/imgFrameMiddle.gif) repeat-y;
}
ul.frameW150 li.frameW150Bottom{
 width: 174px;
 height: 4px;
 background: url(../img/imgFrameBottom.gif) no-repeat;
}
ul.frameW150 li.frameW150Btn{
padding-top: 10px;
padding-left: 21px;
font-size: 15px;
background: url(../img/iconMaru.gif) no-repeat 0 10px;
}

ul.frameW240{
 float: left;
 width: 264px;
 margin: 0;
 padding: 0 20px 5px 0;
 list-style: none;
}
ul.frameW240 li{
 list-style: none;
}
ul.frameW240 li.frameW240Top{
 width: 264px;
 height: 4px;
 background: url(../img/imgFrameTop240.gif) no-repeat;
}
ul.frameW240 li.frameW240Middle{
 padding: 8px 12px;
 background: url(../img/imgFrameMiddle240.gif) repeat-y;
}
ul.frameW240 li.frameW240Bottom{
 width: 264px;
 height: 4px;
 background: url(../img/imgFrameBottom240.gif) no-repeat;
}

ul.frameW100{
 float: left;
 width: 124px;
 margin: 0 auto 10px;
 padding: 0 20px 5px 0;
 list-style: none;
 text-align: center;
}
ul.frameW100 li{
 list-style: none;
}
ul.frameW100 li.frameW100Top{
 width: 124px;
 height: 4px;
 background: url(../img/imgFrameTop100.gif) no-repeat;
}
ul.frameW100 li.frameW100Middle{
 padding: 8px 12px;
 background: url(../img/imgFrameMiddle100.gif) repeat-y;
}
ul.frameW100 li.frameW100Bottom{
 width: 124px;
 height: 4px;
 background: url(../img/imgFrameBottom100.gif) no-repeat;
}

ul.frameW80{
 float: left;
 width: 104px;
 margin: 0 auto 10px;
 padding: 0 10px 5px 0;
 list-style: none;
 text-align: center;
}
ul.frameW80 li{
 list-style: none;
}
ul.frameW80 li.frameW80Top{
 width: 104px;
 height: 4px;
 background: url(../img/imgFrameTop80.gif) no-repeat;
}
ul.frameW80 li.frameW80Middle{
 padding: 8px 12px;
 background: url(../img/imgFrameMiddle80.gif) repeat-y;
}
ul.frameW80 li.frameW80Bottom{
 width: 104px;
 height: 4px;
 background: url(../img/imgFrameBottom80.gif) no-repeat;
}

ul.frameW60{
 float: left;
 width: 72px;
 margin: 0 auto;
 padding: 0;
 list-style: none;
 text-align: center;
}
ul.frameW60 li{
 list-style: none;
}
ul.frameW60 li.frameW60Top{
 width: 72px;
 height: 4px;
 background: url(../img/imgFrameTop60.gif) no-repeat;
}
ul.frameW60 li.frameW60Middle{
 padding: 2px 6px;
 background: url(../img/imgFrameMiddle60.gif) repeat-y;
}
ul.frameW60 li.frameW60Bottom{
 width: 72px;
 height: 4px;
 background: url(../img/imgFrameBottom60.gif) no-repeat;
}

ul.babySpec{
 float: right;
 width: 332px;
 margin: 0;
 padding: 0 0 0 8px;
 list-style: none;
}
ul.babySpec li{
 list-style: none;
}
ul.babySpec li.babySpecName{
 margin: 0;
 padding: 5px 0 5px 38px;
 background: url(../img/iconStar2.gif) no-repeat 0 50%;
}
ul.babySpec li.babySpecTxt{
 padding-top: 7px;
}

ul.babySpec2{
 float: left;
 width: 160px;
 margin: 0;
 padding: 0;
 list-style: none;
}
ul.babySpec2 li{
 list-style: none;
}
ul.babySpec2 li.babySpecName2{
 margin: 0;
 padding: 5px 0 5px 22px;
 background: url(../img/iconMaru2.gif) no-repeat 0 50%;
}
ul.babySpec2 li.babySpecName2On{
 margin: 0;
 padding: 5px 0 5px 22px;
 background: url(../img/iconMaru.gif) no-repeat 0 50%;
}

ul.babyMenu{
 float: right;
 width: 332px;
 margin-top: 10px;
 padding: 0 0 0 8px;
 list-style: none;
}
ul.babyMenu li{
 float: left;
 list-style: none;
 margin: 0 10px 0 0;
 padding: 5px 0 5px 22px;
 background: url(../img/iconMaru.gif) no-repeat 0 50%;
}



#bgDiaryEdit{
height: 1%;
overflow: hidden;
display: block;
margin: 0;
padding: 0;
}

.bgDiaryEditInn{
 float: left;
 padding-right: 20px;
}

#bgDiaryBox, .bgDiaryListBox{
 clear: both;
 overflow: hidden;
 height: 1%;
}

.bgDiaryBoxTit{
 margin: 0 0 15px;;
 padding: 5px 0 5px 38px;
 font-weight: bold;
 background: url(../img/iconStar2.gif) no-repeat 0 50%;
}
.bgDiaryListBox{
 margin-bottom: 30px;
 padding-bottom: 15px;
 border-bottom: 2px dotted #ccc;
}

/* right bady menu */
#rightBabyMenu{
 margin-bottom: 15px;
}

#rightBabyMenu a{
 display: block;
 cursor: pointer;
}

.rightBabyAccountOnBoy{
 margin: 0 0 4px;
 padding: 5px 5px 4px 5px;
 overflow: hidden;
}
.rightBabyAccountOnBoy:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*�_*/
* html .rightBabyAccountOnBoy{
	height:1em;
	overflow:visible;
}
/**/

.rightBabyAccountOnGirl{
 margin: 0 0 4px;
 padding: 5px 5px 4px 5px;
 overflow: hidden;
}
.rightBabyAccountOnGirl:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*�_*/
* html .rightBabyAccountOnGirl{
	height:1em;
	overflow:visible;
}
/**/

.rightBabyAccountOff{
 margin: 0 0 4px;
 padding: 5px 5px 4px 5px;
 overflow: hidden;
}
.rightBabyAccountOff:after{
	content:"";
	display:block;
	clear:both;
	height:1px;
	overflow:hidden;
}
/*�_*/
* html .rightBabyAccountOff{
	height:1em;
	overflow:visible;
}
/**/

.rightBabyAccountOnBoy{
 color: #ffffff;
 background: url(../img/bgRightBabyMenuBoy.gif) #ff838b;
}
.rightBabyAccountOnGirl{
 color: #ffffff;
 background: url(../img/bgRightBabyMenuGirl.gif) #ff838b;
}
.rightBabyAccountOff{
 background: url(../img/bgRightBabyMenuOff.gif) #ddd;
}
.rightBabyAccount_img{
 float: left;
 width: 80px;
 margin: 0 5px 0 0;
 padding: 0;
}

/*Pager*/
.PagerBaby{
overflow: hidden;
margin: 0;
padding: 10px 0;
width: 558px;
}
*html .PagerBaby{
height: 1%;
}
.PagerBaby p.PagerBabyLeft{
float: left;
margin: 0;
padding: 0;
font-weight: bold;
font-size: 10px;
}
.PagerBaby p.PagerBabyLeft span{
margin: 0;
padding: 2px 8px;
color: #fff;
border: 1px solid #e2737a;
background: #FF838B;
}
.PagerBaby p.PagerBabyLeft a:link, .PagerBaby p.PagerBabyLeft a:visited{
margin: 0;
padding: 2px 8px;
border: 1px solid #e2737a;
background: #fff;
}
.PagerBaby p.PagerLeft a:hover, .PagerBaby p.PagerBabyLeft a:active{
margin: 0;
padding: 2px 8px;
color: #fff;
border: 1px solid #e2737a;
background: #FF838B;
}
.PagerBaby p.PagerBabyRight{
float: right;
display: inline;
margin: 0;
padding: 0;
font-size: 12px;
}

/*   */
.mb5px{
margin-bottom: 5px;
}
.mb10px{
margin-bottom: 10px;
}
.mb15px{
margin-bottom: 15px;
}
.mb20px{
margin-bottom: 20px;
}
.mt5px{
margin-top: 5px;
}
.mt10px{
margin-top: 10px;
}
.mt15px{
margin-top: 15px;
}
.mt20px{
margin-top: 20px;
}