
#top-container { background: url(../img/bg-contents.gif) repeat-x top; }
#top-area { margin-top: 24px; }
#top-inner {
	width: 900px;
	margin: 0 auto;
	padding-top: 8px;
}

/*======================================================================*
 *  top-contents                                                        *
 *======================================================================*/

#top-contents {
	width: 633px;
	padding: 0 45px 0 0;
	float: left;
}

#top-contents p {
	width: 185px;
	padding: 9px 5px 0 12px;
}
#top-contents h2, #top-contents h3 { text-indent: -9999px; }
#top-contents ul { padding: 10px 0 0 40px; }
#top-contents ul li { margin-bottom: 5px; }
* html #top-contents li {
	margin-bottom: 2px;
	padding: 0;
}
#top-contents ul li span { display: none; }
#top-contents ul li a {
	width: 142px;
	height: 21px;
	display: block;
}
#top-contents ul li.m4 a { background: url(../../img/btn-price4m.gif) no-repeat left top; }
#top-contents ul li.m3 a { background: url(../../img/btn-price3m.gif) no-repeat left top; }
#top-contents ul li.m2 a { background: url(../../img/btn-price2m.gif) no-repeat left top; }
#top-contents ul li.m1 a { background: url(../../img/btn-price1m.gif) no-repeat left top; }
#top-contents ul li a:hover { background-position: left -23px; }

/* concierge */
.concierge {
	margin-bottom: 20px;
	padding: 31px 15px 0 90px;
	background: url(../../img/bg-concierge.jpg) no-repeat left top;
	float: left;
}
.concierge h2 a {
	width: 194px;
	height: 61px;
	background: url(../../img/h3-concierge.gif) no-repeat;
	display: block;
}

/* rare */
.rare {
	margin-bottom: 20px;
	padding: 32px 0 0 100px;
	background: url(../../img/bg-rare.jpg) no-repeat left top;
	float: left;
}
.rare h2 a {
	width: 206px;
	height: 61px;
	background: url(../../img/h3-rare.gif) no-repeat;
	display: block;
}

/*======================================================================*
 *  new                                                                 *
 *======================================================================*/

#new {
	padding: 20px 0 0 19px;
	background: url(../../img/line-new.gif) no-repeat center top;
	clear: both;
}
#new h3 {
	width: 86px;
	height: 130px;
	margin-right: 30px;
	background: url(../../img/h3-new.gif) no-repeat left top;
	float: left;
}

#new dl {
	margin: 0;
	padding: 1.8em 0.5em 0.8em 0;
}
#new dl dt{
	margin: 0.0em 1.0em 0.2em 0;
	float: left;
}
#new dl dd{
	margin: 0.0em 0.0em 0.2em 0.0em;
	padding: 0;
}

/*======================================================================*
 *  top-right                                                           *
 *======================================================================*/

#top-right { float: right; }
#top-right h3 { margin-bottom: 8px; }
#top-right h3 span { display: none; }
h3#h3-about a {
	width: 222px;
	height: 57px;
	background: url(../../img/bnr-about.gif) no-repeat left top;
	display: block;
}
h3#h3-about a:hover { background-position: 0 -57px; }
h3#h3-rank a {
	width: 222px;
	height: 32px;
	background: url(../../img/bnr-rank.gif) no-repeat left top;
	display: block;
}
h3#h3-rank a:hover { background-position: 0 -32px; }
h3#h3-dream a {
	width: 222px;
	height: 57px;
	background: url(../../img/bnr-dream.gif) no-repeat left top;
	display: block;
}
h3#h3-dream a:hover { background-position: 0 -57px; }
h3#h3-campaign a {
	width: 222px;
	height: 57px;
	background: url(../../img/bnr-campaign.gif) no-repeat left top;
	display: block;
}


/*======================================================================*
 *  right-box                                                           *
 *======================================================================*/

.right-box {
	width: 194px;
	margin-bottom: 11px;
	padding: 11px 13px 0 13px;
	border: 1px solid #624a00;
}
.right-box p {
	height: 15px;
	text-indent: -9999px;
}
.right-box p#ttl-search {
	width: 75px;
	background: url(../../img/title-search.gif) no-repeat;
}
.right-box p#ttl-buy {
	width: 148px;
	background: url(../../img/title-buy.gif) no-repeat;
}
.right-box p#ttl-company {
	width: 150px;
	background: url(../../img/title-company.gif) no-repeat;
}
.right-box p#ttl-mydream {
	width: 191px;
	background: url(../../img/title-mydream.gif) no-repeat;
}

/*======================================================================*
 *  search                                                              *
 *======================================================================*/

.right-box form {
	margin: 7px 0 0 0;
	padding-bottom: 11px;
	text-align: center;
	display: block;
}
.search-btn {
	width: 76px;
	height: 19px;
	margin: 6px auto 0 auto;
	background: url(../../img/btn-search.gif) no-repeat top;
	border: 0;
	text-indent: -9999px;
	display: block;
	cursor: pointer;
}
.search-btn:hover { background-position: left bottom; }
.input-search {
	width: 175px;
	background: #000;
	border: 1px solid #858585;
	color:#fff;
}

/*======================================================================*
 *  right-box ul                                                        *
 *======================================================================*/

.right-box img { vertical-align: bottom; }
.right-box ul { margin: 10px 0 0 9px; line-height: 100%;}
.right-box ul li { padding: 0 0 10px 0; }
* html .right-box ul li { padding: 0 0 5px 0; }
.right-box ul li span { display: none; }
.right-box ul li a {
	height: 13px;
	display: block;
}
.right-box ul li.rnavi01 a {
	width: 84px;
	background: url(../../img/btn-navi01.gif) no-repeat left top;
}
.right-box ul li.rnavi02 a {
	width: 96px;
	background: url(../../img/btn-navi02.gif) no-repeat left top;
}
.right-box ul li.rnavi03 a {
	width: 71px;
	background: url(../../img/btn-navi03.gif) no-repeat left top;
}
.right-box ul li.rnavi04 a {
	width: 59px;
	background: url(../../img/btn-navi04.gif) no-repeat left top;
}
.right-box ul li.rnavi05 a {
	width: 127px;
	background: url(../../img/btn-navi05.gif) no-repeat left top;
}
.right-box ul li.rnavi06 a {
	width: 127px;
	background: url(../../img/btn-navi06.gif) no-repeat left top;
}


.right-box ul li a:hover { background-position: 0 -13px; }

ul#right-box-line {
	margin-bottom: 15px;
	padding-bottom: 5px;
	background: url(../../img/line-right.gif) no-repeat center bottom;
}

/*======================================================================*
 *  picup                                                               *
 *======================================================================*/

#picup {
	padding: 15px 0 15px 19px;
	background: url(../img/line.gif) repeat-x top;
}
#picup h3 {
	width: 93px;
	height: 106px;
	margin-right: 12px;
	background: url(../../img/h3-picup.gif) no-repeat;
	text-indent: -9999px;
	float: left;
}

#picup dt {
	margin: 0 10px;
	float: left;
}
#picup dd {
	width: 209px;
	padding: 10px 0 0 0;
	float: left;
}

#picup dd span {
	padding-bottom: 8px;
	display: block;
}




