@charset "Shift_JIS";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</ww-0201/css/content.css> a :CSSstylesheet;
 :shortdesc "新車 content-main用CSS";
 :created "2008-10-16";
 :license <http://www.autobytel-japan.com/>;
*/

/*----------------------------------------------------
	content-main
----------------------------------------------------*/


/* div.car-newarea
-------------------------------------------------- */
#content-main div.car-newarea {
	position: relative;
	top: -8px;
	left: -8px;
	width: 646px;
	margin-bottom: 5px;
	background: url(/ww-0201/img/ww-0201_back_02.gif) no-repeat left bottom;
}
#content-main div.car-newarea div.outline {
	background: url(/ww-0201/img/ww-0201_back_01.gif) no-repeat left top;
}
#content-main div.car-newarea h2.release {
	padding: 25px 20px 10px;
	font-size: 0;
}
#content-main div.car-newarea div.release {
	margin: 0 18px 10px;
	background: url(/ww-0201/img/ww-0201_back_08.gif) no-repeat left bottom;
}
div.release div.outline-01 {
	padding: 12px 14px;
	background: url(/ww-0201/img/ww-0201_back_07.gif) no-repeat left top;
}
div.release div.outline-01 h3 {
	margin-bottom: 5px;
	padding-left: 22px;
	font-size: 93%;
	line-height: 1.5;
	background: url(/common/img/common_ico_07.gif) no-repeat left center;
}
div.release div.outline-01 div.list-01 {
	background: url(/ww-0201/img/ww-0201_back_10.gif) no-repeat left bottom;
}
div.release div.outline-01 div.list-01 ul {
	background: url(/ww-0201/img/ww-0201_back_09.gif) no-repeat left top;
}
div.release div.outline-01 div.list-01 li {
	display: inline;
	float: left;
	width: 118px;
	margin-left: 12px;
	padding: 9px;
}
* html div.release div.outline-01 div.list-01 li {
	padding-bottom: 0;
	width: 136px;
	margin-left: 10px;
}
*:first-child + html div.release div.outline-01 div.list-01 li {
	padding-bottom: 0;
}
div.release div.outline-01 div.list-01 li.first {
	margin-left: 0;
}
div.release div.outline-01 div.list-01 li p.img-01 {
	margin-bottom: 5px;
}
div.release div.outline-01 div.list-01 li p.text-01 {
	margin-bottom: 10px;
	padding-bottom: 10px;
	font-size: 93%;
	line-height: 1.4;
	background: url(/common/img/common_line_01.gif) repeat-x left bottom;
}
* html div.release div.outline-01 div.list-01 li p.text-01 a {
	padding-bottom: 10px;
}
div.release div.outline-01 div.list-01 li p.link-01 {
	float: right;
	padding-right: 15px;
	font-size: 77%;
	line-height: 1.2;
	background: url(/common/img/common_ico_01.gif) no-repeat right center;
}
* html div.release div.outline-01 div.list-01 li p.link-01 {
	padding-top: 3px;
	font-size: 71%;
}
*:first-child + html div.release div.outline-01 div.list-01 li p.link-01 {
	padding-top: 3px;
	font-size: 71%;
}
#content-main div.car-newarea div.search {
	margin: 0 18px 20px;
	background: url(/ww-0201/img/ww-0201_back_04.gif) no-repeat left bottom;
}
#content-main div.car-newarea div.search div.outline-02 {
	padding: 10px;
	background: url(/ww-0201/img/ww-0201_back_03.gif) no-repeat left top;
}
#content-main div.car-newarea div.search h3 {
	margin-bottom: 15px;
	padding-left: 15px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_03.gif) no-repeat left top;
}
#content-main div.car-newarea div.search h4 {
	clear: both;
	margin: 10px 0 5px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.car-newarea div.search h4 img {
	margin-right: 5px;
	vertical-align: middle;
}
#content-main div.car-newarea div.search ul {
	margin-bottom: 5px;
}
#content-main div.car-newarea div.search ul li {
	float: left;
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px solid #333;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.car-newarea div.search ul li.first {
	clear: both;
	float: left;
	margin-left: 0;
	padding-left: 0;
	border-left: none;
}
#content-main div.car-newarea div.search div.country-box {
	display: inline;
	float: left;
	width: 135px;
}
#content-main div.car-newarea div.search-01 {
	float: left;
	width: 290px;
	border-right: 1px solid #ccc;
}
#content-main div.car-newarea div.search-02 {
	float: right;
	width: 290px;
}
#content-main div.car-newarea div.search-box {
	background: url(/ww-0201/img/ww-0201_back_06.gif) no-repeat left bottom;
}
#content-main div.car-newarea div.search-box div {
	padding: 5px 10px;
	background: url(/ww-0201/img/ww-0201_back_05.gif) no-repeat left top;
}
#content-main div.car-newarea div.search-box input.search-box01 {
	width: 198px;
	height: 15px;
	vertical-align: top;
	border: 1px solid #8b8065;
}
#content-main div.car-newarea div.search-box input.search-box01 {
	height: 20px;
}
#content-main div.car-newarea div.line-box {
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: 1px solid #ccc;
}
#content-main div.car-newarea div.search dl {
	margin-top: 10px;
}
#content-main div.car-newarea div.search dt {
	float: left;
	margin-right: 5px;
}
#content-main div.car-newarea div.search dd {
	float: left;
	width: 80px;
	padding-top: 3px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.car-newarea div.search dd.first {
	width: 110px;
}

/*追加*/
#content-main .search-01 .add01{
	padding-right:5px;
	border:none;
	line-height:18px;
}

#content-main .search-01 .add02{
	padding:0 2px 0 5px;
	border-left: 1px solid #333;
	line-height:18px;
}

#content-main div.search-01 h4{
	padding:0 0 0 25px;
}
#content-main div.search-01 h4.japan {
	background: url(/common/img/content-main/japan.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.italia {
	background: url(/common/img/content-main/italia.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.germany {
	background: url(/common/img/content-main/germany.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.sweden {
	background: url(/common/img/content-main/sweden.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.britain {
	background: url(/common/img/content-main/britain.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.france {
	background: url(/common/img/content-main/france.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.america {
	background: url(/common/img/content-main/america.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.korea {
	background: url(/common/img/content-main/korea.gif) 0 0 no-repeat;
}
#content-main div.search-01 h4.netherlands {
	background: url(/common/img/content-main/nederland.jpg) 0 0 no-repeat;
}

/* div.ranking
-------------------------------------------------- */
#content-main div#ranking {
	margin-bottom: 17px;
	padding: 10px 10px 5px;
	border: 4px solid #f9ecb7;
	background-color: #fffee1;
}
#content-main div#ranking h2 {
	font-size: 0;
	margin-bottom: 10px;
}
#content-main div#ranking h3 {
	font-size: 100%;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #ff6600;
	clear: both;
	padding-left: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
	margin-top: 10px;
	margin-bottom: 10px;
}
#content-main div#ranking div.outline {
	background-color: #FFFFFF;
}
#content-main div#ranking dl {
	clear: both;
}
#content-main div#ranking dl.first {
	clear: both;
	margin: 0px;
	padding: 0px;
}
#content-main div#ranking dt {
	float: left;
	display: block;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 10px;
	padding-left: 5px;
}
#content-main div#ranking dd {
	float: left;
	padding-top: 15px;
	font-size: 85%;
	line-height: 1.2;
	width: 90px;
	margin: 0;
	padding-left: 5px;
	display: block;
}


div#myTab1 ul.arrowarea {
	float: right;
}
div#myTab1 ul.arrowarea li {
	width: 20px;
}
div#myTab1 ul.arrowarea li.selected {
	display: none;
}
div#myTab1 div.otherarea {
	float: left;
	width: 580px;
}
* html div#myTab1 div.otherarea {
	width: 582px;
}
div#myTab1 ul.arrowarea li,
div#myTab2 ul.tab-01 li,
div#myTab3 ul.tab-01 li {
	float: left;
	display: block;
	margin: 0;
	padding: 3px 0;
	text-align: center;
	font-size: 93%;
	line-height: 1.2;
	border-left: 1px solid #fffee1;
	border-right: 1px solid #fffee1;
	border-bottom: 1px solid #fffee1;
	background-color: #372d1e;
}
div#myTab2 ul.tab-01 li.selected,
div#myTab3 ul.tab-01 li.selected {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	background-color: #fffee1;
}
div#myTab2 ul.tab-01 li.tab1 {
	width: 92px;
}
* html div#myTab2 ul.tab-01 li.tab1 {
	width: 94px;
}
div#myTab2 ul.tab-01 li.tab2 {
	width: 104px;
}
* html div#myTab2 ul.tab-01 li.tab2 {
	width: 106px;
}
div#myTab2 ul.tab-01 li.tab3 {
	width: 111px;
}
* html div#myTab2 ul.tab-01 li.tab3 {
	width: 113px;
}
div#myTab2 ul.tab-01 li.tab4 {
	width: 126px;
}
* html div#myTab2 ul.tab-01 li.tab4 {
	width: 128px;
}
div#myTab2 ul.tab-01 li.tab5 {
	width: 137px;
}
* html div#myTab2 ul.tab-01 li.tab5 {
	width: 139px;
}

/*
div#myTab2 ul.tab-01 li.tab1 {
	width: 46px;
}
* html div#myTab2 ul.tab-01 li.tab1 {
	width: 48px;
}
div#myTab2 ul.tab-01 li.tab2 {
	width: 63px;
}
* html div#myTab2 ul.tab-01 li.tab2 {
	width: 65px;
}
div#myTab2 ul.tab-01 li.tab3 {
	width: 70px;
}
* html div#myTab2 ul.tab-01 li.tab3 {
	width: 72px;
}
div#myTab2 ul.tab-01 li.tab4 {
	width: 85px;
}
* html div#myTab2 ul.tab-01 li.tab4 {
	width: 87px;
}
div#myTab2 ul.tab-01 li.tab5 {
	width: 95px;
}
* html div#myTab2 ul.tab-01 li.tab5 {
	width: 97px;
}
*/
div#myTab2 ul.tab-01 li.tab6 {
	width: 100px;
}
* html div#myTab2 ul.tab-01 li.tab6 {
	width: 102px;
}
div#myTab2 ul.tab-01 li.tab7 {
	width: 107px;
}
* html div#myTab2 ul.tab-01 li.tab7 {
	width: 109px;
}
div#myTab3 ul.tab-01 li.tab8 {
	width: 128px;
}
* html div#myTab3 ul.tab-01 li.tab8 {
	width: 130px;
}
div#myTab3 ul.tab-01 li.tab9 {
	width: 60px;
}
* html div#myTab3 ul.tab-01 li.tab9 {
	width: 63px;
}
div#myTab3 ul.tab-01 li.tab10 {
	width: 105px;
}
* html div#myTab3 ul.tab-01 li.tab10 {
	width: 108px;
}
div#myTab3 ul.tab-01 li.tab11 {
	width: 85px;
}
* html div#myTab3 ul.tab-01 li.tab11 {
	width: 87px;
}
div#myTab3 ul.tab-01 li.tab12 {
	width: 85px;
}
* html div#myTab3 ul.tab-01 li.tab12 {
	width: 88px;
}
div#myTab3 ul.tab-01 li.tab13 {
	width: 105px;
}
* html div#myTab3 ul.tab-01 li.tab13 {
	width: 108px;
}
#content-main div#ranking div.yui-content ul.list-01 {
	float: left;
	width: 430px;
	margin: 10px 0 5px;
}
#content-main div#ranking div.yui-content ul.list-01 li {
	float: left;
	margin-left: 10px;
}
#content-main div#ranking div.yui-content ul.list-01 li.first {
	margin-left: 0;
}
#content-main div#ranking div.yui-content ul.list-01 li p.img-01 {
	margin: 1px 0 5px;
}
#content-main div#ranking div.yui-content ul.list-01 li p.link-01 {
	font-size: 77%;
	line-height: 1.2;
	text-align: center;
	width: 75px;	/* add by johashi 09.03.03 */
}
*:first-child + html #content-main div#ranking div.yui-content ul.list-01 li p.link-01 {
	font-size: 71%;
}
#content-main div#ranking div.yui-content ul.list-02 {
	float: left;
	margin: 10px 0 5px;
	padding: 5px 0 0 14px;
	border-left: 1px solid #ccc;
	width: 130px;	/* add by johashi 09.03.03 */
}
#content-main div#ranking div.yui-content ul.list-02 li {
	margin-bottom: 5px;
	font-size: 77%;
	line-height: 1.2;
}
*:first-child + html #content-main div#ranking div.yui-content ul.list-02 li {
	font-size: 71%;
}
#content-main div#ranking div.yui-content ul.list-02 li img {
	margin-right: 5px;
}


/* Link setting
-------------------------------------------------- */
div#myTab1 ul.arrowarea li a:link,
div#myTab2 ul.tab-01 li a:link,
div#myTab3 ul.tab-01 li a:link {
	color: #fff;
	text-decoration: none;
}
div#myTab1 ul.arrowarea li a:visited,
div#myTab2 ul.tab-01 li a:visited,
div#myTab3 ul.tab-01 li a:visited {
	color: #fff;
	text-decoration: none;
}
div#myTab1 ul.arrowarea li a:hover,
div#myTab2 ul.tab-01 li a:hover,
div#myTab3 ul.tab-01 li a:hover {
	color: #fff;
	text-decoration: underline;
}
div#myTab1 ul.arrowarea li a:active,
div#myTab2 ul.tab-01 li a:active,
div#myTab3 ul.tab-01 li a:active {
	color: #fff;
	text-decoration: underline;
}

div#myTab2 ul.tab-01 li.selected a,
div#myTab3 ul.tab-01 li.selected a {
	font-weight: bold;
}
div#myTab2 ul.tab-01 li.selected a:link,
div#myTab3 ul.tab-01 li.selected a:link {
	color: #333;
	text-decoration: none;
}
div#myTab2 ul.tab-01 li.selected a:visited,
div#myTab3 ul.tab-01 li.selected a:visited {
	color: #333;
	text-decoration: none;
}
div#myTab2 ul.tab-01 li.selected a:hover,
div#myTab3 ul.tab-01 li.selected a:hover {
	color: #333;
	text-decoration: underline;
}
div#myTab2 ul.tab-01 li.selected a:active,
div#myTab3 ul.tab-01 li.selected a:active {
	color: #333;
	text-decoration: underline;
}



/* div.car-fit
-------------------------------------------------- */
#content-main div.car-fit {
	margin-bottom: 15px;
	padding: 10px;
	border: 4px solid #d0d4d8;
}
#content-main div.car-fit div.outline {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px solid #ccc;
}
#content-main div.car-fit div.outline-01 {
	float: left;
	width: 290px;
}
#content-main div.car-fit div.outline-02 {
	display: inline;
	float: left;
	width: 295px;
	margin-left: 5px;
	padding-left: 10px;
	border-left: 1px solid #ccc;
}
* html #content-main div.car-fit div.outline-02 {
	width: 305px;
}
#content-main div.car-fit h3 {
	padding-bottom: 10px;
}
#content-main div.car-fit li {
	float: left;
	padding-left: 10px;
	font-size: 93%;
	line-height: 1.5;
	background: url(/common/img/common_ico_06.gif) no-repeat left top;
}
#content-main div.car-fit div.outline-01 li {
	width: 120px;
}
* html #content-main div.car-fit div.outline-01 li {
	width: 130px;
}
#content-main div.car-fit div.outline-01 li.link-01 {
	width: 145px;
	margin-right: 5px;
}
* html #content-main div.car-fit div.outline-01 li.link-01 {
	width: 155px;
}
#content-main div.car-fit div.outline-02 li {
	width: 150px;
}
* html #content-main div.car-fit div.outline-02 li {
	width: 160px;
}
#content-main div.car-fit div.outline-02 li.link-01 {
	width: 115px;
	margin-right: 5px;
}
* html #content-main div.car-fit div.outline-02 li.link-01 {
	width: 125px;
}


/*----------------------------------------------------
	アウトレット表示
----------------------------------------------------*/
#content-main div.outlet_unit {
	width:646px;
	margin-left: -6px;
	background:transparent url(/outlet/img/bg01.jpg) repeat-y;
}
#content-main div.outlet_recommend {
	margin-right: 18px;
	margin-left: 18px;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #8C8C8C;
	border-left-color: #8C8C8C;
	padding-right: 9px;
	padding-left: 9px;
	}
#content-main div.outlet_recommend ul {
	margin: 0px;
	padding: 0px;
}
#content-main div.outlet_recommend ul li {
	float: left;
	margin-left: 10px;
	width: 137px;
	display: inline;
}
#content-main div.outlet_recommend li p.car_image {
	padding: 0px;
	margin-top: 3px;
	margin-right: 0px;
	margin-bottom: 3px;
	margin-left: 0px;
	text-align: left;
}
#content-main div.outlet_recommend li p.car_detail {
	margin: 0px;
	padding: 0px;
	text-align: left;
}
#content-main div.outlet_recommend li p.car_detail strong {
	color: #FF0000;
}
#content-main div.outlet_recommend p.outlet_linik {
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #999999;
	background-image: url(/common/img/common_ico_01.gif);
	background-repeat: no-repeat;
	background-position: right 11px;
	text-align: right;
	padding-right: 17px;
	margin-top: 10px;
	padding-top: 10px;
	clear: both;
	margin-right: 10px;
	margin-left: 10px;
}

/*----------------------------------------------------
	Clearfix
----------------------------------------------------*/
.clearfix:after,
#content-main div#ranking:after,
#content-main div#ranking ul:after,
#content-main div#ranking div.outline:after,
div#myTab1:after,
#content-main div.car-newarea div.outline:after,
#content-main div.car-newarea div.release div:after,
#content-main div.car-newarea div.search:after,
#content-main div.car-newarea div.search ul:after,
#content-main div.car-newarea div.search-box div:after,
#content-main div.car-newarea div.search dl:after,
#content-main div.car-newarea div.search div.outline-02:after,
#content-main div.car-fit div:after,
#content-main div.car-fit ul:after,
#content-main div.outlet_recommend ul:after,
#content-main div.car-newarea div.release div div.list-01 ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#content-main div#ranking,
#content-main div#ranking ul,
#content-main div#ranking div.outline,
div#myTab1,
#content-main div.car-newarea div.outline,
#content-main div.car-newarea div.release div,
#content-main div.car-newarea div.search,
#content-main div.car-newarea div.search ul,
#content-main div.car-newarea div.search-box div,
#content-main div.car-newarea div.search dl,
#content-main div.car-newarea div.search div.outline-02,
#content-main div.car-fit div,
#content-main div.car-fit ul,
#content-main div.outlet_recommend ul,
#content-main div.car-newarea div.release div div.list-01 ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #content-main div#ranking,
* html #content-main div#ranking ul,
* html #content-main div#ranking div.outline,
* html div#myTab1,
* html #content-main div.car-newarea div.outline-01,
* html #content-main div.car-newarea div.release div,
* html #content-main div.car-newarea div.search,
* html #content-main div.car-newarea div.search ul,
* html #content-main div.car-newarea div.search-box div,
* html #content-main div.car-newarea div.search dl,
* html #content-main div.car-newarea div.search div.outline-02,
* html #content-main div.car-fit div,
* html #content-main div.car-fit ul,
* html #content-main div.outlet_recommend ul,
* html #content-main div.car-newarea div.release div div.list-01 ul {
	height: 1%;
}
.clearfix,
#content-main div#ranking,
#content-main div#ranking ul,
#content-main div#ranking div.outline,
div#myTab1,
#content-main div.car-newarea div.outline,
#content-main div.car-newarea div.release div,
#content-main div.car-newarea div.search,
#content-main div.car-newarea div.search ul,
#content-main div.car-newarea div.search-box div,
#content-main div.car-newarea div.search dl,
#content-main div.car-newarea div.search div.outline-02,
#content-main div.car-fit div,
#content-main div.car-fit ul,
#content-main div.outlet_recommend ul,
#content-main div.car-newarea div.release div div.list-01 ul {
	display: block;
}
/* End hide from IE-mac */