﻿@charset "utf-8";
/* 
 *	汎用クラス（ご利用にあたって、などのHow to）
 */


.center {
	text-align: center;
}





/* exp-buy.html 用
---------------------------------------------------------*/
img#ico {
	position: absolute;
	left: 500px;
	top: 80px;
}

div#wrapTab_1 {
	position: relative;
}
div#wrapTab_1 div#wrapKit {
	z-index: 100;
	width: 73px;
	height: 77px;
	position: absolute;
	left: 138px;
	top: 80px;
}
div#wrapTab_1 div#wrapKit a {
	display: block;
	width: 73px;
	height: 77px;
	_background: url(../../exp/images/btn_kit.gif) no-repeat;
}
* html div#wrapTab_1 div#wrapKit a img {
	display: none;
}
* html div#wrapTab_1 div#wrapKit a:hover {
	_background: url(../../exp/images/btn_kit_over.gif) no-repeat;
}

ul.listGeneralFloat li#kind01, ul.listGeneralFloat li#kind02 {
	display: block;
	width: 294px;
	height:209px;
	margin-left: 20px;
	padding: 0;
	background:url(../../exp/images/bnr_kind01_temp.gif) no-repeat;
}

ul.listGeneralFloat li#kind01 p { /* リンク削除時の臨時用 */
	padding: 15px 14px 115px 60px;
	font-size: 125%;
}


ul.listGeneralFloat li#kind01 a, ul.listGeneralFloat li#kind02 a {
	display: block;
	padding: 15px 14px 115px 60px;
	width: 220px;
	height: 79px;
	font-size: 125%;
	text-align: left;
	text-decoration: none;
}

ul.listGeneralFloat li#kind01 a {
	color: #333;
	background:url(../../exp/images/bnr_kind01.gif) no-repeat;
}
ul.listGeneralFloat li#kind01 a:hover {
	background:url(../../exp/images/bnr_kind01_over.gif) no-repeat;
	color: #0099ff;
}
ul.listGeneralFloat li#kind02 a {
	color: #333;
	background:url(../../exp/images/bnr_kind02.gif) no-repeat;
}
ul.listGeneralFloat li#kind02 a:hover {
	color: #0099ff;
	background:url(../../exp/images/bnr_kind02_over.gif) no-repeat;
}

img#point01 {
	position: absolute;
	left: 245px;
	top: 33px;
}
img#point02 {
	position: absolute;
	left: 505px;
	top: 33px;
}

* html img#point01, * html img#point02 { /* for IE6 */
	display: none;
}



/* exp-buy-detail.html 用
---------------------------------------------------------*/
ul.listGeneralFloat li#store01, ul.listGeneralFloat li#store02 {
	display: block;
	margin-left: 20px;
	padding: 15px 10px 100px 40px;
	width: 240px;
	height: 90px;
	font-size: 125%;
	text-align: left;
}

ul.listGeneralFloat li#store01 {
	background:url(../../exp/images/img_sell_store01.gif) no-repeat;
}
ul.listGeneralFloat li#store02 {
	background:url(../../exp/images/img_sell_store02.gif) no-repeat;
}

img.arrow3-1, img.arrow3-2 { /* ３ステップ用矢印 */
	position: absolute;
	left: 222px;
	_left: 242px;
	/* top: 180px; */
	top: 350px;
}
img.arrow3-2 { /* ３ステップ用矢印 */
	left: 438px;
	_left: 458px;
}

img.arrow2 { /* ２ステップ用矢印 */
	position: absolute;
	left: 322px;
	_left: 342px;
	top: 350px;
}


div#wrapTab_1 table.dataTc td{
	width: 50%;
}
div#wrapTab_1 table.dataTc img {
	float: left;
	margin: 3px 10px 3px 0;
}



/* 査定フォーム
---------------------------------------------------------*/
div.wrapSellForm {
	float: left;
	width: 300px;
	margin: 0.5em 20px 0 0;
}
div.wrapSellForm h3{
	margin: 5px;
}
div.wrapSellForm table {
	width: 92%;
	margin: 0 auto 10px;
}
div.wrapSellForm table td {
	padding: 2px 0 0 0;
}
div.wrapSellForm p {
	margin:0.5em 0 0.5em 10px;
	font-size:90%;
}

/* safari only \*/
html[xmlns*=""] body:last-child div.wrapSellForm select.ls {
	font-size: 13.5px;
	letter-spacing: -1px;
}


div.wrapsellForm select#sateiTradeinCategory2, div.wrapSellForm select#sateiDirectlyCategory2 {
	position: absolute;
}
div.wrapSellForm td.h {
	height: 80px;
}




/* 購入予約までの流れ
---------------------------------------------------------*/
div#expS1, div#expS2 {
	clear: both;
	padding: 0 10px 0 120px;
	background:url(../../satei/images/bg_s1_g.gif) 10px 20px no-repeat;
}
div#expS2 {
	background:url(../../satei/images/bg_s2_g.gif) 10px 65px no-repeat;
}

/* 購入予約の流れ */
div.flow1, div.flow2, div.flow3, div#flow4 {
	padding: 0 10px 0 90px;
}
div.flow1 {
	margin-top: 5px;
	background:url(../../exp/images/bg_flow_e01.gif) 20px 30px no-repeat;
}
div.flow2 {
	background:url(../../exp/images/bg_flow_e02.gif) 20px 30px no-repeat;
}
div.flow3 {
	background:url(../../exp/images/bg_flow_e03.gif) 17px 30px no-repeat;
}
div#flow4 {
	background:url(../../exp/images/bg_flow_e04.gif) 20px 30px no-repeat;
}




/* 検索結果一覧
---------------------------------------------------------*/
div #wrapS1 {
	background:url(../../satei/images/bg_s1.gif) 580px 5px no-repeat;
}
div #wrapS2 {
	background:url(../../satei/images/bg_s2.gif) 550px 5px no-repeat;
}

div#wrapS1 table, div#wrapS2 table {
	margin: 0 auto;
}
div#wrapS1 table th, div#wrapS1 table td, div#wrapS2 table th, div#wrapS2 table td {
	padding: 5px 0.7em;
}



