@charset "UTF-8";
/* CSS Document */

/*===============================================
 レスポンシブ スマホサイズ 横幅 740px以下
===============================================*/
@media screen and (max-width: 740px) {

article {
}
#main_area {
	position:relative;
	padding:0px;
	overflow: hidden;
	width: 100%;
	/* 表示画像の高さ ÷ 表示画像の幅 × 100 
	height:42.75%;
	min-width:320px;
	min-height:200px;*/
}
#main_area #main_visual {
	display:none;
	width: 100%;
	margin-left: -50%;
	position: absolute;
	left: 50%;
}
#main_area:before {
	content:"";
	position:absolute;
	width:100%;
	height:10px;
	background:url(../img/home/shadow_main_top.png) top repeat-x;
	top:0px;
}
#main_area:after {
	content:"";
	position:absolute;
	width:100%;
	height:10px;
	background:url(../img/home/shadow_main_bottom.png) top repeat-x;
	bottom:0px;
}

/* bxslider */
#sp_main_area {
	width:100%;
}
#sp_main_area #spSlider {
}
#sp_main_area ul#spSlider  {
}
#sp_main_area ul#spSlider li {
	display:block;
	overflow:hidden;
	width:100%;
}
#sp_main_area ul#spSlider li a {
}
#sp_main_area ul#spSlider li a img {
	width:100%;
	height:auto;
}
#sp_main_area ul#spSlider li iframe {
	width:100%;
}


#bxslider {
  margin: 0px;
  padding: 0px;
}
 #bxslider .slide {
	width:100%;
	text-align:center;
	margin:0px;
	padding:0px;
}
#bxslider .slide img {
	width:100%;
	height:auto;
}
#bxslider .slide img.corner_circle {
	border-radius: 0px;        /* CSS3草案 */  
  -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 0px;   /* Firefox用 */
	
	box-shadow: 0px 0px 0px 0px #004682;
	-webkit-box-shadow: 0px 0px 0px 0px #004682;
	-moz-box-shadow: 0px 0px 0px 0px #004682;
	-o-box-shadow: 0px 0px 0px 0px #004682;
	behavior:url(../js/PIE.htc);
}
.slide {
	transition: all .3s;
	opacity: 1;
}
.slide.active {
	opacity: 1;
}

#main_visual {
}
#main_visual .bx-wrapper {
}

#main_visual .bx-controls {
}
#main_visual .bx-pager {
	text-align: center;
}
#main_visual .bx-pager-item {
	display: none;
}
#main_visual .bx-pager-item a {
	background: #FFF;
	text-indent: -9999px;
	width: 10px;
	height: 10px;
	margin: 0px 0px 0px 0px;
	display: block;
	border-radius: 10px;
}
#main_visual .bx-pager-item a.active {
	background: #005EAE;
}

#main_visual .bx-controls-direction {
	position:absolute;
	width:100%;
	left:50%;
	margin-left:-50%;
}
#main_visual .bx-controls-direction a {
	display: block;
	position:absolute;
}
#main_visual .bx-prev,
#main_visual .bx-next {
}
#main_visual .bx-prev:hover,
#main_visual .bx-next:hover {
}
#main_visual .bx-prev:after,
#main_visual .bx-next:after {
}
#main_visual .bx-next:after {
	margin:-4px 0px 0px -6px;
	border-top: 3px solid #FFFFFF;
	border-right: 3px solid #FFFFFF;
}
#main_visual .bx-prev:after {
	margin:-4px 0px 0px -4px;
	border-left: 3px solid #FFFFFF;
	border-bottom: 3px solid #FFFFFF;
}
#main_visual .bx-prev {
	left: 0px;
}
#main_visual .bx-next {
	right: 0px;
}




/* info_area */
#info_area {
	position:relative;
	background:url(../img/home/bg_bn_area.png);
	padding:0px 0px 0px 0px;
}
#info_area:after {
	content:"";
	position:absolute;
	width:100%;
	height:10px;
	background:url(../img/home/shadow_bn_bottom.png) top repeat-x;
	bottom:-10px;
}
#info_area #info_ticker {
	width:100%;
	height:34px;
	margin:0px auto 10px;
	overflow:hidden;
	border-bottom:#FFF 2px solid;
}
#info_area #info_ticker h2 {
	display:block;
	background:#FFF;
	font-size:10px;
	color:#005EAE;
	width:15%;
	height:34px;
	line-height:36px;
	text-align:center;
	float:left;
}

#ticker {
	position:relative;
	overflow: hidden;
	float:right;
	color:#FFF;
	width: 85%;
}
#ticker ul {
	position:relative;
	line-height:34px;
	margin:0px 2px;
}
#ticker ul li {
	line-height:34px;
	display: none;
	overflow:hidden;
	font-size:10px;
	margin:0px 5px 0px 5px;
}
#ticker ul li em {
	display:none;
	float:left;
	font-size:10px;
	line-height:34px;
	font-weight:bold;
	margin:0px 5px 0px 5px;
}
#ticker ul li a {
	color:#FFFFFF;
}


#bn_unit {
	width:100%;
	margin:0px auto 0px;
}
#bn_unit ul {
	display:block;
	overflow:hidden;
}
#bn_unit ul li {
	text-align:center;
	margin:0px 0px 0px 0px;
}
#bn_unit ul li:nth-child(1),
#bn_unit ul li:nth-child(2) {
	float:left;
	width:46%;
	margin:0px 2% 10px;
}
#bn_unit ul li:nth-child(3) {
	width:96%;
	margin:0px auto 20px;
}
#bn_unit ul li img {
	width:100%;
	height:auto;
}

#bn_unit dl {
	display:block;
	float:right;
	background:#0090D4;
	width:300px;
	padding-bottom:2px;
	overflow:hidden;
}
#bn_unit dl dt {
	display:block;
	background:#133E77;
	color:#FFF;
	line-height:30px;
	font-size:14px;
	font-weight:bold;
	text-indent:20px;
	margin-bottom:10px;
}
#bn_unit dl dd {
	display:block;
	text-align:center;
	margin:0px auto 7px;
}

/* cont_area */
#cont_area {
	width: 96%;
	margin:0px auto 0px;
	padding:10px 0px 10px 0px;
}
#cont_area h2 {
	display:block;
	position:relative;
	font-family: 'keifontregular';
	text-align:center;
	color:#FAE52F;
	font-size:20px;
	margin:0px 0px 24px 0px;
	height:68px;
	line-height:68px;
	background:#005EAA;
	
	border-radius: 10px;        /* CSS3草案 */  
  -webkit-border-radius: 10px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 10px;   /* Firefox用 */
}
#cont_area h2:after {
	display:block;
	position:absolute;
	content:"";
	width:0px;
	height:0px;
	border-top:15px solid #005EAA;
	border-right: 20px solid transparent;
	border-bottom: 15px solid transparent;
	border-left: 20px solid transparent;
	bottom:-30px;
	left:50%;
	margin-left:-20px;
}


#cont_area ul {
	width:96%;
	margin:0px auto;
}
#cont_area ul li {
	display:block;
	overflow:hidden;
	background:#FFF;
	margin:10px 0px 0px 0px;
}
#cont_area ul li:first-child {
	margin:0px 0px 0px 0px;
}
#cont_area ul li h3 {
	display:block;
	line-height:50px;
	text-align:center;
	font-size:20px;
	color:#FFF;
	padding:5px 0px 0px 0px;
}
#cont_area ul li.buy h3 {
	color:#333;
	background:url(../img/home/title02_buy.png) repeat-x center bottom;
	background-size:auto 60px;
}
#cont_area ul li.sale h3 {
	background:url(../img/home/title02_sale.png) repeat-x center bottom;
	background-size:auto 60px;
}
#cont_area ul li.service h3 {
	background:url(../img/home/title02_service.png) repeat-x center bottom;
	background-size:auto 60px;
}


#cont_area ul li p {
	font-size:12px;
	line-height:1.75em;
	margin:10px 30px 5px;
}
#cont_area ul li .btn a {
	display:block;
	width:90%;
	height:40px;
	line-height:40px;
	margin:0px auto 20px;
}

/* used_area */
#used_area {
	position:relative;
	width:100%;
	margin:0px auto 0px;
	padding:0px;
	background:#FFF;
	overflow:hidden;
}
#used_area h2 {
	margin:0px 0px 0px 0px;
	padding:0px;
	line-height:65px;
	height:65px;
}
#used_area h2.used_title {
	position:relative;
	color:#FFFFFF;
	font-size:18px;
	text-align:center;
	text-indent:0px;
	text-shadow:0px 1px 2px rgba(0,0,0,0.5);
	-moz-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);　/* Firefox用 */  
   -webkit-box-shadow: 0px 1px 2px rgba(0,0,0,0.5);　/* Safari,Google Chrome用 */
}
#used_area h2.yellow {
	background:url(../img/home/title03_bg2.png) repeat-x;
}
#used_area h2.blue {
	background:url(../img/home/title03_bg.png) repeat-x;
}
#used_area h2.used_title:after {
}
#used_area h2.yellow:after {
	background:#F7931E;
}
#used_area h2.blue:after {
	background:#133E77;
}

#used_area h2 img {
	vertical-align:top;
}
#used_area .date {
	display:block;
	position:absolute;
	font-size:10px;
	color:#FFF;
	text-align:right;
	line-height:20px;
	margin:0px;
	top:45px;
	right:0px;
	padding:0px 5px 0px 0px;
}


#used_area ul {
	padding:0px 0px 0px;
	overflow:hidden;
}
#used_area ul.orange {
	position:relative;
	border-bottom:#F7931E 5px solid;
}
#used_area ul.blue {
	border-bottom:#095EAA 5px solid;
}

#used_area ul li {
	display:block;
	float:left;
	width:100%;
}
#used_area ul li:nth-child(even) {
	background:#F2F2F2;
}
#used_area ul li.new {
	position:relative;
}
#used_area ul li.new:after {
	display:block;
	position:absolute;
	content:'NEW';
	width:40px;
	height:40px;
	line-height:40px;
	font-size:11px;
	color:#FFFFFF;
	background: -moz-linear-gradient(top,#F05251 0%,#DB4B4A);
	background: -webkit-gradient(linear, left top, left bottom, from(#F05251), to(#DB4B4A));
	text-align:center;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
	top:5px;
	left:0px;
	
	border-radius: 20px;        /* CSS3草案 */  
  -webkit-border-radius: 20px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 20px;   /* Firefox用 */
	-webkit-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-moz-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	-o-box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	box-shadow: 0px 0px 3px 0px rgba(0, 0, 0, 0.25);
	behavior:url(../js/PIE.htc);
}

#used_area ul li .pho {
	float:left;
	margin:10px;
	width:120px;
	height:90px;
	overflow:hidden;
}
#used_area ul li h3 {
	color:#E66414;
	font-size:14px;
	margin:12px 10px 0px;
	line-height:1.3em;
}
#used_area ul li .price {
	display:block;
	font-size:14px;
	color:#808080;
	margin:0px 15px 0px;
	text-align:right;
	line-height:1em;
}
#used_area ul li .price em {
	font-size:22px;
	color:#333;
	margin:0px 5px;
}
#used_area ul li .btn {
	font-size:12px;
	text-align:center;
	float:right;
}
#used_area ul li .btn a {
	display:block;
	line-height:24px;
	padding:0 20px;
	margin:10px 10px 0px;
}

#used_area #carsensor {
	position:relative;
	text-align:center;
	background:#ECE9E7;
	padding:14px 10px;
}
#used_area #carsensor a {
	display:block;
	padding:6px 5px 4px;
	margin:0px auto;
	line-height:20px;
	font-size:14px;
	background:#FB4809;
	border-radius:10px;
	
	color:#FFFFFF;
	text-shadow: 0 -1px 0px rgba(0, 0, 0, 0.4), 0 1px 0px rgba(255, 255, 255, 0.5);
	box-shadow: inset 0 -1px 1px rgba(0, 0, 0, 0.9), inset 0 1px 0 rgba(255, 255, 255, 0.4);
	behavior:url(js/PIE.htc);
}
#used_area #carsensor a em {
	font-weight:bold;
}
#used_area #carsensor a:hover {
	background:#CD3703;
}
#used_area .b_orange:after {
	display:block;
	position:absolute;
	content:"";
	width:0px;
	height:0px;
	border: 10px solid transparent;
	border-top:10px solid #F7931E;
	top:0px;
	left:50%;
}
#used_area .b_blue:after {
	display:block;
	position:absolute;
	content:"";
	width:0px;
	height:0px;
	border: 10px solid transparent;
	border-top:10px solid #095EAA;
	top:0px;
	left:50%;
}


/* add_area */
#add_area {
	position:relative;
	width:100%;
	margin:0px auto 20px;
	padding:0px;
	text-align:center;
}
#add_area address {
	font-style:normal;
	margin:0px 0px 0px 0px;
}
#add_area address h2 {
	font-size:24px;
	font-weight:normal;
	margin:5px 0px 0px 0px;
}
#add_area address .unit {
	font-size:14px;
	background:url(../img/home/line.png) no-repeat center bottom;
	padding-bottom:10px;
	margin:0px 0px 15px 0px;
}
#add_area address .unit .add {
	display:block;
}
#add_area address .unit .tel {
	display:block;
	margin:10px 0px 0px 0px;
}
#add_area address .unit .tel em {
	font-size:24px;
	margin:0px 0px 0px 0px;
}
#add_area address .unit .time {
	display:block;
}
#add_area address ul {
	overflow:hidden;
	box-sizing:border-box;
	width:90%;
	margin:0px auto;
}
#add_area address ul li {
	display:block;
	max-width:260px;
	margin:0px auto 10px;
}
#add_area address ul li a {
	display:block;
	font-size:16px;
	width:100%;
	line-height:40px;
	text-align:center;
	background:#F0EBD7;
	border:#B3B3B3 1px solid;
	
	border-radius: 8px;        /* CSS3草案 */  
  -webkit-border-radius: 8px;    /* Safari,Google Chrome用 */  
  -moz-border-radius: 8px;   /* Firefox用 */
}
#add_area address ul li a:hover {
	background:#FC0;
}
#add_area address .btn {
	line-height:50px;
	width:100%;
	margin:0px auto 10px;
}
#add_area address .btn a {
	display:block;
	line-height:50px;
	width:90%;
	margin:0px auto;
}
#add_area address .youtube {
	width:90%;
	background:#FFF;
	margin:0px auto 20px;
	line-height:50px;
	text-align:center;
}
#add_area address .youtube a {
	font-size:14px;
}
#add_area address .youtube:hover {
	cursor:pointer;
	background:#F2F2F2;
}
#add_area address .youtube img {
	vertical-align:top;
	margin:0px 10px;
}
#add_area .fb {
	box-sizing:border-box;
	width:90%;
	margin:0px auto 20px;
	height:auto;
	padding:5px;
	background:#FFF;
}

#add_area .map {
	float:right;
	width:90%;
	height:auto;
	padding:5px;
	background:#FFF;
}

}