@charset "utf-8";
#container{
	margin:0 auto;
	width:1160px;
	font-size: 14px;
}
#sidebar{
	float: left;
	width: 180px;
	padding: 10px;
	-webkit-box-shadow: 0px 0px;
	box-shadow: 0px 0px;
}
div#menu
{
	position: absolute;
	top: -1000px;
	top: 300px;
	width: 250px;
	height: 700px;
	right: 0px;
}

/* ****************************************************

	htmlmenu

***************************************************** */
#navi {
	width: 200px;
	height: 563px;
	background-image: url(img/navi.gif);
	background-repeat: no-repeat;
}
#navi ul {
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 263px;
}
#navi li {
	list-style-type: none;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: 0px;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 0px;
}
#navi li a {
    width: 200px;
    height:38pt;
    background-image: url(img/navi.gif);
    background-repeat: no-repeat;
    display:block;
    padding-top:0px;
    overflow:hidden;
    text-indent:-8883px;
}
#navi li#oshirase a {
    background-position: 0px 263px;
}
#navi li#aisatsu a {
    background-position: 0px 313px;
}
#navi li#day a {
    background-position: 0px 363px;
}
#navi li#map a {
    background-position: 0px 413px;
}
#navi li#blog a {
    background-position: 0px 463px;
}
#navi li#toiawase a {
    background-position: 0px 513px;
}

#navi li#oshirase a:hover {
    background-position: -200px -263px;
}
#navi li#aisatsu a:hover {
    background-position: -200px -313px;
}
#navi li#day a:hover {
    background-position: -200px -363px;
}
#navi li#map a:hover {
    background-position: -200px -413px;
}
#navi li#blog a:hover {
    background-position: -200px -463px;
}
#navi li#toiawase a:hover {
    background-position: -200px -513px;
}