/* CSS Document */

/* 共通 */
body{ margin:0; padding:0; font-size:11px; background:#fff; color:#666; font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック',sans-serif;}

ul{ margin:0px; padding:0px;}

li{ list-style: none; margin: 0px; padding: 0px;}

ol,dl { margin: 1em 30px;}

ol,dl { padding: 1px 0; list-style-position: inside;}

dt,dd { margin: 0.4em 10px;}

dt { margin-top: 0.6em;}

dd { margin-left: 50px; margin-bottom: 0.6em;}

li li,li p,li pre,li dt,li dd,dd li,dd p,dd pre,dd dt,dd dd { font-size: 93%;}

li ul,li ol,li dl,li p,dd ul,dd ol,dd dl,dd p { margin: 0.5em 10px;}

img{ border:0px;}

.clear { clear: both;}

p {
	margin:0;
	padding:0;
}

/*== link setting ==*/

a{text-decoration:none;}
a:link{color:#666;text-decoration:none;}
a:visited{color:#666;text-decoration:none;}
a:active{color:#666;text-decoration:none;}
a:hover{text-decoration:underline;color:#ff0000;}

a img { border:none;}
.lh{ font-size: 12px; line-height: 22px;}

/* ----- header -------------------------------------------------------------------------------------------------------------------------------- */
#header_top { width:100%; height:177px; background-image:url(../img/head_bg.jpg); background-repeat:repeat-x; }
#header { width:900px; margin:0 auto; height:120px; }

#logo { float:left; display:inline; margin:5px 0 0 0; font-size:11px; font-weight:normal; line-height:100%; padding:5px; width:280px; }
#logo a, #logo a:visited { color:#aaa; background:url(../img/logo_top.jpg) no-repeat left top; display:block; padding:80px 0 0 0; }
#logo a:hover { text-decoration:none; color:#ff0000; }

#header_info { width:600px; height:56px; float:right; }

#header_info_menu { width:360px; height:auto; float:left; display:inline; margin:25px 0 0 205px; }
#him_inquiry { display:block; float:left; width:84px; height:16px; margin:0 35px 0 0; line-height:0; }
#him_sitemap { display:block; float:left; width:84px; height:16px; margin:0 35px 0 0; line-height:0; }
#him_pp { display:block; float:left; width:120px; height:16px; line-height:0; }

#font_changer { float:right; display:inline; margin:23px 0 0 0; background:url(../img/font_changer.gif) no-repeat left 5px; padding:0 0 0 93px }
#font_changer li { display:inline; float:left; }
#font_changer li a:hover { text-decoration:none; }
#small_font { display:inline; float:left; width:32px; height:22px; background:url(../img/font_small.jpg) no-repeat left top; }
#large_font { display:inline; float:left; width:32px; height:22px; background:url(../img/font_large.jpg) no-repeat left top; }

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

#header_menu {margin:0 auto; height:40px; width:900px;}


#menu { float:right; font-size:11px; height:40px; margin:0; }
#menu, #menu ul { line-height:1; margin:0; padding:0; position:relative; }
#menu li { position:relative; float:left; height:40px; margin:2px 0 0 0; }
#menu ul li { height:auto; padding:0; left:auto; margin:0; background:url(../img/menu/sub_menu_side.gif) repeat-y 2px; }
#menu a, #menu a:visited { color:#999; display:block; position:relative; width:106px; height:40px; text-indent:-9999px; }
#menu a:hover, #menu .current_page_item a, #menu .current_page_item a:visited
            { text-decoration:none; background:url(../img/menu/menu_line2.gif) no-repeat 1px bottom; }
#menu ul { position:absolute; top:41px; left:-2px; display:none; opacity:0; width:186px; margin:0; }

#menu ul a, #menu ul a:visited,
 #menu .current_page_item ul a, #menu .current_page_item ul a:visited,
  #menu ul .current_page_item a, #menu ul .current_page_item a:visited
   { color:#666; line-height:140%; padding:16px 33px 11px; width:90px; margin:0 3px 0; border-bottom:1px solid #ccc; background:url(../img/menu/menu_arrow1.gif) no-repeat 15px 19px; height:17px; text-indent:0;}

#menu ul a:hover, #menu .current_page_item ul a:hover, #menu ul .current_page_item a:hover
   { color:#666; background:#fdfdfd url(../img/menu/menu_arrow1.gif) no-repeat 15px 19px; }


#menu .menu_home { background:url(../img/menu/home.jpg) no-repeat left top; }
#menu .menu_about { background:url(../img/menu/about.jpg) no-repeat left top; }
#menu .menu_car { background:url(../img/menu/carsales.jpg) no-repeat left top; }
#menu .menu_mainte { background:url(../img/menu/mainte.jpg) no-repeat left top; }
#menu .menu_paint { background:url(../img/menu/paint.jpg) no-repeat left top; }
#menu .menu_parts { background:url(../img/menu/parts.jpg) no-repeat left top; width:107px; }


/* ----- TOP PAGE -------------------------------------------------------------------------------------------------------------------------- */

#top_img_ct { width:100%; height:350px; border-bottom:1px solid #ff0000; border-top: 1px solid #ff0000; padding:10px 0 10px 0;}

#main_ct { width:900px; margin: 0 auto; overflow: hidden; margin-top:20px; padding-bottom:20px;}
#main_ct:after { content: ""; display: block; clear: both; height: 1px; overflow: hidden;}
/*\*/
* html #main_ct { height: 1em; overflow: visible;}
/**/
/*== IE6 ==*/
* html #main_ct { height: 1em; overflow: visible;}


/*== Left box ==*/
#left_box {
	float:left;
	width:630px;
}

#title_sub { width:630px; height:37px; float:left; padding-bottom:20px; }

/*== INFO box ==*/
#main_info_box { width:630px; height:auto; float:left; padding-bottom:10px;}

/*== ENTRY ==*/
#entry_title { width:630px; height:40px; float:left;}
#entry_txt1 { font-size:12px; font-weight:normal; line-height:16px; width:630px; height:auto; float:left; padding:5px 0 5px 0;}
#entry_txt2 { font-size:10px; font-weight:normal; line-height:12px; width:630px; height:auto; float:light; padding:5px 0 5px 0;}
#entry_txt_sub { font-size:11px; font-weight:normal; line-height:14px; width:630px; height:auto; float:left; padding:10px 0 20px 0;}
#entry_box { width:630px; height:200px; float:left;}
#entry_box2 { width:630px; height:auto; float:left; padding-bottom:15px;}
#entry_img01 { width:430px; height:200px; background-image:url(../img/entry01.jpg); background-repeat:no-repeat; float:left;}
#entry_img02 { width:190px; height:140px; float:right; padding:30px 0 0 0}

#entry_box3 { width:630px; height:auto; float:left; padding-bottom:15px;}
#entry_bn01 { width:305px; height:auto; float:left;}
#entry_bn02 { width:305px; height:auto; float:right; padding-left:20px;}

/*== NEWS ==*/
#latest_news_title { background:url(../img/title/latest_news_header.jpg) no-repeat; width:630px; height:37px; float:left; padding-bottom:20px; }
#rss_news { width:43px; height:11px; float:right; display:inline; margin:14px 25px 28px 0; line-height:0; }

#latest_news { width:630px; height:160px; float:left;}

#latest_news ul { margin:0; font-size:12px; padding:0; clear:right; }
#latest_news li { border:1px solid #ddd; padding:8px 15px 5px; margin:0 0 5px 0; line-height:normal; }
#latest_news li a, #latest_news li a:visited { color:#666; width:450px; float:left; display:inline; margin:0 0 0 15px; padding:2px 0 0 15px; background:url(../img/dot5.gif) repeat-y left top; }
#latest_news li a:hover { color:#ff0000; }
#latest_news li span { display:block; float:left; color:#999; padding:2px 0 0 0; }

#old_topics { float:right; display:inline; margin:13px 0 10px 0; width:122px; height:29px; }

#facebook { width:305px; height:auto; float:left;}
#twitter { width:305px; height:auto; float:right;}
#bn_big { width:305px; height:290px; float:right;}

/*== y_blog_parts ==*/
#y_blog_parts_box { width:305px; height:600px; float:right; margin: 0 auto; padding-left:10px;}
#y_blog_partsB { width:305px; height:300px; float:left;}
#y_blog_partsC { width:305px; height:300px; float:left;}
#y_blog_partsA { width:160px; height:400px; float:left; padding-left:50px;}

/*== car_parts ==*/
#car_parts_box { width:630px; height:170px; float:left; margin: 0 auto; padding-bottom:20px;}
#car_parts_img_box { width:310px; height:170px; float:left;}
#car_parts_img_boxr { width:310px; height:170px; float:left; padding-left:10px;}

#car_parts_box2 { width:630px; height:170px; float:left; margin: 0 auto; padding-bottom:20px;}
#car_parts_img_box2 { width:150px; height:170px; float:left;}
#car_parts_img_boxr2 { width:150px; height:170px; float:left; padding-left:10px;}

#line_dot { width:630px; height:20px; float:left; background:url(../img/dot1.gif) repeat-x bottom; margin:0;}


/*== Right box ==*/
#right_box { float:right; width:250px;}
#right_title { width:250px; height:40px; float:left;}
#o_info_title { width:250px; height:40px; float:left; padding-top:30px;}

#banner { width:250px; height:auto; float:left;}
#banner ul li { padding-bottom:10px; margin:0;}
#blog_bn_l { width:120px; height:auto; float:left; padding-right:10px;}
#blog_bn_r { width:120px; height:auto; float:right;}
.bn_b { width:120px; height:30px; float:left;}


/* ----- FOOTER ------------------------------------------------------------------------------------------------------------------------------- */
#footer_box { width:100%; background-color:#353535; height:auto; border-top:4px solid #ff0000; clear:both; }
#footer { width:900px; margin:0 auto; height:255px;}
#company_info { float:left; margin:30px 0 0 0; display:inline; }

#footer ul { float:left; font-size:11px; margin:35px 0 0 40px; padding:30px 0 0 0; }
#footer li { margin:0 0 10px 0; padding:0; }
#footer_info li a, #footer_info li a:visited { color:#fff; width:370px; float:left; display:inline; margin:0 0 0 5px; }
#footer li span { display:block; float:left; padding-right:15px; }

#footer_menu { background:url(../img/footer_menu.jpg) no-repeat left top; width:150px; }
#footer_info { background:url(../img/footer_info.jpg) no-repeat left top; width:350px; }

#footer_menu li a, #footer_menu li a:visited { color:#fff; background:url(../img/arrow1.gif) no-repeat left center; padding:0 0 0 12px; }
#footer_menu li a:hover { color:#ff0000; }

#return_top { display:inline; float:right; width:59px; height:9px; margin:30px 0 0 0; line-height:0; }

#cnt{ width:900px; height:20px; text-align:center; margin: 0 auto; font-size:10px }

#up_data { width:350px; background-color:#353535; height:200px; padding-top:25px; color:#FFF;}
#up_data ul { float:left; font-size:11px; margin:10px 0 0 0; padding:30px 0 0 0; }
#up_data li { margin:0 0 10px 0; padding:0; }
#up_data li span { display:block; float:left; padding-right:15px; }

/* ----- ページ -------------------------------------------------------------------------------------------------------------------------------- */
.page { padding:0 0 20px 0; }

.page_side { float:right; width:250px; display:inline; margin:23px 0 0 0; }
.page_side ul { background:url(../img/line3.gif) repeat-x top; padding:3px 0 0 0; }
.page_side li { background:url(../img/dot1.gif) repeat-x bottom; margin:0; height:100%; }
.page_side li a, .page_side li a:visited { color:#666; display:block; background:url(../img/arrow5.gif) no-repeat left center; padding:15px 10px 15px 21px; }
.page_side li a:hover { color:#ff0000;  }

#page_etc { height:200px; text-align:center; padding:100px 0 0 0; }
#page_etc p { margin:0 0 100px; }


/* ----- 会社案内 --------------------------------------------------------------------------------------------------------------------------- */
#map { float:left; width:500px; padding-left:65px;}
#company_txt { font-size:12px; font-weight:normal; line-height:16px; width:550px; height:auto; float:left; padding:10px 0 30px 45px;}
#company { float:left; width:630px; display:inline; margin:0 0 10px 0; }
#company h2 { line-height:0; margin:0 0 10px 0; padding:0; }
#company table { width:630px; margin:10px 0 40px 0; }
#company td {
	border:1px solid #ccc;
	padding:12px 20px;
}
#company2 { float:left; width:630px; display:inline; margin:0 0 10px 0; }
#company2 h2 { line-height:0; margin:0 0 10px 0; padding:0; }
#company2 table { width:630px; margin:10px 0 10px 0; }
#company2 td {
	border:1px solid #ccc;
	padding:5px 5px;
	color: #666;
	font-size: 11px;
}
.c_top { background: #fe7979; }
.c_left { background:#eeeeee; }
.c_left2 { background:#ffd1d1; }
.c_right { background:#eeeeee; }

.c_left_red { color:#F00; font-weight:bold;}

.pink_txt {color: #F3F;}

#company_download { width:250px; height:34px; padding:42px 0 0 0; margin:30px 0 0 0; background:url(../img/company_download.gif) no-repeat left top; }
#company_download a, #company_download a:visited { color:#666; margin:0 0 0 75px; background:url(../img/pdf.gif) no-repeat left center; padding:0 0 0 45px; line-height:17px; display:block; text-decoration:underline; }
#company_download a:hover { color:#ff0000; }

#get_adobe_reader { font-size:11px; margin:20px 0 30px 0; }
#get_adobe_reader img { margin:0 0 15px 70px; }

.company_info { width:300px; height:100px; border:1px solid #ccc; margin:0 0 20px 0; display:inline; font-size:12px; }
.company_info h3 { font-size:12px; font-weight:normal; line-height:28px; margin:0; padding:2px 0 0 10px; border-bottom:1px solid #ccc; background:url(../img/dot4.gif) left top;}
.company_info p { margin:9px 0 0 10px; display:inline; width:260px; height:40px; float:left; line-height:140%; }
.company_info a, .company_info a:visited { color:#666; float:right; margin:0 30px 0 0; background:url(../img/arrow6.gif) no-repeat left 2px; padding:0 0 0 20px; }
.company_info a:hover { color:#ff0000; }

#b1 { float:left; }
#b2 { float:right; }
#b3 { float:left; clear:both; }
#b4 { float:right; }


/* ---------- clearfix hack ---------- */
.cf:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
.cf { display: inline-block; }
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */