@charset "Shift_JIS";

/**
@prefix : <http://purl.org/net/ns/doas#> .
</go-0101/css/content.css> a :CSSstylesheet;
 :shortdesc "カー用品 content-main用CSS";
 :created "2008-11-28";
 :license <http://www.autobytel-japan.com/>;
*/

/*----------------------------------------------------
	content-main
----------------------------------------------------*/
#content-main a {
	color: #03c;
}
#content-main h1 {
	margin-bottom: 15px;
	padding-bottom: 8px;
	font-size: 123.1%;
	line-height: 1.2;
	background: url(/go-common/img/content-main/title_back_01.gif) no-repeat left bottom;
}

#content-main div.winter {
	margin-bottom: 15px;
}

/*----------------------------------------------------
	新トップ
----------------------------------------------------*/
#content-main div.goods_box {
	float: left;
	width: 160px;
}
#content-main div.winter {
	background-image: url(/goods/img/winter.jpg);
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 0px;
	background-repeat: no-repeat;
	clear: both;
}
#content-main div.summer {
	background-image: url(/goods/img/summer.jpg);
	background-repeat: no-repeat;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	clear: both;
}
#content-main div.carnavi {
	background-image: url(/goods/img/navi.jpg);
	margin-bottom: 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	background-repeat: no-repeat;
	clear: both;
}
#content-main div.winter h2,
#content-main div.summer h2,
#content-main div.carnavi h2 {
	padding-left: 12px;
	font-size: 16px;
	line-height: 1.2;
	background: url(/goods/img/go-0101_ico_01.gif) no-repeat left top;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}
#content-main div.winter a,
#content-main div.summer a,
#content-main div.carnavi a {
	text-decoration: none;
	float: none;
}
#content-main div.winter p.goods_image,
#content-main div.summer p.goods_image,
#content-main div.carnavi p.goods_image {
	margin: 0px;
	padding: 0px;
}
#content-main div.winter h3,
#content-main div.summer h3,
#content-main div.carnavi h3 {
	float: left;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 3px;
	background-color: #a2a2a2;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	width: 443px;
	padding-top: 2px;
	padding-right: 3px;
	padding-bottom: 2px;
	padding-left: 3px;
}
#content-main div.winter ul,
#content-main div.summer ul,
#content-main div.carnavi ul {
	margin-left: 170px;
	display: block;
	padding: 3px;
	margin-bottom: 10px;
}
#content-main div.winter ul.imp,
#content-main div.summer ul.imp,
#content-main div.carnavi ul.imp {
	margin-left: 170px;
	display: block;
	padding: 3px;
	margin-top: -8px;
	margin-bottom: 10px;
}
#content-main div.winter li,
#content-main div.summer li,
#content-main div.carnavi li {
	display: inline;
	font-size: 13px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
	padding-left: 5px;
	margin-left: 5px;
	line-height: 140%;
}
#content-main div.winter li.first,
#content-main div.summer li.first,
#content-main div.carnavi li.first {
	padding-left: 0px;
	background-image: none;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-left: 0px;
}
#content-main div.winter p.goods_lead,
#content-main div.summer p.goods_lead,
#content-main div.carnavi p.goods_lead {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 175px;
	padding: 0px;
}
#content-main div.carnavi p.navi_button {
	margin-left: 175px;
	margin-top: 15px;
	margin-bottom: 15px;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}


/* div.go-recommend
-------------------------------------------------- */
#content-main div.go-recommend {
	margin-bottom: 15px;
	border: 1px solid #ccc;
}
#content-main div.title-h2go-01 {
	margin-bottom: 1px;
	padding: 5px 10px;
	background: url(/go-common/img/content-main/title_back_02.gif) repeat-x left center;
}
#content-main div.title-h2go-01 h2 {
	float: left;
	font-size: 108%;
	line-height: 1.2;
}
#content-main div.title-h2go-01 h2.ranking {
	padding: 2px 0 0 28px;
	line-height: 1.5;
	background: url(/wh-0001/img/wh-0001_ico_01.gif) no-repeat left center;
}
#content-main div.title-h2go-01 p {
	float: right;
	margin-top: 3px;
	padding-left: 15px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_01.gif) no-repeat left center;
}
#content-main div.title-h2go-01 p.ranking {
	margin-top: 5px;
}
#content-main div.go-recommend div.outline {
	padding: 10px 9px;
	border-top: 1px solid #ccc;
}
#content-main div.go-recommend ul {
	margin-top: 20px;
}
#content-main div.go-recommend ul.first {
	margin-top: 0;
}
#content-main div.go-recommend li {
	float: left;
	width: 190px;
	margin-left: 20px;
	background: url(/go-common/img/common_back_01.gif) repeat-y left center;
}
#content-main div.go-recommend li.first {
	margin-left: 0;
}
#content-main div.go-recommend li p.text-01 {
	float: right;
	width: 108px;
	padding: 10px 6px;
	font-size: 93%;
	line-height: 1.2;
}
* html #content-main div.go-recommend li p.text-01 {
	width: 120px;
}
#content-main div.go-recommend li p.img-01 {
	float: left;
	width: 64px;
	padding: 2px;
	border: 1px dotted #CCCCCC;
}
#content-main div.go-recommend li p.icon-01 {
	float: right;
	margin-bottom: -5px;
}


/* div.go-category
-------------------------------------------------- */
#content-main div.go-category {
	margin-bottom: 15px;
	border: 6px solid #5b6871;
	background: url(/go-0101/img/go-0101_back_01.gif) no-repeat left bottom;
}
#content-main div.go-category div {
	float: left;
	padding: 9px 9px 5px;
}
#content-main div.go-category div.box-01 {
	width: 180px;
}
* html #content-main div.go-category div.box-01 {
	width: 198px;
}
#content-main div.go-category div.box-02 {
	display: inline;
	width: 186px;
	margin-left: 6px;
}
* html #content-main div.go-category div.box-02 {
	width: 204px;
}
#content-main div.go-category h2 {
	padding-left: 12px;
	font-size: 123.1%;
	line-height: 1.2;
	background: url(/go-0101/img/go-0101_ico_01.gif) no-repeat left top;
}
#content-main div.go-category dl {
	margin-top: 5px;
	padding-top: 10px;
	background: url(/go-0101/img/go-0101_line_01.gif) repeat-x left top;
}
#content-main div.go-category dt {
	float: right;
	width: 50px;
}
#content-main div.go-category dd {
	float: left;
	width: 120px;
	margin-bottom: 5px;
	font-size: 93%;
	line-height: 1.4;
}


/* div.go-article
-------------------------------------------------- */
#content-main div.title-h2go-02 {
	margin-bottom: 1px;
	padding: 10px 8px 8px;
	border-bottom: 1px solid #ccc;
	background: url(/go-common/img/content-main/title_back_03.gif) repeat-x left top;
}
#content-main div.title-h2go-02 h2 {
	padding: 0 10px;
	font-size: 108%;
	line-height: 1.2;
	background: url(/go-common/img/content-main/title_back_04.gif) no-repeat left center;
}
#content-main div.go-article {
	margin-bottom: 25px;
	padding: 10px 10px 0;
	background-color: #f5f5f5;
}
#content-main div.go-article div.title-h3go-01,
#content-main div.go-article div.title-h3go-02 {
	margin-bottom: 5px;
	background: url(/go-common/img/content-main/title_back_06.gif) no-repeat left bottom;
}
#content-main div.go-article div.title-h3go-01 div {
	padding: 5px 8px 4px;
	background: url(/go-common/img/content-main/title_back_05.gif) no-repeat left top;
}
#content-main div.go-article div.title-h3go-01 h3 {
	float: left;
	font-size: 108%;
	line-height: 1.2;
	color: #fff;
}
#content-main div.go-article div.title-h3go-01 p {
	float: right;
	padding-right: 15px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/common/img/common_ico_12.gif) no-repeat right center;
}

/* Link setting
-------------------------------------------------- */
#content-main div.go-article div.title-h3go-01 p a:link {
	color: #fff;
	text-decoration: none;
}
#content-main div.go-article div.title-h3go-01 p a:visited {
	color: #fff;
	text-decoration: none;
}
#content-main div.go-article div.title-h3go-01 p a:hover {
	color: #fff;
	text-decoration: underline;
}
#content-main div.go-article div.title-h3go-01 p a:active {
	color: #fff;
	text-decoration: underline;
}


#content-main div.go-article div.title-h3go-02 div {
	background: url(/go-common/img/content-main/title_back_05.gif) no-repeat left top;
}
#content-main div.go-article div.title-h3go-02 h3 {
	float: left;
	padding: 5px 8px 4px;
	font-size: 108%;
	line-height: 1.2;
	color: #fff;
}
#content-main div.go-article div.title-h3go-02 ul {
	float: right;
	margin: 4px 5px 0 0;
}
#content-main div.go-article div.title-h3go-02 li {
	float: left;
}
#content-main div.go-article ul.list-01 {
	margin-bottom: 10px;
}
#content-main div.go-article ul.list-01 li {
	display: inline;
	zoom: 1;
	margin: 0 0 5px 3px;
	padding-left: 6px;
	font-size: 93%;
	line-height: 1.5;
	border-left: 1px solid #333;
}
#content-main div.go-article ul.list-01 li.first {
	margin: 0 0 5px 0;
	padding-left: 0;
	border-left: none;
}


/* div.go-editorial
-------------------------------------------------- */
#content-main div.go-editorial {
	clear: both;
	margin-bottom: 20px;
	border: 3px solid #5b6871;
	background-color: #fffee1;
}
#content-main div.go-editorial h2 {
	font-size: 108%;
	font-weight: bold;
	line-height: 1.3;
	color: #fff;
	background: #5b6871 url(/go-common/img/content-main/title_back_07.gif) repeat-x left center;
	border-bottom: 3px solid #5b6871;
}
#content-main div.go-editorial h2 span {
	display: block;
	margin: 0 5px;
	padding: 5px 0 5px 28px;
	background: url(/go-0101/img/go-0101_ico_02.gif) no-repeat left center;
}

/* Link setting
-------------------------------------------------- */
#content-main div.go-editorial h2 a:link {
	color: #fff;
	text-decoration: none;
}
#content-main div.go-editorial h2 a:visited {
	color: #fff;
	text-decoration: none;
}
#content-main div.go-editorial h2 a:hover {
	color: #fff;
	text-decoration: underline;
}
#content-main div.go-editorial h2 a:active {
	color: #fff;
	text-decoration: underline;
}


#content-main div.go-editorial div {
	float: left;
	width: 280px;
	padding: 10px;
}
* html #content-main div.go-editorial div {
	width: 300px;
}
#content-main div.go-editorial div h3 {
	width: 100%;
	margin-bottom: 5px;
	padding-left: 10px;
	font-size: 93%;
	font-weight: normal;
	line-height: 1.2;
	background: url(/common/img/common_ico_11.gif) no-repeat left center;
}
#content-main div.go-editorial div p {
	font-size: 93%;
	line-height: 1.5;
}
#content-main div.go-editorial div.other {
	clear: both;
	width: 604px;
	padding: 10px;
	background: #fff url(/wh-0001/img/wh-0001_line_01.gif) repeat-x left top;
}
* html #content-main div.go-editorial div.other {
	width: 624px;
}
#content-main div.go-editorial div.other h3 {
	float: left;
	margin-bottom: 0;
}
#content-main div.go-editorial div.other p {
	margin-left: 8em;
	line-height: 1.2;
}


/* go-notes
-------------------------------------------------- */
#content-main div.go-notes {
	margin-bottom: 20px;
	background: url(/go-0101/img/go-0101_back_03.gif) no-repeat left bottom;
}
#content-main div.go-notes p {
	padding: 10px;
	font-size: 93%;
	line-height: 1.2;
	background: url(/go-0101/img/go-0101_back_02.gif) no-repeat left top;
}


/*----------------------------------------------------
	Clearfix
----------------------------------------------------*/
.clearfix:after,
#content-main div:after,
#content-main div.go-recommend div.outline:after,
#content-main div.go-recommend ul:after,
#content-main div.go-recommend li:after,
#content-main div.go-category dl:after,
#content-main div.go-category h2:after,
#content-main div.go-article div.title-h3go-01 div:after,
#content-main div.winter:after,
#content-main div.summer:after,
#content-main div.carnavi:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix,
#content-main div,
#content-main div.go-recommend div.outline,
#content-main div.go-recommend ul,
#content-main div.go-recommend li,
#content-main div.go-category dl,
#content-main div.go-category h2,
#content-main div.go-article div.title-h3go-01 div,
#content-main div.winter,
#content-main div.summer,
#content-main div.carnavi {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix,
* html #content-main div,
* html #content-main div.go-recommend div.outline,
* html #content-main div.go-recommend ul,
* html #content-main div.go-recommend li,
* html #content-main div.go-category dl,
* html #content-main div.go-category h2,
* html #content-main div.go-article div.title-h3go-01 div,
* html #content-main div.winter,
* html #content-main div.summer,
* html #content-main div.carnavi {
	height: 1%;
}
.clearfix,
#content-main div,
#content-main div.go-recommend div.outline,
#content-main div.go-recommend ul,
#content-main div.go-recommend li,
#content-main div.go-category dl,
#content-main div.go-category h2,
#content-main div.go-article div.title-h3go-01 div,
#content-main div.winter,
#content-main div.summer,
#content-main div.carnavi {
	display: block;
}
/* End hide from IE-mac */