@charset "utf-8";
/* CSS Document */





/* container
---------------------------------------------------------------------------------------- */

#maincontents h2 img{
	border-bottom:none;
}

#maincontents .navi{
	text-align:right;
	margin:-10px 0px 10px 0px;
}

#maincontents .navi a{
	color:#666666;
	text-decoration:none;
}

#maincontents .navi a:hover{
	text-decoration:underline;
}


/* renaissance
------------------------------------------------ */
#maincontents #categoly{
	width:490px;
	float:left;
	overflow:hidden;
	_zoom:1;
}

#maincontents #categoly p{
	margin:0px 0px 20px 0px;
}

#maincontents #categoly h3{
	height:25px !important;
	height:30px;
	padding:5px 0px 0px 10px;
	margin:0px 0px 10px 10px;
	background:url(../images/title2_bg.gif) no-repeat;
	color:#FFFFFF;
	font-weight:bold;
	font-size:110%;
}

#maincontents #categoly h3.kodate{
	padding:5px 0px 0px 80px;
	background:url(../images/title2_kodate.png) no-repeat;
}

#maincontents #categoly h3.mansion{
	padding:5px 0px 0px 80px;
	background:url(../images/title2_mansion.png) no-repeat;
}

#maincontents #categoly .list{
	float:none;
	overflow:hidden;
	_zoom:1;
	width:500px;
	margin:0px 0px 10px -10px;
}

#maincontents #categoly .box{
	float:left;
	width:240px !important;
	width:250px;
	background:url(../images/line1.gif) repeat-y left;
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 10px;
	display:inline;
}

#maincontents #categoly .long{
	width:490px !important;
	width:500px;

}

#maincontents #categoly .box a{
	color:#666666;
	display:block;
}

#maincontents #categoly .box img{
	display:block;
	margin:0px 10px 0px 0px;
	float:left;
}

#maincontents #categoly .box strong{
	color:#333333;
	font-weight:bold;
	font-size:110%;
	line-height:1.2;
	display:block;
	margin:2px 0px 8px 0px;	
}

#maincontents #categoly .box a:hover strong{
	text-decoration:underline;
}

#maincontents #categoly .box em{
	display:block;
}

#maincontents #categoly .box em img{
	display:inline;
	margin:0px;
	float:none;
}



/* side
------------------------------------------------ */
#maincontents #side{
	width:180px;
	float:right;
	overflow:hidden;
	_zoom:1;
	text-align:left;
}

#maincontents #side .menu{
	margin:10px 0px;
}
#maincontents #side img.title{
	margin-left:8px;
}

#maincontents #side .menu ul{
	padding:0px 0px 9px 9px;
	overflow:hidden;
	_zoom:1;
	list-style:none;
}

#maincontents #side .menu li{
	float:left;
}

#maincontents #side .menu li a{
	display:block;
	width:162px;
	height:35px;
	margin:0px;
}

#maincontents #side .menu li a:hover{
	background-color:transparent;
}

#maincontents #side .menu li a:hover img{
	visibility:hidden;
}

#maincontents #side .menu li.bt1{background:url(../images/bt1on.gif) no-repeat;}
#maincontents #side .menu li.bt2{background:url(../images/bt2on.gif) no-repeat;}
#maincontents #side .menu li.bt3{background:url(../images/bt3on.gif) no-repeat;}
#maincontents #side .menu li.bt4{background:url(../images/bt4on.gif) no-repeat;}
#maincontents #side .menu li.bt5{background:url(../images/bt5on.gif) no-repeat;}
#maincontents #side .menu li.bt6{background:url(../images/bt6on.gif) no-repeat;}
#maincontents #side .menu li.bt7{background:url(../images/bt7on.gif) no-repeat;}



#maincontents #side .menu li.c{
	background:url(../images/bt_bg1.gif) no-repeat;
	float:left;
}

#maincontents #side .menu li.c a{
	width:135px !important;
	height:21px !important;
	width:162px;
	height:30px;
	padding:9px 0px 0px 27px;
	line-height:1;
	color:#666666;
	font-size:0.8em;
}

#maincontents #side .menu li.on a{
	background:url(../images/bt_bg2.gif) no-repeat top #FFFFFF;
	color:#573222;
	text-decoration:none;
}

#maincontents #side .menu li.c a:hover{
	background:url(../images/bt_bg2.gif) no-repeat top #FFFFFF;
	color:#573222;
}

#maincontents #side .menu li.c a:hover img{
	visibility:visible;
}


