@charset "UTF-8";
/* body
---------------------------------------------------------------- */

* {	margin:0;
	padding:0;
	/*border:0;*/
	font-size:100%;
}
h1, h2, h3, h4, h5, h6, p, address {	
font-size: 100%;
font-weight: normal;
font-style: normal;

}

body {
	margin: 0px;
	padding: 0px;
	color: #333333;
	text-align: center;
	font-family: "ＭＳ Ｐゴシック", Osaka, sans-serif;
}

html {
	height: 100%;
}
body { behavior:url("csshover.htc"); }

/* Wrapper
---------------------------------------------------------------- */
#wrapper {
	height: auto !important;
	text-align: left;
	width: 590px;
	margin-right: auto;
	margin-left: auto;
}


/* contents
---------------------------------------------------------------- */
#contents {
	margin: 0px;
	padding: 0px;
	height: 354px;
	width: 590px;}

/* header
---------------------------------------------------------------- */
#header {
	margin: 0px;
	padding: 0px;
	height: 207px;
	width: 590px;
	display: inline;

}

#header h1.header_rogo{
	margin: 0px;
	padding: 0px;
	width: 210px;
	height: 207px;
	list-style: none;
	float:left;
    background: url(../image/index_rogo.jpg) no-repeat; 
	display: block;
}

#header h1.header_rogo:hover{
	margin: 0px;
	padding: 0px;
	width:210px;
	height:207px;
	float:left;
    background: url(../image/index_rogo_on.jpg) no-repeat; 
	display: block;
}

#header p.header_middle{
	margin: 0px;
	padding: 0px;
	width: 195px;
	height: 207px;
	list-style: none;
	float:left;
    background: url(../image/index_headmiddle.jpg) no-repeat; 
	display: block;
}


#header p.header_cat{
	margin: 0px;
	padding: 0px;
	width: 185px;
	height: 207px;
	list-style: none;
	float:left;
    background: url(../image/index_headcat.jpg) no-repeat; 
	display: block;
}

#header p.header_cat:hover{
	margin: 0px;
	padding: 0px;
	width: 185px;
	height: 207px;
	list-style: none;
	float:left;
    background: url(../image/index_headcat_on.jpg) no-repeat; 
	display: block;
}

#header ul li{
	display: inline;
}

#header li a {
	text-decoration: none;
}
#header li a:hover {
	text-decoration: underline;
}

/* contents
---------------------------------------------------------------- */
#contents{
	margin: 0px;
	padding: 0px;
	width:590px;
	height:354px;
}


/* Sidenavi
---------------------------------------------------------------- */
#sidenavi {
	margin: 0px;
	padding: 0px;
	width:274px;
	height:354px;
	float:left;
}


#sidenavi ul{
	margin: 0px;
	padding: 0px;
    list-style-type: none;
}


#sidenavi ul li#sidetop{
	margin: 0px;
	padding: 0px;
	width:274px;
	height:51px;
	line-height: 0px;
    background: url(../image/index_sidetop.jpg) no-repeat; 

}
#sidenavi ul li#message{
	margin: 0px;
	padding: 0px;
	width:274px;
	display: block;
	height:56px;
	line-height: 0px;
}


#sidenavi ul li#message a{
	margin: 0px;
	padding: 0px;
	display: block;
		width:274px;
	height:56px;
    background: url(../image/index_message.jpg) no-repeat; 

}
#sidenavi ul li#message a:hover{
	margin: 0px;
	padding: 0px;
	display: block;
		width:274px;
	height:56px;
    background: url(../image/index_message_on.jpg) no-repeat; 

}

#sidenavi ul li#profile{
	margin: 0px;
	padding: 0px;
	width:274px;
	height:52px;
	line-height: 0px;
	}


#sidenavi ul li#profile a{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:52px;
    background: url(../image/index_profile.jpg) no-repeat; 

}
#sidenavi ul li#profile a:hover{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:52px;
    background: url(../image/index_profile_on.jpg) no-repeat; 

}

#sidenavi ul li#price{
	margin: 0px;
	padding: 0px;
	width:274px;
	height:53px;
	line-height: 0px;
}


#sidenavi ul li#price a{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:53px;
    background: url(../image/index_price.jpg) no-repeat; 
}
#sidenavi ul li#price a:hover{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:53px;
    background: url(../image/index_price_on.jpg) no-repeat; 
}

#sidenavi ul li#access{
	margin: 0px;
	padding: 0px;
	width:274px;
	height:71px;
	line-height: 0px;

}

#sidenavi ul li#access:hover{
	margin: 0px;
	padding: 0px;
}

#sidenavi ul li#access a{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:71px;
    background: url(../image/index_access.jpg) no-repeat; 
}

#sidenavi ul li#access a:hover{
	margin: 0px;
	padding: 0px;
	display: block;
	width:274px;
	height:71px;
    background: url(../image/index_access_on.jpg) no-repeat; 
}

#sidenavi ul li#sidebottom{
	margin: 0px;
	padding: 0px;
	width:274px;
	height:71px;
	line-height: 0px;
    background: url(../image/index_sidebottom.jpg) no-repeat; 
	}


#sidenavi ul li img{
	vertical-align:bottom;
}









/* main
---------------------------------------------------------------- */
#main {
    background: url(../image/index_main.jpg) no-repeat; 
	margin: 0px;
	padding: 0px;
	float:left;
	height:354px;
	width: 316px;}



p.clear {
	claer: both;
}










/* Footer
---------------------------------------------------------------- */
#footer {
	width: 590px;
	height: 89px;
	clear: both;
	margin: 0px;
	padding: 0px;
    background: url(../image/footer.jpg) no-repeat; 

}