/* body */

html { 
margin: 0;
padding: 0;
 }

body { 
margin: 0;
padding: 0;
font-family: Gill Sans, Helvetica, Arial;
font-size: 12px;
background-color: #666666;
text-align: center; 
 }

#container { 
position: relative;
margin: 0 auto; /* center on everything else */
width: 800px;
text-align: left;
padding: 0px;
background-color: #ffffff;
border: 2px #000000;
 }

a { 
text-decoration: none; 
color: #F9B4FD;
border-bottom: 1px dotted #999999;
 }

a:hover { 
text-decoration: none; 
color: #FF9B7D;
border-bottom: 1px solid #FF9B7D;
 }

a img { 
border: 0; 
text-decoration: none;
 }

h1, h4, h5, h6 { font-weight: bold; }
h1, h4, h5, h6, p, ol, ul, pre, blockquote {
margin-top: 10px;
margin-bottom: 10px; }

/* framework */

#header { 
width: 800px; 
height: 80px; 
margin: 0px; 
padding: 0px; 
background-color: #ffffff;
 }

#banner { 
width: 800px; 
margin: 0px; 
padding: 0px; 
background-color: #ffffff;
 }


#page-body { 
float: left;
width: 550px; 
margin: 0px; 
padding: 0px; 
background-color: #ffffff;
 }

#sidebar { 
float: right;
width: 250px; 
margin: 0px; 
padding: 0px; 
background-color: #ffffff;
 }

#footer { 
width: 800px; 
margin: 0px; 
padding: 0px; 
background-image: url(http://room416.jp/images/416_footer.jpg);
background-color: #ffffff;
 }


/* header */

.header-link {
margin: 0;
padding: 0;
background-color: #ffffff;
text-align: right;
font-size: 10px;
color: 999999;
font-family: Gill Sans, Helvetica, Arial;
letter-spacing: 0.8em;
}

.header-link a { 
text-decoration: none; 
color: #999999;
border: none;
 }

.header-link a:hover { 
text-decoration: none; 
color: #FF9B7D;
border-bottom: 1px solid #FF9B7D;
 }


/* benner */

.banner-body {
margin: 0px;
padding: 0px;
text-decoration: none;
}

.banner-body a{
text-decoration: none;
border: none;
}

.banner-body a:hover{
text-decoration: none;
border: none;
}


/* page-body */

.content {
margin: 0px;
padding: 0px 25px 0px 25px;
background-color: #ffffff;
color: #333333;
font-size: 13px;
font-family: Gill Sans, Helvetica, Arial;
font-weight: normal;
line-height: 150%;
 }

.content h3 {
margin-top: 20px;
margin-bottom: 5px;
padding-top: 10px;
padding-left: 10px;
font-size: 15px;
color: #333333;
font-weight: bold;
letter-spacing: 0.5em;
background-image: url(http://room416.jp/images/416_topicbg.jpg);
}

.content-data { 
margin-top: 0px;
margin-bottom: 15px;
padding-top: 0px;
padding-right: 10px;
font-size: 11px;
color: #aaaaaa;
 }

/* sidebar */

.menu {
margin: 0px;
padding: 0px;
background-color: #ffffff;
color: #333333;
font-size: 11px;
font-family: Myriad, Helvetica, Arial;
font-weight: normal;
line-height: 130%;
 }

.menu h2 {
margin-top: 20px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
font-size: 13px;
color: #555555;
font-weight: bold;
letter-spacing: 0.5em;
background-image: url(http://room416.jp/images/416_topicbg.jpg);
}

.menu p {
padding: 10px;
margin-bottom: 20px;
line-height: 150%;
}

.menu ul {
margin: 0px;
padding: 10px;
}

.menu li {
line-height: 150%;
padding: 0px;
margin: 0px;
margin-bottom: 10px;
list-style-type: none;
 }

/* footer */

.footer-credit { 
padding: 30px 15px 15px 15px;
text-align: right;
color: #999999;
font-size: 11px;
font-family: Myriad, Helvetica, Arial;
font-weight: normal;
line-height: 130%;
 }