@charset "utf-8";
@import "basestyle/all.css";

body {color:#221815; background:#EDE8D3 url(image/bg-uzu.jpg); font-size:12px;}

.base-font-color {color:#221815}
.emph-font-color {color:#772200}
.orange-font-color {color:#fc0}

h1 { font-size:3em; margin:0em -10px .5em; background: url(image/line-style-2.png) 50% 100% repeat-x; padding:0 10px 26px 10px;}
h1.sub { font-size:2em; margin:0em -10px .5em; background: url(image/line-style-3.png) 50% 100% repeat-x; padding:0 10px 10px 10px;} /* サブページの柱をh1としたい時用*/
div.as-h1-sub { font-size:2em; margin:0em -10px .5em; background: url(image/line-style-3.png) 50% 100% repeat-x; padding:0 10px 10px 10px;} /* サブページの柱をdivとしたい時用*/
h2 { font-size:1.8em; margin:1em 0 1em; }
h3 { font-size:1.25em; margin:2em 0 1em; }
h4 { font-size:inherit; margin-top:1.25em; }

h3.darkback {background:url(image/bg-mesh.jpg) #221815; color:#fc0; padding:0.3em 0.5em; line-height:1em;}
h4.darkback {background:url(image/bg-mesh.jpg) #221815; color:#fc0; padding:0.3em 0.5em; line-height:1em; margin-bottom:0.5em;}

a {color:#221815; text-decoration:underline;}
a:hover {color:#6D4D43; }

p {line-height:1.75em}

.emph {font-weight:bold; color:#772200}

.normal-margin {margin:10px;}

/* Hint sign */
p.hint {padding-left:44px; background:url(image/icon-hint.png) no-repeat 0 4px;}

/* Boxies */
div.offset_box {margin-left:-10px; margin-right:-10px; padding:10px !important;}
div.white_trans_box {border:1px solid #E6E1CD; background:url(image/bg-white-alpha40.png); padding:1em;}
div.white_box {border:1px solid #E6E1CD; background:white; padding:1em;}

/* Menu And Navigations */
/*
ul.simplenavi-h {list-style:none; margin:1em auto; text-align:center;word-spacing:0}
ul.simplenavi-h li a {background-color:#F9A61B; border-radius:1em; -webkit-border-radius:1em; -moz-border-radius:1em;}
ul.simplenavi-h li a:hover {background-color:#854703;}
*/

/* Basic Table */
div.standard {background:url(image/bg-uzu-gray.jpg); margin:1em 0; padding:4px; line-height:0; vertical-align:middle;}
div.standard table {width:100%;border-collapse:collapse; margin:0;}
div.standard table th,
div.standard table td {background:white; border:1px solid #DBD7CB; text-align:left; vertical-align:middle; padding:.5em .5em}
div.standard table th {background:url(image/bg-mesh-light.jpg) #8D825F; font-weight:bold; color:white; white-space:nowrap}
div.standard table td { }
div.standard table thead th,
div.standard table thead td,
div.standard table tfoot th,
div.standard table tfoot td {text-align:center}
div.standard table th.transparent,
div.standard table td.transparent {background:none; color:#221815;}
div.standard table th.light,
div.standard table td.light {background:url(image/bg-mesh-clear.jpg) #C3BDA7; color:#221815;}
div.standard table td.blank {background:url(image/bg-uzu-lightgray.jpg) #EDEBE5;}

div.simple {margin:1em 0; }
div.simple table {width:100%;border-collapse:collapse; margin:0;border:1px solid black;}
div.simple table th,
div.simple table td {border:1px solid black; padding:2px;}
div.simple table th {background:#999999; white-space:nowrap}

.rollover_button {width:200px; height:36px; background:0 0 no-repeat;}
.rollover_button:hover {background-position:0 -36px !important;}

input.send_query {background:url(image/button-send_query.png);}
input.go_back {background:url(image/button-go_back.png); width:60px;}
input.do_search {background:url(image/button-do_search.png);}
input.clear_form {background:url(image/button-clear.png); width:60px;}


/* Paging */
.paging {background:url(image/bg-mesh.jpg) #221815; color:white; border:1px solid #cccccc; margin:1em 0; padding:4px 1em 0;}
.paging a {color:#fc0}
.paging a:hover {color:#fff;}
.paging a.current {text-decoration:none; font-weight:bold; color:#fff;}
.paging .paging-function {float:left; margin-bottom:4px; display:inline;/*forIE6*/}
.paging .paging-navigation {float:right; margin-bottom:4px; display:inline;/*forIE6*/}


/************************************************************************
 * SITE FRAME
 */
div.content-panel { margin:0 auto; width:920px;}
div#site-identity {background: url(image/site-identity.png) no-repeat 0 0; text-indent:-9999px; }
div#site-identity a { display:block; width:193px; height:48px;  }

div#page-header {position:relative; height:124px; background:url(image/line-style-2.png) repeat-x 50% 0;}
div#page-header div#site-identity { position:absolute; top:38px; right:2px; }
ul#global-navi { position:absolute; top:45px; left:0; width:688px; height:40px; list-style:none;}
ul#global-navi li { float:left; margin:0; padding:0; text-indent:-9999px; }
ul#global-navi li a { display:block; height:40px; background:url(image/site-menu.gif) no-repeat 0 0;}
ul#global-navi li.top a { width:49px; background:url(image/site-menu-top.png); }
ul#global-navi li.forseasons a { width:148px; background:url(image/site-menu-forseasons.png); }
ul#global-navi li.brands a { width:153px; background:url(image/site-menu-brands.png); }
ul#global-navi li.used_cars a { width:95px; background:url(image/site-menu-usedcars.png); }
ul#global-navi li.evaluation a { width:95px; background:url(image/site-menu-evaluation.png); }
ul#global-navi li.contact a { width:79px; background:url(image/site-menu-contact.png); }
ul#global-navi li.recruit a { width:69px; background:url(image/site-menu-recruit.png); }
ul#global-navi li a:hover,
ul#global-navi li.current a { background-position:0 -40px !important; }

div#page-body {position:relative; }
div#page-body p.to_pagetop {text-align:right; margin:3em 10px 0 0;}

div#page-footer {position:relative; text-align:center; margin-top:2em; padding:1.5em 0 4em; background: url(image/line-style-1.png) repeat-x 50% 0;}
div#page-footer div#site-identity { position:relative; left:370px; margin:1.5em 0;}
div#page-footer p#site-footer-navi a { text-decoration:none;}
div#page-footer p#linkto-shop-mini {font-size:10px; }
div#page-footer p#linkto-shop-mini a {color:white; background-color:#CECEC5; font-weight:bold; text-decoration:none; margin:1.5em .25em; padding:1px 1em;}
div#page-footer p#linkto-shop-mini a:hover {background-color:#221815; }

div.col-all,
div.col-w4 {float:left; width:920px; clear:both;}
div.col-w3 {float:left; width:680px; margin-right:40px;}
div.col-w2 {float:left; width:440px; margin-right:40px;}
div.col-w1 {float:left; width:200px; margin-right:40px;}
div.col-brands {float:left; width:280px; margin-right:40px;}
div.col-end {margin-right:0px !important;}

div.column-layout {width:960px; margin-right:-40px; overflow:hidden; zoom:1;}
div.column-layout:after { content:"."; clear:both; display:block; line-height:0; height:0; visibility:hidden; }
div.column-w3 {float:left; width:680px; margin-right:40px;}
div.column-w2 {float:left; width:440px; margin-right:40px;}
div.column-w1 {float:left; width:200px; margin-right:40px;}
div.column-end {margin-right:0px !important;}




/************************************************************************
 * TOP PAGE
 */
.toppage #corporate_logo {position:absolute; left:0px; top:85px;}
.toppage #shop_banner_area {text-align:center}
.toppage #shop_banner_area h2 {margin:7px 0 16px;}
.toppage #shop_banner_area p {margin-bottom:8px;}
.toppage #brand_logo_area {margin-bottom:20px;}
.toppage #brand_logo_area img {margin:0 6px;}
.toppage #blog-new_articles {margin-top:32px; background:url(image/line-style-2.png) repeat-x 50% 0;}
.toppage #blog-new_articles h2 {font-size:14px; margin:0 0 10px;}
.toppage #blog-new_articles ul {list-style:none;}
.toppage #blog-new_articles ul li {margin:0 0 3px;}
.toppage #blog-new_articles ul li.article a {text-decoration:none;}
.toppage #blog-new_articles ul li.article a:hover {text-decoration:underline;}
.toppage #blog-new_articles ul li.more a {text-align:right;}




/************************************************************************
 * THE FOR SEASONS
 */
.forseasons #coporate-profile {background:url(image/bg-mesh.jpg) #221815; color:#fff; padding:10px; margin:0 -10px; zoom:1;
_position:absolute; _top:0; _right:10px;/*for IE6*/
}
.forseasons #coporate-profile a {color:white;}
.forseasons #coporate-profile a:hover {color:#fc0;}
.forseasons #coporate-profile h2 {text-align:center; margin:10px 0;}
.forseasons #coporate-profile p.corporate_name {text-align:center; margin:20px 0; font-size:1.2em; font-weight:bold;}
.forseasons #coporate-profile h3 {font-size:1em; margin:2em 0 0;}
.forseasons #coporate-profile span.h3 {font-weight:bold;}
.forseasons #coporate-profile span.orange {color:#fc0;}

.forseasons #coporate-profile #shopinfo p {margin:0;}
.forseasons #coporate-profile #shopinfo h4 {margin:.5em 0 0; padding-top:42px; background:no-repeat 0 0;}
.forseasons #coporate-profile #shopinfo .jaguar_hirakata h4 {background-image:url(/image/logo-brand-jaguar.png);}
.forseasons #coporate-profile #shopinfo .landrover_hirakata h4 {background-image:url(/image/logo-brand-landrover.png);}
.forseasons #coporate-profile #shopinfo .cadillac_osaka h4 {background-image:url(/image/logo-brand-cadillac-set-w.png);}
.forseasons #coporate-profile #shopinfo .audi_wakayama h4 {background-image:url(/image/logo-brand-audi.png);}
.forseasons #coporate-profile #shopinfo .cjd_osaka h4 {background-image:url(/image/logo-brand-cjd-set.png);}
.forseasons #coporate-profile #shopinfo .forseasons h4 {background-image:url(/image/logo-forseasons.png);}

.forseasons #coporate-profile #history {}
.forseasons #coporate-profile #history ul {list-style:none;}
.forseasons #coporate-profile #history ul li {margin:6px 0 0;}
.forseasons #coporate-profile #history ul li span.date {font-weight:bold;}




/************************************************************************
 * CONTACT
 */
.contact .brand h5 {margin:2em 0 0.75em; border-bottom: 1px solid #221815; line-height:2em;
	padding-top:42px; background:no-repeat 0 0}
.contact .brand p {margin-bottom:0}
.contact .brand p.telephone {font-size:2em; font-weight:bold; line-height:1em}

.contact .jaguar_hirakata h5 {background-image:url(/image/logo-brand-jaguar.png)}
.contact .landrover_hirakata h5 {background-image:url(/image/logo-brand-landrover.png)}
.contact .cadillac_osaka h5 {background-image:url(/image/logo-brand-cadillac-set-k.png)}
.contact .audi_wakayama h5 {background-image:url(/image/logo-brand-audi.png)}
.contact .cjd_osaka h5 {background-image:url(/image/logo-brand-cjd-set-k.png)}
.contact .forseasons h5 {background-image:url(/image/logo-forseasons.png)}


/************************************************************************
 * FORMS
 */
.forms .standard th, .standard td { line-height:1.5em}
.forms .standard th p, .standard td p {margin-bottom:.5em}
.forms .case-label {font-size:1.1666em; color:#fc0 !important;}
.forms img.download {background-position:0 0; width:132px; height:46px;}
.forms img.download:hover {background-position:0 -46px;}
.forms .button-area {padding-top:2px !important; padding-bottom:2px !important;}
.forms div.form-thumbnails {margin-top:-648px; margin-left:480px; margin-right:0; width:440px;}
.forms div.form-thumbnails p { text-align:center;}
.forms div.form-thumbnails img {width:200px; height:140px}
.forms div#form-example-image { margin-top:2em;}


/************************************************************************
 * USED CARS
 */
.used_cars .normal_price {}
.used_cars .former_price {text-decoration:line-through;color:#999999}
.used_cars .sale_price {color:red; font-weight:bold;font-size:1.2em}
.used_cars .soldout {color:#CC0000;}
.used_cars .function_button_area {float:right;width:200px;}

.used_cars #detail-header {}
.used_cars #detail-header #title_area{float:left; width:720px;}
.used_cars #detail-header #title_area h1 {font-size:2em; margin:0; padding:0; background:none;}
.used_cars #detail-header #title_area p.description {font-size:1.5em;margin-bottom:0;}
.used_cars #detail-body {}
.used_cars #detail-body #image_area {clear:both; background:#221815 url(image/bg-mesh.jpg); margin:12px 0; padding:15px 10px;}
.used_cars #detail-body #image_area {clear:both; background:#221815 url(image/bg-mesh.jpg); margin:12px 0; padding:15px 10px;}
.used_cars #detail-body #image_area #main_image {float:left; width:640px;}
.used_cars #detail-body #image_area #other_images {float:right; width:252px;}
.used_cars #detail-body #image_area img.thumbnail {width:80px; height:60px; margin:0 0 4px 4px; cursor:pointer;}
.used_cars #detail-body #image_area #movie_area {text-align:center; margin-top:4px;}
.used_cars #detail-body #sales_information #price_area {float:left; width:680px; padding: 14px 0 0 40px;}
.used_cars #detail-body #sales_information #price_area .sale_price {font-size:2.5em;}
.used_cars #detail-body #sales_information #price_area .soldout {font-size:2.5em; font-weight:bold}
.used_cars #detail-body #car_information {}
.used_cars #detail-body #shop_information {text-align:center; margin:24px;}

.used_cars div.forseasons_logo {position:absolute; width:200px; height:48px; background-repeat: no-repeat; }
.used_cars #search_form_area div.forseasons_logo {right:20px; bottom:15px; background-image:url(/image/logo-forseasons-w200-k.png);}
.used_cars #image_area div.forseasons_logo {right:20px; bottom:15px; background-image:url(/image/logo-forseasons-w200-w.png);
	filter:alpha(opacity=25); -moz-opacity:0.25; opacity:0.25;}

body.used_cars_print {background:none;padding:20px;}
.used_cars_print div.content-panel { margin:0 auto; width:640px;}
.used_cars_print .to_pagetop {display:none}
.used_cars_print #page-header {display:none}
.used_cars_print #page-footer {display:none}
.used_cars_print #detail-body #image_area {background:none; padding:0;}
.used_cars_print #detail-body #image_area #main_image {width:464px; height:316px;}
.used_cars_print #detail-body #sales_information #price_area {float:none; width:640px; padding: 14px 0 0; text-align:center;}


/************************************************************************
 * BLOG
 */
.blog ul#select_category {width:777px; height:36px; list-style:none; margin:20px auto;}
.blog ul#select_category li {float:left; margin:0; padding:0; }
.blog ul#select_category li input {height:36px; background-repeat:no-repeat;}
.blog ul#select_category li.informations input {width:170px; background-position:0 0;}
.blog ul#select_category li.informations input:hover {background-position:0 -36px;}
.blog ul#select_category li.new_arrivals input {width:206px; background-position:-170px 0;}
.blog ul#select_category li.new_arrivals input:hover {background-position:-170px -36px;}
.blog ul#select_category li.customer_voice input {width:213px; background-position:-376px 0;}
.blog ul#select_category li.customer_voice input:hover {background-position:-376px -36px;}
.blog ul#select_category li.from_staff input {width:188px; background-position:-589px 0;}
.blog ul#select_category li.from_staff input:hover {background-position:-589px -36px;}

.blog #articles .article {margin:20px 40px; padding:20px 20px 20px 140px; background:white no-repeat 20px 40%;}
.blog #articles .article img.photo {width:100px; float:left; margin-left:-120px;}
.blog #articles .article h3 a {text-decoration:underline;}
.blog #articles .article p.metadata {text-align:right; margin-bottom:0; font-weight:bold;}