/* IEとNN系の解釈の違いの緩衝 =======================*/
*  { box-sizing: border-box}
*  { -moz-box-sizing: border-box}
body  { color: #333333; font-size: 10pt; line-height: 130%; margin: 0px; padding: 0px; }
td, th  { color: #333333; font-size: 10pt; line-height: 130%; }
h1, h2, h3, h4, h5, h6, p, ul { margin-top: 0; margin-bottom: 0 }
a:link { color: #c66; text-decoration: none }
a:visited { color: #c66; text-decoration: none }
a:hover { color: #c66; text-decoration: underline }
a:active { color: #c66; text-decoration: underline }
#main    { background-image: url(../images/base.gif); background-repeat: repeat-y; margin-right: auto; margin-left: auto; width: 680px; border-right: 1px solid #F3EBE4; border-left: 1px solid #F3EBE4 }
#center     { margin-left: 8px; width: 660px }
#center-clr  { clear: both }
#header { background-color: white; background-image: url(../images/top.gif); background-repeat: no-repeat; width: 660px; height: 90px }
h1    { background-image: url(../images/top.gif); background-repeat: no-repeat; cursor: hand; display: block; width: 660px; height: 90px; overflow: hidden }
h1 span { visibility: hidden }
#menuarea  { padding-top: 5px; width: 210px; float: left }
#imagearea     { margin-left: 20px; padding-top: 5px; width: 420px; float: left }
#content    { background-image: url(../images/footer.gif); background-repeat: no-repeat; background-position: center bottom; width: 660px; float: left }
#reserv { text-align: center; margin-left: 56px; padding: 10px; width: 548px; height: 100px; clear: both; border: solid 1px #ccc }
#homenavi { text-align: center; padding-top: 20px; width: 660px; clear: both }
#homenavi A { color: #666666; text-decoration: none }
#homenavi A:hover { color: #999999; text-decoration: none }
#footer { color: #fff; text-align: center; padding-top: 10px; padding-bottom: 5px; width: 660px; clear: both }
/* index.html =======================*/
#topcom  { margin-left: 10px; padding-top: 10px; padding-bottom: 10px; width: 640px; border-top: 1px solid #ccc; border-bottom: 1px solid #ccc }
#topics { margin-left: 10px; width: 410px; float: left }
#topi-img  { margin-right: 18px; width: 50px; height: 60px; float: left }
#topi-title    { margin-bottom: 5px; padding-top: 3px; padding-bottom: 3px; width: 342px; border-top: 1px dashed #ccc; border-bottom: 1px dashed #ccc }
#topi-txt   { width: 342px; float: left }
#index-right   { margin-left: 20px; width: 200px; float: left }
#index-info   { background-color: #f1f1f1; width: 200px; border: solid 1px #ccc }
#calendar {
	text-align: center;
	margin-top: 10px;
}
#info { text-align: left; margin-top: 10px; margin-bottom: 10px; padding-right: 10px; padding-left: 10px }
#index-info p  { text-align: right }
#index-info span { color: #f00 }
/* cottageA =======================*/
#cottA-image  { padding-left: 10px; width: 320px; float: left }
#cottA-right  { padding-bottom: 10px; padding-left: 10px; width: 310px; float: left }
#cottA-title { width: 310px; border: solid 1px #ccc }
#cottA-madori { background-color: #f1f1f1; margin-top: 10px; margin-left: 50px; padding-left: 12px; width: 200px; height: 407px; border: solid 1px #ccc }
#cottA-setu  { background-color: #f1f1f1; margin-top: 10px; padding: 10px; border: solid 1px #ccc }
#cottA-price  { background-color: #f1f1f1; margin-top: 10px; padding: 10px; border: solid 1px #ccc }
/* cottageB =======================*/
#cottB-image   { padding-bottom: 10px; padding-left: 10px; width: 241px; float: left }
#cottB-agree  { }
#cottB-right     { padding-bottom: 10px; padding-left: 10px; width: 390px; float: left }
#cottB-title   { width: 390px; border: solid 1px #ccc }
#cottB-imgmain  { margin-top: 20px; margin-left: 30px }
#cottB-madori  { background-color: #f1f1f1; margin-top: 20px; border: solid 1px #ccc }
#cottB-setu  { background-color: #f1f1f1; margin-top: 10px; padding: 10px; border: solid 1px #ccc }
#cottB-price  { background-color: #f1f1f1; margin-top: 10px; padding: 10px; border: solid 1px #ccc }
/* access =======================*/
#access /*    */   { background-image: url(../images/access/map.gif); background-repeat: no-repeat; background-position: 0 0; margin-left: 30px; padding: 10px; height: 860px }
#access span { line-height: 2; padding: 2px }
#access p { font-weight: bolder; line-height: 2; padding: 2px }
#box /*  graybox  */    { background-color: #fff; margin-bottom: 10px; margin-left: 30px; padding: 10px; width: 600px; border: solid 1px #ccc }
.formborder {
	color: #FFFFFF;
	border-top: 1px dotted #CCCCCC;
	margin-top: 10px;
}
.pet {
	color: #ce6563;
	text-decoration: underline;

}