@charset "utf-8";


/* -------------------------
 common
-------------------------- */

* { 
	margin: 0; 
	padding: 0; 
} 
img , embed { 
	border: 0; 
	vertical-align: top; 
} 
a { 
	color: #333333; 
/*	text-decoration: none; */
	text-decoration: underline; 
/*	display: block; */
} 
a:hover { 
	color: #f20001; 
	text-decoration: underline; 
} 
.clear { clear: both; }   
.clear hr { display: none; }  


/* -------------------------
 body
-------------------------- */

html { 
	height: 100%; 
} 
body { 
/*	letter-spacing: 1px; */
	word-break: break-all; 
	width: 100%; 
/*	background: #ffffff url(../images/bg17.jpg); */
	background: #ffffff url(../images/bg17.gif); 
	font-size: 75.0%; 
	font-family: Meiryo, Osaka, verdana, arial, sans-serif; 
/*	color: #3E3D37; */
	line-height: 1.4; 
	border: red 0px dashed; 
	height: 100%; 
} 
#inbody { 
	background: #ffffff; 
} 


/* -------------------------
 body内
-------------------------- */

#wrap { 
	border: blue 0px dashed; 
	width: 1018px; /* ←IE7でiframe内の横スクロールバーが出ない、ギリギリのサイズ */
/*	text-align: left; */
	margin: 0 auto; 
/*	border-left: #000000 0px solid; 
	border-right: #000000 0px solid; */
	height: 100%; 
} 


/* -------------------------
 wrap内
-------------------------- */

#header { 
	border: red 0px dashed; 
} 
#inner { 
	border: red 0px dashed; 
	background: #ffffff; 

	min-height: 98%; 
	height: auto !important; 
	height: 98%; 
/*	height: 100%; */
} 
#footer { 
	color: #ffffff; 
	margin-top: 0px; 
	margin-left: auto; 
	margin-right: auto; 
	margin-bottom: auto; 
	clear: both; 
	padding-bottom: 0px; 
/*	background: red; */
/*	background: #e71835; */
	background: #f20001; 
/*	background: #ffffff url(../images/.line-blue.jpg) repeat-x; */
/*	border-top: 0px solid white; */
	border: red 0px dashed; 
	text-align: center; 
	width: 100%; 
} 


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


/* -------------------------
 inner内 カラム(2列：side/content)
-------------------------- */

#side { 
	float: left; 
/*	float: right; */
	width: 200px; 

	background: #ffffff; 
	height: 100%; 
	border: red 0px dashed; 
	padding-bottom: 30px; 
}
#content { 
/*	float: left; */
	float: right; 
	width: 818px; /* ←IE7でiframe内の横スクロールバーが出ない、ギリギリのサイズ */

	background: #ffffff; 
	overflow-x: auto; 
	overflow-y: hidden; 
	height: 100%; 
	border: red 0px dashed; 

/*	padding-bottom: 30px; */
} 


/* -------------------------
 side内
-------------------------- */

/* --- ロゴ --- */
#logo { 
} 
#logo img { 
	width: 200px; 
	height: 80px; 
} 

/* --- 各タイトル --- */
#sidetitle { 
} 

/* --- 動画 --- */
#movie { 
	width: 200px; 
} 
#movielink { 
	width: 200px; 
	height: 214px; 
} 
/*
#movielinkembed { 
	width: 200px; 
	height: 220px; 
	repeat: true; 
	loop: true; 
} 
*/

/* --- 新着情報 --- */
#topicstitle { 
	border: red 0px dashed; 
} 
#topicstitle img { 
	width: 200px; 
	height: 30px; 
} 
#topics { 
/*	margin-top: 5px; 
	margin-left: 10px; 
	margin-right: 5px; 
	margin-bottom: 5px; */
	padding-top: 5px; 
	padding-left: 10px; 
	padding-right: 5px; 
	padding-bottom: 5px; 
	border: red 0px dashed; 
	font-size: 80.0%; 
/*	line-height: 2.0; */
/*	background: #dddddd; */
} 
#topics a {
	text-decoration: underline; 
	display: block; /* これによって、aタグをブロック要素とし、行全体がリンクとなる */
} 
#topics li {
	display: block; /* で消えなきゃならないけど、IEはきえてくれないので */
	list-style-type: none; /* を書いておく */
} 

/* --- メニュー --- */
#menu { 
} 
#menuitem { 
} 
#menuitem img { 
	width: 200px; 
	height: 30px; 
} 

/* --- QRコード --- */
#mbsitetitle { 
	border: red 0px dashed; 
} 
#mbsitetitle img { 
	width: 200px; 
	height: 30px; 
} 
#qrcode img { 
	width: 80px; 
	height: 80px; 
} 
#qrtext { 
	padding-left: 10px; 
} 
#qrtext1 { 
	font-size: 70.0%; 
} 
#qrtext2 { 
	font-size: 80.0%; 
	padding-bottom: 10px; 
} 
#qrlogo { 
	float: left; 
} 
#qrarrow { 
	width: 9px; 
	height: 11px; 
} 
#qrmail { 
	width: 15px; 
	height: 11px; 
} 
#logo_docomo { 
	width: 33px; 
	height: 10px; 
	vertical-align: middle; 
} 
#logo_au , #logo_softbank { 
	width: 33px; 
	height: 37px; 
} 

/* --- 広告 --- */
#commercialtitle { 
	text-align: center; 
	border: red 0px dashed; 
} 
#commercialtitle img { 
	width: 200px; 
	height: 30px; 
} 
#commerciallink { 
	background: #dddddd; 
	font-size: 80.0%; 
	margin: 5px; 
} 

/* --- Twitter --- */
#twitter_demo { 
	background: #dddddd; 
	margin-top: 5px; 
	margin-bottom: 5px; 
	padding-top: 10px; 
	padding-left: 10px; 
	padding-bottom: 10px; 
} 
#twitter { 
/*	background: #dddddd; */
	font-size: 80.0%; 
/*	margin: 5px; */
	padding-top: 10px; 
} 


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

/* --- top --- */
#top { 
	height: 30px; 
/*	margin-top: 5px; 
	margin-bottom: 5px; */
	padding-top: 10px; 
	padding-right: 10px; 
	padding-bottom: 0px; 
/*	background: #ffffff url(../images/bgtop00.jpg) top repeat-x; */
	background: #ffffff url(../images/bgtop00.gif) top repeat-x; 
} 
#topitem { 
	float: right; 
} 
#topitem img { 
	width: 100px; 
	height: 20px; 
} 
#searchbutton { 
	width: 80px; 
	height: 20px; 
} 

/* --- flashmenu --- */
#flashmenu { 
	margin-left: 5px; 
	margin-bottom: 10px; 
} 
#flashitem1 , #flashitem2 { 
	width: 400px; 
	height: 300px; 
} 
#flashitem1 { 
	float: left; 
/*	background: #ffffff url(../images/bgflash01.jpg); */
	background: #ffffff url(../images/bgflash01.gif) no-repeat; 
	position: relative; 
} 
#flashitem2 { 
/*	float: right; */
	float: left; 
} 
#flashitem2-1 , #flashitem2-2 { 
	width: 400px; 
	height: 150px; 
	position: relative; 
} 
#flashitem2-1 { 
/*	background: #ffffff url(../images/bgflash02.jpg); */
	background: #ffffff url(../images/bgflash02.gif) no-repeat; 
} 
#flashitem2-2 { 
/*	background: #ffffff url(../images/bgflash03.jpg); */
	background: #ffffff url(../images/bgflash03.gif) no-repeat; 
} 
#flashbig { 
	width: 375px; 
	height: 260px; 
} 
#flashsmall { 
	width: 375px; 
	height: 110px; 
} 
#pos { 
	position: absolute; top: 27px; left: 12px; 
} 

/* --- data --- */
#datatitle { 
	border: red 0px dashed; 
} 
#data { 
	margin-top: 0px; 
	margin-left: 1px; 
	border: red 0px dashed; 
} 

/* --- iframe内の他サイト --- */
#htmllink { /* 在庫車両部分 */
	width: 100%; 
/*	height: 96%; */
	height: 1400px; /* 800→1300に変更。在庫データが表示されるようになっていたため */
					/* 1300→1400に変更。IE8互換モードだと、スクロールバーが出るため */
	scrolling: no; 
} 
#htmllink2 { /* ブログ部分 */
	width: 100%; 
/*	height: 96%; */
	height: 290px; /* 250→270に変更。Firefox用 */ /* 270→290に変更。Google Chrome用 */
	scrolling: no; 
} 


/* -------------------------
 inner内 カラム(1列：topページ以外)
-------------------------- */

/* --- common --- */
font.red1 { 
	font-size: 14px; 
	font-weight: bold; 
	color: #ff111e; 
} 
font.blue1 { 
	font-size: 14px; 
	font-weight: bold; 
	color: #3266cc; 
} 
#companytitle , #accesstitle , #sitemaptitle , #appraisaltitle , #reservetitle , #servicetitle { 
	border: red 0px dashed; 
} 
#company , #access , #sitemap , #appraisal , #reserve , #service { 
	padding-bottom: 10px; 
	border: red 0px dashed; 
} 
#appraisal2 { 
	height: 1100px; 
	padding-bottom: 10px; 
	border: red 0px dashed; 
	background-image: url(../images/bg19.jpg); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
} 
#reserve2 { 
	height: 1100px; 
	padding-bottom: 10px; 
	border: red 0px dashed; 
	background-image: url(../images/bg20.jpg); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
} 


/* --- company --- */
#companytitle img { 
	width: 817px; 
	height: 80px; 
} 
#companydata { 
	width: 680px;
	margin-top: 10px; 
	margin-left: 30px; 
	padding: 10px; 
/*	text-indent: 2em; */
	border: #dddddd 1px solid; 
} 
div.title { 
	width: 150px;
	float: left; 
	border: red 0px dashed; 
} 
div.data { 
	width: 500px;
	float: left; 
	border: red 0px dashed; 
} 
div.photoarea { 
	width: 680px;
	margin-top: 10px; 
	margin-left: 30px; 
	padding: 10px; 
	border: #dddddd 1px solid; 
} 
div.photoL { 
	float: left; 
	border: red 0px dashed; 
} 
div.photoR { 
	float: right; 
	border: red 0px dashed; 
} 
div.photo { 
	float: left; 
	border: red 0px dashed; 
} 
div.phototext { 
	float: left; 
	padding: 20px; 
	border: red 0px dashed; 
} 
img.photo {
	width: 230px; 
	height: 172px; 
/*	width: 360px; 
	height: 270px; */
}
div.arrowL { 
	float: left; 
	padding-top: 100px; 
	border: red 0px dashed; 
} 
div.arrowR { 
	float: right; 
	padding-top: 100px; 
	border: red 0px dashed; 
} 

/* --- access --- */
#accesstitle img { 
	width: 817px; 
	height: 80px; 
} 
#address { 
	width: 680px;
	margin-top: 10px; 
	margin-left: 30px; 
	padding: 10px; 
/*	text-indent: 2em; */
	border: #dddddd 1px solid; 
} 
#map { 
	width: 700px;
	height: 700px;
	margin-top: 10px; 
	margin-left: 30px; 
	border: #dddddd 1px solid; 
} 
#maptext { 
	margin-top: 10px; 
	margin-left: 30px; 
	border: blue 0px dashed; 
} 

/* --- appraisal --- */
/* --- reserve --- */
#appraisaltitle img , #reservetitle img { 
	width: 817px;
	height: 250px;
} 
#appraisaltitle2 img , #reservetitle2 img { 
	width: 817px; 
	height: 90px;
} 
#appraisaltext , #reservetext { 
/*	font-weight: bold; */
	margin-top: 10px; 
	margin-left: 50px; 
	margin-right: 50px; 
	margin-bottom: 30px; 
} 
#appraisaldata , #reservedata { 
	margin-top: 10px; 
} 
#appraisaldata img , #reservedata img { 
	width: 817px; 
	height: 300px; 
} 
div.arrow { 
	text-align: center; 
	margin-top: 10px; 
	margin-bottom: 10px; 
} 
div.arrow img { 
	width: 50px; 
	height: 50px; 
} 
div.button { 
	text-align: center; 
} 
div.button img { 
	width: 300px; 
	height: 80px; 
} 

/* --- sitemap --- */
#sitemap { 
	height: 600px; 
/*	background-image: url(../images/bg18.jpg); */
	background-image: url(../images/bg18.gif); 
	background-repeat: no-repeat; 
	background-position: right bottom; 
} 
#sitemaptitle img { 
	width: 817px; 
	height: 80px; 
} 
#sitemapdata { 
	padding-top: 50px; 
	padding-left: 50px; 
} 
#sitemapitem { 
	float: left; 
	height: 30px;
	border: red 0px dashed; 
} 
#site { 
	float: left; 
	width: 189px; 
	padding-top: 8px; 
	padding-left: 10px; 
	border: red 0px dashed; 
} 
#site2 { 
	float: left; 
	width: 139px; 
	padding-top: 8px; 
	padding-left: 10px; 
	border: red 0px dashed; 
} 
#sitemaptext { 
	float: left; 
	width: 450px; 
	font-size: 90.0%;
	padding-top: 10px; 
	border: red 0px dashed; 
} 
#siteline { 
	width: 50px; 
	height: 30px; 
} 
#sitearrow { 
	width: 11px; 
	height: 30px; 
} 

/* --- 入力フォーム --- */
#input , #check , #mailresult { 
	margin-top: 10px; 
	margin-left: 50px; 
} 
#input p , #check p , #mailresult p { 
} 
#inputsubtitle { 
	margin-top: 10px; 
} 
#inputsubtitle img { 
	width: 700px; 
	height: 30px; 
} 
#inputitem { 
	float: left; 
	width: 175px;
	font-weight: bold; 
/*	padding-top: 5px; */
} 
#inputitem img { 
	width: 30px; 
	height: 16px; 
} 
#inputdata { 
	float: left; 
	width: 475px;
} 
#inputline , 
#inputline01 , 
#inputline02 , 
#inputline03 , 
#inputline04 , 
#inputline05 , 
#inputline06 , 
#inputline07 , 
#inputline11 , 
#inputline12 , 
#inputline13 , 
#inputline21 , 
#inputline22 , 
#inputline23 { 
	width: 650px;
	margin-left: 20px; 
	padding-top: 5px; 
/*	background-color: #ffffff; */
	border-bottom: #dddddd 1px dashed; 
} 

/* --- service --- */
#servicetitle img { 
	width: 817px; 
	height: 80px; 
} 
#servicedata { 
	margin-top: 10px; 
	margin-left: 50px; 
} 
#servicesubtitle { 
	margin-top: 10px; 
} 
#servicesubtitle img { 
	width: 700px; 
	height: 30px; 
} 
#servicetext { 
	margin-top: 10px; 
	margin-left: 30px; 
	margin-bottom: 30px; 
	margin-right: 80px; 
} 
#servicelogo { 
	float: left; 
	width: 100px; 
	height: 100px; 
} 
#servicelogo2 { 
	float: left; 
	width: 200px; 
	height: 60px; 
} 
#servicelogo3 { 
	float: left; 
	width: 70px; 
	height: 61px; 
} 
#servicelogo4 { 
	float: left; 
	width: 104px; 
	height: 83px; 
} 
#detail { 
	float: right; 
	width: 150px; 
	height: 20px; 
} 

/* --- mobile --- */
#mbdata { 
} 
#mbdate { 
/*	text-align: left; 
	margin-left: 20px; */
} 
#mbtext { 
/*	text-align: left; 
	margin-left: 40px; */
} 
#mbblog { 
	font-size: 80.0%; 
	background: #ffffff; 
} 
#mbblog a {
/*	width: 180px; */
	text-decoration: underline; 
/*	display: block; *//* これによって、aタグをブロック要素とし、行全体がリンクとなる */
}