/* CSS Document */
body {
margin: 0px; padding: 0px;
}

/* link  */
a{color: #000000; text-decoration:none;}
a:link {color: #000000; text-decoration:none;}
a:visited {color: #000000; text-decoration:none;}
a:hover {color: #0099FF; text-decoration:underline;}

a.red{color: #0000A0; text-decoration:none; font-size:12px;}
a:link.red{color: #0000A0; text-decoration:underline; font-size:12px;}
a:visited.red{color: #0000A0; text-decoration:underline; font-size:12px;}
a:hover.red{color: #0099FF;text-decoration:underline; font-size:12px;}

/* text  */
p{
font-size:12px;
line-height:130%;
margin:0px;
}

/* image  */
img{
border:0px;}

/* h tag  */
h1{
font-size:15px;
color:#000000;
font-weight:bold;
margin:0px;
padding:0px;}

h1.joyu{
font-size:15px;
font-weight:bold;
color:#000000;
}

h2{
font-size:15px;
color:#000000;
font-weight:bold;
margin:0px;
padding:0px;
}

#all{
min-width:895px;
width:100%;
color:#000000;
margin:0px 5px 0px 5px;
float:left;
font-family: "メイリオ","Meiryo",verdana,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:12px;
}

#wrapper{
min-width:895px;
width:100%;
background-color:#FFFFFF;
float:left;

}
#head{
min-width:895px;
width:100%;
}
#head .img{
min-width:895px;
width:100%;
}

#head .lead{
min-width:895px;
width:100%;
height:16px;
border:1px solid #CBCBCB;
padding:4px 0px 0px 2px;
background-color:#F6F6F6;
color:#666666;
font-size:11px;
}

#head .t-bar{
min-width:895px;
width:100%;
height:45px;
padding:10px 0px 5px 0px;
background-image:url(http://www.hokkaido1.com/images/header.gif);
background-color:#FFFFFF;
}

#head .navibar{
min-width:895px;
width:100%;
height:15px;
/*padding:7px 1% 5px 5px;*/
margin:0px 0px 0px 0px;
background-image:url(http://www.hokkaido1.com/images/navibar_bg.gif);
background-repeat:repeat-x;
color:#0000FF;
}

#head .explanation{ 
min-width:895px;
width:100%;
background-color:#FFFFFF; 
color:#000000;
padding:0.5%;
}

/* main */
#left{
float:left;
width:150px;
margin-top:5px;
font-size:12px;
padding:2px;
}
#left .img{
width:150px;}
#left .img02{
width:150px;
margin:0 0 10px 0;}

#left ul {
list-style-type:none;
font-size:12px;
line-height:130%;
margin: 0px 0px 5px 5px;
padding: 0px;
}

#left li {
font-size:12px;
line-height:130%;
margin: 0px 0px 3px 0px;
padding: 0px;
}

.title{
margin:5px 0px;
border-bottom:2px dotted #999999;
padding:5px 0px;
}

.title2{
margin:0px 0px 3px 0px;
font-size: 13px;
}

#footer{
float:left;
min-width:895px;
width:100%;
background-color:#000A71;
font-weight:normal;
margin:15px 0px 0px 5px;
padding:5px;
color:#FFFFFF;
text-align:center;
font-size:12px;
}

#footer ul {
margin: 0px;
padding: 0px;
text-align:center;
/*color:#FFFFFF;*/
}
#footer li {
display: inline;
margin: 0px;
padding: 0px 5px 0px 5px;
}

#footer a {
color: #FFFFFF;
font-size:12px;
}

#main{
float:left;
margin-left:10px;
margin-top:5px;
width:700px;
}

#main table{
border:1px solid #999;
border-color:#B4BAF5;
font-size:12px;
color:#000000;}

#main .spacy{
width:697px;
margin:1px 0 0 0;
}

#main td{
padding:5px 2px;
margin:0px;
border:0px solid #999;
text-align:left;
}
#main td.rightalign{
padding:5px 2px;
margin:2px;
border:1px solid #F2F2F2;
text-align:right;
}
#main td.centeralign{
padding:5px 2px;
margin:2px;
border:1px solid #F2F2F2;
text-align:center;
}

#main td.genreix{
vertical-align:top;
border-bottom: 1px #FFDCB9 solid;
}

.menu-bar{
width:685px;
height:27px;
margin:5px 0px 5px 0px;
padding:8px 0px 0px 15px;
/*margin:0px 0px 0px 0px; */
/*padding:0px 0px 0px 0px; */
background-image:url(http://www.hokkaido1.com/images/menubar_bg.gif);
}

/*
.joyu-thumb{
width:104px;
text-align:center;
padding:2px 0px;}

p.joyu-menu{
font-size:14px;
font-weight:bold;
color:#FFFFFF;
}
*/

#corporate td {
border:thin solid #000000;
border-color:#000000;
font-size:12px;
color:#000000;
}

#corporate td.shade {
border:thin solid #000000;
border-color:#000000;
font-size:12px;
background-color: #D7D7E3;
color:#000000;
}

.msgbox {
border: none;
padding: 2px;
margin: 5px 0px 5px 0px;
text-align: center;
background-color: #B4BAF5;
}

.msgbox_top {
border: 1px solid #000A71;
padding: 5px;
margin-top: 5px;
text-align: center;
background-color: #B4BAF5;
}

#kushitu {
/*border: 1px solid #000A71;*/
padding: 0px;
text-align: left;
/*background-color: #B4BAF5;*/
}

#kushitu table {
border: 1px solid #000A71;
padding: 0px;
text-align: left;
}

#kushitu table.areashitei {
border: none;
padding: 0px;
text-align: left;
}


#kushitu td {
border-bottom: 1px solid #000A71;
}

#kushitu td.shade {
background-color: #B4BAF5;
border-bottom: 1px solid #000A71;
}

#kushitu td.areashitei {
border: none;
}

#roomsearch table.hotel {
border:2px solid;
border-color:#B4BAF5;
}

#roomsearch table.hotelinfo {
border:none;
}

#roomsearch table.plan {
border: none;
}

#roomsearch td.plan {
border-top: 1px solid #B4BAF5;
}

#roomsearch td.charge {
border-top: 1px solid #B4BAF5;
font-size: 15px;
}

#comptab table.comp {
	border: 1px solid #000A71;
}

#comptab td {
	border: 1px solid #000A71;
}

#map_canvas {
height:500px;
width:700px;
margin: 5px 0px;
}