@import url("reset.css");
@import url("gnavi.css");
@import url("Tooltips.css");





/* ----------------------------------------
 フォントの初期設定
---------------------------------------- */
body { 
	font-size: 0.9em; 
	font-family:  Verdana, Arial, "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	} 

/* for WinIE6 */

* html body {
	font-family: Verdana, Arial, "ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	font-size: 0.9em; 
	vertical-align: baseline; 
	} 
 
/* for WinIE7 */

*:first-child + html body {  
	font-size: 0.9em; 
	font-family:Verdana,"ヒラギノ角ゴ Pro W3",Osaka,"ＭＳ Ｐゴシック",sans-serif;
	}

a{
color:#12525F;
}

a:hover{
color:#BF8B00;
text-decoration:none;
}


.strongTxt{
font-weight:bold;
}



html{
height:100%;
}

body{
height:100%;
background:url(../img/bodybg.jpg) center top no-repeat;
line-height:1.5em;
text-align:center;
}

#wrap{
width:950px;
height:100%;
margin:0 auto;
padding:0px;
text-align:left;
}

body > #wrap{ 
    height:auto; 
}


#header{
height:100%;
margin-left:10px;
}

*html #header{
height:auto;
}

#logoArea h1{
height:100px;
padding:7px 0 0 0;
}

#logoArea #logo{
height:100px;
padding:7px 0 0 0;
}

#logoArea{
width:300px;
height:100px;
margin:0;
float:left;
}


/* ----------------------------------------
 ヘッダーサブメニュー
---------------------------------------- */
#HnaviArea{
width:500px;
height:28px;
float:right;
text-align:right;
margin-top:3px;
}


#HnaviArea li{
float:right;
width:100px;
height:25px;
font-size:0.8em;
font-weight:bold;
margin:0px;
text-align:center;
	/display: inline;
	/zoom: 1;
}

#HnaviArea a{
text-decoration:none;
color:#eee;
}
#HnaviArea a:hover{
color:#BBBB97;
}


#Hnavi01{
background:url(../img/share/bk_Hnavi01.gif);
}
#Hnavi02{
background:url(../img/share/bk_Hnavi02.gif);
}
#Hnavi03{
background:url(../img/share/bk_Hnavi02.gif);
}

#Hnavi04{
background:url(../img/share/bk_Hnavi04.gif);
}


#gnavi{
clear:both;
width:950px;
height:50px;
color:#ffffff;
}

#gnavi ul{
}

#gnavi li{
float:left;
}

#nav{
height:30px;
}


#nav li{
display:inline;
}

#container{
width:950px;
height:100%;
margin:0;
padding:0;
background:url(../img/bg_container.png) repeat-y;
}


#main{
width:700px;
padding:0 10px;
float:left;
}


#sub{
width:210px;
height:100%;
padding:10px;
float:right;
}


/* ----------------------------------------
　メインのイメージ
---------------------------------------- */

.top_MainImg{
margin:5px;
}



/* ----------------------------------------
　新着情報
---------------------------------------- */

* html #news{
width:450px;
float:left;
margin:0;
padding:0;
}
* html #forsalecar{
width:230px;
float:right;
margin:0 0 0 10px;
padding:0;
}



#news{
width:438px;
background:#FFFEEF;
margin:5px;
float:left;
}

#news h2{
margin:0;
padding:0;
height:38px;
}
#news h2 img{
border:4px solid #FDF167;
}

.feedBtn{
position:relative;
width:100px;
height:10px;
margin:0;
padding:0;
}
.feedBtn a{
position:absolute;
top:-31px;
right:-330px;
}

.top_new_contents img{
float:left;
position: relative;
margin:5px;
padding: 3px; /* 画像枠 */
background: #ffffe0; /* paddingを設定した場合の背景色 */
border: 1px solid #999999; /* 画像の枠線 */
}



* html .listItemBoxVW .top_new_contents a{
float:left;
position: relative;
margin:5px;
padding:1px; /* 画像枠 */
background: #ffffe0;
border: 1px solid #999999;
}


.top_new_contents h3{
background:#ccc;
margin:10px 0 0 0;
padding:1px 5px;
font-weight:bold;
clear:both;
border-bottom:1px solid #999;
border-right:1px solid #999;
border-top:1px solid #eee;
border-left:1px solid #eee;
}

.negative-top-10{
margin-top:-10px;
}

.top_new_contents ul{
margin-left:7em;
}

.top_new_contents li{
background:url(/img/item/arrow_105.gif) no-repeat left top;
padding-left:1em;
}




/* ----------------------------------------
　フォーセールカー
---------------------------------------- */

#forsalecar{
width:229px;
margin:5px;
background:#FFFEEF;
float:right;
}

#forsalecar h2 img{
border:4px solid #FDF167;
}

.top_Salecar{
margin-bottom:5px;
}

.top_Salecar img{
float:left;
position: relative;
margin:5px;
padding: 3px; /* 画像枠 */
background: #ffffe0; /* paddingを設定した場合の背景色 */
border: 1px solid #999999; /* 画像の枠線 */
}

.top_Salecar_txt h3{
font-weight:bold;
}


.top_Salecar_txt h3.top_Salecar_txt_no{
font-weight:normal;
}



.top_Salecar_txt p{
margin-top:1em;
line-height:1.2em;
font-size:0.8em;
}

.more_Salecar{
text-align:right;
}


/* ----------------------------------------
　フッター設定
---------------------------------------- */

#footer{
clear:both;
background:url(http://www.harfees.sakura.ne.jp/gallery/skin/w3c002/bg_footer.gif) repeat-x #3F3F3F;
}

#footer a{
color:#ffffff;
}


#footer #copy{
padding:10px 0;
color:#fff;
}


#footer_bottom{
width:950px;
margin:0 auto;
padding:20px 0;
}


#footer_left{
float:left;width:340px;
text-align:left;
color:#fff;
font-size:0.9em;
margin:0 10px 0 0;
padding:10px;
}

#footer_left_inq{
float:left;
margin:0px 10px 0 0;
}






.Footer_title{
border-bottom:1px solid #333;
border-right:1px solid #333;
border-top:1px solid #666;
border-left:1px solid #666;
padding:7px;
background:#4F4F4F;
color:#FFF;
font-weight: bold; 
font-size:1.1em;
margin:0 0 10px 0;
}




#footer_right{
float:left;
width:400px;
text-align:left;
xborder:1px solid #ccc;
padding:10px;
margin:0 10px 0 0;
}

#footer_right dl{
float:left;
margin:0 10px 0 20px;
color:#fff;
}

*html #footer_right dl{
float:left;
margin:0 10px 0 10px;
color:#fff;
}

#footer_right dt{
font-weight:bold;
padding:7px 0 3px 0;
}

#footer_right dd{
margin:0 0 0 5px;
padding:0 0 0 14px;
background:url(../img/item/arrow_footer) no-repeat  left;
}




#footer_center{
text-align:left;
float:left;
width:145px;
padding:10px 0;
margin:0 0px 0 5px;
}

#footer_center p{
}

#bookmark{
margin:10px 0;
}


#footer_xtrec{
width:960px;
margin:0px auto;
text-align:right;
padding:10px 0px 0 0;
font-size:0.8em;
}

#footer_xtrec p{
margin:0 10px;
font-size:0.8em;
}

/* ----------------------------------------
　ブログ記事リストの設定
---------------------------------------- */

.listItemBox{
width:150px;
margin:1em 1em 1em 0;
vertical-align:top;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom: 1;
}


.ItemPhoto{
background:#fff;
border: 1px solid #ccc;
padding:8px 10px 8px 8px;
}


.ItemPhoto img{
border:1px solid #ccc;
}

.CapDesc{
margin:-3px 0 10px 0;
}


.older_sold_car{
text-align:right;
margin:0 0 20px 0;
}

/* ---------------------------------------　New&SOLD　---*/
.ItemPhoto p{
position:relative;
width:80px;
height:20px;
margin:0;
padding:0;
}
.new_mark_l{
position:absolute;
top:-137px;
left:51px;
}
.new_mark_l img{
border:none;
}

.sold_mark_l{
position:absolute;
top:-137px;
left:52px;
}
.sold_mark_l img{
border:none;
}



.new_sold_Area_list{
clear:both;
position:relative;
width:80px;
height:0px;
margin:0;
padding:0;
kground:#000;
}

.new_sold_Area_list .new_mark_s{
position:absolute;
xmargin:9px 0 0 29px;
top:-84px;
left:29px;
}

.new_sold_Area_list .sold_mark_s{
position:absolute;
xmargin:9px 0 0 29px;
top:-84px;
left:29px;
}



* html .new_sold_Area_list .new_mark_s img{
position:absolute;
top:-4px;
left:3px;
xmargin:-8px -535px 0 0;
}

* html .new_sold_Area_list .sold_mark_s img{
position:absolute;
top:-4px;
left:3px;
xmargin:-8px -535px 0 0;
}



/* ----------------------------------------
　ブログ記事の設定
---------------------------------------- */

.main_img_Area img{
float:left;
position: relative;
padding: 5px; /* 画像枠 */
background: #ffffe0; /* paddingを設定した場合の背景色 */
border: 1px solid #999; /* 画像の枠線 */
}

.main_txt_Area{
float:right;
width:360px;
padding:0 10px;
}

.main_txt_Area h1{
font-size:1.4em;
font-weight:bold;
margin:0 0 10px 0;
}


.main_txt_Area h3{
font-weight:bold;
margin:0 0 10px 0;
font-size:1.1em;
}


.official_price{
font-size:1.2em;
font-weight:bold;
color:#CF0A00;
margin:10px 0;
}


.sub_img_Area{
width:700px;
clear:both;
}

.sub_img_Area li{
float:left;
padding:20px 8px 20px 0;
}

*html .sub_img_Area li{
float:left;
padding:20px 0px 20px 0;
}


.sub_img_Area img{
float:left;
position: relative;
xmargin:2px;
padding: 3px; /* 画像枠 */
background: #ffffe0; /* paddingを設定した場合の背景色 */
border: 1px solid #999999; /* 画像の枠線 */
}


/* ---------------------------------------　前のページに戻る　---*/
.pageBack{
right:-538px;
position:relative;
width:170px;
height:65px;
}





h2.title_Caption{
width:95%;
color:#3F0000;
font-weight:bold;
padding:2px 10px;
margin:0 0 10px 0;
background:#FFD100;
border-bottom:1px solid #DFB700;
border-right:1px solid #DFB700;
border-top:1px solid #FFE56F;
border-left:1px solid #FFE56F;
filter:alpha(opacity=60);
-moz-opacity:0.6;
opacity:0.6;
}



.news_txt_Area h1{
font-size:1.4em;
font-weight:bold;
margin:10px 0 20px 0;
}

.news_txt_Area p{
padding:0 10px;
}




/* ----------------------------------------
　パンくず
---------------------------------------- */

#topicPath{
margin: 10px 0;
}



/* ----------------------------------------
　ウェブページ
---------------------------------------- */
.PageBodyArea dl{
margin:1em;
}

.PageBodyArea dt{
	float : left;
	width : 7em;
}

.PageBodyAreaAccess{
margin:1em;
}
.PageBodyAreaAccess dt{
	font-weight:bold;
}
.PageBodyAreaAccess dd{
	margin:0 0 1em 2em;
}

#map{
margin:10px;
}




#pageUp{
background:url(../img/bg_container.png) repeat-y center;
width:950px;
margin:0 auto;
height:45px;
padding:0;
}

* html #pageUp{
background:url(../img/bg_container.png) repeat-y center;
width:950px;
margin:0 auto;
height:45px;
margin-right:10px;
}



/* ----------------------------------------
　VW
---------------------------------------- */
.vw_index h3{
width:95%;
color:#000000;
font-weight:bold;
padding:2px 10px;
background:#FFD100;
border-bottom:1px solid #DFB700;
border-right:1px solid #DFB700;
border-top:1px solid #FFE56F;
border-left:1px solid #FFE56F;
}


* html .vw_index h3{
width:100%;
color:#3F0000;
font-weight:bold;
padding:2px 10px;
background:#FFD100;
border-bottom:1px solid #DFB700;
border-right:1px solid #DFB700;
border-top:1px solid #FFE56F;
border-left:1px solid #FFE56F;
}

.listItemBoxVW{
width:120px;
margin:0 1em 1em 0;
vertical-align:top;
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom: 1;
}




.NewsList{
position:relative;
width:100px;
margin:0;
padding:0;
}


.NewsList a{
position:absolute;
top:-31px;
right:-580px;
font-size:0.8em;
color:#6F3E3E;
}

.NewsList a:hover{
color:#8F1111;
}







/* ----------------------------------------
　メールフォーム
---------------------------------------- */

#mail_form input,#mail_form textarea {
padding:2px;
}

.mailFormCheck{
width:640px;
background:#F7F8F7;
padding:10px 20px;
margin:10px 10px 10px 0;
color:#666;
border-right:1px solid #999;
border-bottom:1px solid #999;
border-top:1px solid #ccc;
border-left:1px solid #ccc;
}




/* ----------------------------------------
　ニュースページ
---------------------------------------- */

dl.page_news{
margin:5px 0 0 20px;
}

.page_news dt{
float:left;
width:9em;
padding:0 0 0 1.2em;
background:url(/img/item/arrow_105.gif) no-repeat scroll left top;
}

.page_news dd{
display:inline-block;
}



/* ----------------------------------------
　リンクページ
---------------------------------------- */


#link_Area dl{
margin:30px auto;
width:500px;
}

* html #link_Area dl{
margin:30px 0 30px 100px;
width:500px;
}


#link_Area dt{
 position: relative;  
     width: 300px;  
     margin-bottom: 5px;  
     xxxpadding-top: 110px;  
     xxxpadding-left: 50px;  
}


#link_Area dt img{
     xxxposition: absolute;  
     top: 0px;  
     xxxleft: 50px;  
     border: 1px solid #ccc; 
padding:5px;
background:#FFFEEF;
}


 #link_Area dd {  
     xxxmargin-bottom: 20px;  
     xxxpadding-left: 55px;  
     height: 50px;
     font-size:1em;
font-weight: bold;
 }  

 #link_Area dd a{
padding:0 0px 0 10px;
font-size:0.8em;
font-weight: normal;
text-decoration:none;
}

 #link_Area dd a:hover{
text-decoration:underline;
}

/*--  
 #link_Area dl > dd {  
     min-height: 50px;  
     height: auto;  
 }  
--*/



/* ----------------------------------------
　ウェブページ
---------------------------------------- */

.aboutPhoto{
margin:20px 0
}

.aboutPhoto img{
margin:2px 5px;
padding:5px;
border:1px solid #ccc;
}







#pageUp img{
margin:0 0 0 300px;
}






/* ----------------------------------------
　Today
---------------------------------------- */
.TodayBlogArea{
margin:0 0 50px 0;
}

.TodayDate p{
font-size:1.2em;
color:#BF8B00;
text-align:right;
}

h2.TodayEntryTitle a{
font-size:1.3em;
display:block;
font-weight:bold;
margin:10px 0 0px 0;
padding-bottom:10px;
border-bottom:1px solid #BF8B00;
text-decoration:none;
}

.TodayBlogBody{
margin-top:10px;
line-height:2em;font-size:1em;
padding-left:20px;
border-left:10px solid #DFD7C3;
}







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

.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*?*//*/
  height: auto;
  overflow: hidden;
  /**/
}


* html #container,
* html #pageUp,
* html .pageBack img{
behavior: expression(IEPNGFIX.fix(this));
}


* html h1 img,* html #logo img{
behavior: expression(IEPNGFIX.fix(this));
}


#tweet{margin:20px 0 0 0;}




/* ----------------------------------------
　ソーシャルボタン
---------------------------------------- */
.unitSocialBtn {
  margin:20px 0;
}
.unitSocialBtn .twitter {
	xxxdisplay: inline;
float:left;
margin-left:10px;
}
.unitSocialBtn .hatebu {
	xxxdisplay: inline;
float:left;

}
.unitSocialBtn .facebook {
	xxxdisplay: inline;
	xxxmargin: 0 0 0 -7px;
}





/* ----------------------------------------
　お問い合わせ　追加
---------------------------------------- */

.mailAd{
  margin:20px 0 30px;
  line-height:2.4em;
}


.mailAd h2,
.mailAd h3{
  font-size:1.6em;
  font-weight:bold;
}