@charset "utf-8";
/* CSS Document */

body {
background-image:url(img/bg.gif);
margin:0;
font-size:80%;
line-height:175%;
letter-spacing:1.2px;
color:#555;
}
h2 {
/*
background-image:url(img/bg-h2.gif);
background-position:middle left;
background-repeat:no-repeat;
height:30px;
padding-left:35px;
*/
margin-top:30px;
margin-bottom:5px;
}

h3 {
background-image:url(img/bg-h3.gif);
background-position:middle left;
background-repeat:no-repeat;
height:30px;
padding-left:35px;
margin-top:30px;
margin-bottom:5px;
}
li {
list-style-image:url(img/arrow.gif);
}

img {
border:0;
}
span {
font-size:85%;
line-height:130%;
}
a:link {
color:#336;
text-decoration:underline;
}
a:visited {
color:#336;
text-decoration:underline;
}
a:hover {
color:#36c;
text-decoration:none;
}
a:active {
color:#c00;
text-decoration:none;
}

img.left {
float:left;
padding-right:10px;
}
img.right {
float:right;
padding-left:10px;
}

div#wrapper {
background:#fff;
width:800px;
padding:0 15px 0 15px;
text-align:left;
}
div#container {
width:800px;
}

/*----------ヘッドライン------------*/

div#headline {
background-image:url(img/bg-headline.gif);
background-position:top right;
background-repeat:no-repeat;
text-align:right;
padding-top:30px;
height:90px;
}
div#headline table {
margin-top:30px;
}
/*----------トップページ------------*/

div#main-image {
clear:both;
}

div.topics {
height:160px;
margin:0;
overflow:auto;
}
div.topics ul {
margin:0;
}

/*----------トップナビゲーション------------*/

div.main dl.navigation{
width:410px;
margin-bottom:0;
clear:both;
}
div.main dl.navigation dt {
clear:both;
line-height:80%;
}
div.main dl.navigation dd{
float:left;
margin-left:5px;
width:200px;
line-height:80%;
}
div#container {
clear:both;
}
div#container div.main {
float:left;
width:420px;
}
div#container div.side {
float:right;
width:371px;
text-align:right;
}

table.banner {
float:right;
clear:both;
background-image:url(img/bg-banner.gif);
background-position:bottom center;
background-repeat:no-repeat;
margin-top:10px;
}

/*----------下層ページメイン------------*/

div#contents {
width:570px;
float:left;
}
/*----------下層ページ------------*/
div.entry {
margin-left:35px;
}
div.entry h2,div.entry h3 {
margin-left:-35px;
}
img.index {
margin-left:-35px;
}

div.report p {
clear:both;
padding-top:20px;
}

/*----------下層ページサイド------------*/

div#side-navi {
width:200px;
float:right;
padding-bottom:100px;
}
div#side-navi dd {
margin:0;
}
div#side-navi dl.navi-info dd {
float:left;
margin:0;
}
div.banner {
clear:both;
text-align:center;
padding:20px 0 20px;
}


/*----------キッチン&ガーデン------------*/

ul.kitchen {
background-image:url(img/kitchen-bg.gif);
background-position:bottom right;
background-repeat:no-repeat;
}

/*----------ゲストルーム------------*/

table.room {
width:100%;
margin-bottom:10px;
}
td.door {
width:45px;
height:60px;
}
td.door a:link img,td.door a:visited img {
background-image:url(img/door-bg.gif);
background-position:bottom;
}
td.door a:hover img {
background-image:url(img/door-bg.gif);
background-position:center;
}
td.door a:active img {
background-image:url(img/door-bg.gif);
background-position:top;
}


/*----------データ関係------------*/

table.data {
background:#ccc;
border:1px solid #666;
width:100%;
}

table.data td,table.data th {
background:#fff;
font-weight:normal;
border-bottom:1px solid #ccc;
border-right:1px solid #ccc;
vertical-align:top;
}
table.course td {
vertical-align:top;
}
dl.data dt {
background-image:url(img/lesson-icon.gif);
background-position:bottom left;
background-repeat:no-repeat;
padding-left:60px;
font-weight:bold;
}
dl.data dd {
margin-left:60px;
margin-bottom:20px;
}
dl.data {
margin-bottom:0;
}
/*----------ゲストノート------------*/

div#note {
margin-top:10px;
width:955px;
height:730px;
background-image:url(http://cozyrosy.com/img/note-bg.gif);
background-position:top center;
background-repeat:no-repeat;
padding-top:80px;
}
div.text-area {
margin-left: 480px;
width:320px;
height:500px;
overflow:auto;
text-align:left
}


/*----------フッター------------*/

div#footer {
clear:both;
height:300px;
background-image:url(img/bg-footer.gif);
background-position:bottom left;
background-repeat:no-repeat;
text-align:right;

}



div#footer div.copy {
clear:both;
padding-top:100px;
}