??
#menu{
	width: 180px;
	margin: 0;
	padding: 0;
	float: left;
}
#navi{
	width:180px;
	margin:0px;
	padding:0px;
	list-style-type:none;
        float: left;
}

#navi li{
	height:40px;
	display:block;
	margin:0px;
	padding:0px;
}

#navi a{
	display:block;
	text-decoration:none;
	text-indent:-10000px;
	font-size:1px;
	height:39px;
}

#navi strong{
	display:block;
	text-indent:-10000px;
	font-size:1px;
	height:39px;
	text-decoration:none;
}


#navi01{
	background: url(../images/menu_home.gif) no-repeat;
}

#navi01 a:hover{
	background: url(../images/menu_home_on.gif) no-repeat;
}

#navi02{
	background: url(../images/menu_whates.gif) no-repeat;
}

#navi02 a:hover{
	background: url(../images/menu_whates_on.gif) no-repeat;
}


#navi03{
	background: url(../images/menu_flow.gif) no-repeat;
}

#navi03 a:hover{
	background: url(../images/menu_flow_on.gif) no-repeat;
}

#navi04{
	background: url(../images/menu_rate.gif) no-repeat;
}

#navi04 a:hover{
	background: url(../images/menu_rate_on.gif) no-repeat;
}

#navi05{
	background: url(../images/menu_biz.gif) no-repeat;
}

#navi05 a:hover{
	background: url(../images/menu_biz_on.gif) no-repeat;
}

#navi06{
	background: url(../images/menu_area.gif) no-repeat;
}

#navi06 a:hover{
	background: url(../images/menu_area_on.gif) no-repeat;
}



#navi08{
	background: url(../images/menu_service_purchase.gif) no-repeat;
}

#navi08 a:hover{
	background: url(../images/menu_service_purchase_on.gif) no-repeat;
}



#navi11{
	background: url(../images/menu_service_faq.gif) no-repeat;
}

#navi11 a:hover{
	background: url(../images/menu_service_faq_on.gif) no-repeat;
}

#navi12{
	background: url(../images/menu_service_contact.gif) no-repeat;
}

#navi12 a:hover{
	background: url(../images/menu_service_contact_on.gif) no-repeat;
}


/*ONボタン*/
#navi01_on{
	background: url(../images/menu_home_on.gif) no-repeat;
}

#navi02_on{
	background: url(../images/menu_whates_on.gif) no-repeat;
}

#navi03_on{
	background: url(../images/menu_flow_on.gif) no-repeat;
}

#navi04_on{
	background: url(../images/menu_rate_on.gif) no-repeat;
}

#navi05_on{
	background: url(../images/menu_biz_on.gif) no-repeat;
}

#navi06_on{
	background: url(../images/menu_area_on.gif) no-repeat;
}

#navi07_on{
	background: url(../images/menu_service_woman_on.gif) no-repeat;
}

#navi08_on{
	background: url(../images/menu_service_purchase_on.gif) no-repeat;
}

#navi09_on{
	background: url(../images/menu_service_house_on.gif) no-repeat;
}

#navi10_on{
	background: url(../images/menu_service_joint_on.gif) no-repeat;
}

#navi11_on{
	background: url(../images/menu_service_faq_on.gif) no-repeat;
}

#navi12_on{
	background: url(../images/menu_service_contact_on.gif) no-repeat;
}

#mes {

    background-color:#F0FFF0;
    width:160px;
    height:290px;
    overflow:auto;

}

#mes2 {

    background-color:#F0FFF0;
    width:160px;
    height:240px;
    overflow:auto;
　margin:5px;
}