/* =========================================================
    店舗地図 CSSファイル
    (client.html)

    date   : 2010.01.16
    author : proto

========================================================= */

/* CSS Document */

@import url("/shared/css/reset.css");
@import url("/shared/css/font_euc.css");
@import url("/shared/css/base.css");

div.topicpath ul {
    /*padding:5px 15px 0px 15px;*/
    width:680px;
}
div.topicpath ul li {
    /*float:left;*/
    white-space: nowrap;
}



/*__________ div#shopmain __________*/
div#shopmain{
    border: 1px solid #ccc;
    margin: 0 0 10px 0;
    background: url(../img/bg_shopmain.gif) bottom left repeat-x;
}

div#shopmain div.title{
    display: inline;
    margin: 10px 0 0 10px;
    float: left;
    width: 649px;
}

div#shopmain div.title h2{
    display: inline;
    font-weight: bold;
    font-size: 24px;
}

div#shopmain div.title p.howmany{
    display: inline;
    padding: 0 0 0 8px;
    font-weight: bold;
    font-size: 14px;
}

div#shopmain div.title p.address{
    margin: 10px 0;
    padding: 0 0 0 15px;
    background: url(../img/icon_shopmain_address.jpg) no-repeat;
}

div#shopmain div.title p.icon{
    margin: 10px 0;
}
div#shopmain div.title p.icon a{
    text-decoration: none;
}

div#shopmain div.contact{
    float: right;
    width: 280px;
    margin: 10px 5px 0 0;
    padding: 5px;
    border: 2px solid #ccc;
    position: relative;
    background: #fff;

}

div#shopmain div.contact ul,
div#shopmain div.contact li,
div#shopmain div.contact p {
    float:left;
}
div#shopmain div.contact ul {
    padding:0 5px 5px;
}
div#shopmain div.contact p.mobile {
    width:131px;
    padding: 5px 0 0 0;
}
div#shopmain div.contact p.number {
    font-family:Verdana;
    font-size:17px;/*21px*/
    font-weight:bold;
    margin: 4px 0 0 5px;
    vertical-align:top;
    color: #f00;
    padding: 4px 0 0 0
}
div#shopmain div.contact p.text{
    padding: 3px 0 0 0;
    clear: both;
    width: 100%;
}

div#shopmain div.contact p.text strong{
    color: #f00;
    font-weight: bold;
}

div#shopmain div.navi{
    margin: 5px 0 0 0;
    position: relative;
}

div#shopmain div.navi p.btn{
    position: absolute;
    margin: 0 0 0 817px;
}
div#shopmain ul#shopmenu{
    padding: 0 10px;
    border-bottom: 2px solid #d91a29;
    clear: both;
}

div#shopmain ul#shopmenu li{
    display :inline;
}

div#shopmain ul#shopmenu li a{
    display: block;
    float: left;
    margin: 0 1px 0 0;
    padding: 0 10px;
    border-top: 1px solid #ccc;
    border-left: 1px solid #ccc;
    border-right: 1px solid #ccc;
    line-height: 27px;
    color: #000;
    text-decoration: none;
    font-weight: bold;
    font-size: 14px;
    background: #fff;
}

div#shopmain ul#shopmenu li a.on{
    background: #d91a28;
    color: #fff;
    border-top: 1px solid #d91a28;
    border-left: 1px solid #d91a28;
    border-right: 1px solid #d91a28;
}

div#shopmain ul#shopmenu li a:link,
div#shopmain ul#shopmenu li a:visited,
{
    text-decoration: none;
}

div#shopmain ul#shopmenu li a:hover{
    background: #d91a28;
    color: #fff;
    border-top: 1px solid #d91a28;
    border-left: 1px solid #d91a28;
    border-right: 1px solid #d91a28;
}

div#main {
width:960px;
}

div#main h2 {
background:#F2F2F2 none repeat scroll 0 0;
border:1px solid #CCCCCC;
font-size:14px;
font-weight:bold;
padding:4px 6px;
}

div#campaign h2 {
background:#F2F2F2 none repeat scroll 0 0;
border-top:1px none #CCCCCC;
border-right:1px none #CCCCCC;
border-left:1px none #CCCCCC;
border-bottom:1px solid #CCCCCC;
font-size:14px;
font-weight:bold;
padding:4px 6px;
margin-bottom:5px
}

div#main div#cardetail {
margin:0 0 10px;
padding:10px 0;
}

div.boxed {
background:#FFFFFF none repeat scroll 0 0;
border-bottom:1px solid #CCCCCC;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
margin:0 0 10px;
}

div#main table.map_cardetail {
margin:0 0 10px;
}

div#main table.map_cardetail td.macd_left {
padding:0 10px;
text-align:center;
vertical-align:top;
width:200px;
}

div#main table.map_cardetail td.macd_left div.macd_price {
margin-bottom:5px;
}

div#main table.map_cardetail td.macd_left div.macd_price p.price1 strong {
color:#FF0000;
font-family:"Arial Black",arial,sans-serif;
font-size:16px;
font-weight:bold;
padding:0 3px;
}

div#main table.map_cardetail td.macd_left div.macd_price p.price1 span {
font-size:10px;
}

div#main table.map_cardetail td.macd_right {
padding:0 10px;
vertical-align:top;
}

div#main table.map_cardetail td.macd_right table {
border-collapse:collapse;
margin-bottom:5px;
}

div#main table.map_cardetail td.macd_right table th {
background:#EEEEEE none repeat scroll 0 0;
font-weight:normal;
text-align:left;
}

div#main table.map_cardetail td.macd_right table th, div#main table.map_cardetail td.macd_right table td {
border:1px solid #CCCCCC;
padding:3px;
}

div#main table.map_cardetail td.macd_right table th {
background:#EEEEEE none repeat scroll 0 0;
font-weight:normal;
text-align:left;
}

div#main div#inquiry {
padding:5px 20px;
}

div#main div#inquiry table td.mobile {
text-align:left;
}

div#main div#inquiry table td.phone {
font-family:Verdana;
font-size:20px;
}

div#main div#maintitle {
margin:0;
}

div#main div#maintitle h2 {
background:#F2F2F2 none repeat scroll 0 0;
padding:4px 6px;
}

div#main div#maintitle p.compareBtn {
position:relative;
text-align:right;
}

div#main div#maintitle p.compareBtn span {
position:absolute;
right:8px;
top:-24px;
}

div#main div#shopsummary {
margin:10px 0;
}

div#main div#shopsummary p.img {
float:left;
margin:0 20px 0 0;
width:180px;
}

div#main div#shopsummary div.txt {
float:left;
margin:5px 0 0;
width:560px;
}

div#main div#shopsummary div.txt p.detail_att {
background:#F8F8F8 none repeat scroll 0 0;
margin:5px 0 0;
padding:5px;
}

div#main div#shopsummary div.txt p.detail_att span {
color:#CC0000;
}

div#main div#shopsummary p.revue_all{
	background:url(/usedcar/common/img/icon_review.gif) no-repeat; 
	padding:0 10px 10px 18px; 
	float:right;
}

div#main div#shopsummary p.revue_all a{
	padding-right:5px;
}

div#main div#shopsummary ul.icn {
float:right;
width:180px;
}

div#main div#shopsummary ul.icn li.shopdetail {
background:transparent url(/used/img/icon_shop_detail.gif) no-repeat scroll 0 3px;
}

div#main div#shopsummary ul.icn li.shopmap {
background:transparent url(/used/img/icon_shop_map.gif) no-repeat scroll 0 3px;
}

div#main div#shopsummary ul.icn li.shopcar {
background:transparent url(/used/img/icon_shop_car.gif) no-repeat scroll 0 3px;
}

div#main div#shopsummary ul.icn li.shoproom {
background:transparent url(/used/img/icon_shop_room.gif) no-repeat scroll 0 3px;
}

div#main div#shopsummary ul.icn li.shopslide {
background:transparent url(/used/img/slide_show.gif) no-repeat scroll 0 3px;
}
div#main div#shopsummary ul.icn li.shopcell { 
background: url(/used/img/icon_goonet_sell_s.gif) no-repeat 0 3px; 
}
div#main div#shopsummary ul.icn li.inspect { 
background: url(https://img.goo-net.com/goo/usedcar/icon_syaken.gif) no-repeat 0 3px; 
}
div#main div#shopsummary ul.icn li {
line-height:25px;
padding:0 0 0 25px;
}

div#main p.detail_shopmemo {
color:#CC0000;
font-weight:bold;
padding:10px;
}

div#main ul.detail_shopinfo {
width:100%;
}

div#main ul.detail_shopinfo li {
float:left;
margin:0 5px 3px 0;
}

div#main div.detail_iconlink {
text-align:left;
}



/* Header Definition */

div#header{
    width:960px;
}

div#header h1 {
    font-size: 100%;
    padding:4px 0 ;
    border-bottom: 1px solid #ccc;
    zoom:1;
    font-weight: bold;
    }

div#header div#gNav {
    position: relative;
    margin:0 ;
}
div#header div#gNav ul {
    position: absolute;
    top:-21px;
    right:0;
}

div#header div#gNav ul li {
    display: inline;
    border-right: 1px solid #333;
    padding: 0 6px 0 3px;
}
div#header div#gNav ul li.bookmark a {
    background:#fff url(/common/img/icon_star.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}
div#header div#gNav ul li.english a {
    background:#fff url(/common/img/icon_world.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}
div#header div#gNav ul li.mypage a {
    background:#fff url(/common/img/icon_mypage.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}
div#header div#gNav ul li.sitemap a {
    background:#fff url(/common/img/icon_guide.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}
div#header div#gNav ul li.inquire a {
    background:#fff url(/common/img/icon_help.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}
div#header div#gNav ul li.goonet a {
    background:#fff url(/common/img/icon_goo.gif) no-repeat scroll left center;
    padding:0 0 0 16px;
}

div#header div#gNav ul li.goonet {
    border-right:none;
    padding: 0 0 0 3px;
}
div#header div#headerMv {
    width:960px;
    float:left;
}
div#header div#headerMv p.gooLogo,
div#header div#headerMv p.conLogo {
    float:left;
    margin:13px 0;
}
div#header div#headerMv p.hdBnr {
    float:right;
    width:468px;
    height:60px;
    margin:8px 0 ;
}


/* Footer Definition */
div#footer{
    margin: 0px;
    padding: 0;
    clear: both;
}

#flist {
    width: 750px;
    margin: 0px;
    padding: 0px;
    list-style: none;
}
#flist li {    float: left;
    white-space: nowrap;
}
#flist h2 {
    margin: 0;
    padding: 0;
    font-weight: 100;
    float: left;
}



table.f_brand_link {
    width: 100%;
    background-color: #eeeeee;
    margin-top: 5px;
}   
table.f_brand_link ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}   
table.f_brand_link li {
    float: left;
    border-right: 1px #ccc solid;
    border-left: 1px #fff solid;
    white-space: nowrap;
    font-size:1em;
}
table.f_brand_link li a {
    display: block;
    position: relative; /* Hack for IE */
    padding: 3px 8px;
}
table.f_brand_link li#l_none {
    padding: 3px 0;
    border-left: none;
}
table.f_brand_link li#r_none {
    padding: 3px 0;
    border-right: none;
}   
table#flist_wrapper {
    width: 100%;
    margin-top: 5px;
    vertical-align: top;
    border-top: solid 1px #cccccc;
}
table#flist_wrapper td {
    padding: 5px;
    font-size: 11px; /* FontSize */
    line-height: 1.3;
}   



/* フッターリンクデザイン修正 2009.11.04 */
div#footer { margin-top:10px; border-top:#CCCCCC 1px solid;}
div#footer a { color:#666666; text-decoration:none;}
div#footer a:hover { color:#20394C; text-decoration:underline;}
div#footer ul#flist { width:auto; clear:both; zoom:1;}
div#footer ul#flist:after {  
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}

div#footer ul#flist li.flist-title { margin-right:10px; font-weight:bold; color:#20394C !important;}
div.footer-inner { clear:both; padding:5px; font-size:11px; border-bottom:#CCCCCC 1px dotted;}
table#flist_wrapper { clear:both; border-bottom:#CCCCCC 1px dotted;}


/* div#campaign */
div#main div#campaign {
	border:1px solid #ccc;
	margin-bottom:10px;
}
div#main div#campaign h2 {
	background-color:#F2F2F2;
	border-bottom:1px solid #ccc;
	font-size:14px;/*14px*/
	font-weight:bold;
	padding:4px 6px;
	margin: 0 0 10px 0;
}
div#main div#campaign p.img {
	float:left;
	padding:0 5px;
}
div#main div#campaign p.img img {
	border:1px solid #ccc;
	margin-bottom:10px;
}
div#main div#campaign div.text {
	float:left;
	width:520px;
}
div#main div#campaign div.text h3 {
	color:#FF0000;
	font-weight:bold;
	margin-bottom:2px;
	font-size: 14px%;
}
div#main div#campaign div.text span {
	color:#FF0000;
}
div#main div#campaign div.text p.date {
	font-weight:bold;
	margin-bottom:5px;
}



div#main div.ma_groupdetail{
	margin:0 0 15px 0;
	padding: 0;
}
div#main div.ma_groupdetail div.gd_link{
	padding:5px 10px;
	text-align:right;
}
div#main div.ma_groupdetail div.gd_link img{
	vertical-align:middle;
}
div#main div.ma_groupdetail table.gd_shoplist{
	width:100%;
	border-collapse:collapse;
}
div#main div.ma_groupdetail table.gd_shoplist th,
div#main div.ma_groupdetail table.gd_shoplist td{
	border:#cccccc solid 1px;
	padding:3px;
	text-align:center;
	white-space:nowrap;
}
div#main div.ma_groupdetail table.gd_shoplist th{
	background:#f6f6f6;
	font-weight:normal;
}
div#main div.ma_groupdetail table.gd_shoplist td.sl_name,
div#main div.ma_groupdetail table.gd_shoplist td.sl_add{
	text-align:left;
	white-space:normal;
}



div#main table.detail_grouplink {
border-collapse:collapse;
margin:5px 1px 10px 1px;
width:99.9%;
}

div#main table.detail_grouplink th {
background:#F6F6F6 none repeat scroll 0 0;
font-weight:normal;
}

div#main table.detail_grouplink th, div#main table.detail_grouplink td {
border:1px solid #CCCCCC;
font-size:1em;
padding:3px;
text-align:center;
}

div#main table.detail_grouplink td table {
margin:0 auto;
}

div#main table.detail_grouplink td table td {
border:medium none;
padding:0;
text-align:left;
font-size:1em;
}

div#main table.detail_grouplink img {
vertical-align:middle;
}



div#maparea {
margin:20px 0 10px;
}

div#maparea div#ErrorMessage{
	color:#ff0000;
}

div#maparea div#map_main {
float:left;
width:740px;
}

div#maparea p iframe{
	width:100%;
	height:480px;
}

div#maparea div#map_side {
float:right;
width:200px;
}

.car_info {
border:1px solid #CCCCCC;
margin-bottom:10px;
margin-left:auto;
margin-right:0;
}

.car_info p.midashi {
background-image:url(/common/img/stc.gif);
background-repeat:repeat-x;
border-bottom:1px solid #CCCCCC;
color:#000000;
font-size:0.9em;
font-weight:bold;
margin:0;
padding:3px 7px;
text-align:left;
}

.car_info_bg {
padding:5px;
}



#map_rnaviroute {
background:#999999 none repeat scroll 0 0;
}

#map_rnaviroute .route_head {
background-color:#FFFFEE;
}

#map_rnaviroute .route_head {
background-color:#FFFFEE;
}

#map_rnaviroute table{
	border:1px #999 solid;
	border-collapse:collapse;
}

#map_rnaviroute th {
background:#FFFFFF none repeat scroll 0 0;
font-weight:100;
vertical-align:top;
white-space:nowrap;
width:20%;
border:1px #999 solid;
border-collapse:collapse;
padding:1px;
}

#map_rnaviroute td {
background:#FFFFFF none repeat scroll 0 0;
padding-left:15px;
vertical-align:top;
width:70%;
border:1px #999 solid;
border-collapse:collapse;
padding:1px;
}

/* ------------------------------------------------------
  2010/09/30 追加 スケルトン・ソーシャルボタン用CSS
------------------------------------------------------ */

#social_btn_area{
	position: relative;
	top: 24px;
	left: 700px;
	overflow: hidden;
	width: 328px;
}
*:first-child+html #social_btn_area{
	position: relative;
	top: 24px;
	left: 630px;
	overflow: hidden;
	width: 335px;
}

#social_btn_area table{
}



/*__________ div#shopmain __________*/
div#shopmain{
	border: 1px solid #ccc;
	margin: 0 0 10px 0;
	background: url(../img/bg_shopmain.gif) bottom left repeat-x;
}

div#shopmain div.title{
	display: inline;
	margin: 10px 0 0 10px;
	float: left;
	width: 649px;
}

div#shopmain div.title h2{
	display: inline;
	font-weight: bold;
	font-size: 24px;
}

div#shopmain div.title p.howmany{
	display: inline;
	padding: 0 0 0 8px;
	font-weight: bold;
	font-size: 14px;
}

div#shopmain div.title p.address{
	margin: 10px 0;
	padding: 0 0 0 15px;
	background: url(../img/icon_shopmain_address.jpg) no-repeat;
	clear: both;
}

div#shopmain div.title p.icon{
	margin: 10px 0;
}
div#shopmain div.title p.icon{
    margin: 10px 0;
}
div#shopmain div.title .review{
	padding:5px 0px;
} 
div#shopmain div.title .review dl{
	font-size:14px; font-weight:bold;vertical-align:middle;
}
div#shopmain div.title .review dt{ 
	margin-top:5px; float:left; clear:both; width: 110px;font-weight:bold
} 
div#shopmain div.title .review dd{
    float: left;
    width: 450px;
}
div#shopmain div.title .review dd img{
	float: left;
	display: block;
	zoom:1;
}
div#shopmain div.title .review dd div.countassist{
    display: inline;
    font-size: 15px;
    font-weight: bold;
    height: 21px;
    line-height: 1.7;
}
div#shopmain div.title .review dd div.countassist span.rating,div#shopmain div.title .review dd div.countassist span.count{
	color: #DD5736;
}

div#shopmain div.contact{
	float: right;
	width: 280px;
	margin: 10px 5px 0 0;
	padding: 5px;
	border: 2px solid #ccc;
	position: relative;
	background: #fff;

}

div#shopmain div.contact ul,
div#shopmain div.contact li,
div#shopmain div.contact p {
	float:left;
}
div#shopmain div.contact ul {
	padding:0 5px 5px;
}
div#shopmain div.contact p.mobile {
	width:131px;
	padding: 5px 0 0 0;
}
div#shopmain div.contact p.number {
	font-family:Verdana;
	font-size:17px;/*21px*/
	font-weight:bold;
	margin: 4px 0 0 5px;
	vertical-align:top;
	color: #f00;
}
div#shopmain div.contact p.text{
	padding: 3px 0 0 0;
}

div#shopmain div.contact p.text strong{
	color: #f00;
	font-weight: bold;
}

/* 201311Callノート追加 */

dl.callNote {
    background-color: #FFF7C6;
    border: 1px solid #FF4114;
    line-height: 1.2;
    margin: 10px 10px 0 0;
    padding: 10px 0 0;
    width: 230px;
    clear: right;
    float: right;
    display: inline;
}
dl.callNote dt {
    color: #333333;
    font-weight: bold;
    margin-bottom: 2px;
    text-align: center;
}

dl.callNote dd.imgArea {
    text-align: center;
}
dl.callNote dd.telArea {
    color: #EE0000;
    font-size: 200%;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    margin-bottom: 3px;
}
dl.callNote dd.timeArea {
    margin: 0 0 5px;
    text-align: center;
}
dl.callNote dd.textArea {
    margin: 0 10px;
    font-size: 11px;
}


dl.callNoteArea {
    background-color: #FFF7C6;
    border: 1px solid #FF4114;
    clear: right;
    float: right;
    line-height: 1.2;
    margin: 20px 10px 0 0;
    padding: 10px 0;
    width: 208px;
}


dl.callNoteArea dt {
    color: #333333;
    font-weight: bold;
    margin-bottom: 2px;
    text-align: center;
    font-size: 98%;
}

dl.callNoteArea dd.imgArea {
    text-align: center;
}

dl.callNoteArea dd.telArea {
    color: #EE0000;
    font-size: 200%;
    font-weight: bold;
    line-height: 1.2;
    margin-bottom: 3px;
    text-align: center;
}

dl.callNoteArea dd.timeArea {
    margin: 0 0 5px;
    text-align: center;
}

dl.callNoteArea dd.textArea {
    font-size: 90%;
    margin: 0 10px;
}



div#shopmain div.navi{
	margin: 5px 0 0 0;
	position: relative;
	clear: both;
}

div#shopmain div.navi p.btn{
	position: absolute;
	margin: 0 0 0 817px;
}
div#shopmain ul#shopmenu{
	padding: 0 10px;
	border-bottom: 2px solid #d91a29;
}

div#shopmain ul#shopmenu li{
	display :inline;
	float: left;
}

div#shopmain ul#shopmenu li a{
	display: block;
	float: left;
	margin: 0 1px 0 0;
	padding: 0 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	line-height: 27px;
	color: #000;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	background: #fff;
}

div#shopmain ul#shopmenu li a.on{
	background: #d91a28;
	color: #fff;
	border-top: 1px solid #d91a28;
	border-left: 1px solid #d91a28;
	border-right: 1px solid #d91a28;
}

div#shopmain ul#shopmenu li a:link,
div#shopmain ul#shopmenu li a:visited,
{
	text-decoration: none;
}

div#shopmain ul#shopmenu li a:hover{
	background: #d91a28;
	color: #fff;
	border-top: 1px solid #d91a28;
	border-left: 1px solid #d91a28;
	border-right: 1px solid #d91a28;
}