body {
margin: 0;
padding: 0;
line-height:1.4;
font-family:Arial, sans-serif;
font-size:0.75em;
background-image:url(img/back.jpg);
background-repeat:repeat-x;
background-color:#7f6d6b;
color:#333333;
text-align:center;
}

#base{
margin-left:auto;
margin-right:auto;
width:800px;
text-align:left;
border-top:5px solid #c09477;
background-color:#FFFFFF;
}

#header{
width:800px;
height:100px;
margin:0;
}

#flash{
text-align:center;
margin-top:5px;
}

#wrap{
width:800px;
}

h1{
margin:0;
}


/*--ナビゲーション-----------------------------------------------------------------------------------*/
#navi{
width:800px;
height:30px;
margin:0;}

#navi ul{
width:800px;
margin:0;
padding:0;
list-style-type:none;
}

#navi li{
float:left;
}

li.home a{
background-image:url(img/home.jpg);
background-repeat:no-repeat;
width:115px;
height:30px;
text-indent:-9999px;
display:block;
}

li.home a:hover{
background-image:url(img/home_h.jpg);
background-repeat:no-repeat;
}

li.info a{
background-image:url(img/info.jpg);
background-repeat:no-repeat;
width:114px;
height:30px;
text-indent:-9999px;
display:block;
}

li.info a:hover{
background-image:url(img/info_h.jpg);
background-repeat:no-repeat;
}

li.blog a{
background-image:url(img/blog.jpg);
background-repeat:no-repeat;
width:114px;
height:30px;
text-indent:-9999px;
display:block;
}

li.blog a:hover{
background-image:url(img/blog_h.jpg);
background-repeat:no-repeat;
}

li.style a{
background-image:url(img/style.jpg);
background-repeat:no-repeat;
width:114px;
height:30px;
text-indent:-9999px;
display:block;
}

li.style a:hover{
background-image:url(img/style_h.jpg);
background-repeat:no-repeat;
}

li.price a{
background-image:url(img/price.jpg);
background-repeat:no-repeat;
width:114px;
height:30px;
text-indent:-9999px;
display:block;
}

li.price a:hover{
background-image:url(img/price_h.jpg);
background-repeat:no-repeat;
}

li.staff a{
background-image:url(img/staff.jpg);
background-repeat:no-repeat;
width:114px;
height:30px;
text-indent:-9999px;
display:block;
}

li.staff a:hover{
background-image:url(img/staff_h.jpg);
background-repeat:no-repeat;
}

li.link a{
background-image:url(img/link.jpg);
background-repeat:no-repeat;
width:115px;
height:30px;
text-indent:-9999px;
display:block;
}

li.link a:hover{
background-image:url(img/link_h.jpg);
background-repeat:no-repeat;
}



/*--コンテンツ左-----------------------------------------------------------------------------------*/
#contents{
width:585px;
_width:580px;
background-color:#FFFFFF;
margin:0 5px 5px 5px;
float:left;
}


h2{
margin:0;
}

h2.ttl{
margin:5px 0 0 0;
}

h3{
margin-left:12px;
margin-top:5px;
margin-bottom:0;
}


/*--料金-----------------------------------------------------------------------------------*/

h3.ttl_price{
text-align:center;
margin:5px 0 0 0;}

/*--5つの提案-----------------------------------------------------------------------------------*/
#point{
position:relative;
}

#point p{
margin-top:0;
font-size:12px;
position:absolute;
top:38px;
text-indent:80px;
}

/*--サイドバー-----------------------------------------------------------------------------------*/
#side{
width:200px;
_width:190px;
float:right;
margin-right:5px;
_margin-right:5px;
}

#side_cont{
width:195px;
background-color:#a7a8a3;
margin:5px 0 5px 0;
border-bottom:1px solid #6d6d74;
}

#side_cont h4{
margin:0;
}

#side_cont p.update{
font-size:9px;
margin:5px;
color:#FFFFFF;
}

#info{
width:191px;
_width:195px;
border:2px solid #CCCCCC;
margin-bottom:10px;
}

#info p{
margin:5px;
}

/*--フッター-----------------------------------------------------------------------------------*/
#footer{
clear:both;
margin-top:15px;
background-color:#c09477;
height:70px;
padding-top:10px;
}

#footer p{
text-align:center;
margin-top:10px;
}

address{
font-style:normal;
text-align:center;
color:#FFFFFF;
}

/*--装飾-----------------------------------------------------------------------------------*/
.arrow{
color:#FF3300;
font-size:14px;}

#return{
text-align:right;
font-size:12px;
margin-right:5px;
}

/*--ブログ-----------------------------------------------------------------------------------*/
#blog{
margin-top:10px;
margin-left:5px;
margin-bottom:10px;
width:560px;
}

#blog ul{
margin-left:28px;
padding-left:0;
list-style-type:none;
}

#calender{
margin:5px 0 5px 0;
}

.entry_date{
background-image:url(img/list_hasami.gif);
background-repeat:no-repeat;
text-indent:18px;
line-height:12px;
border-bottom:1px dotted #CCCCCC;
}

h2.entry_ttl{
background-image:url(img/blog_ttl_back.gif);
background-repeat:no-repeat;
width:385px;
height:24px;
font-size:14px;
padding-left:22px;
color:#000066;
}

#blog_entry{
margin-top:10px;
margin-left:10px;
margin-bottom:10px;
width:550px;
}

#comment{
margin-left:28px;
}

.c_list{
background-image:url(img/0048_speechbubble.png);
background-repeat:no-repeat;
padding-left:14px;

}

.c_entry{
margin:5px 0 0 48px;
}

.c_time{
margin:0;
float:right;
background-image:url(http://hm-veranda.com/img/zeit.gif);
background-repeat:no-repeat;
padding-left:14px;
}

.c_time_cat{
margin:10px 0 0 0;
background-image:url(http://hm-veranda.com/img/zeit.gif);
background-repeat:no-repeat;
padding-left:14px;
color:#003300;
}

#archive_entry{
width:195px;
background-color:#82655a;
margin:5px 0 5px 0;
border-bottom:1px solid #6d6d74;
}


#archive_entry ul{
margin-left:14px;
padding-left:0;
list-style-type:none;
}

.mtentry {
border-bottom:1px dotted #CCCCCC;
margin-right:5px;
}

.mtentry a{
background-image:url(http://hm-veranda.com/img/list_hasami.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin-left:2px;
padding-left:16px;
}

.mtentry a:hover{
color:#FF0000;
}

.mt_cat{
border-bottom:1px dotted #CCCCCC;
margin-right:5px;
}

.mt_cat a{
background-image:url(http://hm-veranda.com/img/0122_folder.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin-left:2px;
padding-left:16px;
}

.mt_cat a:hover{
color:#FF0000;
}

.mt_mon{
border-bottom:1px dotted #CCCCCC;
margin-right:5px;
}

.mt_mon a{
background-image:url(http://hm-veranda.com/img/0027_datadialogsbullet.gif);
background-repeat:no-repeat;
color:#FFFFFF;
margin-left:2px;
padding-left:16px;
}

.mt_mon a:hover{
color:#FF0000;
}

hr{
clear:both;
margin:0;
}

.pankuzu{
text-align:right;
margin:5px 5px 5px 0;
border-bottom:1px dotted #CCCCCC;
font-size:9px;
}

.pankuzu02{
text-align:right;
margin:5px 5px 10px 0;
border-bottom:1px dotted #CCCCCC;
font-size:9px;
}

a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
}