@import "init.css";
@import "common.css";

/*---------------------------------------------------------------*/
/*common.cssの上書き*/
/*---------------------------------------------------------------*/
div#main{
	width:600px;
	float:right;
	margin:20px 0 0 0;
	_margin:20px -10px 0 0;
	}

div#menu{
	background:#CCC;
	width:190px;
	min-height:757px;
	margin:20px 0 0 0;
	background:url(../images/common/menu_off.gif) no-repeat 10px 0;
	}



/*---------------------------------------------------------------*/
/*メインイメージ*/
/*---------------------------------------------------------------*/
div#indeximage{
	width:800px;
	height:217px;
	margin:0 0 0 0;
	}

div#indeximage h2{
	width:602px;
	height:217px;
	background:url(../images/common/main.jpg) no-repeat;
	float:left;	text-indent:-9999px;
	}
h3#whatsTakuhai{
	width:134px;
	height:134px;
	position:absolute;
	left: 457px;
	top: 217px;
	}
h3#whatsTakuhai a{
	width:134px;
	height:134px;
	display:block;
	text-indent:-9999px;
	}
div#indeximage div#im{
	width:198px;
	height:217px;
	background:url(../images/common/imageMenu_off.gif) no-repeat;
	float:right;
	}

/*---------------------------------------------------------------*/
/*メインイメージ右メニュ*/
/*---------------------------------------------------------------*/
/*宅配買取*/
div#im_takuhai{
	width:198px;
	height:55px;
	}
div#im_takuhai h3{
	width:197px;
	height:55px;
	float:left;
	}
div#im_takuhai h3 a{
	display:block;
	width:197px;
	height:55px;
	text-indent:-9999px;
	}
div#im_takuhai h3 a:hover{
	background:url(../images/common/imageMenu_on.gif) no-repeat 0 0;
	}
div#im_takuhai p{
	width:1px;
	height:55px;
	float:left;	text-indent:-9999px;
	}
/*店頭買取*/
div#im_tento{
	width:198px;
	height:54px;
	}
div#im_tento h3{
	width:197px;
	height:54px;
	float:left;
	}
div#im_tento h3 a{
	display:block;
	width:197px;
	height:54px;
	text-indent:-9999px;
}
div#im_tento h3 a:hover{
	background:url(../images/common/imageMenu_on.gif) no-repeat 0 -55px;
	}
div#im_tento p{
	width:1px;
	height:54px;
	float:left;	text-indent:-9999px;
	}
/*出張買取*/
div#im_shuccho{
	width:198px;
	height:54px;
	}
div#im_shuccho h3{
	width:197px;
	height:54px;
	float:left;
	}
div#im_shuccho h3 a{
	display:block;
	width:197px;
	height:54px;
	text-indent:-9999px;
}
div#im_shuccho h3 a:hover{
	background:url(../images/common/imageMenu_on.gif) no-repeat 0 -109px;
	}
div#im_shuccho p{
	width:1px;
	height:54px;
	float:left;	text-indent:-9999px;
	}
/*写メール買取*/
div#im_shamail{
	width:198px;
	height:54px;
	}
div#im_shamail h3{
	width:197px;
	height:54px;
	float:left;
	}
div#im_shamail h3 a{
	display:block;
	width:197px;
	height:54px;
	text-indent:-9999px;
}
div#im_shamail h3 a:hover{
	background:url(../images/common/imageMenu_on.gif) no-repeat 0 -163px;
	}
div#im_shamail p{
	width:1px;
	height:54px;
	float:left;
	text-indent:-9999px;
}

/*---------------------------------------------------------------*/
/*メインコンテンツ*/
/*---------------------------------------------------------------*/
/*ニュース*/
div#news1{
	width:580px;
	margin:0 0 20px;
	}
/*div#news1 h3{
	width:580px;
	height:22px;
	background:url(../images/common/header_new1.gif) no-repeat;
	margin:0 0 10px;
	text-indent:-9999px;
	}
*/div#news1 dl{
	width:570px;
	overflow:auto;
	clear:both;
	margin:0 0 5px 5px;
}
div#news1 dl dt{
	width:90px;
	float:left;
	color:#AAAAAA;
	}
div#news1 dl dd{
	width:475px;
	float:right;
	}

/*宅配買取バナー*/
div#ban_taku{
	width:285px;
	height:155px;
	margin:0 10px 10px 0;
	background:url(../images/common/ban_takuhai.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	float:left;
	}
div#ban_taku a{
	display:block;
	position:absolute;
	width:285px;
	height:155px;
	left:0;
	top:0;
	}

/*買取ブログバナー*/
div#ban_kaitori_blog{
	width:285px;
	height:155px;
	margin:0 0 10px;
	background:url(../images/common/ban_kaitori_blog.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	float:left;
	}
div#ban_kaitori_blog a{
	display:block;
	position:absolute;
	width:285px;
	height:155px;
	left:0;
	top:0;
	}

/*新品新型80%バナー*/
div#ban_80per{
	width:580px;
	height:85px;
	margin:0 0 10px;
	background:url(../images/common/ban_80per.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	}
div#ban_80per a{
	display:block;
	position:absolute;
	width:580px;
	height:85px;
	left:0;
	top:0;
	}

/*キャッシュバックキャンペーンバナー*/
div#ban_cc{
	clear:both;
	width:580px;
	height:210px;
	margin:0 0 10px;
	background:url(../images/common/ban_campaign.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	}
div#ban_cc a{
	display:block;
	position:absolute;
	width:580px;
	height:196px;
	left:0;
	top:0;
	}
/*はじめての方へバナー*/
div#ban_readme{
	width:580px;
	height:92px;
	margin:0 0 20px;
	background:url(../images/common/ban_readme.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	}
div#ban_readme a{
	display:block;
	position:absolute;
	width:580px;
	height:92px;
	left:0;
	top:0;
	}

/*高価買取ニュース*/
/*ニュース*/
div#news2{
	width:580px;
	height:332px;
	margin:0 0 20px;
	}
div#news2 h3{
	width:580px;
	height:32px;
	background:url(../images/common/header_new2.gif) no-repeat;
	margin:0 0 10px;
	text-indent:-9999px;
	}
div#itemArea2{
	width:180px;
	height:300px;
	float:right;
	background:url(../images/common/ban_itemare2.jpg) no-repeat;
	text-indent:-9999px;
	position:relative;
	}
div#itemArea2 a{
	display:block;
	position:absolute;
	width:143px;
	height:41px;
	left:19px;
	top:239px;
	}
div#itemArea1{
	width:400px;
	height:100%;
	float:left;
}
div#itemArea1 dl{
	display:block;
	width:180px;
	height:150px;
	float:left;
	padding:0 20px 0 0;
	}
dt.genre, dt.name1, dt.name2, dt.code, dd.priceTag{
	width:115px;
	margin:0 0 5px 5px;
	float:right;
	}

div#itemArea1 dl dt.image{
	width:60px;
	height:150px;
	float:left;
	}
dt.genre{
	}
dt.name1{
	color:#09C;
	font-weight:bold;
	}
dt.name2, dt.code{
	font-size:10px;
	color:#666;
	}
dd.priceTag span{
	font-weight:bold;
	color:#F00;
	}


div#faq{
	clear:both;
	width::580px;
	}

div#faq h2{
	width:580px;
	height:22px;
	background:url(../images/common/header_faq_index.gif) no-repeat;
	margin:0 0 10px 0;
	text-indent:-9999px;
	}
div#faq ul{
	width:260px;
	float:left;
	margin:0 10px 0 20px;
	list-style:disc outside;
	}
div#faq p{
	width:580px;
	clear:both;
}
div#faq p a{
	display:block;
	width:108px;
	height:26px;
	float:right;
	background:url(../images/common/btn_to_faq.gif) no-repeat;
	text-indent:-9999px;
	}