@charset "utf-8";
@import "common.css"; 

/* -------------------------------------------------------------------------------------- body & wrap */

body{
	color: #333;
	font-size:100%;
	font-family: "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;	line-height:24px;
	background:url(../images/haisha/head_bg.gif) repeat-x top;
}


#wraper{
	height:480px;
}
	
		

hr{
	border: #F93 dotted 1px;
}

a{
	color: #2f8fea;
	border:none;
}

a:hover{color: #F60;}

strong{
	font-size:130%;
	color:#F60;
}



/* -----------------------------------------
 header
----------------------------------------- */

header{
	height:350px;
}

.head{
	margin:0 auto;
	width: 940px;
	height:120px;
	}
	
.head h1{
	color:#FFF;
	font-size:80%;
	padding:10px 0;
}


/* -----------------------------------------
 nav
----------------------------------------- */

nav {
	height:58px;
	margin:0px;
	padding:0px;
	font-size:0;
	line-height:0;
}

nav ul {
	margin:0 auto;
	width: 940px;
}


nav li{
	float:left;
	padding:0;
}


/* -----------------------------------------
 mainimage
----------------------------------------- */

.mainimage {
	margin:0 auto;
	width: 940px;
	font-size:0;
	line-height:0;
}

.pagetitle{
	height:155px;
}

/* -----------------------------------------
content
----------------------------------------- */

#content {
	margin:0 auto 20px auto;
	width: 940px;
/*	background-color:#FFF;
*/	padding-top:20px;
}

#main{
	float:left;
	width:690px;
}

#main h3{
	font-size:140%;
	padding:10px 15px;
	margin:0 0 20px 0;
	background: #b74100;
	color:#FFF;
}


#main h4{
	font-size:170%;
	letter-spacing:1px;
	padding:5px 0;
	font-weight:bold;
	color:#d32f07;
}


section{
	margin:0 0 60px 0;
}

.pagetop{
	width:960px;
	margin:0 auto 10px auto;
	position:relative;
	text-align:right;
}

/* -----------------------------------------
content
----------------------------------------- */

#sidebar{
	float:right;
	width:220px;
	line-height:16px !important;
}


.widget{
	height:480px;
	background:url(../images/common/side_bg.gif) no-repeat top;
	padding:50px 10px 10px 13px;
}


.widget address{
	font-size:10px;
	color:#966;
}


#sidebar .link li{
	margin-top:5px;
}
#sidebar li a{
	text-decoration:none;
}

#sidebar li a:hover{
	color:#C30;
}

/* -----------------------------------------
 footer
----------------------------------------- */
footer{
	background-color:#883304;
	height:150px;
	color:#FFF;
}
	

#foot{
	margin:0 auto;
	width: 940px;
	padding:10px 0;
}


#foot section div{
	float:left;
	width:400px;
	padding:10px 0;
	margin:0 0 -60px 0;
}

#foot h1{
	font-size:110%;
	font-weight:bold;
}

#foot address{
	margin-top:5px;
}


#foot ul{
	float:right;
	padding:20px 0;
	width:400px;
}


#foot ul li{
	float:right;
}




#foot a{
	color: #ff833f;
	/font-family:Verdana,Arial,Helvetica,"Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3",sans-serif;
	text-decoration: none;
	}
#foot a:hover{
	color: #FC0;
	text-decoration: underline;
	}

.copy{
	text-align:center;
	font-size:10px;
	color:#FFF;
	background-color: #642400;
}
	
		
/* -----------------------------------------
 text
----------------------------------------- */
.org{	color: #ff4f02; }
.right{ text-align: right; }


/* -----------------------------------------
 table
----------------------------------------- */

table.list {
	width: 100%;
	border-top: 1px solid #CCC;
	border-left: 1px solid #CCC;
	border-spacing:0px;
}
table.list tr th,table.list tr td {
	border-bottom: 1px solid #CCC;
	border-right: 1px solid #CCC;
	padding: 7px;
}
table.list tr th {
	background: #ff9000;
	text-align:center;
	color:#FFF;
}



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

/* -----------------------------------------
 indexページ
----------------------------------------- */

/* point */
#content .pointbox{
	margin:0 0 40px 0;
}

#content .pointbox .forte1 {
	background:url(../images/point1.gif) no-repeat;
	width:305px;
	height:105px;
	float:left;
	padding:65px 20px 10px 20px;
}

#content .pointbox .forte2{
	background:url(../images/point2.gif) no-repeat;
	width:305px;
	height:105px;
	float:left;
	padding:65px 20px 10px 20px;
}

#content .pointbox .forte3{
	background:url(../images/point3.gif) no-repeat;
	width:190px;
	height:109px;
	float:left;
	padding:65px 20px 10px 20px;
}

#content .pointbox .forte4{
	background:url(../images/point4.gif) no-repeat;
	width:190px;
	height:109px;
	float:left;
	padding:65px 20px 10px 20px;
}

#content .pointbox .forte5{
	background:url(../images/point5.gif) no-repeat;
	width:190px;
	height:109px;
	float:left;
	padding:65px 20px 10px 20px;
}




#content .haishalist{
	overflow:hidden;
	margin-bottom:50px;
}

.haishalist img{ 
	max-width:190px;
	height: auto;
}

#content .haishalist li{
	float:left;
	width:28%;
	margin:5px;
	padding:10px;
	border:1px #CCC solid;
	height:220px;
}
#content .haishalist h1 {
	font-weight:bold !important;
}

#content .haishalist a {
	text-decoration:none !important;
	color:#000;
}

#content .haishalist li p{
	font-size:14px;
	margin:0px !important;
	padding:0px !important;
}




/*新着情報 */

.feed {
     width: 680px;
     line-height: 2em;
}

.feed dl{
}

.feed dt{
     width: 130px;
     padding:2px;
	 float:left;
	 display:block;
	 font-weight:bold;
	 color:#F63;
     border-bottom:1px dotted #999999;
}
.feed dd{
     width:540px;
     padding:2px;
	 float:left;
     border-bottom:1px dotted #999999;
}




/*コンテンツ*/
.contents h4{
	border-bottom: #F60 1px dotted;
	margin:0 0 10px 0
}

.contents img{
	border:8px #FFF solid;
	-moz-box-shadow: 1px 1px 3px #999;
	-webkit-box-shadow: 1px 1px 3px #999;
	box-shadow: 1px 1px 3px #999;
}


.contentBox{
	background:url(../images/common/contentBox_bg.gif);
	padding:20px;
}

.contentBox2{
	background:url(../images/common/contentBox_bg2.gif);
	padding:20px;
	margin:10px 0;
}

.contentBox2 h4{
	color: #36C;
	font-weight:normal;
	font-size:120%;
	margin:20px 0 5px 0;
}


.contentBox2 h5{
	color: #069;
	font-weight: bold;
	font-size:125%;
	margin:20px 0 5px 0;
	padding:0 0 5px 50px;
	background:url(../images/common/point.gif) no-repeat left top;
}




/*実績*/

.workList li {
	border-bottom:#999 1px dotted;
	padding:8px 0;
}

.workList li .date {
	 color:#F63;
}




/*車検の流れ*/

.flow dt {
	font-weight:bold;
	font-size:120%;
	color:#963;
	margin:18px 0 7px 0;
	padding:0 0 2px 0;
}
.flow dd {
	padding:0 0 10px 30px;
	border-bottom:#633 dotted 1px;
}



/*よくある質問*/

.qa dt {
	font-weight:bold;
	font-size:120%;
	color:#963;
	margin:30px 0 7px 0;
	padding:0 0 2px 30px;
	background:url(../images/paint/q.gif) no-repeat left top;
}
.qa dd {
	padding:0 0 0 30px;
	background:url(../images/paint/a.gif) no-repeat left top;
}



/*ブログサイドバー */
.blogBox{
	background:url(../images/common/contentBox_bg.gif);
	padding:10px 20px 20px 20px;
	margin:10px 0 30px o;
}

.blogBox h1{
	color: #069;
	font-weight: bold;
	font-size:125%;
	margin:20px 0 5px 0;
	padding:0 0 5px 50px;
	background:url(../images/common/point.gif) no-repeat left top;
}

.blogBox .cat a{
	background-color:#5196cb;
	color:#FFF;
	padding:5px 10px;
	text-align:center;
	margin:6px 0;
	display:block;
	text-decoration:none;
}


.blogBox .cat a:hover{
	background-color:#64d9ff;
}
.blogBox a{
	color: #333;
}
.blogBox li{
	padding:0 0 0 8px;
	margin-bottom:5px;
	font-size:80%;
	margin:0 0 10px 0;
	border-bottom:#999 1px dotted;
	padding:0 0 10px 0;
}

#sidebar .contbox ul{
	margin:0 0 20px 0;
}



/*ブログカテゴリ */


 
/*ブログ */
.entry-content{
}

.entry{
	padding:30px 0;
	font-size:110%;
	line-height:150%;
	border-bottom:#999 double 1px;
	margin-bottom:20px;
}
.post img{
	padding:10px 0;
}

.post .post-info{
	border-bottom: #999 dotted 1px;
	padding:3px 0 15px 0;
	font-size:90%;
}


.post .post-date{
	float:left;
	width:auto;
}

.post .post-cat{
	float:left;
	width:auto;
}

.navigation{
	text-align:center;
	padding:10px 0 30px 0;
}

/* -----------------------------------------
 廃車ページ
----------------------------------------- */


/*車買い取りについて*/

/*.campaign{
	background-color: #F99;
	padding:35px 0 0 0;
	margin:0px auto 30px auto;
	text-align:center;
	background:url(../images/haisha/campaign.jpg) no-repeat;
	width:690px;
	height:180px;
}

.campaign h1{
	font-size:140%;
}
.campaign h2{
	font-size:300%;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	padding:20px 0;
	font-weight:bold;
	color: #C00;
	line-height:35px;
}
*/

.campaign{
	margin:15px auto 50px auto;
}

.haishaBox{
	margin:10px auto 30px auto;
	border:#ffa56f 2px double;
	padding:20px;
	font-size:120%;
	background-color:#fff1cf;
}

.haishaBox li{
	float:left;
	padding:5px 20px;
	font-weight:bold;
	background:url(../images/check.gif) no-repeat left;
}


.haishaBox2{
	background:url(../images/common/contentBox_bg.gif);
	padding:20px;
	margin:10px 0;
}


.haishaBox2 li{
	padding:0 0 3px 20px;
	background:url(../images/check.gif) no-repeat left;
	font-weight:bold;
	font-size:110%;
}

/*お客様の声*/
.voice{
}
.voice dl{
	background-color: #ffece4;
	margin:0 0 10px 0;
	padding:15px;
}
.voice dt{
	margin:0 0 0 15px;
}
.voice dd{
	text-align:right;
    border-bottom:2px dotted #e26445;
    padding:5px 0;
	margin:10px 0 20px 0;
	font-size:85%;
}

/*廃車の基本知識*/
#main #haisha_tips {

}

#main #haisha_tips h2 {
    color: #FF7632;
    font-size: 24px;
    margin-bottom: 10px;
    }
    
#main #haisha_tips h3 {
    font-size: 120%;
    }
    
#main #haisha_tips h3 a {
	color: #FFF;
	text-decoration: none;
}
#main #haisha_tips h3 a:hover {
	text-decoration: underline;
}
#main #haisha_tips .entry {
	padding:30px 0;
	font-size:100%;
	line-height:1.7;
	border-bottom:#999 double 3px;
	margin-bottom:20px;
}
#main #haisha_tips .entry #tips h4 {
    font-size: 110%;
    letter-spacing: inherit;
    line-height: 1.2;
    margin: 30px 0px 15px;
    border-bottom: 1px dotted;
}