/* 暦css */

*  {
          padding : 0px ;
          margin : 0px ;
}

#body {
          width : 800px;
          margin : 5px auto;
}


h1 {
          margin: 0px;
          font-size: 85px;
}

h2 {
          font-size: 22px;
}

h3 {
          margin: 5px;
          font-size: 15px;
          background-color: #FFFF99;
          color:#FF9900;
}

.clear {
    clear: both;
    height: 0;
    font-size:0;
}
/*--------------------------------------------------*/
/*--------------------------------------------------*/
#top {
          width : 100%;
          height : 17px;
          margin : 0px;
          font-size: 12px;
          text-align: right;
          background-image: url('./back.png');
}

#header {
          width : 780px;
          margin-top: 0;
          padding: 3px 0;
          font-weight: bold;
}

/*--------------------------------------------------*/
#body-L {
          float: left;
          width : 166px;
          height : 325px;
          margin : 3px;
          padding-top : 3px;
          font-family: Times New Roman,fantasy;
          border: 1px solid #FF9900;
          background-image: url('./back.png');
}

.Calendar {
          width : 139px;
          height : 136px;
          margin : 0px auto;
          text-align: center;
          border: 1px solid #666666;
}

.Cln-top {
          display:block;
          height : 13px;
          padding: 0px;
          padding-bottom:5px;
          font-size: 18px;
          text-align: center;
}

.Clndr-0 {
          float: left;
          width : 19px;
          height : 15px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #FF0000;
          text-align: center;
          background-color: #EEEEFF;
          border-top: 1px solid #666666;
          border-right: 1px solid #666666;
}

.Clndr {
          float: left;
          width : 19px;
          height : 15px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #222222;
          text-align: center;
          background-color: #EEEEFF;
          border-top: 1px solid #666666;
          border-right: 1px solid #666666;
}

.Clndr-6 {
          float: left;
          width : 19px;
          height : 15px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #0000FF;
          text-align: center;
          background-color: #EEEEFF;
          border-top: 1px solid #666666;
}

.Clndr-b {
          float: left;
          width : 19px;
          height : 16px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #000000;
          text-align: center;
          background-color: #FFFFFF;
          border-top: 1px solid #666666;
          border-right: 1px solid #666666;
}

.Clndr-6h {
          float: left;
          width : 19px;
          height : 16px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #FF0000;
          text-align: center;
          background-color: #FFFFFF;
          border-top: 1px solid #666666;
}

.Clndr-6b {
          float: left;
          width : 19px;
          height : 16px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #0000FF;
          text-align: center;
          background-color: #FFFFFF;
          border-top: 1px solid #666666;
}

.Clndr-0b {
          float: left;
          width : 19px;
          height : 16px;
          margin: 0px;
          padding: 0px;
          font-size: 14px;
          color: #FF0000;
          text-align: center;
          background-color: #FFFFFF;
          border-top: 1px solid #666666;
          border-right: 1px solid #666666;
}

p.mm {
          font-size: 12px;
}

/*--------------------------------------------------*/
#body-M {
          float: left;
          left: 177px;
          width : 352px;
          height : 328px;
          margin : 3px 1px 3px 1px ;
          font-family: Garamond , "Times New Roman", -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', 'Hiragino Kaku Gothic ProN', 'Yu Gothic', sans-serif;
          border: 1px solid #FF9900;
          background-image: url('./back.png');
}

#YY {
          float: left;
          width: 40%;
          font-size: 18px;
          line-height: 20px;
          text-align: center;
}

#MM1 {
          float: left;
          left: 40%;
          width: 20%;
          font-size: 32px;
          text-align: center;
}

#MM2 {
          float: left;
          left: 60%;
          width: 40%;
          font-size: 18px;
          line-height: 20px;
          text-align: center;
}

#DD {
          clear: both;
          width: 60%;
          height : 220px;
          margin : 2px auto;
          padding: 10px;
          padding-bottom: 3px;
          font-size: 22px;
          text-align: center;
          background-color: #FFFF99;
}

#MS {
          clear: both;
          width : 350px;
          font-size: 12px;
          line-height: 20px;
          text-align: center;
}

/*--------------------------------------------------*/
#body-R {
          float: left;
          left: 537px;
          width : 262px;
          height : 324px;
          margin : 3px;
          padding-top : 0px;
          font-family: Times New Roman,fantasy;
}

#body-R1 {
          width : 261px;
          height : 154px;
          padding-top : 3px;
          text-align: center;
          border: 1px solid #FF9900;
          background-image: url('./back.png');
}

#R1 {
          float: left;
          left: 0px;
          width : 125px;
          text-align: left;
          line-height: 20px;
          padding-right : 2px;
}

#R1 select {
          width : 125px;
}

.LL {
          float: left;
          text-align: left;
          margin-top: 5px;
}

.RR {
          float: right;
          text-align: right;
          margin-top: 5px;
}

#R2 {
          float: right;
          left: 113px;
          width : 125px;
          text-align: center;
}

#moon {
          width: 113px;
          height : 113px;
          margin : 0px auto;
          background-image: url('./MoonPhase/Moon.gif');
          background-position: 0% 0%;
          background-color: #000000;
}
#moon2 {
          width: 110px;
          height : 110px;
          padding : 7px 3px 0 1px ;
}

#body-R2 {
          width : 261px;
          height : 161px;
          margin-top: 5px;
          padding-top : 3px;
          text-align: left;
          border: 1px solid #FF9900;
          background-image: url('./back.png');
}


/*--------------------------------------------------*/
#content1 {
        width : 762px;
        margin : 3px;
        padding : 15px;
        font-size: 16px;
        border: 1px solid #FF9900;
        background-image: url('./back.png');
}
.tag1 {
        width: 40%;
        padding: 8px;
        font-size: 115%;
        font-weight: bold;
        background: #ffa;
}
.cont {
        padding: 10px;
        line-height: 26px;
}
table {
        margin: 0 auto;
        border-collapse: collapse;
}
td {
        padding: 6px;
        text-align: center;
        background-color: #fff;
        border: 1px solid #b9b9b9;
}
.num {
        color: #00f;
        font-size: 11.5px;
}

.amzn {
        float:left;
        margin:0 10px;
        padding: 0;
}

/*--------------------------------------------------*/
/*--------------------------------------------------*/
#footer {
          width : 800px;
          margin : 0 auto;
          margin-top: 10px;
          border-top: 1px solid #777;
}

p.footer {
          font-size: 11.5px;
          color: #006;
          font-style: italic;
          font-weight:bolder;
          text-align: right;
}