/* CSS Document */
/* ===================== */
/*         共通          */
/* ===================== */
body{
background-color:#FFffFF;
margin:0;
}

h3{
width:100%;
background-color:#FFCC99;
font-weight:bold;
font-size:12px;
text-align:center;
letter-spacing: 0.5em;
margin:0;
}

hr{
clear:both;
display:none;
}

.clr{
clear:both;
}
#main{
width:752px;
margin:0 auto;
margin-top:0;
margin-bottom:0;
padding:0;
background-color:#ffffff;
clear:both;
}
/* ==================== */
/*         index        */
/* ==================== */
.content, .content2{
clear:both;
width:748px;
margin-top:10px;
vertical-align:top;
padding:0;
border-bottom:solid 1px #333333;
}

.box1{
margin-top:10px;
width:310px;
float:left;
}

.content2{
height:350px;
}
.content3{
width:750px;
margin-top:10px;
padding:0;
border-bottom:0px;
}
.content3 ul{
list-style:none;
margin:0 0 0 0;
padding:0;
}
.content3 li{
margin:0 0 0 0;
padding:0;
 float:left;
 }
.menu{
padding:0;
width:120px;
height:25px;
background-image:url(../img/menuback.gif) ;
background-repeat:repeat-x;
text-align:center;
color:#003300;
font-size:12px;
vertical-align:middle;
}
.menu a:link{
color:#006633;
text-decoration: none ;
}
.menu a:visited {
color:#006633;
text-decoration: none;
  }
.menu a:hover {
color:#006633;
font-weight:bold;
text-decoration: none;
  }

.manusp{
padding:0;
width:6px;
background-image:url(../img/menubacksp.gif);
background-repeat:no-repeat;
height:25px;
background-color:#FFFFFF;
}

.title ,.ski, .sayuri, .hotel, .kirara, .takashimizu, .akaiwa {
width:305px;
height:30px;
margin-bottom:10px;
padding-top:10px;
text-align:center;
font-size:14px;
color:#FFFFFF;
font-weight:bold;
background-color:#003399;
}
.ski{
background-color:#0066FF;
}
.sayuri{
background-color:#FF66FF;
}
.hotel{
background-color:#FF0000;
}
kirara{
background-color:#FF33CC;
}
.takashimizu{
background-color:#009900;
}
.akaiwa{
background-color:#993333;
}

.shadow {
margin: 0 0 0 0px;
background: url(../main/pic/shadow.jpg) right bottom;
float: left;
}
.shadow img {
position: relative;
left: -4px;
top: -5px;
padding: 5px;
background: #ffffff;
border: 0px solid #999999;
}

.images{
width:310px;
height:150px;
vertical-align:bottom;
}

.box2{
margin-top:10px;
width:380px;
float:right;
}
.box2 .item{
clear:both;
text-align:left;
color:#33CCFF;
font-size:14px;
font-weight:bold;
margin:0 0 0 0;
padding:0;
}
.box2 .text{
clear:both;
text-align:left;
color:#333333;
font-size:12px;
margin-left:20px;
margin-bottom:0px;
margin-top:0px;
}


#header{
width:750px;
height:410px;
margin:1;
padding:0;
clear:both;
}

#header p.i_img{
margin:0;
width:750px;
height:405px;
padding:0;
background-image:url("../img/back1.jpg");
background-repeat:no-repeat;
background-position:left top;
}
 
 
#header p.logo{
z-index:10;
width:350px;
height:62px;
background-image:url("../img/logo.gif");
position:relative;
left:200px;
top:-110px;
margin:0;
padding:0;
} 
 
h1,hr{
display:none;
} 

#footer{
clear:both;
width:750px;
padding:0;
text-align:center;
font-size:10px;
color:#666666;
}

.weather{
float:left;
width:450px;
}
.maps{
margin-top:20px;
float:right;
width:290px;
height:280px;
}
/* End Index  */
/* ===================== */
/*    miscellaneous      */
/* ===================== */

h2 {
font-size:18px;
background-color:#996600;
color:#FFFFFF;
text-align:center;
vertical-align:middle;
width:750px;
height:20px;
clear:both;
}

.box_l,.box_c,.box_r{
width:240px;
height:100px;
}

.box_l{
float:left;
background-color:#FFFFCC;
}

.box_r{
float:right;
background-color:#FFCCFF;
}

.box_c{
margin-left:15px;
margin-right:15px;
float:right;
background-color:#CCFFFF;
}

.title2{
width:240px;
height:20px;
font-size:16px;
color:#000099;
font-weight:bold;
background-color:#669966;
margin:0 0 0 0;
text-align:center;
vertical-align:middle;
}

.title3{
width:170px;
height:20px;
font-size:16px;
color:#000099;
font-weight:bold;
background-color:#669966;
margin:0 0 0 0;
text-align:center;
vertical-align:middle;
}

.box{
float:left;
width:170px;
height:200px;
border:1px solid gray;
margin:10px 8px 10px 8px;
}

.frame{
width:150px;
height:80px;
margin:7px 10px 7px 10px;
text-align:center;
}

.comm{
width:150px;
height:auto;
margin:7px 10px 7px 10px;
font-size:12px;
color:#666666;
text-align:left;
}

/* End miscellaneous */
.box500{
margin-top:50px;
width:500px;
text-align:left;
margin-left:auto;
margin-right:auto;
font-size:14px;
color:#663300;
}

.price {
	font-family: "HG数字001", "HG数字007";
	font-size: 18px;
	color: #FF0000;
}

#msgbox{
position:relative;
width:500px;
text-align:left;
background-color:#FFFFCC;
padding:5px 10px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:20px;
}

#msgbox p{
font-size:12px;
padding:0 5px;
line-height:180%;
margin:5px;
}

#msgbox h3 {
width:500px;
font-size:12px;
font-weight:bold;
margin-top:15px;
margin-bottom:5px;
}

#msgbox th,td,li{
font-size:12px;
}

#msgbox ul{
margin-top:0;
margin-left:5px;
}

#msgbox th,td{
	padding-left:5px;
	}

#msgbox blockquote{
margin:5px 20px;
}

#msgbox hr{
display:block;
border-width:1px 0px 0px 0px;
border-style:solid;
border-color:#CC6600;
height:1px;
}

.emg{
font-size:12px;
color:#333333;
letter-spacing: 0.1em;
line-height: 150%;
margin:5px 15px ;
}