@charset "utf-8";

/* --------------------------------------------------------- */
/* カーライフ - carlife.css
------------------------------------------------------------ */

#main {
	float: right;
	width: 720px;
}
#side {
	float: left;
	width: 240px;
}
#side .searchBox .arrowIco {
	padding: 12px 12px 12px 25px;
}
#side .searchBox .arrowIco li {
	text-indent: -13px;
	padding: 3px 0;
}

/* タイトル
------------------------------------------------------------ */
h2.title {
	padding: 0 !important;
	margin: 0 0 30px 0 !important;
}
#main h2, #centerBox h2 {
	background: url(../img/common/contents/tit_default.png) no-repeat right -57px !important;
	border-bottom: solid 2px #70B447;
	margin-bottom: 0;
}
#side h3 {
	background-color: #E4F1DC !important;
}

/* タイトル下ナビ
------------------------------------------------------------ */
.searchNav {
	text-shadow: 1px 1px 0px #FFF;
	-moz-box-shadow: 1px 1px 0px #FFF;
	background: url(../img/common/contents/bac_green.png) repeat-x 0 bottom;
	border-left: solid 1px #DADADA;
	border-right: solid 1px #DADADA;
	position: relative;
	padding: 15px;
}
.searchNav dt, .searchNav dd {
	font-size: 14px;
	display: inline;
}
.searchNav dt {
	font-weight: bold;
	padding-right: 10px;
}
.searchNav dd {
	margin-right: 20px;
}
.searchNav .searchBtn01 {
	position: absolute;
	top: 25%;
	_top: 15px;
	right: 15px;
}



/* --------------------------------------------------------- */
/* カーライフTOP
------------------------------------------------------------ */
#centerBox {
	float: right;
	width: 500px;
	padding: 0 20px 0 0;
}
#leftBox, #rightBox {
	width: 220px;
	padding-bottom: 25px;
}
#leftBox {
	float: left;
}
#rightBox {
	float: right;
}

/* 最新インフォメーション
------------------------------------------------------------ */
#centerBox .new {
	padding-bottom: 20px;
}
#centerBox .new h3 {
	font-size: 22px;
	font-weight: normal;
	line-height: 28px;
	color: #222;
	padding: 25px 0 10px 0;
}
#centerBox .new p {
	color: #666;
}
#centerBox .new p a {
	padding-left: 10px;
}

/* 記事リスト
------------------------------------------------------------ */
.info, .blog {
	line-height: 18px;
	padding: 14px 0 28px 0;
}
.info dd, .blog dd {
	margin-top: -18px;
}
dd .shop {
	font-size: 11px;
	text-align: right;
	color: #666;
	background-color: #F8F8F5;
	border-top: dotted 1px #C3C3C3;
	clear: both;
	padding: 4px 5px 5px 5px !important;
	margin: 12px 0;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
dd .shop a:link, dd .shop a:visited {
	text-decoration: none;
	color: #666;
}
dd .shop a:hover, dd .shop a:active {
	text-decoration: underline;
	color: #DE1208;
}

/* インフォメーション */
.info dd p {
	position: relative;
	padding: 0 150px 0 60px;
}
.info dd p span {
	font-size: 11px;
	color: #888;
	position: absolute;
	top: 0;
	right: 0;
}
.info dd p.shop a {
	padding-right: 0 !important;
}
.info dd p.photoIco {
	background: none;
}
.info dd p.photoIco a {
	background: url(../img/icon/ico_photo.png) no-repeat right 0;
	padding: 0 20px 0 0;
}

/* ブログ */
.blog dt {
	color: #70B447;
}
.blog dd p {
	padding-left: 85px;
}
.blog dd .name {
	font-size: 11px;
	color: #666;
	padding-top: 5px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* カテゴリー
------------------------------------------------------------ */
.categoryNav {
	background-color: #C6E1B5;
	padding: 8px;
	margin-bottom: 30px;
}
.categoryNav li {
	float: left;
	padding: 1px;
}
.category {
	padding: 10px 0 40px 0;
}
.category dl {
	float: left;
	width: 145px;
	padding: 0 10px;
}
.category dl+dl {
	border-left: dotted 1px #C3C3C3;
}
.category dl:nth-of-type(1) dt {
	background: url(../img/carlife/spr_category.png) no-repeat -1px -3px;
	padding-left: 23px;
}
.category dl:nth-of-type(2) dt {
	background: url(../img/carlife/spr_category.png) no-repeat -1px -25px;
	padding-left: 23px;
}
.category dl:nth-of-type(3) dt {
	background: url(../img/carlife/spr_category.png) no-repeat -1px -46px;
	padding-left: 23px;
}
.category dt {
	font-weight: bold;
	line-height: 20px;
	margin: 10px 0;
}
.category dd {
	line-height: 16px;
	background: url(../img/icon/ico_arrow.png) no-repeat 1px 2px;
	padding: 0 0 10px 13px;
}

/* 動画
------------------------------------------------------------ */
.movie {
	padding-bottom: 30px;
}

/* 左右カラム
------------------------------------------------------------ */
#leftBox .borderBox, #rightBox .borderBox {
	position: relative;
	width: 214px;
}
.borderBox .pickupIco {
	position: absolute;
	top: 0;
	right: 0;
}

/* 写真 */
.borderBox .photo {
	padding: 15px 15px 0 15px;
	overflow: hidden;
}

/* 店舗名 */
.borderBox .shop {
	font-size: 11px;
	color: #666;
	padding: 10px 0 12px 0;
	margin: 0 15px;
}
.borderBox .shop a {
	display: block;
	float: left;
	width: 125px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}

/* カテゴリー */
.borderBox .category {
	font-weight: bold;
	line-height: 23px;
	border-top: dotted 1px #C3C3C3;
	clear: both;
	padding: 10px 15px;
}
.borderBox .category a:link, .borderBox .category a:visited {
	text-decoration: none;
	color: #333;
}
.borderBox .category a:hover, .borderBox .category a:active {
	text-decoration: underline;
	color: #DE1208;
}
.borderBox .category img {
	padding-right: 5px;
}



/* --------------------------------------------------------- */
/* 店舗一覧
------------------------------------------------------------ */
#main .section {
	padding: 20px 0 10px 0;
}
#main .pagingBox {
	padding: 5px 15px 15px 15px;
}

/* 検索結果 */
.resultSet .title {
	font-size: 16px;
	font-weight: bold;
	border-bottom: dotted 1px #DADADA;
	padding-bottom: 10px;
}
.resultSet .title span {
	font-size: 20px;
	padding-right: 5px;
}
.resultSet .title span.red {
	padding-left: 5px;
}
.resultSet .green {
	padding: 10px 0 25px 0;
}

/* 店舗情報 */
#main .border h3 {
	font-size: 12px;
	font-weight: normal;
	color: #666;
}
#main .border h3 a {
	font-size: 14px;
	font-weight: bold;
}
#main .border .txtBox {
	position: relative;
	min-height: 98px;
	height: auto !important;
	height: 98px;
}
#main .border .photo {
	float: left;
	width: 130px;
	padding: 3px 15px 3px 0;
}
#main .border ul.data {
	float: left;
	width: 270px;
}
#main .border ul.data li span {
	font-size: 11px;
	color: #919172;
	padding-right: 2px;
}
#main .border .new {
	font-size: 11px;
	background: url(../img/carlife/bac_info.png) no-repeat 0 center;
	clear: both;
	position: absolute;
	width: 192px;
	padding: 15px 15px 15px 35px;
	top: 15px;
	right: 15px;
}
#main .border .new dt, #main .border .new dd {
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
#main .border .new dt {
	font-size: 12px;
	background: url(../img/carlife/tit_info.png) no-repeat 0 0;
	padding: 20px 0 3px 0;
}



/* --------------------------------------------------------- */
/* 調整用
------------------------------------------------------------ */
.green {
	color: #70B346;
}

/* clearfix
------------------------------------------------------------ */
.categoryNav ul:after,
.category:after,
.txtBox:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

* html .categoryNav ul,
* html .category,
* html .txtBox { zoom: 1; } /* IE6 */

*:first-child+html .categoryNav ul,
*:first-child+html .category,
*:first-child+html .txtBox { zoom: 1; } /* IE7 */