@charset "utf-8";

/*==========================================================

     shop_fair　共通レイアウト

==========================================================*/

/* タイトル
--------------------------------*/
.title_layout1 {
  border-top: 3px solid #0B7FBA;
  border-bottom: 1px solid #FFF;
	
  background: -moz-linear-gradient(
 top,
 #ffffff 0%,
 #ebebeb);
  background: -webkit-gradient(
 linear, left top, left bottom,
 from(#ffffff),
 to(#ebebeb));
}
.title_layout1 h2 {
	color: #0190dc;
	font-size: 16px;
	padding: 5px 0 5px 10px;	
}
.sec_layout .main_def {
	padding-bottom:2%;
}
.sub_def .title_layout1 h2 {
	font-size: 14px;
}
.title_layout1 h2.ico_search { background: url(/lib/images/common/ico_shop.png) no-repeat 10px 5px; padding-left: 40px; }

#pickupArea .subTtlArea .subTtl { background: url(/lib/images/shop/index/ico_whats_new.png) no-repeat 10px 10px; }
#shopStockArea .subTtlArea .subTtl { background: url(/lib/images/shop/index/ico_stock_car.png) no-repeat 10px 10px; }
#afterServiceShopArea .subTtlArea .subTtl { background: url(/lib/images/shop/index/ico_after_shop.png) no-repeat 10px 10px; }


.contact-number {
	font-size: 0.7em;
}
.contact-number td span {
	color: #07B0B7;
	font-weight: bold;
}
.car-info li {
	font-size: 0.7em;
}
.shopName {
	background: #EAF1F7;
	border-bottom: 1px solid #CCCCCC;
	padding: 1%;
	font-size: 0.8em;
}

/* 共通スタイル
--------------------------------*/
.main_inner	{
	background-color:#F6F6F6;
}

#shopInfo td span.map a {
	color: #FFFFFF;
	font-size: 10px;
	padding: 3px 13px 3px 25px;
	text-decoration: none;
	display: inline-block;
	width: 58px;
	border-top: 1px solid #9C9C9C;
	border-left: 1px solid #9C9C9C;
	border-bottom: 1px solid #383838;
	border-right: 1px solid #383838;	
	
	background: #737373 url(/lib/images/common/icon_map_point.png) no-repeat 8px center;
	background: url(/lib/images/common/icon_map_point.png) no-repeat 8px center ,
	-moz-linear-gradient(
	 top,
	 #737373 0%,
	 #545454);
	background: url(/lib/images/common/icon_map_point.png) no-repeat 8px center ,
	-webkit-gradient(
	 linear, left top, left bottom,
	 from(#737373),
	 to(#545454));
}

/* -----------------------------
 詳細
--------------------------------*/
.title_layout1	{
	position:relative;
}
.title_layout1 .menuWrap	{
	position:absolute;
	top:0%;
	right:2%;
	width:28%;
}

.title_layout1 .menuWrap .stockCarCount	{
	color:#CB1000;
	font-size:1em;
	float:left;
}
.title_layout1 .stockCarCount span	{
	font-size:1.4em;
	font-weight:bold;
}

.shopInfoArea	{
	padding:3%;
}
.shopInfoArea #shopInfo table	{
	border-top:1px solid #E7E7E7;
	border-left:1px solid #E7E7E7;
}
.shopInfoArea #shopInfo table th,
.shopInfoArea #shopInfo table td	{
	border-right:1px solid #E7E7E7;
	border-bottom:1px solid #E7E7E7;
	padding:3%;
	font-size:0.8em;
}
.shopInfoArea #shopInfo table th	{
	background-color:#FAFAFA;
	width:25%
}
.shopInfoArea #shopInfo table td	{
	width:75%;
	word-break : break-all;
}
.shopInfoArea #shopInfo table td p	{
	word-break : break-all;
}
.shopInfoArea #shopInfo table td .mapLink	{
	vertical-align:middle;
}

#print_area {
	text-align: center;
	margin-top: 30px;
	margin-bottom: 15px;
}
.btn_print a {
	/*
	font-size: 14px;
	color: #ffffff;
	padding: 12px 72px;
	background: #2B71EA;
	background: url(/lib/images/car/detail/icon_print.png) 13px center no-repeat , -moz-linear-gradient(
		top,
		#2B71EA 0%,
		#18428E);
	background: url(/lib/images/car/detail/icon_print.png) 13px center no-repeat , -webkit-gradient(
		linear, left top, left bottom,
		from(#2B71EA),
		to(#18428E));
	border: 1px solid #d4d4d4;
	text-decoration: none;
	*/
}
#map_canvas {
	height: 150px;
	width: 90%;
	margin:10px auto 0;
}
#map_canvas_2 {
	height: 320px;
	width: 90%;
	margin:10px auto 10px;
}

#fairBlogWrap	{
	padding:3%;
}
#fairBlogWrap #fairArea .ttl {
    background: url(/lib/images/shop/fair/bg_ttl_fair.jpg) repeat-x left top;
}
#fairBlogWrap #blogArea .ttl {
    background: url(/lib/images/shop/fair/bg_shop_information.jpg) repeat-x left top;
}
#fairBlogWrap .contentArea	{
	border-left:1px solid #e7e7e7;
	border-right:1px solid #e7e7e7;
}
#fairBlogWrap #fairArea .contentArea	{
	border-bottom:1px solid #e7e7e7;
}

.topicsSliderArea	{
	padding:3%;
	border-bottom:1px solid #e7e7e7;
}
.bx-wrapper .bx-pager	{
	text-align:center;
}
.bx-wrapper .bx-viewport	{
	margin-bottom:1%;
}
.bx-wrapper .bx-pager-item	{
	display:inline-block;
}
.bx-wrapper .bx-pager-item a	{
	display:block;
	width:12px;
	height:12px;
	margin-right:10px;
	
	webkit-border-radius: 120px;
	-moz-border-radius: 120px;
	border-radius: 120px;
	
	background-color:#CFCFCF;
	
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;

}
.bx-wrapper .bx-pager-item a.active	{
	background-color:#2196D9;
}
.bx-wrapper .bx-controls-direction	{
	display:none;
}
#topicsSlider li	{
	border:none!important;
	padding:0!important;
}
#topicsSlider li img	{
	width:100%!important;	
}
#fairContent .blogphoto .photo1 {
	width:99% !important;
}
#fairContent .blogphoto .photo2 {
	float:left;
	width:33% !important;
	height:110px;
	overflow:hidden;
}
#fairContent .blogphoto .photo3 {
	float:left;
	width:33% !important;
	height:110px;
	overflow:hidden;
}
#fairContent .blogphoto .photo4 {
	float:left;
	width:33% !important;
	height:110px;
	overflow:hidden;
}


#blogContent .blogphoto,
#blogContent2 .blogphoto {
	padding-top:10px;
}
#blogContent .blog-entry img,
#blogContent2 .blog-entry img {
	width:100% !important;
}
#blogContent .lay4 div,
#blogContent2 .lay4 div {

}
#blogContent .lay4 .photo1,
#blogContent2 .lay4 .photo1 {
	width:99% !important;
}
#blogContent .lay4 .photo2,
#blogContent2 .lay4 .photo2 {
	overflow:hidden;
	height:140px;
	float:left;
	width:33% !important;
}
#blogContent .lay4 .photo3,
#blogContent2 .lay4 .photo3 {
	overflow:hidden;
	height:140px;
	float:left;
	width:33% !important;
}
#blogContent .lay4 .photo4,
#blogContent2 .lay4 .photo4 {
	overflow:hidden;
	height:140px;
	float:left;
	width:33% !important;
}

#blogContent .lay3 div,
#blogContent2 .lay3 div {
}
#blogContent .lay3 .photo1,
#blogContent2 .lay3 .photo1 {
	width:99% !important;
}
#blogContent .lay3 .photo2,
#blogContent2 .lay3 .photo2 {
	overflow:hidden;
	float:left;
	width:33% !important;
	height:140px;
}
#blogContent .lay3 .photo3,
#blogContent2 .lay3 .photo3 {
	overflow:hidden;
	float:left;
	width:33% !important;
	height:140px;
}

#blogContent .lay2 div,
#blogContent2 .lay2 div {
	overflow:hidden;
	height:190px;
}
#blogContent .lay2 .photo1,
#blogContent2 .lay2 .photo1 {
	float:left;
	width:50% !important;
}
#blogContent .lay2 .photo2,
#blogContent2 .lay2 .photo2 {
	float:left;
	width:50% !important;
}

#fairContent .blog-entry .lay2 .photo1 {
	overflow:hidden !important;
	float:left !important;
	width:50% !important;
}
#fairContent .blog-entry .lay2 .photo2 {
	overflow:hidden !important;
	float:left;
	width:50% !important;
}


#blogContent .lay1 .photo1,
#blogContent2 .lay1 .photo1 {
	width:100% !important;
}


#fairContent .bloglink a {
	font-size: 14px;
	color: #ffffff;
	padding: 8px 0;
	width:60%;
	background: #2B71EA;
	background:-moz-linear-gradient(
		top,
		#2B71EA 0%,
		#18428E);
	background:-webkit-gradient(
		linear, left top, left bottom,
		from(#2B71EA),
		to(#18428E));
	border: 1px solid #d4d4d4;
	text-decoration: none;
	margin:20px auto;
	display:block;
	text-align:center;
}

.blog-entry .bloglink {
	text-align:right;
}
#blogArea .detailLink2 a {
	font-size: 14px;
	color: #ffffff;
	padding: 8px 0;
	width:60%;
	background: #2B71EA;
	background:-moz-linear-gradient(
		top,
		#2B71EA 0%,
		#18428E);
	background:-webkit-gradient(
		linear, left top, left bottom,
		from(#2B71EA),
		to(#18428E));
	border: 1px solid #d4d4d4;
	text-decoration: none;
	margin:20px auto;
	display:block;
	text-align:center;
}
#blogArea .detailLink {
	margin-top:2%;
}
#blogArea .moreLink {
	text-align:right;
}
#blogArea .blogDate {
	text-align:right;
	font-size:0.8em;
	font-weight:bold;
}


/* 右カラム
--------------------------------*/
#shop_navigation .common_style_navi .area_list ul li.active a	{
	color:#FF9900;
}


/* 印刷用CSS
--------------------------*/
.print {
	margin: 10px auto;
	width: 49%;
}
.print div {
	text-align: center;
}
.print div a {
	font-size: 14px;
	color: #ffffff;
	padding: 10px 0;
	margin-bottom: 10px;
	width: 100%;
	background: #2B71EA;
	background: url(/lib/images/car/detail/icon_print.png) 13px center no-repeat , -moz-linear-gradient(
		top,
		#2B71EA 0%,
		#18428E);
	background: url(/lib/images/car/detail/icon_print.png) 13px center no-repeat , -webkit-gradient(
		linear, left top, left bottom,
		from(#2B71EA),
		to(#18428E));
	border: 1px solid #d4d4d4;
	text-decoration: none;
	display: block;
}
.print div:first-child + div a {
	margin-bottom: 0;
	background: -moz-linear-gradient(
		top,
		#BBBBBB 0%,
		#777777);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#BBBBBB),
		to(#777777));
}

.newsNull #blogArea	{
	display:none;
}
.btn_shop_top{
	width:223px;
	margin:0 auto;
}

div.blog-entry {
    word-break:break-all !important;
}