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


body{
	background:url(../images/bg_set.gif) repeat-x #F2F3E6;
}

/* wrapper
---------------------------------------------------------------------------------------- */
#wrapper{
	background:url(../images/mainContent_bg.gif) repeat-x center 150px;
	width:780px;
	margin:0px auto;
}

/* header
---------------------------------------------------------------------------------------- */
#header{
	height:150px;
	width:740px;
	border-bottom:none;
	padding:0px;
	margin:0px auto;
	text-align:left;
	overflow:hidden;
	_zoom:1;
}

#header .logo{
	margin:10px 0px 18px 0px;
}

#header .head{
	width:auto;
	height:auto !important;
	height:inherit;
	margin:0px auto;
	padding:0px 20px 0px 0px;
	text-align:left;
}

#header .head h1{
	float:left;
}

#header .head span{
	float:right;
	text-align:right;
	display:block;
	width:180px;
}

#header .head span img{
	margin:3px 0px;
}


/* container
---------------------------------------------------------------------------------------- */
#container{
	margin:1px auto 0px auto;
	padding:20px 40px 20px 40px;
	text-align:left;
}

#container h1{
	margin:0px 0px 20px 0px;
}

#container h2{
	border-bottom:none;
	margin:0px 0px 20px 0px;
}

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

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

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

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


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

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

#container #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%;
}

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

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

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

#container #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;
}

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

}

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

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

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

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

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

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



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

#container #side .menu{
	background:url(../images/side_bg.gif) repeat-x top #3E201A;
	margin:10px 0px;
}

#container #side .menu ul{
	padding:0px 0px 9px 9px;
	background:url(../images/side_footer.gif) no-repeat bottom;
	overflow:hidden;
	_zoom:1;
}

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

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

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

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

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



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

#container #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;
}

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

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

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