/*
Theme Name: cars_crescent
Description: cars_crescent
Theme URI: cars_crescent
Author: cars_crescent
Author URI: cars_crescent
Version: バージョン
License: ライセンス
License URI: ライセンスの URL
*/

/* リセット
---------------------------------------------*/

h1, h2, h3, h4, h5, h6, h7, p, address, div, ul, ol, li, dl, dt, dd, table, th, td, caption, img, form{
	margin:0;
	padding:0;
	border: none;
	list-style-type: none;
	font-style: normal;
	font-weight: normal;
	}
	
h1, h2, h3, h4, h5, h6, h7{font-size: 12px;}

img{
	border: 0;
	vertical-align: top;
	}

html {
    -webkit-text-size-adjust: none; /* iPhone */
	}


/* 共通のクラス
---------------------------------------------*/

.fll {
	float: left;
	display:block;
	}

.flr {
	float: right;
	display:block;
	}

.cl{clear: both;}

.tac{text-align: center;}

.tar{text-align: right;}

.tal{text-align: left;}

.center{margin: 0 auto;}
	
.inline{display: inline;}

.block{display:block;}

.vam{vertical-align:middle;}

.vat{vertical-align:top;}

.vab{vertical-align:text-bottom;}
	
/* position */

.z100{
	position: relative;
	z-index: 100;
	}
	
/* リンク */
	
a {
	outline: none;
	color: #288bbf;
	text-decoration: underline;
	}
	
a:hover{
	outline: none;
	color: #288bbf;
	text-decoration: none;
	}

/*　p　*/	
	
p{
 	text-justify: distribute;
	}
	

/* テキストの共通クラス指定 */

.bold {font-weight: bold;}
.normal {font-weight: normal;}

.f9{font-size: 9px;}
.f10{font-size: 10px;}	
.f12{font-size: 12px;}	
.f14{font-size: 14px;}
.f16{font-size: 16px;}
.f18{font-size: 18px;}
.f20{font-size: 20px;}
.f0{font-size: 0px;}	
	
	
/* line height */



/* indent */

.idt1 li{
	text-indent:-1em;
	padding-left:1em;
	}
	

/* margin */

.mb3{margin-bottom: 3px;}
.mb5{margin-bottom: 5px;}
.mb10{margin-bottom: 10px;}
.mb15{margin-bottom: 15px;}
.mb20{margin-bottom: 20px;}
.mb25{margin-bottom: 25px;}
.mb30{margin-bottom: 30px;}
.mb35{margin-bottom: 35px;}
.mb40{margin-bottom: 40px;}
.mb45{margin-bottom: 45px;}
.mb50{margin-bottom: 50px;}
.mb60{margin-bottom: 60px;}
.mb70{margin-bottom: 70px;}

.mr10{margin-right: 10px;}
.mr15{margin-right: 15px;}
.mr20{margin-right: 20px;}
.mr25{margin-right: 25px;}
.mr30{margin-right: 30px;}

.ml5{margin-left: 5px;}



/* clearfix
---------------------------------------------*/

.clearfix:after {
	content: ".";  /* 新しい要素を作る */
	display: block;  /* ブロックレベル要素に */
	clear: both;
	height: 0;
	visibility: hidden;
	}
	
.clearfix {min-height: 1px;}
	
* html .clearfix {
	height: 1px;/*\*//*/
  height: auto;
  overflow: hidden;
  /**/
	}
	
	
	
/*　全体の指定	
---------------------------------------------*/

body{
	margin: 0 ;
	padding: 0;
	font-size: 12px;
	color: #000000;
	letter-spacing: 0.05em;
	background: url(img/common/bg_img.jpg) repeat;
	font-family: "メイリオ", Meirio, Verdana,Arial,Helvetica,sans-serif;
	line-height: 1.8;
	text-align: justify;
    text-justify: newspaper;
	}
	
	
/* header
---------------------------------------------*/

#headerwrap{
	background: url(img/common/bd_head.png) repeat-x;
	height: 187px;
	z-index: 2;
	position: relative;
	}
	
#header{
	width: 1050px;
	margin: 0 auto;
	position: relative;
	}
	
#logo{
	position: absolute;
	top: 18px;
	left: 20px;
	}
	
#hcopy{
	position: absolute;
	top: 50px;
	left: 260px;
	font-size: 10px;
	color: #696969;
	}
	
#hnav{
	position: absolute;
	top: 65px;
	right: 20px;
	}
	
#hnav li{
	float: left;
	margin: 0 0 0 25px;
	}
	
#nav{
	position: absolute;
	top: 120px;
	left: 20px;
	width: 1010px;
	}
	
#nav li{
	float: left;
	}
	
	
/* content
---------------------------------------------*/	

#content{
	background: #fff;
	width: 1050px;
	margin: -6px auto 0;
	position: relative;
	}
	
#pagetop{
	position: absolute;
	bottom: 15px;
	right: 20px;
	}
	
#maininner{
	padding: 16px;
	}
	

/* main */	
	
#main{
	width: 780px;
	float: right;
	}
	
	
/* side */	
	
#side{
	width: 210px;
	float: left;
	}
	
.sidebox01{
	width: 186px;
	border-right: 2px solid #000;
	border-left: 2px solid #000;
	border-bottom: 2px solid #000;
	padding: 10px;
	}
	
.sidebox02{
	background: #111111;
	color: #fff;
	padding: 12px 15px;
	}
	
	
/* footer
---------------------------------------------*/

#footer{
	background: #000;
	color: #a9a9a9;
	height: 80px;
	padding: 20px 0 0;
	text-align: center;
	}
	
	
/* 共通
---------------------------------------------*/		
	
/* inner */

.inner01{
	padding: 0 20px 100px;
	}
	
.inner02{
	padding: 16px 20px 100px;
	}
	
	
/* title */
	
.title01{
	border-left: 10px solid #3a56c2;
	font-weight: bold;
	font-size: 14px;
	padding: 0 0 0 10px;
	}
	
.title02{
	color: #f6911d;
	font-size: 16px;
	font-weight: bold;
	}
	

/* width box */
	
.w_box01{
	width: 400px;
	}
	
.w_box02{
	width: 435px;
	}
	
	
/* text */
	
.c_orange01{
	color: #f6911d;
	}
	
.c_red01{
	color: #de0000;
	}
	
.c_gray01{
	color: #9a9a9a;
	}
	
.c_imp01{
	color: #de0000;
	font-weight: bold;
	}
	

	
/* icon */

.arr01{
	background: url(img/common/img_arr02.gif) no-repeat 0 5px;
	padding: 0 0 0 13px;
	float: right;
	}
	
	
/* index
---------------------------------------------*/	
		
.picbox01{
	margin: 0 -15px 0 0;
	}

.piclist li{
	float:left;
	width:250px;
	margin: 0 15px 10px 0;
}

/*	
.car_dtl{
	text-indent:-1em;
	padding-left:1em;
	}*/
	
.car_pic{
	margin: 0 0 5px;
	}
	
.car_name{
	color: #7f7c78;
	font-weight: bold;
	}	
	
.newsbox dt{
	float: left;
	}
	
.newsdt{
	margin: 0 20px 0 0;
	color: #7f7b77;
	}


/* repair
---------------------------------------------*/	

.repbox01 p{
	float: left;
	}
	
.repbox_arr{
	margin: 87px 20px 0;
	}
	
.repbox_dtl01{
	float: right;
	width: 200px;
	}
	
.repbox_dtl02{
	float: right;
	width: 510px;
	}
	

/* faq
---------------------------------------------*/		
	
.icon_p{
	background: url(img/faq/icon_q.gif) no-repeat 0 0;
	font-size: 14px;
	padding: 0 0 0 35px;
	margin: 0 0 10px 0;
	}
	
.icon_a{
	background: url(img/faq/icon_a.gif) no-repeat 0 0;
	padding: 3px 0 1px 35px;
	}
	

/* law
---------------------------------------------*/		
	
.tbl01{
	width: 779px;
	border-top: 1px solid #696969;
	border-right: 1px solid #696969;
	}
	
.tbl01_th{
	width: 150px;
	padding: 13px 10px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #696969;
	background: #f3efeb;
	}
	
.tbl01_td{
	padding: 13px 20px 13px 20px;
	text-align: left;
	vertical-align: middle;
	border-bottom: 1px solid #696969;
	border-left: 1px solid #696969;
	}
	
	
/* info
---------------------------------------------*/	
	
.txtbox01{
	border: 1px solid #9a9a9a;
	height: 100px;
	width: 500px;
	}
	
.txtbox02{
	border: 1px solid #9a9a9a;
	}
	
.txtbox03{
	border: 1px solid #9a9a9a;
	width:10em;
	}
	
.txtbox04{
	border: 1px solid #9a9a9a;
	width:200px;
	}
	
.txtbox05{
	border: 1px solid #9a9a9a;
	width:500px;
	}
	
.txtbox01,
.txtbox02,
.txtbox03,
.txtbox04,
.txtbox05{
	padding: 2px 5px;
	}
	
.sendbtn{
	background: url(img/info/btn_reset.gif) no-repeat;
	width: 186px;
	height: 36px;
	}
	
.formttl01{
	color: #696969;
	font-weight: bold;
	}

.msg{
	color:#dd0000;
	}

/*セール*/
.sale_box{
	margin:10px;
	overflow:hidden;
}

.sale_table{
	margin:0px 0px 0px 10px;
}

.sale_td1{
	background:#cccccc;
	padding:3px;
	width:94px;
	font-size:12px;
}

.sale_td2{
	background:white;
	padding:3px;
	width:54px;
}

.sale_title_box{
	clear:both;
	overflow:hidden;
	margin:10px 0px;
}

.sale_title{
	background:url(sp_img/wp_icon.jpg) top left no-repeat;
	padding:0px 0px 0px 30px;
	font-weight:bold;
	font-size:16px;
	float:left;
}

.sale_price{
    color: #ff0000;
    float: left;
    font-size: 16px;
    font-weight: bold;
}

.sale_info{
	margin:20px 10px 30px 10px;
}


/*実績*/

.result_list{
	   margin: 0 0 20px 10px;
    overflow: hidden;
}

.result_title{
    background: rgba(0, 0, 0, 0) url("sp_img/wp_icon.jpg") no-repeat scroll left top;
    margin: 0 0 5px;
}

.result_photo{
    float: left;
    margin: 0;
    overflow: hidden;
    padding-right: 15px;
}

.result_p{
	margin:5px;
}

.result_jirei{
	background:#408080;
	padding:5px;
	text-align:center;
	color:white;
	font-weight:bold;
	width:300px;
	margin:10px 0px 10px 0px;
}

.archive_link{
	clear:both;
	margin:10px 0px 0px 10px;
	background:url(sp_img/opendir02.gif) top left no-repeat;
	padding:0px 0px 0px 25px;
}

.news_box{
	width: 290px;
	margin:0px 0px 10px 10px;
	overflow:hidden;

}

.news_date{
	padding: 2px;
	background:#e5e5e5;
}

.news_title{
	padding:2px 5px 2px 5px;
}


/*売買システム*/
.system_p{
	margin:10px;
}

/*Q&A*/
.qa_box{
	overflow:hidden;
	margin:0px 0px 20px 10px;
}

.qa_q{
	background:url(sp_img/qa_1.jpg) top left no-repeat;
	padding:0px 0px 0px 30px;
	font-weight:bold;
	width:260px;
}

.qa_a{
	background:url(sp_img/qa_2.jpg) top left no-repeat;
	padding:0px 0px 0px 30px;
	width:260px;
}
