/* CSS Document */
body{
width:850px;
margin:0 auto;
}

img{
border:0 none;
padding:0px;
margin:0px;
}

#contents_area{
width:800px;
margin:0 auto;
clear:both;
}

#map_area{
height:335px;
background-image:url(/ha-chu/img/map/1.jpg);
background-position:center 10px;
background-repeat:no-repeat;
}


#greeting{
width:200px;
height:335px;
background-image:url(/ha-chu/img/greeting_img01.jpg);
background-position:15px 15px;
background-repeat:no-repeat;
float:left;
}

#airmail{
height:225px;
background-image:url(/ha-chu/img/airmail.gif);
background-position:5px 5px;
background-repeat:no-repeat;
}

#greeting_box{
height:68px;
background-image:url(/ha-chu/img/greeting_box.gif);
background-repeat:no-repeat;
overflow:hidden;
font-size:12px;
padding:27px 5px 0px;
}

#news{
width:330px;
float:left;
margin-left:10px;
padding:285px 0 0 50px;
font-size:12px;
}

#pickup{
width:200px;
height:335px;
background-image:url(/ha-chu/img/1015/pickup.jpg);
background-position:35px 15px;
background-repeat:no-repeat;
float:right;
}

#camera{
height:225px;
background-image:url(/ha-chu/img/camera.gif);
background-position:5px 5px;
background-repeat:no-repeat;
}

#comment_box{
height:68px;
background-image:url(/ha-chu/img/comment_box.gif);
background-repeat:no-repeat;
overflow:hidden;
font-size:12px;
padding:27px 5px 0px;
}

#data_area{
width:800px;
margin:10px auto 0;
padding-left:15px;
}

#data_area_long{
width:183px;
margin-top:10px;
padding-left:15px;
float:left;
}

#data_area_long_right{
width:423px;
margin-top:10px;
float:left;
}

#navi_area{
float:left;
width:164px;
margin-left:5px;
margin-top:10px;
text-align:right;
}

#buyslist{
width:183px;
background-image:url(/ha-chu/img/list_body.jpg);
background-repeat:repeat-y;
float:left;
}

#buyslist .head{
height:47px;
background-image:url(/ha-chu/img/list_near_head.jpg);
background-repeat:no-repeat;
}

#buyslist .head2{
height:47px;
background-image:url(/ha-chu/img/list_head.jpg);
background-repeat:no-repeat;
}

#buyslist .body ul{
list-style:url(/ha-chu/img/list_img01.gif);
font-size:12px;
}

#buyslist .body li{
margin-bottom:3px;
}

#buyslist .footer{
height:55px;
background-image:url(/ha-chu/img/list_footer.jpg);
background-repeat:no-repeat;
}

#data_right{
width:381px;
margin-left:20px;
background-image:url(/ha-chu/img/text_body.jpg);
background-repeat:repeat-y;
font-size:12px;
}

#data_right .head{
height:47px;
background-image:url(/ha-chu/img/head_all_total.jpg);
background-repeat:no-repeat;
}

#data_right .head2{
height:47px;
background-image:url(/ha-chu/img/head_total_h.jpg);
background-repeat:no-repeat;
}

#data_right .body{
margin:0 0 0 10px; 
}

#data_right .body dl{
margin: 10px 0 15px;
padding: 0 10px 10px;
}
#data_right .body dl dt{
float:left;
width:7em;
padding:3px 0;
font-weight:bold;
text-indent:1em;
line-height:100%;
}
#data_right .body dl dd{
padding:3px 0 3px 1em;
width:7em;
line-height:100%;
text-align:right;
}
#data_right .body .btm{
border-top:#333 solid 1px;
}

#data_right .footer{
height:3px;
background-image:url(/ha-chu/img/text_footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#thumbnail_box{
width:423px;
background-image:url(/ha-chu/img/thumbnail_box_body.jpg);
background-repeat:repeat-y;
}

#thumbnail_box .head{
background-image:url(/ha-chu/img/thumbnail_box_head.jpg);
background-repeat:no-repeat;
padding:40px 0 0 40px;
}

#thumbnail_box img{
margin:0 10px 10px 0;
}

#thumbnail_box .footer{
height:15px;
background-image:url(/ha-chu/img/thumbnail_box_footer.jpg);
background-position:bottom;
background-repeat:no-repeat;
}

#calender_area{
width:800px;
margin:0 auto;
padding:5px;
}

#calender_area .month{
font-size:16px;
margin:10px 0;
text-align:center;
color:#666;
}

#calender_area .calender{
width:260px;
margin:3px;
float:left;
}

#calender_area .calender ul{
margin:0;
padding:0;
}

#calender_area .calender li{
font-size:14px;
display:block;
float:left;
text-align:right;
color:#666;
width:32px;
height:17px;
padding:5px 1px;
}

#calender_area .calender li a{
color:#666;
font-weight:bold;
display:block;
}

#calender_area .calender li a.today{
background-image:url(/ha-chu/img/today.gif);
background-repeat:no-repeat;
background-position:right;
}

#calender_area .calender li a.selectday{
background-image:url(/ha-chu/img/selectday.gif);
background-repeat:no-repeat;
background-position:right;
}

#calender_area .calender .sunday{
color:#FF99CC;
}

#calender_area .calender .saturday{
color:#009999;
}

#calender_area .calender .hideday{
color:#999;
}

#calender_area .calender .sunday a{
color:#FF99CC;
}

#calender_area .calender .saturday a{
color:#009999;
}