Car Sensor |
EMAIL
dev2.ts-export.com/carsensor.php?tsp=https://www.carsensor.net/contents/front_pc/css/cs_cmn_18.css
SHARE
Select Language
HTTP/1.1 200 OK
Date: Sat, 10 May 2025 07:40:09 GMT
Server: Apache
Last-Modified: Wed, 05 Jun 2024 02:10:15 GMT
ETag: "18920-61a1b112f0fc0-gzip"
Accept-Ranges: bytes
Content-Type: text/css
Vary: Accept-Encoding,User-Agent
Content-Encoding: gzip
P3P: CP="NON DSP COR CURa ADMa DEVa CUSo TAIa PSDo OUR BUS UNI COM NAV STA"
Transfer-Encoding: chunked
@charset "UTF-8";
/*
##################################################################
common_v1.0.css
################################################################## */
* {
margin: 0;
padding: 0;
font-size: 12px;
}
body, input, select, textarea, th, td, li ,a {
font-family: arial, "Hiragino Kaku Gothic ProN", Meiryo, "Yu Gothic", sans-serif;
color: #333333;
}
header,footer,nav,section,article,figure,aside {
display:block;
}
/* clearfix 20121023_add*/
.cFix:after {
content: "";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.cFix {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
.cFix>li {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
height: 37px;
line-height: 37px;
margin-left: -1px;
border: 1px solid #f0ede9;
border-radius: 3px 3px 0 0;
background-image: linear-gradient(to bottom,#fff 85%,#f6f6f6 100%);
font-weight: 700;
text-align: center;
box-sizing: border-box;
cursor: pointer;
}
/************************************************************
* アンカー
************************************************************/
a {
background-color: transparent;
text-decoration: none;
color: #003a6b;
}
a:visited {
color: #2b006b;
outline: 0;
}
a:hover {
color: #003a6b;
text-decoration: underline;
outline: 0;
}
a:active {
color: #003a6b;
text-decoration: underline;
opacity: 0.5;
outline: 0;
}
a::before, a::after {
text-decoration: none !important;
}
a.iconLink {
background-color: transparent;
text-decoration: none;
color: #333;
}
a.iconLink:visited {
color: #333;
text-decoration: underline;
outline: 0;
}
a.iconLink:hover {
color: #333;
text-decoration: underline;
outline: 0;
}
a.iconLink:active {
color: #ff9500;
text-decoration: none;
opacity: 0.5;
outline: 0;
}
/************************************************************/
a img {
border: none;
}
/* このページの先頭へ */
p#pagetop {
margin: 10px 0;
width: 980px;
text-align: right;
}
p#pagetop a {
font-size: 12px;
}
/*
##################################################################
drag!
################################################################## */
/* clearfix */
div.clearfix{
zoom:1;/*for IE 5.5-7*/
}
div.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
.icon{margin:0 6px 0 0; vertical-align:middle;}
a.cmnBlueArrow{padding-left:8px; background:url(/cmn/images/blueArrow.png) no-repeat 0 2px;}
/*
##################################################################
header_v1.0.css
################################################################## */
li {
list-style-type: none;
}
/*
********************************************
ヘッダー追加 201110 会員化
********************************************/
/* お気に入り・在庫確認見積依頼へ */
.shortCut{width:280px; height:28px; position:absolute; right:0; top:0; border:solid #999; border-width:1px 1px 2px; background:#999;}
.shortCut a:link{position:absolute; top:0; display:block; text-align:center; text-decoration:none; color:#333; font-size:12px; font-weight:bold; background:#eee; background:url(/cmn/headerImg/CSNh_f.png) no-repeat -532px 0;}
.shortCut a:visited{position:absolute; top:0; display:block; text-align:center; text-decoration:none; color:#333; font-size:12px; font-weight:bold; background:#eee; background:url(/cmn/headerImg/CSNh_f.png) no-repeat -532px 0;}
.shortCut a:hover{color:#fff; background:#f90;background:url(/cmn/headerImg/CSNh_f.png) no-repeat -681px 0;}
.shortCut_okini{left:0; width:122px; height:20px; line-height:20px; border:solid 4px #3CF;}
.shortCut_zaiko{right:0; width:148px; height:27px; line-height:27px; border:solid #fff; border-width:1px 0 0 1px;}
.shortCut_okini span{color:#c00;}
.shortCut_okini b{font-size:16px; font-family:arial; color:#c00;}
.shortCut_okini:hover span,
.shortCut_okini:hover b{color:#fff;}
/* カー用品 */
.parts .pankuzu { margin-top: -20px; width: 660px;}
/*******************************************
* グロナビ変更 20160623
********************************************
*/
aside,b,body,div,footer,h2,header,html,img,li,nav,p,section,span,ul{margin:0;padding:0;outline:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}body{line-height:1}aside,footer,header,nav,section{display:block}nav ul{list-style:none}a{margin:0;padding:0;border:0;background:0 0;vertical-align:baseline;font-size:100%}body,button{font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}li{list-style:none}.l-container,.l-siteFooter,.l-siteHeader{padding:0 10px;width:980px}.l-siteHeader{margin:0 auto}.l-siteHeader a,.l-siteHeader p{font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}.l-siteHeader button{cursor:pointer}.l-siteHeader .w150{margin:0}.l-siteFooter{margin:0 auto 10px;padding:0 10px;width:980px;font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}.l-siteFooter a,.l-siteFooter p{font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}.l-wrap{display:table;width:100%;vertical-align:top}.l-box{display:table-cell;vertical-align:top}.l-gutter20{display:table-cell;width:20px}.l-siteHeader__cap a{z-index:10}.headerBtn{margin:0;border:none;vertical-align:middle;font-weight:700;line-height:1.2}.btn{display:inline-block;margin:0;border:none;vertical-align:middle;text-align:center;font-weight:700;line-height:1.2;cursor:pointer}.btn:hover{text-decoration:none}.btn--inq{border:1px solid #E5866D;background:#fb4809;background:linear-gradient(to bottom,#FF6E3F 10%,#fc491e 90%);box-shadow:0 1px 0 rgba(153,36,0,.2);color:#fff}.btn--inq:hover{border:1px solid #f5d3cb;background:#FFFBFA;background:linear-gradient(to bottom,#FFFBFA 10%,#FEE8E2 90%);color:#fb4809}.btn--inq:active{background:linear-gradient(to bottom,#FFF5F2 10%,#FFDCD4 90%);box-shadow:0 1px 1.5px #FCE3DD inset}.btn--search{border:1px solid #72A1DB;background:#0088ea;background:linear-gradient(to bottom,#0088ea 10%,#0070C0 90%);box-shadow:0 1px 0 rgba(2,55,120,.3);color:#fff}.btn--search:hover{border:1px solid #c7e0fc;background:#eff6ff;background:linear-gradient(to bottom,#eff6ff 10%,#dbecff 90%);box-shadow:0 1px 0 rgba(2,55,120,.3);color:#0070C0}.btn--search:active{background:linear-gradient(to bottom,#F3F6FB 10%,#D7E6F7 90%);box-shadow:0 1px 0 rgba(2,55,120,.2) inset}.btn--funcL1{border:1px solid #c7e0fc;background:linear-gradient(to bottom,#eff6ff 10%,#dbecff 90%);box-shadow:0 1px 0 rgba(2,55,120,.3);color:#0070C0}.btn--funcL1:hover{border:1px solid #72A1DB;background:#0088ea;background:linear-gradient(to bottom,#0088ea 10%,#0070C0 90%);box-shadow:0 1px 0 rgba(2,55,120,.3);color:#fff}.btn--funcL1:active{background:linear-gradient(to bottom,#0088ea 10%,#006bb7 90%);box-shadow:0 1px 1.5px #1D62B4 inset}.btn--zumi{display:inline-block;border:none;text-align:center;font-weight:400}.btn--zumi.btn--small{height:30px;line-height:30px}.btn--zumi.btn--middle{height:40px;line-height:40px}.btn--zumi.btn--big,.btn--zumi.btn--big--caset{height:50px;line-height:50px}.btn--zumi.btn--zumi--small{height:30px;line-height:30px}.btn--zumi.btn--zumi--middle{height:40px;line-height:40px}.btn--zumi.btn--zumi--big{height:50px;line-height:50px}.btn--zumi--caset{width:120px;font-size:12px}.btn--funcL2{border:1px solid #ccc;background:#eee;background:linear-gradient(to bottom,#fff 10%,#efefef 90%);box-shadow:0 1px 0 rgba(0,0,0,.1);color:#333;font-weight:400}.btn--funcL2:link,.btn--funcL2:visited{color:#333}.btn--funcL2:hover{background:#8B8B8B;background:linear-gradient(to bottom,#8B8B8B 10%,#6b6b6b 90%);color:#fff}.btn--funcL2:hover .num{color:#fff}.btn--funcL2:active{background:linear-gradient(to bottom,#878787 10%,#545454 90%);box-shadow:0 1px 1.5px #545454 inset}.btn--Xsmall{padding:0 10px;height:25px;border-radius:3px;font-size:12px}.btn--small{padding:0 10px;height:30px;border-radius:3px;font-size:12px;line-height:28px}.btn--small--line2{padding:5px;height:auto;border-radius:3px}.btn--middle{padding:0 20px;height:40px;border-radius:5px;font-size:14px;line-height:40px}.btn--big,.btn--big--caset{padding:0 20px;height:50px;border-radius:5px;font-size:16px;line-height:50px}.btn--big--caset{padding:0 8px;font-size:14px}.btn--inq--tate{position:relative;padding:0 8px 0 30px}.btn--inq--tate__cap{position:absolute;top:0;left:0;box-sizing:border-box;width:25px;height:100%;border-right:1px solid #E5866D;font-weight:400;line-height:1.2}.btn--middle .btn--inq--tate__cap{padding:5px;font-size:12px}.btn--big .btn--inq--tate__cap,.btn--big--caset .btn--inq--tate__cap{padding:8px 5px;font-size:14px}.btn--inq--tate:hover .btn--inq--tate__cap{border-right:solid 1px #f5d3cb}.btn__txt--bigEX{font-size:20px}.btn__txt--big{font-size:16px}.btn__txt--small{font-weight:400;font-size:12px}.btn__txt--smallEX{font-weight:400;font-size:10px}.btn--disable,.btn--disable:hover{border:none;background:0 0;box-shadow:none;color:#ccc!important;font-weight:400;cursor:default}.btn--caset--toruaki{margin:0 170px 0 0}.slideBtn{display:inline-block;box-sizing:border-box;width:100%;vertical-align:middle;text-align:center}.slideBtn--h{padding:0 5px;height:100%}.slideBtn--v{padding:5px}.slideBtn:link,.slideBtn:visited{color:#333}.slideBtn:hover{color:#fb4809;text-decoration:none}.slideBtn:active{color:#333}.slideBtn.is-off{color:#ddd;cursor:default}a .icon_maru_close{text-decoration:none}a .icon_maru_close:hover{color:#fb4809;text-decoration:none}.num{margin:0 .1em;color:#333;letter-spacing:-.05em;font-family:arial}.footerLinks a,.l-siteFooter a,.l-siteHeader a{text-decoration:none}.footerLinks a:link,.l-siteFooter a:link,.l-siteHeader a:link{color:#0070C0}.footerLinks a:visited,.l-siteFooter a:visited,.l-siteHeader a:visited{color:#802680}.footerLinks a:hover,.l-siteFooter a:hover,.l-siteHeader a:hover{color:#fb4809;text-decoration:underline}.footerLinks a:active,.l-siteFooter a:active,.l-siteHeader a:active{color:#FF9A49}@font-face{font-weight:400;font-style:normal;font-family:icons;src:url(../fonts/icons.eot);
}@font-face{font-weight:400;font-style:normal;font-family:icons;src:url(../fonts/icons.eot);src:url(../fonts/icons.eot?#iefix) format("embedded-opentype"),url(../fonts/icons.woff) format("woff"),url(../fonts/icons.ttf) format("truetype"),url(../fonts/icons.svg?#icons) format("svg");
}.w120{width:120px}.w150{width:150px}.txt-r{text-align:right}.va-mid{vertical-align:middle}.links--inline{padding:5px 0;font-size:10px;line-height:1.5}.links--inline>a{display:inline-block;margin-right:5px;padding-right:5px;border-right:1px solid #666}.gNav__block,.l-siteHeader__body,.l-siteHeader__cap,.l-siteHeader__loginTxt,.pankuzuBlock{margin:0 auto;width:980px}.l-siteHeader__cap{position:relative;height:30px;color:#999;font-size:10px;line-height:30px}.l-siteHeader__cap a{position:absolute;right:0}.l-siteHeader__body{position:relative;height:35px}.l-siteHeader__loginTxt{display:none;font-size:10px}.gNav__btn--s>a,.gNav__btn>a{color:#666}.gNav__btn--s.is-selected,.gNav__btn--s.is-selected a,.gNav__btn--s:hover,.gNav__btn--s:hover a,.gNav__btn.is-selected,.gNav__btn.is-selected a,.gNav__btn:hover,.gNav__btn:hover a{color:#fb4809}.siteName{position:relative;top:0;left:0;width:400px;height:30px}.siteName__logo{position:absolute;top:0;left:0;width:140px;height:30px}.siteName__recruit{position:absolute;bottom:0;left:207px}.siteName__carbo{position:absolute;top:0;left:150px;width:30px;height:30px}.siteName__catch{position:absolute;top:3px;left:207px;color:#999;font-size:10px}.headerAction{position:absolute;top:0;right:0;text-align:right}.headerAction__link{display:inline-block;margin-right:10px;height:30px;text-align:center;font-size:12px;line-height:30px}.headerAction__link:first-child{padding-right:10px;border-right:1px solid #ccc}.headerAction__btns{width:280px}.pankuzuBlock{padding:5px 0;font-size:10px}.CS_pankuzu2>li{display:inline-block;margin-right:5px;line-height:1.5}.CS_pankuzu2>li a{margin-right:5px;color:#999}.description{position:absolute;top:0;left:50%;display:inline-block;overflow:hidden;margin:0 80px 0 -490px;padding-right:140px;width:840px;height:30px;color:#999;text-align:right;font-weight:400;font-size:10px;line-height:30px}.l-pageFooter{margin-bottom:-15px;padding:20px 20px 1px;background:#EEE}.footerKaitoriLink{margin:10px 0 0;font-size:10px}.footerKaitoriLink li{display:inline}.siteFooter__Rlink{padding:20px 0 0}.siteFooter__ttl{font-size:14px}.copyright a{color:#435B67}.l-siteHeader--mini{margin:0 auto;padding:10px 0;width:980px}.l-siteHeader--mini__logo,.l-siteHeader--mini__recruit{display:inline-block}.l-siteHeader--help{position:relative;margin:0 auto 20px;padding:10px}.l-siteHeader--help__logo,.l-siteHeader--help__recruit{display:inline-block}.l-siteHeader--help__txtClose{position:absolute;top:10px;right:10px}.gNav{overflow:hidden;margin:5px 0;width:100%}.gNav__block{display:table;border-bottom:1px solid #fb4809;table-layout:fixed}.gNav__btn,.gNav__btn--s{display:table-cell;border-width:0 0 3px;border-style:solid;border-color:transparent;vertical-align:middle}.gNav__btn--s:last-child,.gNav__btn:last-child{border-right:none}.gNav__btn--s>a,.gNav__btn>a{display:inline-block;width:100%!important;height:40px;color:#666!important;vertical-align:middle;text-align:center;text-decoration:none;font-size:14px;font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;line-height:50px}.gNav__btn--s.is-selected,.gNav__btn--s:hover,.gNav__btn.is-selected,.gNav__btn:hover{border-color:#fb4809!important;color:#fb4809!important}.gNav__btn--s.is-selected a,.gNav__btn--s:hover a,.gNav__btn.is-selected a,.gNav__btn:hover a{color:#fb4809!important;text-decoration:none;font-weight:700}.gNav__btn--s,.gNav__btn--s--s{width:80px}.gNav #tab_top{width:100%}div.siteName{position:relative;top:0;left:0;width:400px;height:30px}div.siteName__logo{position:absolute;top:0;left:0;width:140px;height:30px}div.siteName__recruit{position:absolute;bottom:0;left:207px}div.siteName__carbo{position:absolute;top:0;left:150px;width:30px;height:30px}div.siteName__catch{position:absolute;top:3px;left:207px;color:#999;font-size:10px}h1.description{position:absolute;top:0;left:50%;z-index:0;display:inline-block;margin:0 80px 0 -490px;padding-right:140px;width:840px;height:30px;color:#999;text-align:right;font-weight:400;font-size:10px;font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif;line-height:30px}div.l-pageFooter{padding:20px 20px 0;background:#EEE}div.footerKaitoriLink{margin:10px 0 0;font-size:10px}div.footerKaitoriLink li{display:inline}.links{padding:20px 20px 5px;background:#eee}.links--upper{margin:0;padding:20px 20px 1px}.links__block{margin:0 0 10px}.links__ttl{margin:0;font-weight:400;font-size:10px;line-height:1.2}.copyright{margin:10px 0}.copyright a{display:block;color:#435B67!important;text-decoration:underline;font-weight:700;font-size:10px}.l-siteFooter--help{margin:10px;padding-right:10px;font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}.l-siteFooter--help a,.l-siteFooter--help p{font-family:arial,Meiryo,"Hiragino Kaku Gothic ProN",sans-serif}
/* 車検削除の際追加CSS*/
.headerMenu__list li{
-webkit-box-flex: 1;
-webkit-flex: 1 1 auto;
flex: 1 1 auto;
text-align: center;
}
.header .headerMenu__list li:last-child a:after {
width: 0;
}
.header .headerMenu__list li:last-child span, .header--top .headerMenu__list li:last-child span, .header--revotop .headerMenu__list li:last-child span {
margin-right: 0;
}
/* 車検削除の際追加CSS*/
.bookmark{padding:10px 0 10px 10px;}
.bookmark a{background:url(https://www.carsensor.net/contents/img_old/common/publish/20120515renewal/bookmark.png) no-repeat left;padding:4px 0 4px 22px;}
/* パン屑 */
/************************************************************
* CLASSES(プロパティ)
************************************************************/
.fl { float: left; }
.fr { float: right; }
.di { display: inline; }
.mL10 { margin-left: 10px; }
/* h1 */
h1.description {
position: absolute;
top: 93px;
left: 50%;
width: 1024px;
height: 16px;
line-height: 16px;
margin: 0 0 0 -512px;
padding-right: 106px;
color: #666;
font-size: 10px;
font-weight: 400;
text-align: right;
box-sizing: border-box;
}
/************************************************************
* フッター
************************************************************/
#subfooter {
position: relative;
width: 980px;
margin-left:15px;
text-align:left;
font-size: 10px;
margin-top:20px;
/*---margin-bottom:-30px;---*/
margin-bottom: 0px;
}
#subfooter .footerLinks {
background-color: #F6F6F6;
padding: 10px 0 5px 0;
border-bottom: none;
}
#footer {
position: relative;
width: 980px;
margin: 0 auto;
text-align:left;
font-size: 10px;
padding-bottom: 20px;
margin-top:20px;
border-top: 1px solid #CCCCCC;
}
#footer .footerLinks {
background-color: #F6F6F6;
padding: 10px 0 5px 0;
border-bottom: 1px solid #969696;
line-height: 18px;
}
.footerLinks p {
padding: 0 10px;
font-size: 10px;
}
.footerLinks ul {
padding: 0 10px 10px;
}
.footerLinks ul li a, #footerHelperLinks li a {
font-size: 10px;
}
#footerHelperLinks {
padding: 5px 10px;
text-align: right;
background-position: 0 -60px;
background-repeat: repeat-x;
border-top: 1px solid #FFFFFF;
}
#externalLinks {
padding: 5px 0;
border-top: 2px solid #A0A0A0;
}
#copyright {
margin: 5px 0 20px 10px;
text-align: left;
float:left;
}
#copyright img { border: none;}
#copyright p a {
color:#435B67;
text-decoration:underline;
font-size:10px;
font-style: normal;
font-family:Meiryo;
font-weight:bold;
}
.footer {
width: 100%;
margin-top: 80px;
padding: 30px 0 20px;
background-color: #f5f4f0;
font-size: 10px;
}
.footer__contents {
width: 980px;
margin: 0 auto;
}
.footer .relationSite {
margin-bottom: 32px;
padding-bottom: 30px;
border-bottom: 1px solid #ccc;
}
.footer .relationSite__title {
margin-bottom: 13px;
font-size: 12px;
}
.footer .relationSite__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
-webkit-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.footer .relationSite__list li {
line-height: 1;
margin-bottom: 3px;
padding: 0 10px;
border-left: 1px solid #666;
}
.footer .relationSite__list li:first-child {
padding-left: 0;
border-left: none;
}
.footer .relationSite__list li:last-child {
padding-right: 0;
}
.footer .copyright {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: space-between;
-ms-flex-pack: justify;
justify-content: space-between;
}
.footer .copyright a {
font-weight: normal;
}
.footer .copyright small {
font-size: 80%;
}
.footer .copyright__logo p {
padding-top: 5px;
}
.footer .copyright__list ul {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
margin-top: 18px;
}
.footer .copyright__list ul li {
line-height: 1;
padding: 0 8px;
border-left: 1px solid #666;
}
.footer .copyright__list ul li a {
text-decoration: none;
}
.footer .copyright__list ul li:first-child {
padding-left: 0;
border-left: none;
}
/*
##################################################################
コンテンツ
################################################################## */
/*-------------------------------------------------
#003 Content wrappers 0418修正対応
-------------------------------------------------*/
#mainwrapper {
width: 980px;
margin: 0 auto;
padding: 0 0 25px 0;
font-family: arial, "Hiragino Kaku Gothic ProN", Meiryo, "Yu Gothic", sans-serif;
line-height: 1.4rem;
}
#mainwrapper .nav a {
font-size: 12px;
}
/*-------------------------------------------------
#004 Main content 0418修正対応
-------------------------------------------------*/
#container {
display: inline;
float: left;
width: 705px;
height: auto;
margin: 0;
padding: 0;
font-family: ;
}
#container .content {
margin: 0;
padding: 0;
}
#sidebarcontainer {
width: 245px;
height: auto;
float: right;
margin: 0 0 80px 0;
padding: 0 0 20px 0;
font-size: 12px;
}
#header {
width: 680px;
}
.adspace {
margin: 0 0 20px 0;
}
/*-------------------------------------------------
#005 Item styles 0418修正対応
-------------------------------------------------*/
.contenttitle h2 {
font-size: 14px;
font-weight: bold;
line-height: 140%;
margin: 0;
background-repeat: repeat-x;
background-position: left top;
}
.contenttitle2 h2 {
font-size: 14px;
line-height: 130%;
margin: 0 0 10px 0;
padding: 5px 0 5px 10px;
background-color: #EEEEEE;
border-left: 5px solid #CCCCCC;
font-weight: bold;
}
.contenttitle a:link, .contenttitle a:visited,.contenttitle a:hover {
font-weight: bold;
}
.contentbody {
font-size: 14px;
line-height: 160%;
margin: 0;
padding: 0 10px 30px 10px;
clear: both;
}
.contentbody2 p {
font-size: 14px;
line-height: 160%;
}
.contenttitle .title_h2 {
font-size: 14px;
font-weight: bold;
line-height: 140%;
margin: 0;
padding: 12px 0 10px 15px;
background-image: url(https://www.carsensor.net/contents/img_old/common/images/tit_line.png) ;
background-repeat: repeat-x;
background-position: left top;
border-bottom: 1px solid #E6E6E6;
}
/*-------------------------------------------------
#006 Item info
-------------------------------------------------*/
.contentitemcategory {
background: url(https://www.carsensor.net/contents/img_old/media/img/ico_link.gif) center left no-repeat;
font-size: 12px;
line-height: 12px;
margin: 0;
padding: 0 0 0 14px;
}
.contentitemcategory a {
font-size: 12px;
}
.contentitempostedby {
background: url(https://www.carsensor.net/contents/img_old/media/img/ico_link.gif) center left no-repeat;
font-size: 10px;
line-height: 12px;
padding: 0 10px 0 14px;
}
.contentitemcomments {
background: url(https://www.carsensor.net/contents/img_old/media/img/ico_link2.gif) center left no-repeat;
font-size: 12px;
line-height: 12px;
padding: 0 10px 0 14px;
}
.contentitemedit {
background: url(https://www.carsensor.net/contents/img_old/media/img/ico_link3.gif) center left no-repeat;
font-size: 12px;
line-height: 12px;
padding: 0 10px 0 14px;
}
.contentitem {
float: left;
margin: 5px 0 5px 0;
padding: 3px 0 0 10px;
}
.contentitem1 {
display: inline;
}
.contentitem2 {
display: inline;
/*background: url(https://www.carsensor.net/contents/img_old/media/img/dotv.gif) left 1px repeat-y;*/
padding: 0 5px 0 10px;
}
.contentitem3 {
display: inline;
/*background: url(https://www.carsensor.net/contents/img_old/media/img/dotv.gif) left 1px repeat-y;*/
padding: 0 5px 0 10px;
}
.contentitem4 {
display: inline;
padding: 0 5px 0 10px;
/*background: url(https://www.carsensor.net/contents/img_old/media/img/dotv.gif) left repeat-y;*/
}
/*購入ガイド用*/
.contentitem5 {
font-size: 16px;
font-weight: bold;
}
/* bookmark icon */
.contentitem_icon {
float: right;
display: inline;
text-align: right;
/*width: 100px;*/
/*height: 20px;*/
margin: 0 10px 0 0;
}
.contentitem_icon img {
margin: 4px 0 0 0;
}
/* bookmark icon */
.bookmark_icon {
clear: both;
width: 680px;
height: 29px !important;
margin: 5px 0 0 0;
text-align: right;
float: left;
}
.bookmark_icon a, .bookmark_icon iframe { margin-left: 5px;}
#___plusone_0 { width: 63px !important; overflow: hidden;}
.bookmark_icon .twitter-share-button { margin-right: -40px;} */
.mb20 { margin-bottom: 20px;}
/* facebook icon
.facebook {
border: medium none;
overflow: hidden;
width: 100px;
height: 25px;
margin-top: 4px;
} */
/* mixi icon
a.mixi-check-button img {
margin-bottom: 6px;
margin-right: 5px;
} */
/* twitter icon
iframe.twitter-share-button {
margin-right: -15px;
margin-bottom: 6px;
} */
/* ソーシャルオリジナルボタンCSS */
#sns-content-btm {
clear: both;
display: table;
line-height: 1;
padding: 0 0 20px 0;
margin: 0 auto;
}
#sns-content-btm li {
display: table-cell;
height: 63px;
padding: 0px 5px;
vertical-align: top;
}
#sns-content-btm li.line-btn {
padding-top:40px;
}
a.fb-share{
float:left;
height:36px;
width:335px;
margin:0px 10px 5px 0px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
text-decoration:none;
font-size: 16px;
border-radius:3px;
background-color:#305097;
}
a.fb-share:hover{
background-color:#7D96CE;
}
a.fb-share i,a.twitter-tweet i { font-size: 16px;}
a.twitter-tweet{
float:left;
height:36px;
width:335px;
margin:0px 0 5px 0px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
text-decoration:none;
display:block;
border-radius:3px;
background-color: #55acee;
font-size: 16px;
}
a.twitter-tweet:hover{
background-color:#e1e8ed;
color:#55acee;
}
/* [Twitter] */
.sc-tw {
width: 71px ;
text-align:center;
}
.sc-tw .fa {
width: 20px ;
height: 20px ;
font-size: 20px;
margin: 5px 0;
}
.sc-tw a {
height: 56px ;
margin: 0 auto ;
padding-top: 6px ;
display: block ;
background: #1B95E0 ;
font-size: 12px ;
color: #fff ;
font-weight: 700 ;
text-decoration: none ;
letter-spacing: .5px ;
border-radius: 2px ;
}
.sc-tw a:hover {
color: #fff ;
background: #0c7abf ;
}
.sc-tw span:before {
white-space: pre ;
content: '\A' ;
}
a.pocketbtn{
float:left;
height:36px;
width:48%;
margin:0px 0 5px 0px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
text-decoration:none;
font:bold 18px;
border-radius:3px;
background-color:#ED4055;
}
.SNS_follow { clear: both; padding: 30px 0;}
.SNS_follow ul { margin: 10px 0;}
.SNS_follow ul li a i { margin-right: 5px;}
.SNS_follow h3 {
border-bottom: 1px dashed;
color: #000000;
font-size: 16px;
font-weight: bold;
margin: 10px 0;
padding: 0 0 5px;
}
.mb20 { margin-bottom: 20px;}
/* facebook icon
.facebook {
border: medium none;
overflow: hidden;
width: 100px;
height: 25px;
margin-top: 4px;
} */
/* mixi icon
a.mixi-check-button img {
margin-bottom: 6px;
margin-right: 5px;
} */
/* twitter icon
iframe.twitter-share-button {
margin-right: -15px;
margin-bottom: 6px;
} */
/*-------------------------------------------------
SNSボタン 0527修正対応
-------------------------------------------------*/
.sns-content-btm {
clear: both;
display: table;
line-height: 1;
padding:10px 0 20px;
margin: 0 auto;
float: right;
}
.sns-content-btm li {
display: table-cell;
height: 63px;
padding: 0px 5px;
vertical-align: top;
}
.sns-content-btm li.line-btn {
padding-top:40px;
}
.sns-content-btm li{height: 0;}
.sns-content-btm li.line-btn {
padding-top:0px;
}
.sns-content-btm .mail-btn div{
background: #ff9500;
border-radius: 3px;
font-size: 10px;
text-align: center;
}
.sns-content-btm .mail-btn img{
margin: 2px 5px 0 0;
width: 16px;
height: auto;
}
.sns-content-btm .mail-btn span{
margin-top: 5px;
vertical-align: top;
display: inline-block;
}
.sns-content-btm .mail-btn a{
padding:0 5px;
font-weight: bold;
color: #fff;
display: block;
height: 20px;
}
.sns-content-btm .mail-btn a:hover{
text-decoration: none;
background: #FFA426;
border-radius: 3px;
}
a.x-tweet img {
margin-top:1px;
margin-right:5px;
width: 15px;
vertical-align: text-top;
}
a.x-tweet{
float:left;
height:36px;
width:335px;
margin-bottom:5px;
line-height: 36px;
color:#fff;
text-align:center;
display:block;
border-radius:3px;
text-decoration:none;
background-color: #000;
font-size: 16px;
}
a.x-tweet:hover{
opacity: 50%;
}
/*-------------------------------------------------
#008 Menu 0418修正対応
-------------------------------------------------*/
.sidebardl {
margin: 0 0 15px 0;
padding: 10px 10px 10px 6px;
line-height:140%;
font-size: 12px
}
.sidebardl dt {
font-weight: bold;
margin: 0;
padding: 0;
}
.sidebardl dd {
margin: 0 0 2px 0;
padding: 0 4px;
display: block;
}
.sidebardl dd a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
margin: 0;
padding: 0 0 0 10px;
font-size: 14px;
}
/*-------------------------------------------------
#009 Menu Link 0418修正対応
-------------------------------------------------*/
.sidebardl2 {
margin: 0 0 15px 0;
padding: 5px 10px 10px 8px;
font-size:12px;
line-height:140%;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
}
.sidebardl2 dt {
margin: 0;
padding: 0;
}
.sidebardl2 dd {
margin: 0 0 2px 0;
padding: 0 4px;
display: block;
}
.sidebardl2 dd a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
padding: 0 0 0 10px;
}
/*Tag*/
.sidebardl3 {
margin: 0 0 15px 0;
padding: 10px 10px 10px 8px;
font-size: 12px;
line-height:140%;
}
.sidebardl4 {
margin: 0 0 15px 0;
padding: 10px 10px 10px 8px;
font-size: 12px;
line-height:140%;
background: #FFFFDF;
}
.sidebardl4 .txt_right {
text-align: right;
font-size: 11px;
}
/* editor only */
.sidebardl5 {
margin: 0 0 15px 0;
padding: 5px 10px 10px 8px;
font-size:12px;
line-height:140%;
}
.sidebardl5 dt {
margin: 0 0 2px 4px;
padding: 0 0 0 10px;
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 4px no-repeat;
}
.sidebardl5 dd {
margin: 0 0 5px 0;
padding: 0 4px 2px 4px;
display: block;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) left bottom repeat-x;
font-size: 10px;
}
/* editor only */
/* kisochishiki only */
.sidebardl6 {
font-size:12px;
line-height:140%;
padding: 0 4px 10px 4px;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) left bottom repeat-x;
}
.sidebardl6 dt {
margin: 5px 0 5px 4px;
padding: 0 0 0 10px;
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 4px no-repeat;
}
.sidebardl6 dt.A {
margin: 15px 0 5px 4px;
padding: 0 0 0 10px;
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 4px no-repeat;
}
.sidebardl6 dd {
margin: 0 0 2px 10px;
padding: 0 4px 3px 4px;
display: block;
font-size: 12px;
}
.sidebardl6 dd a { margin: 0 0 0 5px; font-size:14px;}
.sidenavi_box_kisochishiki {
font-size: 14px;
line-height: 140%;
margin: 0 0 15px;
padding: 10px 8px 5px;
}
/* kisochishiki only */
/*-------------------------------------------------
#009-01 Menu Link new code
-------------------------------------------------*/
.sidenavi_box {
padding: 5px 15px 0;
}
.sidenavi_box ul.sn_ul_00 {
margin: 0 2px 10px 0;
}
.sidenavi_box ul.sn_ul_00 li {
margin: 0 0 2px 5px;
padding: 0;
display: block;
list-style:none;
}
.sidenavi_box ul.sn_ul_00 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) 0 5px no-repeat;
margin: 0;
padding: 0 0 0 10px;
font-size: 12px;
}
.sidenavi_box ul.sn_ul_01 {
margin: 0 8px 10px 8px;
}
.sidenavi_box ul.sn_ul_01 li {
margin: 0 0 2px 0;
padding: 0;
display: block;
list-style:none;
}
.sidenavi_box ul.sn_ul_01 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
.sidenavi_box ul.sn_ul_02 {
margin: 0 0 5px 8px;
}
.sidenavi_box ul.sn_ul_02 li {
margin: 0;
padding: 0;
display: block;
list-style:none;
}
.sidenavi_box ul.sn_ul_02 li img {
margin: 2px 5px 1px 0;
}
.sidenavi_box p {
margin: 0 0 5px 0;
}
.sidenavi_box dd {
margin: 0 0 2px 0;
padding: 0 4px;
display: block;
}
.sidenavi_box dd a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
.flag_j {
padding: 2px 0 0 7px;
}
.sidenavi_box2 {
padding: 0 15px;
font-size:12px;
line-height:140%;
}
.sidenavi_box3 {
margin: 0 0 15px 0;
padding: 10px 10px 10px 8px;
font-size: 12px;
line-height:140%;
border-top:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background: #FFFFDF;
}
.sidenavi_box4 {
margin: 0 0 15px 0;
padding: 10px 8px;
line-height:140%;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
font-size: 12px;
}
.sidenavi_box .txt_right {
text-align: right;
font-size: 11px;
}
.sidenavi_box ul.sn_ul_03 {
margin: 10px auto 15px auto;
padding: 0 0 0 5px;
}
.sidenavi_box ul.sn_ul_03 li{
margin:0;
width:63px;
float:left;
position:relative;
font-size:10px;
list-style:none;
}
ul.sn_ul_03 li span {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
padding: 0 0 0 7px;
line-height: 120%;
}
.sidenavi_box ul.sn_ul_04 {
margin: 0 0 10px 5px;
}
.sidenavi_box ul.sn_ul_04 li {
margin: 0 0 2px 0;
padding: 0;
display: inline;
list-style:none;
}
.sidenavi_box ul.sn_ul_04 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
.sn_p_01 p {
/* background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) left bottom repeat-x; */
border-bottom: 1px dotted #CCCCCC;
margin: 10px 0 0;
padding: 0 0 5px;
line-height: 1.4em;
}
.sn_p_01 p:first-child {
margin-top: 0;
}
.sn_p_01 p:last-child {
margin-bottom: 5px;
border-bottom: 0;
}
.sn_p_01 a { font-size: 14px;}
.sn_p_01 p a img {
border: 1px solid #CCCCCC;
margin: 0 10px 0 0;
}
.sn_p_01 p a:hover img {
float: left;
border: 1px solid #FF9900;
margin: 0 10px 0 0;
}
.sn_p_01 p span {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) 0 5px no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
.clf:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clf { display: inline-block; }
/* exlude MacIE5 \*/
* html .clf { height: 1% }
.clf {display:block;}
/* end MacIE5 */
.ul_line {
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) left bottom repeat-x;
padding-bottom: 8px;
}
/* 新領域 menu */
p.con_ti_k {
font-size: 11px;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/sn_kaitori_bar.gif) left top no-repeat;
padding: 6px 0 6px 15px;
}
p.con_ti_s {
font-size: 11px;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/sn_syaken_bar.gif) left top no-repeat;
padding: 6px 0 6px 15px;
}
p.con_ti_h {
font-size: 11px;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/sn_haisya_bar.gif) left top no-repeat;
padding: 6px 0 6px 15px;
}
/* 新領域 menu */
/* blogparts menu */
.sidebar p.caption {
margin: 5px 0 0 0;
font-size: 11px;
text-align: center;
}
#sidebarcontainer p.caption {
margin: 5px 0 0 0;
font-size: 11px;
text-align: center;
}
/*-------------------------------------------------
#011 Forms
-------------------------------------------------*/
.loginform, .searchform {
padding: 5px 0;
}
.commentform, .mailform {
margin-top: 10px;
padding: 10px;
background: #EEEEEE;
/* Rounded borders, for Mozilla browsers */
/* -moz-border-radius: 10px; */
}
.commentform img {
margin: 5px 0 0 0;
}
.formfield {
width: 80%;
margin: 0 0 10px 0;
padding: 2px 0;
border: 1px solid #7F9DB9;
}
/*0418検索*/
.searchform {
position: relative;
}
.searchform .formfield {
width: 100%;
height: 34px;
margin-bottom: 10px;
padding-left: 10px;
box-shadow: 0 6px 6px -7px #dbdbdb inset;
border-style: solid;
border-width: 1px;
border-color: #dedcd7;
border-radius: 4px;
background-color: white;
box-sizing: border-box;
}
.searchform__submit {
position: absolute;
top: 5px;
right: 0;
width: 71px;
height: 33px;
line-height: 34px;
padding: 0;
font-size: 14px;
text-align: center;
border-radius: 0 4px 4px 0;
border: none;
background-image: linear-gradient(to bottom,#ff9500 85%,#f38e00 100%);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
color: #fff;
font-weight: bold;
}
.searchform .formbutton {
width: 69px;
height: 20px;
margin: 0;
padding: 0;
background: url(../img/contentsImg/btn_search-box.gif) no-repeat 0 0;
text-indent: -9999px;
cursor: pointer;
border: none;
}
/*0418検索*/
.loginform .formfield {
width: 130px;
font-family: Verdana;
padding: 2px 0;
margin: 0 2px 2px 0;
}
.loginform .formbutton {
width: 60px;
font-family: Verdana;
padding: 2px 2px;
margin: 1px 0 0 0;
font-size: 11px;
background: white;
color: #494949;
border-top: 1px solid #D4D2CF;
border-left: 1px solid #D4D2CF;
border-bottom: 1px solid #868686;
border-right: 1px solid #868686;
cursor: pointer;
}
.mainform .formfield {
width: 280px;
font-family: Verdana;
padding: 2px 0;
margin: 0 2px 2px 0;
}
.mailform .formbutton {
width: 100px;
font-family: Verdana;
padding: 2px 2px;
}
#nucleus_cf_name, #nucleus_cf_mail {
width: 300px;
margin-right: 105px;
font-family: Verdana;
}
.commentform textarea, .commentform .formfield, .mailform textarea, .mailform .formfield {
width: 300px;
}
.commentform .formbutton {
width: 100px;
height: 22px;
font-family: Verdana;
}
.error {
color: red;
font-weight: bold;
}
/*-------------------------------------------------
#012 Miscelaneous
-------------------------------------------------*/
.wrap1, .wrap2, .wrap3 {
display:inline-table;
/* \*/display:block;/**/
}
.wrap1 {
float:left;
background:url(https://www.carsensor.net/contents/img_old/media/img/shadow.gif) right bottom no-repeat;
margin: 0 5px 3px 0;
}
.wrap2 {
background:url(https://www.carsensor.net/contents/img_old/media/img/corner_br.gif) left bottom no-repeat;
}
.wrap3 {
background:url(https://www.carsensor.net/contents/img_old/media/img/corner_tr.gif) right top no-repeat;
padding:0 5px 5px 0;
}
.wrap3 img {
display:block;
border: 3px solid white;
}
/* Search highlight color */
.highlight
{
background: #DEFFA9;
}
/* Leftbox and Rightbox toolbar buttons */
.leftbox, .rightbox {
margin: 3px;
padding: 3px;
font-size: larger;
width: 20%;
}
.leftbox {
float: left;
border-right: 2px solid #CCCCCC;
}
.rightbox {
float: right;
border-left: 2px solid #CCCCCC;
}
/*-------------------------------------------------
検索用
-------------------------------------------------*/
table.a-search_t{
/*margin: 10px 15px 0px 15px;*/
}
table.a-search_t td{
font-size:12px;
margin:0px;
padding:2px;
}
table.a-search_t input.a-search01{
padding: 1px 0;
color: #666;cursor: pointer;
width: 200px;
}
table.a-search_t input.a-search02{
padding: 0 0 0 10px;
float: left;
}
/*-------------------------------------------------
バックナンバー 0418対応
-------------------------------------------------*/
#back_no {
margin: 20px 5px 30px 5px;
padding: 0;
}
#back_no dd {
margin: 5px 0;
padding: 4px 0;
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) bottom left repeat-x;
/*border-bottom: 1px dotted #CCCCCC;*/
font-size: 12px;
}
.pageswitch {
margin: 0 0 10px 0;
padding: 0;
font-size: 12px;
}
#back_no a {
color:#0070c0;
text-decoration:underline;
}
#back_no a:visited {
color:#802680;
text-decoration:underline;
}
#back_no a:hover {
color:#FF7E1D;
text-decoration: underline;
}
#back_no a:active{
color:#FF9A49;
text-decoration:underline;
}
#back_no dl.gsearch_box dt {
margin: 0 0 10px 0;
}
#back_no dl.gsearch_box dd {
margin-bottom: 20px;
padding: 0 12px 10px 12px;
line-height: 160%;
}
#back_no dl.gsearch_box dt a span.highlight {
background-color: #FFFF00;
text-decoration:underline;
font-weight: bold
}
#back_no dl.gsearch_box dd span.highlight {
background-color: #FFFF00;
font-weight: bold
}
/*-------------------------------------------------
080418 renewal
-------------------------------------------------*/
.relatebox {
border: 1px solid #CCCCCC;
margin: 20px 0 15px 0;
}
.relatebox p {
margin: 0;
padding: 5px 0 5px 10px;
background-color: #CCCCCC;
color: #FFFFFF;
font-size: 12px;
font-weight: bold;
}
.relatebox ul.relateul2 {
margin: 10px;
padding: 0;
}
.relatebox ul.relateul2 li {
list-style-type: none;
margin: 0;
padding: 0 0 10px 0;
line-height: 160%;
font-size: 12px;
display: inline;
}
.relatebox ul.relateul3 {
margin: 10px;
padding: 0;
}
.relatebox ul.relateul3 li {
list-style-type: none;
}
.relatebox ul.relateul3 li a {
padding: 0 0 5px 15px;
line-height: 160%;
font-size: 12px;
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_orange.gif) no-repeat scroll left 2px transparent;
margin: 0 0 2px 4px;
}
.relatebox ul.relateul {
margin: 10px;
padding: 0;
}
.relatebox ul.relateul li {
line-height: 100%;
list-style-type: none;
margin: 0 0 10px 0;
padding: 0 0 0 15px;
font-size: 12px;
background: url(https://www.carsensor.net/contents/img_old/media/img/ico_link.gif) left top no-repeat;
}
.cen {
text-align: center;
line-height: 140%;
}
.footnavi {
font-size: 12px;
clear: both;
margin: 0 0 15px 0;
}
/*-------------------------------------------------
080418 追加
-------------------------------------------------*/
/* clearfix */
div.clearfix{
zoom:1;/*for IE 5.5-7*/
}
div.clearfix:after{/*for modern browser*/
content:".";
display: block;
height:0px;
clear:both;
visibility:hidden;
}
.icon{margin:0 6px 0 0; vertical-align:middle;}
/*パンくず--*/
ul.bread-list01{
clear: both;
width: 910px;
height: 15px;
margin: 0 0 10px 0;
padding: 0;
text-align: left;
font-size: 10px;
}
/* \*/
*:first-child + html ul.bread-list01{
padding-top: 12px;
}
/**/
ul.bread-list01 li{
display: inline;
}
.tagbox {
border: 1px solid #CCCCCC;
margin: 15px 0 0 0;
font-size: 12px;
}
.tagbox p {
margin: 0;
padding: 2px 0 2px 10px;
background-color: #CCCCCC;
color: #FFFFFF;
font-weight: bold;
}
.tagbox .tagspan {
margin: 0 10px;
}
.dd_line {
background: url(https://www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif) bottom left repeat-x;
/*border-bottom: 1px dotted #CCCCCC;*/
margin: 0;
padding: 3px 0;
}
.pankuzu, #pankuzu {
padding-bottom:20px;
}
.pankuzu, .pankuzu a, .pankuzu strong, #pankuzu, #pankuzu a, #pankuzu strong {
font-size:10px;
line-height:11px;
margin-top: 5px;
position: relative;
}
.p_c01 {
color: #999999;
}
/* 090904 */
.edge_bnr {
margin-bottom:15px !important;
}
.edge_bnr span{
display:block;
width: 280px;
margin:5px 0 5px 0;
text-align: center;
}/* CSS Document */
/* Basic classes */
.hidden {
display: none;
}
.centerize {
text-align: center;
}
/* @group recommendCont */
#recommendCont {
overflow: hidden;
margin: 0 auto 20px;
width: 980px !important;
clear: both;
}
#recommendCont h2,
#recommendCont h3 {
font-weight: normal;
}
#recommendCont h2 {
margin-bottom: 8px;
font-size: 12px;
font-weight: bold;
line-height: 2;
}
.recommendContTtl {
position: relative;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 34px;
font-size: 20px;
font-weight: bold;
vertical-align: text-bottom;
}
.recommendContTtl:before {
content: "";
position: absolute;
top: -3px;
left: 0;
display: inline-block;
width: 30px;
height: 28px;
background-size: 30px 28px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_meter.svg) no-repeat;
vertical-align: inherit;
}
#recommendCont ul {
font-size: 12px;
}
#recommendCont li {
margin-bottom: 8px;
}
#recommendCont .Sec1,
#recommendCont .Sec2,
#recommendCont .Sec3,
#recommendCont .Sec4 {
float: left;
}
#recommendCont .Sec1 {
width: 204px;
}
#recommendCont .Sec2 {
width: 237px;
}
#recommendCont .Sec3 {
width: 231px;
}
#recommendCont .Sec4 {
width: 264px;
}
#recommendCont .Sec3 .Inner {
margin-bottom: 30px;
}
#recommendCont a {
line-height: 15px;
}
.mb30 {
margin-bottom: 30px;
}
#recommendCont .Sec1 h2 a,
#recommendCont .Sec2 h2 a,
#recommendCont .Sec3 h2 a,
#recommendCont .Sec4 h2 a {
line-height: 2;
}
/* @end */
/*
##################################################################
SEO対策テキスト
################################################################## */
#Bottom_Text em i {
font-style:normal;
float: right;
font-size: 10px;
margin: 0 0 10px 0;
}
/*
##################################################################
サイドナビ修正
################################################################## */
.sn_tit p {
clear: both;
background: none;
width: 275px;
height: 18px;
color: #333;
font-weight: bold;
font-size: 16px;
padding: 5px 0 5px 23px;
background: url(https://www.carsensor.net/contents/img_old/common/images/icon.gif) 7px 10px no-repeat;
}
.sn_tit2 p {
background: url(https://www.carsensor.net/contents/img_old/common/images/sn_tit2.gif) 0 0 no-repeat;
width: 275px;
height: 40px;
color: #FFFFFF;
font-weight: bold;
font-size: 14px;
padding: 5px 0 0 5px;
}
/*
##################################################################
自動リンク(SEO対策)
################################################################## */
a.znkwl {
text-decoration: none;
}
/*
##################################################################
関連用語リンク(SEO対策)
################################################################## */
#Relation_Box {
border: 1px solid #CCC;
display: block;
padding-bottom: 5px;
margin-bottom: 15px;
}
#Relation_Box .y_name {
background: #CCCCCC;
padding: 5px;
font-size: 12px;
color: #FFF;
font-weight: bold;
}
#Relation_Box ul.y_link {
width: 680px;
_width: 660px;
list-style-type: none;
padding: 5px 10px;
_padding: 5px;
display: block;
}
#Relation_Box .y_link li {
float: left;
margin-right: 15px;
margin-bottom: 3px;
white-space: nowrap;
font-size: 10px;
display: block;
}
#Relation_Box .y_link li a {
font-size: 10px !important;
}
#searchPanelTitle_Top p {
text-align: right;
font-size: 10px;
color: #969A99;
}
#searchPanelTitle_btm p {
text-align: right;
font-size: 10px;
color: #969A99;
margin-bottom: 15px;
padding-left: 10px;
}
/*
##################################################################
ボディタイプ
################################################################## */
ul.sn_ul_list_type { float: left; width: 270px; margin-right: -10px; overflow: hidden; }
ul.sn_ul_list_type li { float: left;}
ul.sn_ul_list_type li a { display: block; text-indent: -9999px; margin-right: 8px;}
ul.sn_ul_list_type li a.kei {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 45px; background-position: 0px 0;}
ul.sn_ul_list_type li a.kei:hover { background-position: 0 -60px;}
ul.sn_ul_list_type li a.minivanType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 45px; background-position: -70px 0;}
ul.sn_ul_list_type li a.minivanType:hover { background-position: -70px -60px;}
ul.sn_ul_list_type li a.suvType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 60px; background-position: -137px 0;}
ul.sn_ul_list_type li a.suvType:hover { background-position: -137px -60px;}
ul.sn_ul_list_type li a.sedanType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 45px; background-position: 0px -120px;}
ul.sn_ul_list_type li a.sedanType:hover { background-position: 0 -180px;}
ul.sn_ul_list_type li a.stationWagonType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 63px; background-position: -70px -120px;}
ul.sn_ul_list_type li a.stationWagonType:hover { background-position: -70px -180px;}
ul.sn_ul_list_type li a.hatchbackType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 63px; background-position: -137px -120px;}
ul.sn_ul_list_type li a.hatchbackType:hover { background-position: -137px -180px;}
ul.sn_ul_list_type li a.coupeType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 45px; background-position: 0px -237px;}
ul.sn_ul_list_type li a.coupeType:hover { background-position: 0 -277px;}
ul.sn_ul_list_type li a.openType {background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 40px; background-position: -70px -240px;}
ul.sn_ul_list_type li a.openType:hover { background-position: -70px -280px;}
ul.sn_ul_list_type li a.otherType{background:url(https://www.carsensor.net/contents/img_old/common/images/kuruma-.gif) no-repeat; width: 59px; height: 25px; background-position: -137px -260px;}
ul.sn_ul_list_type li a.otherType:hover { background-position: -137px -300px;}
/*
##################################################################
ヘッダー
################################################################## */
h3.h1 { margin-bottom: 15px;}
/*-------------------------------------------------
20120608レイアウト変更
-------------------------------------------------*/
h2.Title_bg0ra { background: #ff9900; padding: 10px 10px; color: #FFFFFF; font-size: 16px; font-weight: bold;}
.Date_Txt { text-align: right; font-size: 12px; margin: 5px 0; padding: 3px 0 0 10px;}
/*-------------------------------------------------
Baseテンプレート
-------------------------------------------------*/
.Base_Templete { clear: both; padding: 20px 0;}
.Base_Templete_Photo_Area { width: 204px; float: left;}
.Photo_Area_col { margin-bottom: 20px; width: 204px;}
.Photo_Area_col a img {border: 1px solid #CCCCCC; padding: 1px;}
.Photo_Area_col a:hover img {border: 1px solid #ff7200; padding: 1px;}
.Base_Templete_Text_Area { font-size: 14px; line-height: 1.6em; width: 430px; float: left; margin-bottom: 20px; margin-right: 25px;}
.Base_Templete_Text_Area p { font-size: 14px; line-height: 1.6em;}
.Photo_Area_col p, .Photo_Area_col p a { font-size: 10px; line-height: 1.4em; display:block;}
.Photo_Area_col p:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.Base_Templete_Text_Area h4.Temp_h4 { color:#000000; font-weight: bold;margin-bottom: 10px; background: url(https://www.carsensor.net/contents/img_old/common/testdrive/line2.gif) 0 16px repeat-x; padding: 0 0 0 0; height:20px; font-size:14px;}
.Base_Templete_Photo_Area_Bottom { clear: both; width: 680px; margin: 0 -20px 0 0; padding: 15px 0 0 0;}
*html .Base_Templete_Photo_Area_Bottom { clear: both; width: 680px; margin: 0; padding: 15px 0 0 0;}
.Base_Templete_Photo_Area_Bottom .Photo_Area_col { float: left; margin-right: 20px; display: inline-table;}
*html .Base_Templete_Photo_Area_Bottom .Photo_Area_col { float: left; margin-right: 15px; display: inline-table;}
table.Base_Temp_Table { width: 100%; font-size: 12px; color: #696969; border-left: 1px solid #BDBDBD; border-top: 1px solid #BDBDBD; padding:0; border-spacing: 0; margin: 10px 0; border-collapse: collapse;}
table.Base_Temp_Table td { padding: 0px 5px; text-align: center; border-right: 1px solid #CCC; border-bottom: 1px solid #CCC;}
table.Base_Temp_Table td.BgGray { background: #EDEDED; width: 80px; color:#696969; text-align: left; border-spacing: 0px; background:url(https://www.carsensor.net/contents/img_old/common/images/table_BG2.gif) 0 0 no-repeat;}
table.Base_Temp_Table td span.fs10 { font-size: 10px;}
table.Base_Temp_Table td span.red_bold { font-weight: bold; font-family:Arial; font-size: 18px; color: #CC0000; margin-right: 3px;}
table.Base_Temp_Table td span.black_bold { font-weight: bold; font-family:Arial; font-size: 18px; color: #333; margin-right: 3px;}
.Temp_Btn a { background: url(https://www.carsensor.net/contents/img_old/common/images/Template_btn.gif) no-repeat scroll 0 0; display: block; height: 58px; outline: medium none; text-indent: -9999px; width: 204px;}
.Temp_Btn a:hover { background: url(https://www.carsensor.net/contents/img_old/common/images/Template_btn.gif) no-repeat scroll 0 0; height: 58px; background-position: bottom;}
.Temp_Btn2 { margin: 10px 0;}
.Temp_Btn2 a { background: url(https://www.carsensor.net/contents/img_old/common/images/Template_btn2.gif) no-repeat scroll 0 0; display: block; height: 40px; outline: medium none; text-indent: -9999px; width: 204px;}
.Temp_Btn2 a:hover { background: url(https://www.carsensor.net/contents/img_old/common/images/Template_btn2.gif) no-repeat scroll 0 -40px;}
.Temp_Btn2 a:action{ background: url(https://www.carsensor.net/contents/img_old/common/images/Template_btn2.gif) no-repeat scroll 0 -40px;}
p.Temp_txt_link a { background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) no-repeat scroll 0 5px transparent; margin-top: 3px; padding: 0 0 0 8px; line-height: 14px; margin-top: 5px; font-size: 12px;}
ul.Base_Templete_Link { margin-top: 20px;}
ul.Base_Templete_Link li {margin-bottom: 3px;}
ul.Base_Templete_Link li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) no-repeat scroll 0 3px transparent;
height: 18px;
line-height: 14px;
padding: 0 0 0 8px;
}
ul.Base_Templete_Link2 { margin-top: 20px;}
ul.Base_Templete_Link2 li {margin-bottom: 3px;}
ul.Base_Templete_Link2 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_orange.gif) no-repeat scroll 0 2px transparent;
height: 18px;
line-height: 14px;
padding: 0 0 0 13px;
}
ul.Base_Templete_Link3 { margin-top: 0px;}
ul.Base_Templete_Link3 li {margin-bottom: 3px;}
ul.Base_Templete_Link3 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_orange.gif) no-repeat scroll 0 6px transparent;
height: 18px;
line-height: 14px;
padding: 0 0 0 13px;
}
/************************************************************
動画&販売店情報
************************************************************/
h3.shop_col_tit { background: url(https://www.carsensor.net/contents/img_old/common/images/shop_tit_bg.gif) 0 0 no-repeat; font-weight: bold; margin: 0 0 0 0; padding: 3px 10px; margin: 15px 0 0 0; border-left: 1px solid;border-top: 1px solid;border-right: 1px solid; border-color: #CCC; color:#666666;}
.shop_col { border: 1px solid #CCCCCC; padding: 3px;}
.shop_col table a img { margin: 0 5px 0 0; border: 1px solid #CCC; padding:1px;}
.shop_col table a:hover img {border: 1px solid #FF7200;}
.shop_col dl { line-height: 1.4em;}
.shop_col dt { float: left; clear:both; width: 50px;}
.shop_col dt span.list { font-size: 10px; color:#969A99; width: 150px;}
.shop_col dt span.float_r { font-size: 10px; color:#969A99;}
.shop_col dt.shop_name { width: 250px; margin-bottom: 5px; font-weight: bold;}
.shop_col dd { font-size: 10px;}
.shop_col .info_shop { font-size: 10px;}
.shop_col .shopL_img { width: 160px;}
.shop_col .info_shop { line-height: 1.4em;}
.shop_col .freecall { font: Arial; font-size: 12px; color: #CC0000; font-weight: bold;}
.shop_col .freecall2 { font: Arial; font-size: 10px; color: #CC0000; font-weight: bold;}
.shop_col ul.Base_Templete_Link2 { margin-top: 5px; margin-left: 3px; float: right;}
.youtube_img { margin-bottom: 15px;}
/*-------------------------------------------------
テンプレート追加
---------------------------------------------------*/
#testdrive_TempA_col01 { background: #ededed;}
#testdrive_TempA_col01 h3 { width: 300px; padding: 5px 0 5px 10px; vertical-align: top; float: left; margin-top: 5px; line-height: 32px; font-family: Arial, Helvetica, sans-serif; font-size: 28px; }
#testdrive_TempA_col01 .count_bg { background: url(https://www.carsensor.net/contents/img_old/common/testdrive/test_bg.png) 0 0 no-repeat; width: 255px; height: 45px; float: right; display: block; margin-right: 5px;}
#testdrive_TempA_col01 .count_bg p.number { font-family: Arial; font-weight: bold; color:#FFFFFF; font-size: 48px; width: 80px; padding-top: 0px; display: block; line-height: 50px; margin-left: 150px; color: #cc0000;}
#testdrive_TempA_col01 .line { clear: both; padding-top: 5px; background: url(https://www.carsensor.net/contents/img_old/common/testdrive/line1.gif) 0 0 repeat-x;}
#testdrive_TempA_col01 .line p { font-size: 12px; line-height: 1.4em; background: #ededed; padding: 5px 10px; clear:both;}
#testdrive_TempA_col02 { margin-top: 15px;}
#testdrive_TempA_col02 p { font-size: 14px; }
#testdrive_TempA_col02 h3 { background: #ededed; font-size: 16px; font-weight: bold; color: #003366; padding: 10px; margin: 15px 0px;}
#testdrive_TempA_col03 { float: left; width: 420px; margin-right: 15px;}
#testdrive_TempA_col03 p { margin-bottom: 15px;}
#testdrive_TempA_col03 h4 { color:#000000; font-weight: bold;margin: 10px 0; border-bottom: 1px dashed; padding: 0 0 0 0; font-size:16px; padding-bottom: 5px; background: none;}
#testdrive_TempA_col04 { float: left; width: 224px;}
#testdrive_TempA_col04 p { font-size: 10px; line-height: 1.2em; margin-bottom: 20px;}
#testdrive_TempA_col04 a img { border: 1px solid #CCCCCC; padding: 1px;}
#testdrive_TempA_col04 a:hover img { border: 1px solid #ff7200; padding: 1px;}
#testdrive_TempA_col05 { float: left; width: 320px;}
#testdrive_TempA_col05 p { font-size: 10px; line-height: 1.2em; margin-bottom: 20px;}
#testdrive_TempA_col05 a img { border: 1px solid #CCCCCC; padding: 1px; float: left; margin-bottom: 10px;}
#testdrive_TempA_col05 a:hover img { border: 1px solid #ff7200; padding: 1px;}
#testdrive_TempA_col06 { float: left; width: 660px; margin-right: 15px;display: inline;}
#testdrive_TempA_col06 p { margin-bottom: 15px; font-size: 14px; }
#testdrive_TempA_col06 h4 { color:#000000; font-weight: bold;margin-bottom: 10px; background: url(https://www.carsensor.net/contents/img_old/common/testdrive/line2.gif) 0 16px repeat-x; padding: 0 0 0 0; height:20px; font-size:14px;}
/*-------------------------------------------------
テンプレート追加
---------------------------------------------------*/
/*20130321*/
.Base_Templete_B_l { float: left; width: 224px; margin-right: 15px;}
.Base_Templete_B_l p { font-size: 10px; line-height: 1.2em; margin-bottom: 20px;}
.Base_Templete_B_l a img { border: 1px solid #CCCCCC; padding: 1px;}
.Base_Templete_B_l a:hover img { border: 1px solid #FF7200; padding: 1px;}
.Base_Templete_B_r { float: right; width: 410px; font-size: 14px;}
.Base_Templete_B_r p { margin-bottom: 15px; float: left; font-size: 14px;}
.Base_Templete_B_r h4 { color:#000000; font-weight: bold;margin: 10px 0; border-bottom: 1px dashed; padding: 0 0 0 0; font-size:16px; padding-bottom: 5px; background: none;}
h3.Base_Templete_B_Blue { background: #ededed; font-size: 16px; font-weight: bold; color: #003366; padding: 10px; margin: 15px 0px;}
#Base_Templete_C { padding: 0 10px; }
#Base_Templete_C p { line-height: 1.8; margin-bottom: 15px; font-size: 14px;}
#Base_Templete_C h4 { color:#000000; font-weight: bold;margin-bottom: 10px; background: url(https://www.carsensor.net/contents/img_old/common/testdrive/line2.gif) 0 16px repeat-x; padding: 0 0 0 0; height:20px; font-size:14px;}
#Base_Templete_C h3.link_tit { font-size: 14px; color: #333; margin: 10px 0 5px 0; background: none; padding: 0px; font-weight: normal; border: none;}
#Base_Templete_C h3.link_tit:before {
display: none;
}
.w600_img { margin: 0 auto;}
.w600_img img { width: 100% !important;}
#Base_Templete_C span.CP_txt { font-size: 12px; display: block; text-align: left;}
#Base_Templete_C h3 {
display: -webkit-box;
display: -webkit-flex;
display: flex;
-webkit-box-align: center;
-webkit-align-items: center;
align-items: center;
-webkit-box-flex: 1;
-webkit-flex: 1;
flex: 1;
position: relative;
min-height: 30px;
line-height: 1.33;
margin: 30px 0 20px;
padding: 3px 0 3px 14px;
background: transparent;
color: #333;
font-size: 18px;
vertical-align: middle;
box-sizing: border-box;
}
#Base_Templete_C h3::before {
content: "";
display: block;
width: 4px;
height: 100%;
position: absolute;
left: 0;
top: 0;
border-radius: 20px;
background: rgb(255,166,0);
background: -moz-linear-gradient(top, rgba(255,166,0,1) 0%, rgba(255,166,0,1) 30%, rgba(255,96,16,1) 30%, rgba(255,96,16,1) 100%);
background: -webkit-linear-gradient(top, rgba(255,166,0,1) 0%,rgba(255,166,0,1) 30%,rgba(255,96,16,1) 30%,rgba(255,96,16,1) 100%);
background: linear-gradient(to bottom, rgba(255,166,0,1) 0%,rgba(255,166,0,1) 30%,rgba(255,96,16,1) 30%,rgba(255,96,16,1) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600 ', endColorstr='#ff6010 ',GradientType=0 );
}
/************************************************************
* 小動物
************************************************************/
.pa { position: absolute;}
.vaM { vertical-align: middle;}
.ilB { display: inline-block;}
.mT5 { margin-top: 5px;}
.mT6 { margin-top: 6px;}
.mT8 { margin-top: 8px;}
.mT10 { margin-top: 10px;}
.mT15 { margin-top: 15px;}
.mT20 { margin-top: 20px;}
.mT30 { margin-top: 30px;}
.mR3 { margin-right: 3px;}
.mR5 { margin-right: 5px;}
.mR10 { margin-right: 10px;}
.mR13 { margin-right: 11px;}
.mR15 { margin-right: 15px;}
.mR20 { margin-right: 20px;}
.mL3 { margin-left: 3px;}
.mL4 { margin-left: 5px;}
.mL10 { margin-left: 10px;}
.mL20 { margin-left: 20px;}
.mB5 { margin-bottom: 5px;}
.mB10 { margin-bottom: 10px;}
.mB15 { margin-bottom: 15px;}
.mB20 { margin-bottom: 20px;}
.fgRed { color: #c00;}
.fgLGray { color: #999;}
.fgOrange { color: #ff7200;}
.iMG { display: block; text-indent: -9999px; text-decoration: none; outline: none;}
.taL { text-align: left !important;}
.taC { text-align: center !important;}
.taR { text-align: right !important;}
.arial { margin-right: 1px; font-weight: 700; font-family: Arial; vertical-align: -1px;}
.fs10 { font-size: 10px;}
.fs12 { font-size: 12px;}
.fs14 { font-size: 14px;}
.fs15 { font-size: 15px;}
.fs16 { font-size: 16px;}
.fs18 { font-size: 18px;}
.fs24 { font-size: 24px;}
.nml { font-weight: 400 !important;}
.bold { font-weight: 700 !important;}
.ls1 { letter-spacing: 1px;}
.glay { color: #666;}
.red { color: #FF0000;}
.clb { clear:both;}
.fll { float: left;}
.flr { float: right;}
.w150 { width: 150px;}
.font_Arial { font:Arial;}
.fontgold { color: #c78305;}
.p10 { padding: 10px;}
h3.tit04 {
background: url(https://www.carsensor.net/contents/img_old/common/publish/20120131renewal/Top_tit04.gif) 0 0 no-repeat;
color: #FFFFFF;
width: 270px;
height: 20px;
padding: 5px 0 0 10px;
font-weight: bold;
font-size: 14px;
margin: 15px 0 0 0px;
}
.ranking_item_Box_inner { background: #fffcf7; padding: 5px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #CCC;}
.new_item4 { display: flex !important; margin-top: 10px; border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
.new_item4:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.new_item4 .rank img { float: left; margin-right: 5px; padding: 15px 0;}
.new_item4 .list_photo a img { width: 82px; background: #FFFFFF; margin-right: 8px;}
.new_item4 h4 { font-weight: normal; font-size: 12px; margin-bottom: 5px; line-height: 1.4em; position: relative;}
.new_item4 h4 a { margin-right: 10px; font-weight: normal;font-size: 12px; line-height: 1.4em;}
.new_item4 h4 img { margin-left: 3px;}
.new_item4:last-child { margin-bottom: 10px; padding-bottom: 0; border-bottom: 0; }
.new_item5 { margin-top: 10px; border-bottom: 1px dotted #CCC; padding-bottom: 5px;}
.new_item5:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.new_item5 .rank img { float: left; margin-right: 5px; padding:0;}
.new_item5 .rank { font-weight: bold; float: left; width: 37px; height: 30px; margin-right: 5px; text-align: center;}
.new_item5 .list_photo a img { float: left; padding: 1px; background: #FFFFFF; border: 1px solid #CCCCCC; margin-right: 8px;}
.new_item5 .list_photo a:hover img { border: 1px solid #FF7200;}
.new_item5 h4 { font-weight: normal; font-size: 12px; margin-bottom: 10px; line-height: 1.4em;}
.new_item5 h4 a { margin-right: 10px; font-weight: normal;font-size: 12px; line-height: 1.4em;}
.new_item5 h4 img { margin-left: 3px;}
.side_item_Box_inner { background: #fffcf7; padding: 5px; border-left: 1px solid; border-right: 1px solid; border-bottom: 1px solid; border-color: #CCC; margin-bottom: 15px;}
.side_info_Box { float: left; padding: 0px; width: 265px; margin: 10px 0 10px 0; border-bottom: 1px dotted #CCC;}
.side_info_Box h4 { margin-bottom: 9px; text-align: right; margin-top: 5px;}
.side_info_Box h4 a { margin-bottom: 9px; font-weight: normal;}
.side_info_Box img { float: left; padding: 0 5px 0 0; margin-right: 3px;}
.side_info_Box_txt {}
ul.side_item_ul_00 {
display: block;
list-style: none outside none;
margin: 0 0 2px 5px;
padding: 0;
}
ul.side_item_ul_00 li { margin: 10px 0px;}
ul.side_item_ul_00 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) no-repeat scroll left 2px transparent;
margin: 0 0 10px 0;
padding: 0 0 0 10px;
}
h3.sn_tit_pickup { background:url(https://www.carsensor.net/contents/img_old/common/images/pickup_h3.png) no-repeat; width: 280px; height: 30px; text-indent: -9999px; margin:0;}
/*-------------------------------------------------
/*-------------------------------------------------
jquery for tab
-------------------------------------------------*/
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
.ui-tabs-hide {
display: none;
}
}
/* Hide useless elements in print layouts... */
@media print {
.ui-tabs-nav {
display: none;
}
}
#container2 { width: 280px;}
/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
font: Arial;
font-size: 12px;
}
.ui-tabs-nav {
list-style: none;
margin: 0;
padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
display: block;
clear: both;
content: " ";
}
.ui-tabs-nav li {
float: left;
margin: 0 0 0 1px;
min-width: 134px; /* be nice to Opera */
font: Arial;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
display: block;
padding: 0 10px;
background: url(https://www.carsensor.net/contents/img_old/common/publish/20120131renewal/re_tab.png) no-repeat;
}
.ui-tabs-nav a {
margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
padding-left: 0;
color: #333;
font-weight: bold;
font: Arial;
line-height: 1.2;
text-align: center;
text-decoration: none;
white-space: nowrap; /* required in IE 6 */
outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
position: relative;
top: 1px;
z-index: 2;
margin-top: 0;
color: #FFF;
font: Arial;
}
.ui-tabs-nav a span {
width: 114px; /* IE 6 treats width as min-width */
min-width: 114px;
height: 18px; /* IE 6 treats height as min-height */
min-height: 18px;
padding-top: 6px;
padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
width: auto;
height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
cursor: pointer;
}
.ui-tabs-disabled {
opacity: .4;
filter: alpha(opacity=40);
}
.ui-tabs-panel {
border-top: 1px solid #ccc;
padding: 1em 8px;
background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
padding: 0 0 0 20px;
background: url(https://www.carsensor.net/contents/img_old/common/publish/20120131renewal/loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
display: inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
display: inline-block;
}
#fragment-1,#fragment-2 { border-bottom: 1px solid #CCC; border-left: 1px solid #CCC; border-right: 1px solid #CCC; margin-bottom: 15px;}
/************************************************************
* アコーディオン
************************************************************/
.Side_Title,.Side_Title2 {
padding:5px;
font-weight:bold;
font-size: 12px;
border:1px solid #ccc;
background:#eee;
cursor: pointer;
}
.Side_Title:hover {
cursor: pointer;
background-color: #FD4;
color:black;
}
.Side_Title2 span { width: 240px; float: left;}
.Side_Title2 .Right_arrow { width: 20px; float: right; margin: 1px 0 0 0;}
#menu2 { margin: 15px 0;}
#menu2 ul.menu2 { font-size: 12px; display: none; border-bottom: 1px solid #CCCCCC; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; padding: 10px 0 10px 15px;}
#menu2 ul.menu2 li { margin: 0 0 5px 0;}
#menu2 ul.menu2 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) 0 5px no-repeat;
padding: 0 0 5px 10px;
}
#menu2 ul.menu2 li.line { background: url("//www.carsensor.net/contents/img_old/media/img/contentsImg/line_01.gif") repeat-x scroll left bottom transparent; padding-bottom: 8px;}
.rank_1,.rank_2,.rank_3,.rank_other { position: absolute; top:0px; right:185px;}
.rank_1 {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 2px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_ranking-1.svg) no-repeat 0 0;
color: transparent;
}
.rank_2 {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 2px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_ranking-2.svg) no-repeat 0 0;
color: transparent;
}
.rank_3 {
content: "";
display: block;
width: 20px;
height: 20px;
margin: 2px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_ranking-3.svg) no-repeat 0 0;
color: transparent;
}
.rank_other {
display: inline-block;
width: 18px;
height: 18px;
line-height: 18px;
margin: 3px;
border-radius: 50%;
background: none repeat scroll 0 0 #918d86;
color: #fff;
font-size:10px;
text-align: center;
}
/*-------------------------------------------------
共通
-------------------------------------------------*/
#tab2 {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
}
#tab2 li {
-webkit-flex: 0 0 auto;
-ms-flex: 0 0 auto;
flex: 0 0 auto;
width: 81px;
height: 37px;
line-height: 37px;
border: 1px solid #f0ede9;
border-radius: 3px 3px 0 0;
background-image: linear-gradient(to bottom,#fff 85%,#f6f6f6 100%);
font-weight: 700;
text-align: center;
box-sizing: border-box;
cursor: pointer;
}
#tab2 li.present {
line-height: 34px;
border-top: 3px solid #ff6010;
border-bottom: 0;
background: #fff;
cursor: default;
}
#tab2 li.present a {
color: #ff6010;
}
/*------
#tab2 li a.tab_01 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) 0 -26px no-repeat;}
#tab2 li a.tab_02 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -59px -26px no-repeat;}
#tab2 li a.tab_03 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -118px -26px no-repeat;}
#tab2 li a:hover.tab_01 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) 0 0 no-repeat;}
#tab2 li a:hover.tab_02 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -59px 0px no-repeat;}
#tab2 li a:hover.tab_03 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -118px 0px no-repeat;}
#tab2 li.present a.tab_01 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) 0 0 no-repeat;}
#tab2 li.present a.tab_02 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -59px 0 no-repeat;}
#tab2 li.present a.tab_03 { background: url(https://www.carsensor.net/contents/img_old/common/images/20141020/tab_img.png) -118px 0 no-repeat;} --------*/
#weekly, #daily,#monthly{
padding: 5px 15px 0;
width: 243px;
background: #FFF;
box-sizing: border-box;
}
.boder_parts {border-top: 1px solid #CCCCCC;}
/*20121226*/
.Side_Title3 {
padding:5px;
font-weight:bold;
font-size: 12px;
cursor: pointer;
}
.Side_Title3 .Left_arrow { width: 20px; float: left; margin: 1px 0 0 0;}
.sidenavi_box .sn_p_01 a {
font-size: 12px;
}
.sidenavi_box .sn_p_01 a img {
width: 82px;
}
.sidenavi_box .sn_p_01 span {
display: block;
margin-bottom: 5px;
padding: 0;
background: none;
}
.sidenavi_box ul.sn_ul_05 {
margin: 0 8px 10px 25px;
}
.sidenavi_box ul.sn_ul_05 li {
margin: 0 0 2px 0;
padding: 0;
display: block;
list-style:none;
}
.sidenavi_box ul.sn_ul_05 li a {
background: url(https://www.carsensor.net/contents/img_old/common/images/icon_point2.gif) left 2px no-repeat;
margin: 0;
padding: 0 0 0 10px;
}
/*--20121226*/
/*-------------------------------------------------
カテゴリーリスト
-------------------------------------------------*/
div#Category_tit h2 {
position: relative;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 34px;
font-size: 20px;
font-weight: 700;
vertical-align: text-bottom;
}
div#Category_tit h2:after {
content: "";
position: absolute;
top: -3px;
left: 0;
display: inline-block;
width: 30px;
height: 28px;
background-size: 30px 28px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_meter.svg) no-repeat;
vertical-align: inherit;
}
div#Category_Item .unitItems { width: 720px; margin-right: -30px;}
div#Category_Item .item { float: left; margin: 0 34px 20px 0; width: 204px; height: 300px; padding: 0px; background: #FFFFFF; display: inline;}
div#Category_Item .item h3 { margin: 0px;}
div#Category_Item .item h3 a { font-size: 14px; line-height: 1.6em; font-weight: normal;}
div#Category_Item .item .photo { height: auto; margin: 0; text-align: center;}
div#Category_Item .item .photo a img { border: 1px solid #CCCCCC; margin-bottom: 5px; padding: 1px;}
div#Category_Item .item .photo a:hover img { border: 1px solid #ff7200; margin-bottom: 5px; padding: 1px;}
div#Category_Item .item dt { padding: 0 0 0 10px; background: url(../img/common/ico_list_01.gif) no-repeat 0 30%; color: #999999;}
div#Category_Item .item .cat_tit { background: #CCCCCC; padding: 1px 10px; color: #FFF; font-size: 10px; font-weight: bold; float: left; margin-right: 5px;}
div#Category_Item .Item_date img { margin: 0 0 0 3px;}
div#Category_Item .Item_txt { font-size: 10px; line-height: 1.4em; margin: 5px 0px;}
/************************************************************
*TOPのリスト
************************************************************/
div#block02 .unitItems { width: 720px; margin-right: -30px;}
div#block02 .item { float: left; margin: 0 34px 20px 0; width: 204px; height: 300px; padding: 0px; background: #FFFFFF; display: inline;}
div#block02 .item h3 { margin: 0px;}
div#block02 .item h3 a { font-size: 14px; line-height: 1.4em; font-weight: normal;}
div#block02 .item .photo { height: auto; margin: 0; text-align: center;}
div#block02 .item .photo a img { border: 1px solid #CCCCCC; margin-bottom: 5px; padding: 1px;}
div#block02 .item .photo a:hover img { border: 1px solid #ff7200; margin-bottom: 5px; padding: 1px;}
div#block02 .item .photo a:hover * {
filter: alpha(style=0; opacity=85);
-moz-opacity: 0.65;
opacity: 0.65;
}
div#block02 .item .Item_date { font-size: 12px;}
div#block02 .item dt { padding: 0 0 0 10px; background: url(../img/common/ico_list_01.gif) no-repeat 0 30%; color: #999999;}
div#block02 .item .cat_tit { background: #CCCCCC; padding: 1px 10px; color: #FFF; font-size: 10px; font-weight: bold; float: left; margin-right: 5px;}
div#block02 .Item_date img { margin: 0 0 0 3px;}
div#block02 .Item_txt { font-size: 10px; line-height: 1.4em; margin: 5px 0px;}
div#block03 { margin-bottom: 50px;}
.new_item { padding-top: 10px; padding-bottom: 30px; font-size: 12px; padding-bottom: 20px; border-bottom: 1px solid #B3B3B3;}
.new_item:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.new_item .list_photo a img { float: left; padding: 1px; background: #FFFFFF; border: 1px solid #CCCCCC; margin-right: 10px;}
.new_item .list_photo a:hover img { border: 1px solid #FF7200;}
.new_item .list_photo a:hover * {
filter: alpha(style=0; opacity=85);
-moz-opacity: 0.65;
opacity: 0.65;
}
.new_item > a {
display: flex;
}
.new_item > a .list_photo {
margin-right: 20px;
border-radius: 3px;
}
.new_item > a .list_photo img {
border-radius: 3px;
vertical-align: bottom;
}
.new_item > a p {
color: #333;
}
.new_item h4 { font-weight: bold; font-size: 18px; margin-bottom: 10px; line-height: 1.4em;}
.new_item h4 a { margin-right: 10px; font-weight: bold;font-size: 18px;}
.new_item h4 img { margin-left: 3px;}
.new_item .new_item_date { font-size: 10px; margin-bottom: 2px;}
.new_item .cat_tit { background: #CCCCCC; padding: 2px 10px; color: #FFF; font-size: 10px; font-weight: bold; float: left; margin-right: 5px;}
.new_item:hover {
background-color: #fff2e6;
}
/*201310add*/
.photoReport_box{
width: 660px;
}
.spec {
font-size: 12px;
line-height: 18px;
margin: 20px 0;
}
.spec table {
border-collapse: collapse;
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC !important;
color: #333333;
text-align: center;
}
.spec td {
border-right: 1px solid #CCCCCC !important;
border-bottom: 1px solid #CCCCCC;
padding: 5px;
font-size: 11px;
}
.td-title {
background-color: #E2E2E2;
text-align: left;
width: 140px;
font-weight: bold;
color: #4D4D4D;
}
.spec_title {
background-color: #DDDDDD;
font-weight: bold;
text-align: left;
width: 180px;
}
.author {
margin: 5px 0 0 0;
font-size: 11px;
text-align: right;
clear: both;
}
.relate_Col {
margin: 50px 0 15px 0;
}
.relate_Col p {
position: relative;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 34px;
font-size: 20px;
font-weight: bold;
vertical-align: text-bottom;
}
.relate_Col p:before {
content: "";
position: absolute;
top: -3px;
left: 0;
display: inline-block;
width: 30px;
height: 28px;
background-size: 30px 28px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_meter.svg) no-repeat;
vertical-align: inherit;
}
.relate_Col ul.relateul {
margin: 10px 0px;
padding: 0 0 10px 0;
}
.relate_Col ul.relateul li {
line-height: 18px;
list-style-type: none;
margin: 0 20px 20px 0;
padding: 0;
font-size: 14px;
width: 320px;
float: left;
height: 75px;
}
.relate_Col ul.relateul li a { font-size: 12px;}
.relate_Col ul.relateul li span { margin-top: 0px;}
.relate_Col ul.relateul li a img {
float: left;
width: 100px;
margin: 0 10px 0 0;
border-radius: 3px;
}
.sidenavi_box {
padding: 5px 15px 0;
}
h1.Title_h2_Temp { background: none; font-size: 28px; color: #333;font-weight: bold;line-height: 140%;}
h2.Title_h2_Temp { background: none; font-size: 28px; color: #333;}
/************************************************************
*TOPリスト
************************************************************/
h2.list_h2 {
position: relative;
line-height: 1.2;
margin-bottom: 30px;
padding-left: 34px;
font-size: 20px;
font-weight: 700;
vertical-align: text-bottom;
}
h2.list_h2:after {
content: "";
position: absolute;
top: -3px;
left: 0;
display: inline-block;
width: 30px;
height: 28px;
background-size: 30px 28px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_meter.svg) no-repeat;
vertical-align: inherit;
}
h2.list_h2_side{ font-size: 16px; padding-right: 10px;background: #FFF; display: inline-block; line-height:18px; vertical-align:bottom;}
.list_h2_col {margin: 10px 0 0; width: 100%; line-height:18px;}
.list_h2_col:after { clear: both; content: "."; display: block; height: 0; visibility: hidden;}
.Top_item_col { width: 980px; margin: 0 0 10px 0;}
.Top_item { width: 600px;}
.Top_item .photo { float: left; margin-right: 15px; margin-bottom:15px; padding: 1px; border: 1px solid #B3B3B3; line-height: 0;}
.Top_item h3 { margin: 0 0 15px 0; }
.Top_item h3 a { display: inline;font-size: 24px; line-height: 1.2em;}
.Top_item .Item_txt { font-size: 14px; height: 90px; overflow: hidden;}
.Top_item_col_L .photo_list img { padding:1px; border: 1px solid #ccc; float: left; margin-right: 20px;}
.Top_item_col_L { float: left; width: 615px; margin-right: 20px;}
.Top_item_col_R { width: 345px; float:left;}
.Top_img_col_box { width: 635px; margin-right: -20px; margin-top: 6px;}
.Top_img_col {
position: relative;
border: 1px solid #ccc; float: left; margin-right: 20px;
}
.Top_img_col p{
position: absolute;
left: 0;
bottom: 0;
color: #fff;
margin: 0;
padding: 5px 0 5px 3%;
background: #000;
filter: Alpha(opacity=70);
opacity: 0.7;
font-size: 12px;
line-height: 1.1rem;
}
.Top_img_col a {
text-decoration: none;
font-size: 12px;
line-height: 0;
}
.Top_img_col a:hover p{
text-decoration: underline;
}
.Top_img_col a img { width:187px;}
.read_more a { font-size: 14px;}
ul.list01 { width: 345px; float: left; margin-bottom: 20px;}
ul.list01 li { margin: 0 0 10px 0; padding: 0 0 2px 0; border-bottom: 1px solid #B3B3B3;line-height: 18px !important; height: 19px; }
ul.list01 li a {
text-decoration: none;
font-size: 12px;
margin-right: 3px;
}
.support_col_L,.support_col_R { width: 330px; float: left; height: 120px; font-size: 14px;}
.support_col_L p,.support_col_R p { font-size: 12px; line-height: 1.2rem;}
.support_col_L img,.support_col_R img { width: 80px; margin: 0 12px 25px 0;}
.support_col_L a,.support_col_R a { display: inline-block; margin-bottom: 10px; font-size: 14px; font-weight: bold;}
.cat_Area { margin-bottom: 40px;}
/************************************************************
*ナビゲーション
************************************************************/
.nav {
padding: 0px;
margin: 0 auto 30px;
width: 980px;
font-size: 100%;
background: #FFF;
z-index: 120;
}
.nav ul { width: 980px; margin: 0 auto;}
.nav li {
width: 94px;
list-style: none;
float: left;
border-right: 1px solid #CCC;
}
.nav li:first-child {
width: 182px;
}
.nav li a {
display: block;
height: 37px;
color: #333;
font-size: 18px;
text-decoration: none;
}
.nav li a:hover {
color: #ff6010;
}
.nav li.nav_on {
line-height: 34px;
border-top: 3px solid #ff6010;
border-bottom: 0;
background: #fff;
color: #ff6010;
cursor: default;
}
.nav li.nav_on a {
color: #ff6010;
}
.fixed {
position: fixed;
top: 0;
left: 0;
width: 100%;
padding-top: 10px;
}
.fixed .cFix .nav_on {
border-bottom: 1px solid #f0ede9;
}
.nav li.sub_header_bn {
position: relative;
width: 335px;
border-top: none;
border-left: none;
border-right: none;
background: none;
}
.nav li.sub_header_bn a {
position: absolute;
right: 0;
bottom: 8px;
height: 37px;
font-size: 0px;
}
/************************************************************
* ランダム物件 2016_04_全体へ追記
************************************************************/
.randomBukken {
border: 1px solid #CCCCCC;
clear: both;
/*margin: 20px 0;*/
overflow: hidden;
/*padding: 4px;*/
width: 680px;
margin-bottom:20px;
padding: 10px;
}
.afterHosyoBukken_col { padding: 10px;}
.randomBukken .afterHosyoBukken {
position: relative;
line-height: 1.2;
margin-bottom: 0;
padding-left: 17px;
font-size: 14px;
font-weight: 700;
}
.randomBukken .afterHosyoBukken:before {
content: "";
position: absolute;
top: 1px;
left: 0;
display: inline-block;
width: 12px;
height: 12px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_circle.svg) no-repeat;
vertical-align: inherit;
}
div#AF_Random_Item{
margin-bottom: 20px;
margin-right: -32px !important;
width: 680px;
background:#FFFFFF;
/*padding-bottom:30px;*/
}
div#AF_block02 .AF_unitItems {
margin-right: -30px;
width: 720px;
margin-left:10px;
}
div#AF_block02 .item {
background: none repeat scroll 0 0 #FFFFFF;
display: inline;
float: left;
margin: 0 24px 0 0;
padding: 0;
width: 204px;
}
div#AF_block02 .item p { clear: both; margin-top: 5px;}
div#AF_block02 .item h3 {
margin: 0 0 5px 0;
}
div#AF_block02 .item h3 a {
/*font-size: 14px;*/
font-size:14px;
font-weight: normal;
line-height: 1.4em;
}
div#AF_block02 .item .photo {
height: auto;
margin: 0;
text-align: center;
}
div#AF_block02 .item .photo a img {
border: 1px solid #CCCCCC;
margin-bottom: 5px;
padding: 1px;
}
div#AF_block02 .item .photo a:hover img {
border: 1px solid #FF7200;
margin-bottom: 5px;
padding: 1px;
}
div#AF_block02 .item .cat_tit{
background: none repeat scroll 0 0 #CCCCCC;
color: #FFFFFF;
float: left;
font-size: 10px;
font-weight: bold;
margin-right: 5px;
padding: 0px 10px;
}
div#AF_block02 .Item_date img {
margin: 0 0 0 3px;
}
div#AF_block02 .Item_txt {
font-size: 10px;
line-height: 1.4em;
margin: 5px 0;
}
.hontai_kakaku { font-family: Arial; font-size: 18px; font-weight: bold; color: #333; vertical-align: -2px; margin: 0 3px;}
.sogaku_kakaku { font-family: Arial; font-size: 18px; font-weight: bold; color: #cc0000; vertical-align: -2px; margin: 0 3px;}
/************************************************************
* サイドナビ ランダム物件 20130827
************************************************************/
#sidebarcontainer #randomBukken_side { border: 1px solid #CCC; margin-bottom: 15px; padding: 10px 8px 5px 8px;}
#sidebarcontainer #randomBukken_side h3 {
background: url("//www.carsensor.net/contents/img_old/common/images/l.png") no-repeat scroll 0 -159px transparent;
color: #333333;
font-size: 14px;
padding: 0 5px 0 25px;
margin-bottom:10px;
}
.randomBukken_side_List { border-bottom: 1px solid #CCC; padding: 10px; margin-bottom: 10px;}
.randomBukken_side_List_L { float: left; margin-right: 10px; width: 100px;}
.randomBukken_side_List_R { float: left; width: 113px; line-height: 1.6em; }
.randomBukken_side_List_R .cat_tit { font-size: 10px;}
.randomBukken_side_List_R .hontai_kakaku { font-family: Arial; font-size: 15px; font-weight: bold; color: #333; vertical-align: -2px; margin: 0 3px;}
.randomBukken_side_List_R .sogaku_kakaku { font-family: Arial; font-size: 15px; font-weight: bold; color: #cc0000; vertical-align: -2px; margin: 0 3px;}
/************************************************************
*検索条件(特選市)
************************************************************/
#Base_Templete_C .sarch_col { padding: 20px; color: #333; font-size: 12px; font-weight: normal; line-height: 1.6em; background: #f5f4f0; margin-bottom: 20px;}
.FAIR_btn2 { text-align: center; margin: 10px 0;}
.FAIR_btn2 a {
margin: 0 auto;
color: #fff;
background-image: linear-gradient(to bottom,#ff9500 85%,#f38e00 100%);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
color: #fff;
border-radius: 5px;
font-size: 1.6em;
line-height: 1.4em;
padding: 20px 20px;
display: block;
font-weight: bold;
text-align: center;
}
.FAIR_btn2 a:hover {
background-image: linear-gradient(to bottom,#e68600 85%,#d77c00 100%);
}
#Base_Templete_C .sarch_col h4 { margin-top: 15px; margin-bottom: 3px; padding: 0px; font-size: 12px; font-weight: normal; background: none;}
/************************************************************
* ボタン
************************************************************/
.w600_img iframe { margin: 0 auto;}
.FAIR_btn3 { text-align: center;}
.FAIR_btn3 a {
margin: 0 auto;
color: #fff;
background-image: linear-gradient(to bottom,#ff9500 85%,#f38e00 100%);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.2);
color: #fff;
border-radius: 5px;
font-size: 1.6em;
line-height: 1.4em;
padding: 20px 20px;
display: block;
font-weight: bold;
text-align: center;
}
.FAIR_btn3 a i { margin-right: 10px;}
.FAIR_btn3 a:hover {
background-image: linear-gradient(to bottom,#e68600 85%,#d77c00 100%);
}
/************************************************************
/* 5.物件ランダム表示 */
/************************************************************/
/* Slider */
.slider {
margin: 0 0 50px;
}
.slider .top_slider_img {position: relative;}
.slider .top_slider_img img {
width: 95%;
height: auto;
margin-right:20px;
}
.slider .top_slider_img p {
width: 436px;
background: #000 none repeat scroll 0 0;
bottom: 0;
color: #fff;
font-size: 20px;
left: 0;
line-height: 1.8rem;
margin: 0;
opacity: 0.7;
padding: 10px;
position: absolute;
color: #FFF;
}
.slider .top_slider_img p span { font-size: 10px; float: right;}
.single-item {
max-width: 600px;
margin: 0 auto 50px;
}
.slick-prev::before, .slick-next::before {
font-size: 24px;
}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
right: 15px;
z-index: 99;
}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
left: 15px;
z-index: 100;
}
.single-item .slick-prev::before,
.single-item .slick-next::before {
color: #666;
}
.slick-dots {
bottom:-25px;
}
.multiple-item li {
margin: 0 5px;
}
.thumb-item {
max-width: 700px;
margin: 0 auto 5px;
padding: 0 5px;
}
.thumb-item-nav {
max-width: 700px;
margin: 0 auto;
}
.thumb-item-nav li{
margin: 5px;
}
.lazy-item {
width: 400px;
margin: 0 auto 50px;
}
.lazy-item li {
margin: 0 5px;
}
/*
##################################################################
ブランドリニューアル対応
################################################################## */
/*-------------------------------------------------
header
-------------------------------------------------*/
.header {
position: relative;
width: 100%;
height: 84px;
line-height: 1.6;
margin-bottom: 43px;
padding-bottom: 3px;
box-shadow: 0 1px 1px 0 #d9d9d9;
border-bottom: solid 1px #f2f2f2;
background-color: #fff;
font-size: 12px;
box-sizing: border-box;
z-index: 10;
}
.header__contents {
position: relative;
width: 1024px;
margin: 0 auto;
}
.header__contents__logo {
position: absolute;
top: 50px;
}
.header__subContents {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: flex-end;
-ms-flex-pack: end;
justify-content: flex-end;
-webkit-align-items: center;
-ms-flex-align: center;
align-items: center;
width: 980px;
margin: 5px auto 10px;
}
.header__subContents__item {
margin-right: 15px;
}
.header__subContents__item a {
}
.header__subContents__item a:before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
margin-right: 3px;
background: url(/contents/front_pc/img/icon_circlearrow-right.svg) no-repeat;
background-size: 13px 13px;
vertical-align: text-top;
}
.btnFunc--favorite {
line-height: 1;
padding: 9px 12px;
border: 1px solid #dedcd7;
border-radius: 3px;
background-image: linear-gradient(to bottom,#fff 85%,#f6f6f6 100%);
box-shadow: 0 1px 2px 0 rgba(0,0,0,.06);
font-weight: 700;
color: #666;
cursor: pointer;
}
.btnFunc--favorite:hover {
background-image: linear-gradient(to bottom,#f9f8f6 85%,#eee 100%);
}
.header__subContents>.btnFunc--favorite {
width: 130px;
}
.btnFunc--favorite:before {
content: "";
display: inline-block;
width: 13px;
height: 13px;
margin-right: 3px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_favorite.svg) no-repeat;
background-size: 13px 13px;
vertical-align: text-top;
}
.headerMenu {
display: block;
}
.header .headerMenu__list {
display: -webkit-flex;
display: -ms-flexbox;
display: flex;
-webkit-justify-content: center;
-ms-flex-pack: center;
justify-content: center;
width: 988px;
height: 32px;
margin: 0 auto;
}
.header .headerMenu__list a {
position: relative;
display: block;
color: #333;
}
.header .headerMenu__list .is-active a span:before,
.header .headerMenu__list a:hover span:before {
content: '';
position: absolute;
top: 0;
right: 0;
left: 0;
box-sizing: border-box;
border-top: 4px solid #ff6010;
border-left: 4px solid transparent;
border-right: 4px solid transparent;
}
.header .headerMenu__list a span {
position: relative;
display: inline-block;
margin: 0 19px;
padding: 8px 4px;
}
.header .headerMenu__list li:first-child span {
margin-left: 0;
}
.header .headerMenu__list .is-active a span,
.header .headerMenu__list a:hover span {
color: #ff6010;
}
.header .headerMenu__list a:after {
content: '';
position: absolute;
top: 50%;
right: 0;
display: block;
width: 1px;
height: 6px;
margin-top: -3px;
background-color: #ede9e4;
}
.header .sitemap {
position: relative;
z-index: 10;
}
.header .sitemap>p {
position: absolute;
bottom: -29px;
right: 22px;
font-size: 10px;
}
/*-------------------------------------------------
sidebar
-------------------------------------------------*/
.sidebar .clf {
display: flex;
}
.sidebarItem {
position: relative;
width: 245px;
margin-bottom: 20px;
border: 1px solid #d6d4d0;
border-radius: 2px;
background-color: #fff;
box-sizing: border-box;
z-index: 10;
}
.sidebarItem .mB20 {
margin-bottom: 0;
}
.sidebarItem .list_h2_col {
width: 243px;
line-height: initial;
margin: 0 0 10px 0;
padding: 10px;
border-top: 3px solid #d6d4d0;
border-bottom: 1px solid #d6d4d0;
background: inherit;
box-sizing: border-box;
}
.sidebarItem--ranking .list_h2_col {
margin-bottom: 0;
border-bottom: 0;
}
.sidebarItem h2.list_h2_side {
position: relative;
line-height: 1.2;
margin-bottom: 0;
padding-left: 17px;
font-size: 14px;
font-weight: 700;
}
.sidebarItem h2.list_h2_side:before {
content: "";
position: absolute;
top: 1px;
left: 0;
display: inline-block;
width: 12px;
height: 12px;
background: url(https://www.carsensor.net/static/pc/img/common/icon_circle.svg) no-repeat;
vertical-align: inherit;
}
.adspace2 img {
width: 245px;
}
.sidebarItem .adspace2 {
margin: 0 15px 5px;
padding: 5px 0 10px;
border-bottom: 1px dotted #dedcd7;
}
.sidebarItem .adspace2:last-child {
border-bottom: 0;
}
.sidebarItem .adspace2 img {
width: 100%;
vertical-align: bottom;
}