@charset "utf-8";
/*------------------------------------------------
 * タイトル：店舗情報CSS
 * 著作権  ：Copyright(c) 2009 ネッツトヨタ兵庫
-------------------------------------------------*/

@import "common.css";		/* 共通CSS */
@import "overShop.css";		/* ロールオーバーCSS */

/*------------------------------------------------
 ページレイアウト要素
------------------------------------------------*/

/* コンテンツとナビの境界線 */
#main{
	background: url(../images/common/bgMainSeparater.gif) 650px 0 repeat-y;
}


/*------------------------------------------------
 index.html
------------------------------------------------*/
/* ２カラム用コンテナ */
div#shopIndexContainer{
	width: 624px;
	margin: 0 auto;
	padding:0;
}

/* 左サイドバー */
div#shopIndexSide{
	float: left;
	width: 202px;
	margin:0;
	padding:0;
}

/* コンテンツ部分 */
div#shopIndexMain{
	width: 412px;
	float: right;
	margin:0;
	padding:0;
}


/* サイドバー - 営業時間 */
div#shopIndexSide div#shopInfoBody{
	background:url(../images/shop/index/sideShop_infoBody.gif) center top repeat-y;
}

div#shopIndexSide div#shopInfoFooter{
	background:url(../images/shop/index/sideShop_infoFooter.gif) center bottom no-repeat;
}

div#shopIndexSide div#shopInfoHeader{
	background:url(../images/shop/index/sideShop_infoHeader.gif) center top no-repeat;
	padding: 8px 14px 8px 14px;
	font-size: 88%;
}

* html div#shopInfoHeader{
	height: 1%;
}

div#shopIndexSide div#shopInfoHeader h5{
	font-size: 128%;
	margin: 8px 0 0 0;
}

div#shopIndexSide div#shopInfoHeader h6{
	font-size: 123%;
	margin: 4px 0 0 0;
}

#main #mainBody #mainBodyInner div#shopIndexSide div#shopInfoHeader p{
	margin: 2px 0 5px 0;
	padding: 0;
}

/* サイドバー - ShopMapバナー */
div#shopIndexSide div#shopMapBanner{
	margin-top: 12px;
}

/* サイドバー - 今月のピックアップショップ */

div#shopIndexSide div#shopPickupBody{
	margin-top: 12px;
	background: #FE9900;
	
}

div#shopIndexSide div#shopPickupHeader{
	background:url(../images/shop/index/sideShop_pickupHeader.gif) center top no-repeat;
	padding: 40px 12px 14px 12px;
}

div#shopIndexSide div#shopPickupHeader a.pickupShopName{
	text-decoration: underline;
}

#main #mainBody #mainBodyInner div#shopIndexSide div#shopPickupHeader p{
	font-size: 88%;
	padding:0;
	line-height: 1.4;
	margin:6px 0 0 0;
}



/* コンテンツ部分 - 店舗一覧テーブル */
#main #mainBody #mainBodyInner #shopIndexMain table#shopListTable{
	width: 412px;
	padding:0;
	margin: 0;
}

#shopIndexMain table#shopListTable th,
#shopIndexMain table#shopListTable td{
	font-size: 88%;
	padding:2px 3px 2px 7px;
}

#shopIndexMain table#shopListTable th{
	background: #666666;
	color: #ffffff;
}

#shopIndexMain table#shopListTable tr.shopListA{
	background: #e5e5e5;	
}

#shopIndexMain table#shopListTable tr.shopListB{
	background: #f2f2f2;
}

#main #mainBody #mainBodyInner #shopIndexMain p.smallFont{
	margin:5px 0 0 0;
	padding: 0;
	line-height: 1.4;
	font-size: 70%;
}

/* ネッツトヨタ兵庫　店舗の特徴 */
#main #mainBody #mainBodyInner #shopIndexFeature1{
	background: url(../images/shop/index/bgimgShopIndex_feature_1.jpg) 0 0 no-repeat;
	height: 600px;
	width: 625px;
	margin: 10px auto;
}

#main #mainBody #mainBodyInner #shopIndexFeature2{
	background: url(../images/shop/index/bgimgShopIndex_feature_2.jpg) 0 0 no-repeat;
	height: 472px;
	width: 625px;
	margin: 10px auto;
}

#main #mainBody #mainBodyInner #shopIndexFeature1 p,
#main #mainBody #mainBodyInner #shopIndexFeature2 p{
	font-size: 86%;
}

#main #mainBody #mainBodyInner #shopIndexFeature1 p{
	padding: 62px 154px 0 22px
}

#main #mainBody #mainBodyInner #shopIndexFeature2 p{
	padding: 60px 18px 0 156px
}


/*------------------------------------------------
 各店情報ページ
------------------------------------------------*/
/* 店舗タイトル */
#main #mainBody #mainBodyInner #shopTtl{
	padding: 0;
	margin:10px 0;
	width: 624px;
	font-size: 80%;
}


#main #mainBody #mainBodyInner td.shopTtlTd{
	border-right: 1px solid #ccc;
	margin: 0;
	width: 270px;
	padding: 0;
}

#main #mainBody #mainBodyInner td.shopTtlTd h2{
	color: #245FA5;
	font-size: 300%;
	margin: 0;
	padding: 0;
}

#main #mainBody #mainBodyInner td.shopTtlinfo{
	padding-left: 22px;
}




/* Shop Image */
#main #mainBody #mainBodyInner #shopImage{
	background: #E5E5CB;
	padding: 15px 15px 8px 15px;
	margin: 0;
}

#main #mainBody #mainBodyInner #shopImage #shopImageImg{
	text-align:center;
}

#main #mainBody #mainBodyInner #shopImage #shopImageImg img{
	margin:5px 8px;
}

/* 新着情報&店長 */
#main #mainBody #mainBodyInner div#shopInfoContainer{
	width: 624px;
	margin:16px auto;
	padding:0;
}

/* 新着情報 */
#main #mainBody #mainBodyInner div#shopInfoContainer div#shopInformation{
	width: 310px;
	float: left;
}

div#shopInformationBody{
	background:url(../images/shop/kakuten/bgShop_shopInfoBody.gif) center top repeat-y;
}

div#shopInformationFooter{
	background:url(../images/shop/kakuten/bgShop_shopInfoFooter.gif) center bottom no-repeat;
}

div#shopInformationHeader{
	background:url(../images/shop/kakuten/bgShop_shopInfoHeader.gif) center top no-repeat;
	padding: 5px 10px 3px 10px;
}

div#shopInformation div#shopInformationHeader h4{
	margin:0;
	padding:0;
	text-align:center;
	color: #fff;
}

div#shopInformation div#shopInformationHeader dl{
	font-size: 90%;
	margin: 15px 5px 0 5px;
}


div#shopInformation div#shopInformationHeader dl dt{
	color: #E05C26;
	line-height: 1.2;
	margin: 6px 0 4px 0;
}

div#shopInformation div#shopInformationHeader dl dd{
	line-height: 1.5;
	font-size: 95%;
	margin-bottom: 10px;
}

div#shopInformation div#shopInformationHeader #shopInfoLink{
	border-top: 1px solid #ff9900;
	padding: 5px 5px 0 5px;
	font-size: 90%;
	line-height: 1.5;
}



/* 店長 */
#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner{
	width: 300px;
	float: right;
	font-size: 90%;
}

#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner{
	padding: 5px 10px;
	border: 1px solid #cccccc;
}

#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table{
	margin:0;
	padding:0;
}

#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table td.ownerName{
	background: url(../images/shop/kakuten/bgOwnerName.gif) 0 7px no-repeat;
}


#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table h5{
	padding-left: 42px;
	font-size: 150%;
	line-height: 1.6;
	font-weight: normal;
}


#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table td.ownerImg{
	width: 95px;
}

#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table td.ownerTxt{
	line-height:1.4;
	letter-spacing:0.2px;
}

#main #mainBody #mainBodyInner div#shopInfoContainer div#shopOwner div#shopOwnerInner table td{
	padding:4px 2px;
	font-size: 90%;
}


/* 試乗車展示車リスト */
#main #mainBody #mainBodyInner h5#shopCarListTtl{
	margin:26px 0 6px 0;
	padding:0;
}

#main #mainBody #mainBodyInner table#shopCarList{
	margin:0px auto 15px auto;
	padding:0;
	width: 624px;
	font-size: 80%;
	line-height: 1.4;
}

table#shopCarList th{
	background: #707070;
	font-size:90%;
	color: #ffffff;
	padding:2px 5px;
}


table#shopCarList td{
	padding: 2px 7px;
	margin:0;
}


table#shopCarList tr.carListA{
	background: #e6e6e6;
}

table#shopCarList tr.carListB{
	background: #cccccc;
}

#main #mainBody #mainBodyInner div#shopCarListTableArea table{
	width: 628px;
	font-size: 90%;
	padding: 0;
	margin:0;
}

#main #mainBody #mainBodyInner div#shopCarListTableArea table th,
#main #mainBody #mainBodyInner div#shopCarListTableArea table td{
	border-collapse: collapse;
	font-size: 90%;
	padding:3px 3px;
	line-height: 1.3;
}

#main #mainBody #mainBodyInner div#shopCarListTableArea table th{
	background: #666666;
	text-align: center;
	color: #ffffff;
	font-weight: normal;
}

#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column1{
	width: 70px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column2{
	width: 70px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column3{
	width: 120px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column4{
	width: 60px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column5{
	width: 150px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column6{
	width: 110px;
}
#main #mainBody #mainBodyInner div#shopCarListTableArea table th#column7{
	width: 40px;
}


/* U-car店舗用メッセージ */
#main #mainBody #mainBodyInner div#shopULink{
	margin: 0 0 5px 0;
}
#main #mainBody #mainBodyInner div#shopUMassage{
	margin: 0 0 50px 0;
}