/* CSS Document */

body{
font-size:12px;
color:#000000;
line-height:1.4em;
}

img{
border:none;
}

#wrap{
width:800px;
margin:0px auto;
padding:0px;
border:1px outset #000066;
}
#header{
padding:5px;
}
#footer{
clear:both;
text-align:center;
border-top:1px dashed #000066;
padding:5px;
}

ul.nomark{
list-style:none;
}

/*ナビゲーションメニュー*/

#navi ul{
font-size:14px;
font-weight:bold;
list-style:none;
text-align:center;
margin:0px;
padding:0px;
background:#0099cc;
width:100%;
height:27px;
}
#navi ul li{
float:left;
padding:0px;
margin:0px;
}
#navi ul li a,
#navi ul li a:link,
#navi ul li a:visited{
display:block;
background-color:#0099CC;
border-left:10px solid #000099;
padding:5px;
color:#efefef;
text-decoration:none;
}
#navi ul li a:hover,
#navi ul li a:active{
display:block;
background-color:#cc9966;
border-left:10px solid #cc0000;
padding:5px;
color:#993300;
text-decoration:none;
}

/*ナビゲーションメニューここまで*/

/*メイン部カラムレイアウト*/


#leftcolom{
float:left;
width:240px;
color:#CCCCCC;
background:url(../img/bg_leftcolom.jpg) no-repeat left top;
}
#leftcolom h2{
color:#FFFFFF;
}
#centercolom{
width:400px;
margin-left:240px;
background:#ffffff;
}
#rightcolom{
float:right;
width:120px;
background:#ffffff;
}
#rightcolom ul{
list-style:none;
margin:5px;
padding:0px;
}
#rightcolom ul li{
margin:0px;
padding:5px 0px;
}

/*メイン部カラムレイアウトここまで*/


h1{
text-align:right;
color:#666666;
font-size:12px;
padding:10px;
margin:0px;
border-top:5px solid #000066;
}
h2{
margin:0px;
padding:5px 5px 5px 10px;
border-left:10px solid #000066;
font-size:16px;
color:#000033;
}
h3{
background:no-repeat left center url(../img/bg_h3.jpg);
height:30px;
padding-top:10px;
padding-bottom:0px;
padding-left:5px;
font-size:14px;
color:#000066;
border-bottom:#000066 dashed 1px;
}
h4{
padding:5px;
font-size:12px;
border-left:5px solid #6666cc;
color:#6666cc;
font-weight:normal;
margin:5px 0px 10px 10px;
}


p{
margin:5px 10px;
}

dl{
margin:0px 20px 10px;
font-size:12px;
border:1px solid #666666;
}
dt{
padding:5px;
font-weight:bold;
background-color:#999999;
color:#000066;
}
dd{
padding:5px 5px 5px 15px;
margin:0px;
background:#ffffff;
color:#333333;
}
dd p{
margin:5px;
}

table{
font-size:12px;
border:1px solid #000066;
border-collapse:collapse;
margin:5px 20px;
}
table.room{
text-align:center;
margin:5px 10px;
}
th{
text-align:left;
background:#cccccc;
padding:5px;
border:1px solid #666666;
}
td{
padding:5px;
border:1px dashed #666666;
}

/*天気の表示*/

div.weather{
border:1px solid #000066;
width:300px;
margin:10px 20px;;
}
.weather table{
font-size:12px;
border-collapse:collapse;
border:none;
margin:10px auto;
padding:0px;
background:none;
}
.weather table th{
text-align:left;
background:none;
padding:0px;
border:none;
}
.weather table td{
padding:0px;
border:none;
}


.floatl{
float:left;
}
.floatc{
clear:both;
}

.center{
text-align:center;
}
.vtop{
vertical-align:top;
}

.pad_t10{
padding-top:10px;
}


.fred{
color:#CC3300;
}
.fwhite{
color:#FFFFFF;
}

.fbold{
font-weight:bold;
}

.f18{
font-size:18px;
}
.f36{
font-size:36px;
}

/*リンク装飾*/

a,a:link,a:visited{
color:#999900;
}
dt a,dt a:link,dt a:visited{
color:#003399;
}
a:hover,a:active{
color:#cccccc;
}
dt a:hover,dt a:active{
color:#cccccc;
}