@charset "utf-8";
/*
Theme Name: BizVektor2
Theme URI: http://bizvektor.com
Description: BizVektor（ビズベクトル）テーマは管理画面からの設定のみで高品質なビジネスサイトを構築する事が出来ます。また、テーマ拡張プラグインによって新たに選択出来るデザインを増やす事が出来ます。
Author: Vektor,Inc.
Author URI: http://www.vektor-inc.co.jp/
Version: 0.8
License: GNU General Public License
License URI: license.txt
Tags: white,red,blue,black,green,orange
*/

.sticky {}
.bypostauthor {}

/*
#contentsArea{
	overflow:scroll;
}
*/
/* 文字の大きさ */
div.font_small {
	font-size:100%;
	margin: 1pt;
}

/*----------------------------------------------------
	ヘッダを固定
  ----------------------------------------------------*/
/*
#fixedHeaderOuter {
	position: fixed;
	top: 0;
	left:0;
	background-color:#FFFFFF;
	z-index:500;
	width:100%;
	border: 1px solid #00FF00;
}
#adminHeaderMenu {
	margin:0px;
	background-color:#000;
	position:relative;
	padding:0px 20px;
	display:block;
	overflow:visible;
}
#contentsArea {
	position: absolute !important;
	overflow: auto;
}
#footerSection {
	position: relative;
}
*/
/*----------------------------------------------------
	タイトルなどの設定
  ----------------------------------------------------*/

/* 各見出し画像 */
h3.bgimg {
	background-image: url() ;
	background-repeat: no-repeat;
	line-height: 27px;
	background-position: left center;
	padding-left: 5px;
}

/* タイトルを画像に変更 */
/*
#header .innerBox {
 margin-top: -30px;

}
#header #site-title{ padding-left: 0px; }
#site-description {padding-top: 15px;}
#site-title a img {
	display: block;
	width:600px;
}
#header #headContact	{margin:5px 0px 0px;  width:250px; text-align:left; }
*/
/* 線なしの表 */
#content table.noboder {
	border: 0px;
	margin: 0px;
	padding:0;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	font-size:100%;
	line-height:141.7%;
}
#content table.noboder td {
	border:0;
	padding:0px;
}

/* 特選車検索の時の金額テーブル */
table.search_inner_table {
	border: 0px;
	margin: 0px;
	padding:0;
	text-align: center;
	width: 100%;
	border-collapse: collapse;
	border-spacing:0;
	font-size:100%;
	line-height:141.7%;
}
table.search_inner_table td {
	border:0;
	padding:0px;
}

/* 画像リンクのマウスオーバー時に透明度変更 */
a:hover img {
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/* 画像横並び */
div.thumbnail ul {
	padding:0;
	margin:10px;
	font-size:0;
	text-align: center;
	text-justify: distribute-all-lines;
}

div.thumbnail li{
	display:inline-block;
	margin:0;
	padding:0;
}

div.thumbnail {
	margin-left:10px;
}

div.thumbnail img.size1 {
	width:170px;
}
div.thumbnail img.size2 {
	width:140px;
}
div.thumbnail img.size3 {
	width:140px;
}

/* 背景色を変えたリンク（ボタン風）
-------------------------------------------------------------- */
a.blink {
	color:#ffffff;
	font-size:large;
	font-weight:bold;
	text-align:center;
	display:inline-block;
	text-decoration:none;
	padding:12px 20px 8px 20px;
	border-radius:5px;
	box-shadow:1px 2px 2px rgba(0,0,0,0.3), 0px 1px 0px rgba(255,255,255,0.5) inset, 0px -1px 0px rgba(255,255,255,0.2) inset;
}

a.blink.narrow {
	font-size:medium;
	font-weight:normal;
	padding:2px 6px 2px 5px;
	border-radius:3px;
}

a.blink.blue {
	border:1px solid #225588;
	background:#0033CC;
	background:-moz-linear-gradient(rgba(34,85,136,0.5), rgba(34,85,136,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.5)), to(rgba(34,85,136,1)));
}

a.blink.red {
	border:1px solid #885522;
	background:#CC3300;
	background:-moz-linear-gradient(rgba(204,51,00,0.5), rgba(204,51,00,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(204,51,00,0.5)), to(rgba(204,51,00,1)));
}

a.blink.green {
	border:1px solid #558822;
	background:#00CC33;
	background:-moz-linear-gradient(rgba(00,204,51,0.5), rgba(00,204,51,1));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(00,204,51,0.5)), to(rgba(00,204,51,1)));
}

#content a.blink:hover {
	/*background:-moz-linear-gradient(rgba(34,85,136,0.4), rgba(34,85,136,0.9));
	background:-webkit-gradient(linear, 100% 0%, 100% 100%, from(rgba(34,85,136,0.4)), to(rgba(119,170,221,0.9)));*/
	opacity: 0.7;
	filter:alpha(opacity=70);
}

/*----------------------------------------------------
	車種検索画面(セレクトBOX)の設定
  ----------------------------------------------------*/
.searchSelectBox {
}
#content .searchSelectBox table {
	border:none;
	margin: 0 auto;
	padding:0;
	text-align: center;
	width: 90%;
	border-collapse: collapse;
	border-spacing:0;
	font-size:100%;
	line-height:141.7%;
}
#content .searchSelectBox th {
	border: 0px;
	padding:0px;
	background-color:#ffcc00;
}
#content .searchSelectBox td {
	border: 0px;
	padding:0px;
}
#content .searchSelectBox select {
	width : 80%;
}
#content .searchSelectBox tr{
	border-bottom: solid 2px #ffffff;
}

/*----------------------------------------------------
	車種検索画面の設定
  ----------------------------------------------------*/
#searchContent {
	width:98%;
	margin: 0 auto;
}
/* 車種エリア */
#searchContent .carInfo{
	margin-left: 2%;
	border: 1px solid gray;
	margin-bottom: 10px;
}

#searchContent .carTitleArea {
	margin: 10px 0 0 5px;
	font-size: large;
	font-weight: bolder;
	font-style: oblique;
}
#searchContent .carImageArea {
	position: relative;
}
#searchContent .carImageArea img.tokusenImage {
	position: absolute;
	width: 40%;
	min-width:30px;
	top:-15px;
	left:0px;
}
#searchContent .carImageArea img.carImage {
	top:0px;
	left:0px;
}
#searchContent .carShousai{
	text-align:right;
}
#searchContent .carToiawase{
	text-align:right;
}

.carPrice {
	text-align: right;
}
.carPriceText1 {
	font-size: large;
	font-weight: bolder;
	font-style: oblique;
	color: red;
}
.carPriceText2 {
}

@media screen and (min-width: 321px){
#searchContent .carInfo{
	width: 48%;
	float: left;
	margin-left: 2%;
}

#searchContent .tab_first{
	clear: left;
	margin-left: 0;
}
#searchContent .full_first{
	clear: none;
}

}

@media screen and (min-width: 661px){

#searchContent .carInfo{
	float: left;
	width: 30%;
	margin-left: 4%;
}

#searchContent .tab_first{
	clear: none;
}

#searchContent .full_first{
	clear: left;
	margin-left: 0;
}
}

/*----------------------------------------------------
	車種詳細表示画面の設定
  ----------------------------------------------------*/
.shousaiOutline {
	width: 98%;
}
.shousaiOutline .carInfoArea .carInfoTitle {
	font-size: large;
	font-weight: bolder;
	font-style: oblique;
}
.shousaiOutline .carInfoArea .carInfoImgArea {
	position: relative;
	margin: 0 auto;
}
.carInfoImgArea .carInfoTokusenImg {
	width: 30%;
	position:absolute;
	top:0px;
	left:0px;
}
.carInfoImgArea .carInfoCarImg {
	margin: 0 0 0 20px;
}
.carInfoImgArea .carInfoCarImg img {
	margin: 0 auto;
}

@media screen and (min-width: 661px){
.carInfoImgArea .carInfoCarImg {
	margin-left: 100px;
}
.carInfoImgArea .carInfoCarImg img {
}

}
/*
.shousaiOutline .carInfoBikou {
	clear: both;
	width:100%;
}
.carInfoSetumeiArea .leftArea{
	width: 40%;
	float: left;
}
.carInfoSetumeiArea .rightArea{
	width: 60%;
	float: right;
}
*/
.clear {
	clear:both;
}

.alignRight {
	float:right;
}
/*----------------------------------------------------
		 contactform7の設定
  ----------------------------------------------------*/
/* 全体位置 */
#content .wpcf7	{
	margin-top:20px;
}

/* 入力部調整 */
#content .wpcf7 .p-label {
	width: 450px;/* 元が広すぎなので少し狭くしてみる */
	color: #000;/* ちょっと目立たせる */
	line-height: 1.1;/* ラベルと入力部の空きを詰める */
}

/* 画像入力部幅調整 */
#content .wpcf7 .captcha-507 {/* この数値は各自で異なるので調べてください */
	width: 300px;/* 幅調整 */
}

/* エラーメッセージ調整 */
#content form span.wpcf7-not-valid-tip {
	border:none;/* ボーダーなし */
	background-color:#FFeeee;
	left:0;
	top:0;/* 上マージンを詰める */
	margin-bottom:15px;/* 下マージを空けてどこのパートが間違いかを分かりやすく見せる or 下ボーダーが表示されない不具合を解消させる*/
	color: #900;
}

/* 最後部エラーメッセージ表示調整 */
#content .wpcf7 .wpcf7-response-output {
	margin: 10px 0 0 5px;
	padding: 8px 0;
}

/* 送信できなかった時のエラーメッセージ */
#content form div.wpcf7-validation-errors {
	color: #900;
	background-color: #F2DEDE;
	border: 1px solid #C05C6B;
}

/* 送信完了時のメッセージ */
#content .wpcf7 .wpcf7-mail-sent-ok {
	color: #143825;
	background-color: #9EDEBE;
	border: 1px solid #174617;
	text-align:center;
}

#option-left {
	width:40%;
	text-align:left;
	float:left;
	display:block;
	overflow:visible;
}
#option-right {
	width:60%;
	text-align:left;
	float:right;
	display:block;
	overflow:visible;
}
/*--------------------------------------------------
	スライダー
  --------------------------------------------------*/
.slider {margin: 0 0 10px!important;}

#flexslider-car {
/*  border: 1px solid #FF0000;*/
  margin: 0 auto;
  width: 95%;
}
#flexslider-car ul {
/*  border: 1px solid #00FFFF;*/
  display: block;
  list-style-type: none;
}
#flexslider-car li {
  margin-right: 5px;
}
#flexslider-car li img {
/*  border: 1px solid #00FF00;*/
  cursor: pointer;
}
#flexslider-car li img:hover {
opacity: .5;
}
#flexslider-car .flex-active-slide img {
  border: 1px solid #FF00FF;
cursor: default;
}
#flexslider-car .flex-control-nav {
/*  border: 1px solid #00FF00;*/
  width: 100%;
  position: absolute;
  text-align: center;
  margin-top: -10px;
  margin-left: -1px;
}
#flexslider-car .flex-direction-nav { height:0;}

/*----------------------------------------------------------------
	グラデーション
  ----------------------------------------------------------------*/