@charset "Shift_JIS";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</uc-0101/css/content.css> a :CSSstylesheet;
 :shortdesc "’†ŒÃŽÔ content-main—pCSS";
 :created "2008-11-11";
 :license <http://www.autobytel-japan.com/>;
*/


/*----------------------------------------------------
	content-main
----------------------------------------------------*/
/* uc-number
-------------------------------------------------- */
#content-main dl.uc-number {
	margin-bottom: 5px;
}
#content-main dl.uc-number dt {
	margin: 5px 5px 0 0;
	float: left;
	font-size: 93%;
	font-weight: bold;
	line-height: 1.2;
}
#content-main dl.uc-number dd {
	float: left;
}
#content-main dl.uc-number dd.text-01 {
	margin-right: 5px;
	color: #f00;
	font-size: 138.5%;
	font-weight: bold;
	line-height: 1.2;
}
#content-main dl.uc-number dd.text-02 {
	margin-top: 5px;
	font-size: 93%;
	line-height: 1.2;
}


/* uc-used
-------------------------------------------------- */
#content-main div.uc-used {
	position: relative;
	top: 0;
	left: -4px;
	width: 638px;
	margin: 5px 0;
}
#content-main div.uc-used div.title-01 {
	padding: 5px 3px 0;
	background: url(/uc-common/img/content-main/common_back_08.gif) no-repeat left top;
}
#content-main div.uc-used h2 {
	width: 632px;
	font-size: 108%;
	font-weight: bold;
	line-height: 1.2;
	border-bottom: 1px solid #ccc;
}
* html #content-main div.uc-used h2 {
	width: 628px;
}
#content-main div.uc-used h2 span {
	display: block;
	margin-left: 10px;
	padding: 5px 10px 5px 22px;
	background: url(/common/img/common_ico_07.gif) no-repeat left center;
}
#content-main div.uc-used div.outline {
	width: 638px;
	padding: 10px 15px 5px;
	background: url(/uc-common/img/content-main/common_back_09.gif) no-repeat left bottom;
}
#content-main div.uc-used .jcarousel-container-horizontal {
	width: 568px;
	margin-left: 21px;
	padding: 5px 0;
	background: url(/uc-common/img/content-main/common_back_10.gif) no-repeat left top;
}
#content-main div.uc-used .jcarousel-clip-horizontal {
	width: 548px;
	height: 70px;
	margin-left: 14px;
}
#content-main div.uc-used .jcarousel-item {
	width: 80px;
	height: 60px;
}
#content-main div.uc-used .jcarousel-item-horizontal {
	margin-right: 12px;
}
#content-main div.uc-used .jcarousel-item-placeholder {
	background: #fff;
	color: #000;
}

/**
 *  Horizontal Buttons
 */
#content-main div.uc-used .jcarousel-next-horizontal {
	position: absolute;
	top: 0;
	right: -21px;
	width: 21px;
	height: 70px;
	cursor: pointer;
	background: transparent url(/uc-common/img/content-main/common_btn_04.gif) no-repeat 0 0;
}

#content-main div.uc-used .jcarousel-next-horizontal:hover {
	background-position: -21px 0;
}
#content-main div.uc-used .jcarousel-next-horizontal:active {
	background-position: -42px 0;
}
#content-main div.uc-used .jcarousel-next-disabled-horizontal,
#content-main div.uc-used .jcarousel-next-disabled-horizontal:hover,
#content-main div.uc-used .jcarousel-next-disabled-horizontal:active {
	cursor: default;
	background-position: -63px 0;
}
#content-main div.uc-used .jcarousel-prev-horizontal {
	position: absolute;
	top: 0;
	left: -21px;
	width: 21px;
	height: 70px;
	cursor: pointer;
	background: transparent url(/uc-common/img/content-main/common_btn_05.gif) no-repeat 0 0;
}
#content-main div.uc-used .jcarousel-prev-horizontal:hover {
	background-position: -21px 0;
}
#content-main div.uc-used .jcarousel-prev-horizontal:active {
	background-position: -42px 0;
}
#content-main div.uc-used .jcarousel-prev-disabled-horizontal,
#content-main div.uc-used .jcarousel-prev-disabled-horizontal:hover,
#content-main div.uc-used .jcarousel-prev-disabled-horizontal:active {
	cursor: default;
	background-position: -63px 0;
}


/* hotspot
-------------------------------------------------- */
.hotspot {
	color: #900;
	padding-bottom: 1px;
	border-bottom: 1px dotted #900;
	cursor: pointer;
}
#tt {
	display: block;
	z-index: 4;
	position: absolute;
}
#tttop {
	display: block;
	height: 10px;
	background: url(/uc-common/img/content-main/common_back_12.gif) repeat-y left top;
	overflow: hidden;
}
#ttcont {
	display: block;
	width: 170px;
	padding: 0 10px;
	line-height: 1.2;
	background: url(/uc-common/img/content-main/common_back_13.gif) repeat-y left top;
}
#ttcont dl {
	text-align: left;
}
#ttcont dt {
	margin-bottom: 5px;
	font-size: 93%;
	color: #03c;
}
#ttcont dd strong {
	font-size: 108%;
	color: #f00;
}
#ttcont dd span {
	font-size: 93%;
}
* html #ttcont {
	width: 180px;
}
#ttbot {
	display: block;
	height: 25px;
	background: url(/uc-common/img/content-main/common_back_11.gif) repeat-y left top;
	overflow: hidden;
}


/* div.uc-search01
-------------------------------------------------- */
#content-main div.uc-search01 {
	position: relative;
	top: 0;
	left: -4px;
	width: 638px;
	margin-bottom: 6px;
	background: url(/uc-0101/img/uc-0101_back_02.gif) no-repeat left bottom;
}
#content-main div.uc-search01 a {
	color: #03c;
}
#content-main div.uc-search01 div.outline {
	background: url(/uc-0101/img/uc-0101_back_01.gif) no-repeat left top;
}
#content-main div.uc-search01 div.column-01 {
	display: inline;
	width: 311px;
	float: left;
	margin: 8px 1px 0 8px;
	padding-bottom: 10px;
}
#content-main div.uc-search01 div.column-02 {
	display: inline;
	width: 310px;
	float: left;
	margin: 8px 0 0;
	padding-bottom: 10px;
}
#content-main div.uc-search01 div.title-01 {
	width: 290px;
	margin: 5px 5px 0;
	padding: 8px 5px;
	background: url(/uc-0101/img/uc-0101_back_03.jpg) no-repeat left top;
}
* html #content-main div.uc-search01 div.title-01 {
	width: 300px;
}
#content-main div.uc-search01 div.title-01 h2 {
	float: left;
	font-size: 0;
}
#content-main div.uc-search01 div.title-01 p {
	float: right;
	padding-right: 12px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_01.gif) no-repeat right center;
}
#content-main div.uc-search01 div.search-box01 {
	padding: 0 13px 10px;
	background: url(/uc-0101/img/uc-0101_back_04.gif) no-repeat left bottom;
}
#content-main div.uc-search01 div.search-box02 {
	padding: 0 13px 10px;
}
#content-main div.uc-search01 div.search-box03 {
	padding: 0 13px 10px;
	background: url(/uc-0101/img/uc-0101_back_05.gif) no-repeat left bottom;
}
#content-main div.uc-search01 ul.list-01 {
	width: 132px;
	float: left;
	margin-right: 5px;
}
#content-main div.uc-search01 ul.list-02 {
	width: 146px;
	float: right;
}
#content-main div.uc-search01 ul.list-01 li,
#content-main div.uc-search01 ul.list-02 li {
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.25;
}
#content-main div.uc-search01 ul.list-03 {
	margin-bottom: 10px;
}
#content-main div.uc-search01 ul.list-03 li {
	width: 71px;
	text-align: center;
	font-size: 93%;
	line-height: 1.2;
	float: left;
}
#content-main div.uc-search01 ul.list-03 li img {
	margin-bottom: 5px;
}
#content-main div.uc-search01 ul.list-04 {
	margin-bottom: 5px;
}
#content-main div.uc-search01 ul.list-04 li {
	width: 140px;
	font-size: 93%;
	line-height: 1.2;
	float: left;
}
#content-main div.uc-search01 ul.list-05 {
	width: 142px;
	float: left;
	margin-right: 5px;
}
#content-main div.uc-search01 ul.list-06 {
	width: 136px;
	float: right;
}
#content-main div.uc-search01 ul.list-05 li,
#content-main div.uc-search01 ul.list-06 li {
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.2;
}
#content-main div.uc-search01 ul.list-05 li img,
#content-main div.uc-search01 ul.list-06 li img {
	margin-right: 5px;
	vertical-align: middle;
}
#content-main div.uc-search01 p.text-01 {
	font-size: 77%;
	line-height: 1.2;
}
* html #content-main div.uc-search01 p.text-01 {
	font-size: 71%;
}
*:first-child + html #content-main div.uc-search01 p.text-01 {
	font-size: 71%;
}
#content-main div.uc-search01 form {
	margin-bottom: 5px;
}
#content-main div.uc-search01 form input.text-01 {
	width: 215px;
	border: 1px solid #a6bbce;
}
#content-main div.uc-search01 form input.btn-01 {
	width: 55px;
	border: 1px solid #a6bbce;
	background-color: #fff;
}


/* div.uc-search02
-------------------------------------------------- */
#content-main div.uc-search02 {
	padding: 9px 9px 0;
	border: 1px solid #ccc;
}
#content-main div.uc-search02 h2 {
	clear: both;
	padding: 1px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/uc-0101/img/uc-0101_back_06.gif) repeat-x left bottom;
}
#content-main div.uc-search02 h2 span {
	display: block;
	padding: 4px 5px 2px;
	border-bottom: 1px solid #fff;
}
#content-main div.uc-search02 ul {
	margin: 5px 5px 15px;
}
#content-main div.uc-search02 ul li {
	float: left;
	width: 155px;
	padding-left: 10px;
	font-size: 93%;
	line-height: 1.5;
	background: url(/common/img/common_ico_11.gif) no-repeat left 3px;
}
* html #content-main div.uc-search02 ul li {
	width: 170px;
}
#content-main div.uc-search02 ul li.list-01 {
	width: 130px;
}
* html #content-main div.uc-search02 ul li.list-01 {
	width: 145px;
}
#content-main div.uc-search02 ul li a {
	color: #03c;
}
#content-main div.uc-search02 ul li.last {
	width: 120px;
}
* html #content-main div.uc-search02 ul li.last {
	width: 135px;
}


/* div.uc-ranking
-------------------------------------------------- */
#content-main div#uc-ranking {
	margin-bottom: 17px;
	padding: 1px;
	border: 3px solid #dedecc;
}
#content-main div#uc-ranking h2 {
	padding: 10px 10px 10px;
	font-size: 93%;
	border-bottom: 1px solid #fff;
	background: url(/uc-common/img/content-main/ranking_back_01.gif) repeat left top;
}
#content-main div#uc-ranking h2 span {
	padding: 5px 0 5px 28px;
	background: url(/uc-common/img/content-main/ranking_icon_11.gif) no-repeat left center;
}
div#myTab1 {
	padding: 5px 6px;
	background-color: #f1f1eb;
}
div#myTab1 ul.arrowarea {
	z-index: 2;
	position: absolute;
	top: 5px;
	right: 6px;
}
div#myTab1 ul.arrowarea li {
	width: 19px;
}
* html div#myTab1 ul.arrowarea li {
	width: 21px;
}
div#myTab1 ul.arrowarea li.selected {
	display: none;
}
div#myTab1 div.otherarea {
	position: relative;
	top: 0;
	left: 0;
}
div#myTab3 ul.tab-01 {
	background: url(/uc-common/img/content-main/ranking_line_02.gif) repeat-x left bottom;
}
div#myTab1 ul.arrowarea li,
div#myTab2 ul.tab-01 li,
div#myTab3 ul.tab-01 li {
	float: left;
	display: block;
	margin: 5px 0 0;
	text-align: center;
	font-size: 93%;
	line-height: 1.2;
	border-top: 1px solid #baba96;
	border-left: 1px solid #baba96;
	border-right: 1px solid #baba96;
	border-bottom: 1px solid #baba96;
}
div#myTab2 ul.tab-01 li.selected,
div#myTab3 ul.tab-01 li.selected {
	margin: 0;
	border-bottom: 1px solid #fff;
	background-color: #fff;
}
div#myTab2 ul.tab-01 li.tab1 {
	width: 55px;
}
* html div#myTab2 ul.tab-01 li.tab1 {
	width: 57px;
}
div#myTab2 ul.tab-01 li.tab2 {
	width: 80px;
	background: url(/uc-common/img/content-main/ranking_back_04.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab2 {
	width: 82px;
}
div#myTab2 ul.tab-01 li.tab3 {
	width: 70px;
	background: url(/uc-common/img/content-main/ranking_back_05.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab3 {
	width: 72px;
}
div#myTab2 ul.tab-01 li.tab4 {
	width: 100px;
	background: url(/uc-common/img/content-main/ranking_back_06.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab4 {
	width: 102px;
}
div#myTab2 ul.tab-01 li.tab5 {
	width: 60px;
	background: url(/uc-common/img/content-main/ranking_back_07.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab5 {
	width: 62px;
}
div#myTab2 ul.tab-01 li.tab6 {
	width: 120px;
	background: url(/uc-common/img/content-main/ranking_back_08.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab6 {
	width: 122px;
}
div#myTab2 ul.tab-01 li.tab7 {
	width: 90px;
	background: url(/uc-common/img/content-main/ranking_back_09.gif) repeat-x left 1px;
}
* html div#myTab2 ul.tab-01 li.tab7 {
	width: 92px;
}
div#myTab3 ul.tab-01 li.tab8 {
	width: 60px;
	background: url(/uc-common/img/content-main/ranking_back_10.gif) repeat-x left 1px;
}
* html div#myTab3 ul.tab-01 li.tab8 {
	width: 62px;
}
div#myTab3 ul.tab-01 li.tab9 {
	width: 70px;
	background: url(/uc-common/img/content-main/ranking_back_11.gif) repeat-x left 1px;
}
* html div#myTab3 ul.tab-01 li.tab9 {
	width: 72px;
}
div#myTab3 ul.tab-01 li.tab10 {
	width: 90px;
	background: url(/uc-common/img/content-main/ranking_back_12.gif) repeat-x left 1px;
}
* html div#myTab3 ul.tab-01 li.tab10 {
	width: 92px;
}
div#myTab3 ul.tab-01 li.tab11 {
	width: 90px;
	background: url(/uc-common/img/content-main/ranking_back_12.gif) repeat-x left 1px;
}
* html div#myTab3 ul.tab-01 li.tab11 {
	width: 92px;
}
#content-main div#uc-ranking div.yui-content div.ranking-box {
	width: 598px;
	padding: 5px;
	border-left: 1px solid #baba96;
	border-right: 1px solid #baba96;
	border-bottom: 1px solid #baba96;
	background-color: #fff;
}
* html #content-main div#uc-ranking div.yui-content div.ranking-box {
	width: 610px;
}
#content-main div#uc-ranking div.yui-content ul.list-01 {
	float: left;
	width: 470px;
}
#content-main div#uc-ranking div.yui-content ul.list-01 li {
	float: left;
	margin-left: 5px;
	padding: 5px;
	background: url(/uc-common/img/content-main/ranking_back_02.gif) repeat left top;
}
#content-main div#uc-ranking div.yui-content ul.list-01 li.first {
	margin-left: 0;
}
#content-main div#uc-ranking div.yui-content ul.list-01 li p.img-01 {
	margin-bottom: 3px;
	font-size: 0;
}
#content-main div#uc-ranking div.yui-content ul.list-01 li p.link-01 {
	padding: 5px;
	font-size: 77%;
	line-height: 1.2;
	text-align: center;
	background-color: #dce4e7;
}
* html #content-main div#uc-ranking div.yui-content ul.list-01 li p.link-01 {
	font-size: 71%;
}
*:first-child + html #content-main div#uc-ranking div.yui-content ul.list-01 li p.link-01 {
	font-size: 71%;
}
#content-main div#uc-ranking div.yui-content ul.list-02 {
	float: left;
	width: 110px;
	margin-left: 10px;
	padding-top: 5px;
	background: url(/uc-common/img/content-main/ranking_line_01.gif) repeat-x left top;
}
#content-main div#uc-ranking div.yui-content ul.list-02 li {
	margin-bottom: 5px;
	padding-bottom: 5px;
	font-size: 77%;
	line-height: 1.2;
	background: url(/uc-common/img/content-main/ranking_line_01.gif) repeat-x left bottom;
}
* html #content-main div#uc-ranking div.yui-content ul.list-02 li {
	font-size: 71%;
}
*:first-child + html #content-main div#uc-ranking div.yui-content ul.list-02 li {
	font-size: 71%;
}
#content-main div#uc-ranking div.yui-content ul.list-02 li img {
	margin-right: 5px;
}


/* Link setting
-------------------------------------------------- */
div#myTab1 ul.arrowarea li a,
div#myTab2 ul.tab-01 li a,
div#myTab3 ul.tab-01 li a {
	display: block;
	padding: 6px 0 3px;
	border: 1px solid #fff;
}
div#myTab1 ul.arrowarea li a:link,
div#myTab2 ul.tab-01 li a:link,
div#myTab3 ul.tab-01 li a:link {
	color: #03c;
	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: #03c;
	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: #03c;
	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: #03c;
	text-decoration: underline;
}

div#myTab2 ul.tab-01 li.selected a,
div#myTab3 ul.tab-01 li.selected a {
	padding: 11px 0 3px;
}
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;
}


/*----------------------------------------------------
	Clearfix
----------------------------------------------------*/
.clearfix:after,
#content-main dl.uc-number:after,
#content-main div#uc-ranking:after,
#content-main div#uc-ranking ul:after,
div#myTab1:after,
#content-main div#uc-ranking div.yui-content div:after,
#content-main div.uc-search02 ul:after,
#content-main div.uc-search02:after,
#content-main div.uc-search01 div.outline:after,
#content-main div.uc-search01 div.title-01:after,
#content-main div.uc-search01 div.search-box01:after,
#content-main div.uc-search01 div.search-box02:after,
#content-main div.uc-search01 div.search-box03:after,
#content-main div.uc-search01 ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#content-main dl.uc-number,
#content-main div#uc-ranking,
#content-main div#uc-ranking ul,
div#myTab1,
#content-main div#uc-ranking div.yui-content div,
#content-main div.uc-search02 ul,
#content-main div.uc-search02,
#content-main div.uc-search01 div.outline,
#content-main div.uc-search01 div.title-01,
#content-main div.uc-search01 div.search-box01,
#content-main div.uc-search01 div.search-box02,
#content-main div.uc-search01 div.search-box03,
#content-main div.uc-search01 ul {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #content-main dl.uc-number,
* html #content-main div#uc-ranking,
* html #content-main div#uc-ranking ul,
* html div#myTab1,
* html #content-main div#uc-ranking div.yui-content div,
* html #content-main div.uc-search02 ul,
* html #content-main div.uc-search02,
* html #content-main div.uc-search01 div.outline,
* html #content-main div.uc-search01 div.title-01,
* html #content-main div.uc-search01 div.search-box01,
* html #content-main div.uc-search01 div.search-box02,
* html #content-main div.uc-search01 div.search-box03,
* html #content-main div.uc-search01 ul {
	height: 1%;
}
.clearfix,
#content-main dl.uc-number,
#content-main div#uc-ranking,
#content-main div#uc-ranking ul,
div#myTab1,
#content-main div#uc-ranking div.yui-content div,
#content-main div.uc-search02 ul,
#content-main div.uc-search02,
#content-main div.uc-search01 div.outline,
#content-main div.uc-search01 div.title-01,
#content-main div.uc-search01 div.search-box01,
#content-main div.uc-search01 div.search-box02,
#content-main div.uc-search01 div.search-box03,
#content-main div.uc-search01 ul {
	display: block;
}
/* End hide from IE-mac */