/*common*/
* {
font-size: 100%;
font-weight: normal;
font-style: normal;
margin: 0;
padding: 0;
border-width: 0;
outline-width: 0;
list-style-type: none; }
img {
border-style: none; }
sup {
font-size: 80%; }

body {
color: #444;
font-size: 90%;
background-image: url(img/bg_body.gif); }
a:link { }
a:visited { }
a:hover { }
a:active { }
/*layout*/
div#page {
background-repeat: repeat;
width: 783px;
margin-right: auto;
margin-left: auto;
padding-top: 10px;
padding-right: 29px;
border-width: 0; }
div#header {
color: #630;
font-size: 80%;
background-image: url(img/bg_header.jpg);
background-repeat: no-repeat;
background-position: 29px 77px;
padding-bottom: 59px; }
div#header p.address {
text-align: right;
width: 230px;
float: right; }

div#header p.address img {
margin-bottom: 3px; }

div#header img {
vertical-align: top; }

div#main {
background-color: #fff;
margin-left: 29px;
padding-top: 4px;
padding-bottom: 150px; }



div#bottom {
background-image: url(img/bg_bottom.gif);
background-repeat: repeat-x;
background-position: center bottom;
text-align: center;
bottom: 0;
width: 100%;
z-index: 1; }

html > body div#bottom {
position: fixed;}

div#menu {
width: 186px;
float: left;
padding-left: 10px; }
div#menu ul li img {
vertical-align: bottom; }
div#menu ul li.parents {
margin-top: 6px;
margin-bottom: 30px; }

div#contents {
width: 543px;
margin-top: 7px;
margin-left: 205px; }
/*common*/
div#contents h1 {
margin-bottom: 10px; }
div#contents h2 {
margin: 20px 20px 10px;
border-bottom: 1px dotted #a77a4e; }
div#contents h3 {
font-size: 120%;
margin: 10px 20px; }
div#contents p {
margin-right: 20px;
margin-left: 20px; }
div#contents ul {margin-right: 20px;
margin-left:  40px; }

/*clearfix*/
.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{
display:inline-table;
zoom:1;
}
/*macIE\*/
*html .clearfix{height:1%;}
.clearfix{display:block;}
/*macIE*/
/*about*/
ul.about {font-weight:   700;
margin-top:    5px;
margin-bottom: 5px;
margin-left:   10px; }

ul.about li {
background-image: url(img/icon_about01.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 45px; }

table.about {
margin-right: 20px;
margin-bottom: 20px;
margin-left: 20px;
border-color: #b3cb84;
border-style: solid none none solid;
border-width: 1px; }

table.about th,table.about td {
text-align: left;
vertical-align: top;
padding: 3px;
border-color: #b3cb84;
border-style: none solid solid none;
border-width: 1px; }
table.about th {
background-color: #d9e8bc;
width: 8em; }

table.about table th,table.about table td {
padding: 0;
border-style: none; }
/*room*/
div#contents table.room {
margin-left: 60px;
border-color: #c66;
border-style: solid none none solid;
border-width: 1px;
order-bottom-style: solid;
order-right-style: solid;
 }

div#contents table.room td {
text-align: right;
width: 8em;
padding: 3px;
border-color: #c66;
border-style: none solid solid none;
border-width: 1px;

 }

div#contents table.room td.age {
text-align:   left;
width: auto;
padding:      3px;
border-style: none solid solid none;
border-width: 1px;
border-color: #c66; }

div#contents table.room th {
background-color: #f4d8d8;
width: auto;
padding: 3px 20px 3px 3px;
border-style: none solid solid none;
border-width: 1px;
border-color: #c66; }

/*day*/
div#contents ul.day li {
background-image: url(img/icon_arrow_pink.gif);
background-repeat: no-repeat;
background-position: 0 0.3em;
padding-left: 15px;

 }

/*room*/
table.room {
margin-right: 20px;
margin-left: 20px;
border-top: 1px solid #ffc0af;
border-left: 1px solid #ffc0af;
border-right-color: #ffc0af;
border-right-width: 1px;
border-bottom-color: #ffc0af;
border-bottom-width: 1px; }
table.room th,table.room td {
padding: 2px;
border-bottom: 1px solid #ffc0af;
border-right: 1px solid #ffc0af;
border-top-color: #ffc0af;
border-top-width: 1px;
border-left-color: #ffc0af;
border-left-width: 1px;
 }

table.room th {
text-align: left; }

div#contents dl.room {
margin-right: 20px;
margin-left: 20px; }
div#contents dl.room dt {
color:               #675003;
font-size:           120%;
font-weight: bold;
background-image:    url(img/icon_room02.gif);
background-repeat:   no-repeat;
background-position: left top;
padding-top:         5px;
padding-bottom:      5px;
padding-left:        30px; }

div#contents dl.room dd {
margin-bottom: 20px;
margin-left: 30px; }

/*year*/
ul.month {
margin-top: 10px;
margin-bottom: 20px;
margin-left: 100px; }
ul.month li {
background-image: url(img/icon_arrow_blue.gif);
background-repeat: no-repeat;
background-position: 0 0.3em;
padding-top: 1px;
padding-bottom: 2px;
padding-left: 15px; }
ul.year {
margin-top: 10px;
margin-bottom: 10px;
margin-left: 20px; }
ul.year li {
padding-right: 10px;
display: inline; }
li.hoiku {
background-image: url(img/icon_year01.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 35px; }
li.dento {
background-image:    url(img/icon_year02.gif);
background-repeat:   no-repeat;
background-position: left top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 35px; }
li.hogo {
background-image: url(img/icon_year03.gif);
background-repeat:   no-repeat;
background-position: left top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 50px; }
li.kenko {
background-image:    url(img/icon_year04.gif);
background-repeat:   no-repeat;
background-position: left top;
padding-top: 5px;
padding-bottom: 5px;
padding-left: 35px; }
/*01*/
div#contents div.month01 {
background-image: url(img/bg_month01.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month01 div.top {
background-image: url(img/bg_month01_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month01 div.bottom {
background-image: url(img/bg_month01_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }
/*02*/
div#contents div.month02 {
background-image: url(img/bg_month02.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month02 div.top {
background-image: url(img/bg_month02_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month02 div.bottom {
background-image: url(img/bg_month02_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }

/*03*/
div#contents div.month03 {
background-image: url(img/bg_month03.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month03 div.top {
background-image: url(img/bg_month03_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month03 div.bottom {
background-image: url(img/bg_month03_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }

/*04*/
div#contents div.month04 {
background-image: url(img/bg_month04.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month04 div.top {
background-image: url(img/bg_month04_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month04 div.bottom {
background-image: url(img/bg_month04_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }

/*05*/
div#contents div.month05 {
background-image: url(img/bg_month05.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month05 div.top {
background-image: url(img/bg_month05_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month05 div.bottom {
background-image: url(img/bg_month05_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*06*/
div#contents div.month06 {
background-image: url(img/bg_month06.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month06 div.top {
background-image: url(img/bg_month06_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month06 div.bottom {
background-image: url(img/bg_month06_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*07*/
div#contents div.month07 {
background-image: url(img/bg_month07.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month07 div.top {
background-image: url(img/bg_month07_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month07 div.bottom {
background-image: url(img/bg_month07_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*08*/
div#contents div.month08 {
background-image: url(img/bg_month08.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month08 div.top {
background-image: url(img/bg_month08_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month08 div.bottom {
background-image: url(img/bg_month08_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*09*/
div#contents div.month09 {
background-image: url(img/bg_month09.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month09 div.top {
background-image: url(img/bg_month09_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month09 div.bottom {
background-image: url(img/bg_month09_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*10*/
div#contents div.month10 {
background-image: url(img/bg_month10.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month10 div.top {
background-image: url(img/bg_month10_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month10 div.bottom {
background-image: url(img/bg_month10_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*11*/
div#contents div.month11 {
background-image: url(img/bg_month11.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month11 div.top {
background-image: url(img/bg_month11_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month11 div.bottom {
background-image: url(img/bg_month11_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }


/*12*/
div#contents div.month12 {
background-image: url(img/bg_month12.gif);
background-repeat: repeat-y;
background-position: left top;
width: 520px;
margin-top: 20px;
margin-left: 20px; }
div#contents div.month12 div.top {
background-image: url(img/bg_month12_top.gif);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px; }
div#contents div.month12 div.bottom {
background-image: url(img/bg_month12_bottom.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-bottom: 5px; }

div#contents div.month01 h3,
div#contents div.month03 h3,
div#contents div.month05 h3,
div#contents div.month07 h3,
div#contents div.month09 h3,
div#contents div.month11 h3 {
float: left;
margin-left: 15px; }

div#contents div.month01 ul,
div#contents div.month03 ul,
div#contents div.month05 ul,
div#contents div.month07 ul,
div#contents div.month09 ul,
div#contents div.month11 ul {
margin-left: 130px;
padding-bottom:10px; }

div#contents div.month02 h3,
div#contents div.month04 h3,
div#contents div.month06 h3,
div#contents div.month08 h3,
div#contents div.month10 h3,
div#contents div.month12 h3 {
float: right;
margin-right: 15px; }

div#contents div.month02 ul,
div#contents div.month04 ul,
div#contents div.month06 ul,
div#contents div.month08 ul,
div#contents div.month10 ul,
div#contents div.month12 ul {
margin-right: 150px;
padding-bottom:10px; }


