@charset "utf-8";



/* contents
--------------------------------------------------------------------------
01. Information (div#information)
02. New model (div#newmodel)
03. Banner01 (div#banner01)
04. Banner02 (div#banner02)
05. Section
06. Dynamic Information (div#dynamicInfo)
99. clearfix
--------------------------------------------------------------------------
*/


/* update history
--------------------------------------------------------------------------
12/01/2008 Adjustment of all css files.
--------------------------------------------------------------------------
*/



/* 01. Information (div#information)
----------------------------------------------------------------------- */
div#information.section{
	float:left;
	width:327px;
	min-height:318px;
	margin:0 3px 20px 0;
	background:#FFF3E1 url(/images/toppage/bg_information.gif) no-repeat 0 100% scroll;
}
* html body div#information.section{/*IE6 only*/
	height:318px;
}
div#information dl{
	padding:0 25px 10px;
	
}
div#information dl dt{
	padding:10px 15px 0;
	background:transparent url(/images/toppage/icon_arrow_01.gif) no-repeat 0 70% scroll;
}
div#information dl dd{
	padding:0 0 0px 15px;
}



/* 02. New model (div#newmodel)
----------------------------------------------------------------------- */
div#newmodel.section{
	float:left;
	width:360px;
	min-height:318px;
	margin-bottom:20px;
	background:#fff url(/images/toppage/bg_newmodel.gif) no-repeat 0 100% scroll;
}
* html body div#newmodel.section{/*IE6 only*/
	height:318px;
}
div#newmodel.section h2{
	margin-bottom:12px;
}
div#newmodel.section div.section{
	position:relative;
	width:360px;
	min-height:75px!important;
	margin-bottom:10px;
}
* html body div#reviewContent div.section dl dd{/*IE6 only*/
	height:75px;
}
div#newmodel.section div.section h3{
	position:absolute;
	left:150px;
}
div#newmodel.section div.section p.txt{
	width:210px;
	padding:17px 0 0 150px;
}
div#newmodel.section div.section p.img{
	position:absolute;
	top:0;
	left:0;
}


/* 03. Banner01 (div#banner01)
----------------------------------------------------------------------- */
div#banner01.section{
	width:690px;
	margin:10px 0;
}
div#banner01.section ul li{
	margin-bottom:5px;
}



/* 04. Banner02 (div#banner02)
----------------------------------------------------------------------- */
div#banner02.section{
	clear:both;
	width:690px;
}
div#banner02.section ul li{
	float:left;
	margin-right:10px;
}


/* 05. Section
----------------------------------------------------------------------- */
div.section{
	position:relative;
	margin-bottom:0;
}

div.section p.more {
	position:absolute;
	bottom:0;
	right:0;
}

p#return{
	margin-bottom:0;
}



/* 06. Dynamic Information (div#dynamicInfo)
----------------------------------------------------------------------- */
div#dynamicInfo.section{
	clear:both;
	width:690px;
	margin-bottom:15px;
	padding-bottom:5px;
	background:#ebebeb;
}
div#dynamicInfo.section ul{
	margin:0 5px;
	padding-top:5px;
}
div#dynamicInfo.section ul li{
	float:left;
}
div#dynamicInfo.section ul li a{
	display:block;
	padding:6px 10px;
	text-decoration:underline!important;
	margin:1px;
	margin-left:0;
	color:#fff;
	background:#ff6600;
}
div#dynamicInfo.section ul li a:hover{
	background:#FF7C25;
	text-decoration:none!important;
}
div#dynamicInfo.section ul li a.selected{
	margin-bottom:0;
	color:#333;
	font-weight:bold;
	text-decoration:none!important;
	background:#fff;
	border-bottom:1px solid #fff;
	cursor:default;
}
div#dynamicInfo.section ul li a.selected:hover{
	color:#333;
	background:#fff;
	text-decoration:none!important;
}
div#dynamicInfo.section dl{
	margin:0 5px;
	padding:10px;
	clear:left;
	background:#fff;
}
* html body div#dynamicInfo.section dl{/*IE6 only*/
	padding-top:3px;
	margin-top:0px;
}
div#dynamicInfo.section dl dt{
  float:left;
  width:85px;
  margin-bottom:5px;
}
/*\*/
div#dynamicInfo.section dl dt{
  clear:both;
}
/**/
div#dynamicInfo.section dl dd{
  float:left;
  width:570px;
}
/*\*/
* html body div#dynamicInfo.section dl dd{/*IE6 only*/
  float:none;
}
/**/
*:first-child + html div#dynamicInfo.section dl dd{/*IE7 only*/
  float:none;
}



/* 99. clearfix
----------------------------------------------------------------*/
div#dynamicInfo.section dl:after{
	display:block;
	clear:both;
	content:"";
}
* html body div#dynamicInfo.section dl{/*IE6 only*/
	display:inline-block;
}
*:first-child + html div#dynamicInfo.section dl{/*IE7 only*/
	display:inline-block;
	min-height:1%;
}