/*
 * 2011/01/22作成
 * 充電スタンド＆エコカー対応に伴うスタイルシート定義
 */

/* ラッパー部分 */
#wrapper {
	width: 968px;
	margin: 0px auto;			/* コンテンツ全体をセンタリングする。 */
}

/* コンテンツ部分 */
div#container div.contents {
	margin-left: 0px;
}

/* パンくずリスト部分 */
div#container div.naviList ul {
	margin: 0px;
}

/* 販売店検索タイトル部分(車両画像) */
#contents_title_car_image {
	margin-top: -40px;
	float: right;
}

/* 販売店検索タイトル部分の注意事項表示部分 */
.explanation_area {
	float: left;
}

/* 地図表示ON/OFFボタン部分 */
.map_on_off_buttomn {
	margin-top: 10px;
	float: right;
}

/* "販売店のサービス/施設"凡例部分 */
.services_explanation {
	width: 240px;
	float: left;
}

/* "販売店のサービス/施設"Wifi文言 */
.services_explanation #wifi_message {
	margin-top: 20px;
}

/* "販売店のサービス/施設"凡例のタイトル */
.services_explanation h3 {
	font-size: 1.25em;
	font-weight: bold;
	margin: 0 0 20px 0;
}

/* "販売店のサービス/施設"凡例のサービス/施設内容部分 */
.services_explanation_element {
	clear:both;
	padding-top: 5px;
	font-size: 0.8em;
}

/* お店の条件で絞り込む(inputタグ) */
.services_explanation_element input {
	float:left;
	margin-right: 5px;
}

/* "販売店のサービス/施設"凡例のサービス/施設内容部分(imgタグ) */
.services_explanation_element img {
	width: 33px;
	height: 22px;
	float: left;
	display: block;
}

/* "販売店のサービス/施設"凡例のサービス/施設内容部分(pタグ) */
.services_explanation_element p {
	margin-left: 36px;
}

.services_explanation_element .search_lavel {
	float:right;
	font-size: 1.25em;
	width:185px;
}

/* "販売店のサービス/施設"凡例のサービス/施設内容部分(spanタグ) */
.services_explanation_element span {
	font-size: 1.25em;
}

.area_information {
	display: none;
	opacity: 0;
	position: fixed;
	top: 275px;
	width: 240px;
}

.area_information .gauge {
	position: absolute;
	width: 6px;
	height: calc(100% - 44px);
	padding: 2px;
	transform: rotateX(180deg);
}

.area_information .gauge_inner {
	background-image: url("/c/f/custom/nissan/COMMON_RSRC/timebar.gif");
	background-repeat: repeat-y;
	height: 100%;
}

.area_information .timer {
	position: absolute;
	top: 640px;
	padding: 2px;
	color: #FFFFFF;
}

.area_information .carousel_area {
	background-color: rgba(0, 0, 0, 0.5);
}

.area_information .carousel_label {
	padding: 5px;
}

.area_information .carousel_label div {
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

.area_information .carousel_banner {
	height: 565px;
	overflow-y: hidden;
}

.area_information ul {
	position: relative;
	margin: 5% 0;
}

.area_information ul li {
	margin: 0 5%;
	text-align: center;
}

.area_information ul li img {
	width: 215px;
}

.area_information .area_information_close_area {
	padding: 0 5px;
	font-size: 32px;
	height: 44px;
	background-color: rgba(0, 0, 0, 0.5);
	overflow-x: hidden;
	overflow-y: hidden;
}

.area_information .area_information_close_btn {
	padding: 0 0 0 205px;
	display: block;
}

.area_information .area_information_close_btn:hover {
	cursor: pointer;
}

.area_information .area_information_view {
	padding: 6px 0 0 305px;
	opacity: 0;
	width: 270px;
	font-size: 24px;
	color: #EFEFEF;
}

.area_information .area_information_view:hover {
	cursor: pointer;
}

.area_information .area_information_view::after {
	display: inline-block;
	vertical-align: middle;
	padding: 0 0 6px 6px;
	content: url("/c/f/custom/nissan/COMMON_RSRC/arrow_up.png");
}

/* 販売店リスト部分 */
.shop_list {
//	margin: 10px 0px 0px 240px;
	padding: 10px 0px 20px 20px;
//	border-left: 2px solid #cccccc;
}

/* 販売店リストのセル部分 */
.shop_list_cell {
	clear: right;
	overflow: hidden;
}

/* 販売店リストのセルのタイトル部分 */
.shop_list_cell_title {
	background-color: #dfdfdf;
	height: 35px;
	margin: 20px 0px 10px 0px;
}

/* 販売店リストのセルのタイトル内部にあるAjax用アイコン(フキダシ) */
.shop_list_cell_title_mapicon {
	margin: -15px 5px 0px 0px;
	display: block;
	float: left;
}

/* 販売店リストのセルのタイトル内部にあるテキスト部分 */
.shop_list_cell_title_text {
	padding: 10px 0px 0px 0px;
	float: left;
}

/* 販売店リストのセルのタイトル内部にあるアイコン部分 */
.shop_list_cell_title_icon {
	padding: 7px 5px 0px 0px;
	float: right;
}

/* 販売店リストのセルの左部分 */
.shop_list_cell_left {
	width: 440px;
	float: left;
}

/* 販売店リストのセルの右部分 */
.shop_list_cell_right {
	float: right;
	text-align: right;
}

/* 販売店リストのセル内部のリンクタグ部分(divタグ) */
div.shop_list_cell_a {
	margin: 10px 5px 10px 0px;
}

/* 販売店リストのセル内部のリンクタグ部分(aタグ) */
a.shop_list_cell_a {
	color: #1d41a8 !important;
	text-decoration: underline !important;
}

/* 販売店リストのセル内部にある"販売店のサービス・施設"部分 */
.shop_list_cell_service_icon {
	background-color: #ededed;
	text-align: left;
	width: 255px;
	height: 70px;
}

/* 販売店リストのセル内部にある"販売店のサービス・施設"のテキスト部分 */
.shop_list_cell_service_icon_text {
	padding: 15px 0px 0px 10px;
	float: left;
}

/* 販売店リストのセル内部にある"販売店のサービス・施設"のアイコン部分 */
.shop_list_cell_service_icon_image {
	padding: 10px 0px 0px 100px;
}

/* 販売店ポップアップ部分 */
.shop_popup {
	background-color: #ffffff;	/* 背景が透けないようにする為。 */
	border-style: solid;
	border-width: 1px 1px 1px 6px;
	border-color: #cccccc #cccccc #cccccc #cc3030;
	padding: 10px 0px 10px 5px;
	overflow: auto;
}

/* 販売店ポップアップタイトル部分 */
.shop_popup_title {
}

/* 販売店ポップアップタイトル内部の店舗ロゴ画像 */
.shop_popup_title_icon {
	margin-bottom: 5px;
	float: left;
}

/* 販売店ポップアップタイトル内部の左側部分 */
.shop_popup_title_left {
	float: left;
}

/* 販売店ポップアップタイトル内部の右側部分 */
.shop_popup_title_right {
	float: right;
}

/* 販売店ポップアップ内部の区切り線 */
.shop_popup_hr {
	border-color: #cccccc;
	display:block;
}

/* 販売店(グループ)ポップアップ部分(複数店舗分) */
.shop_group_popup {
	background-color: #ffffff;	/* 背景が透けないようにする為。 */
	border-top: solid 1px #dddddd;
	border-left: solid 1px #dddddd;
	border-right: solid 1px #dddddd;
}

/* 販売店(グループ)ポップアップのセル部分(1店舗分) */
.shop_group_popup_cell {
	padding: 8px;
	border-bottom: solid 1px #dddddd;
}

/* ポップアップ表示用のコンテナ */
#shop_popup_container {
	width: 450px;
	position: absolute;
}

/* 販売店ポップアップの試乗車・展示車が無い店舗用のメッセージ部分 */
.shop_popup_no_shijyo_tenji_car {
	background-color: #ededed;
	padding: 5px 10px;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	border-color: #cccccc;
}

/* 販売店グループポップアップの試乗車・展示車が無い店舗用のメッセージ部分 */
.shop_group_popup_no_shijyo_tenji_car {
	background-color: #ededed;
	padding: 5px 10px;
}

/*
 * 販売店リストのセルのタイトル内部にあるテキスト部分(aタグ)
 * 販売店ポップアップタイトル内部の左側部分(aタグ)
 * 販売店(グループ)ポップアップのセル部分(1店舗分)(aタグ)
 */
.shop_list_cell_title_text a,
.shop_popup_title_left a,
.shop_group_popup_cell a {
	color: #000000 !important;
	text-decoration: none !important;
}

/*
 * 販売店リストのセルのタイトル内部にあるテキスト部分(aタグ、マウスオーバー時)
 * 販売店ポップアップタイトル内部の左側部分(aタグ、マウスオーバー時)
 * 販売店(グループ)ポップアップのセル部分(1店舗分)(aタグ、マウスオーバー時)
 */
.shop_list_cell_title_text a:hover,
.shop_popup_title_left a:hover,
.shop_group_popup_cell a:hover {
	color: #C71444 !important;
}

/* 試乗車・展示車情報部分 */
.shijyo_tenji_car_info {
	width: 100%;
	border-collapse: separate;
	border-spacing: 2px;
}

/* 試乗車・展示車情報部分の区分(1が試乗車、2が展示車)部分 */
.shijyo_tenji_car_info .shijyo_tenji_kubun_1 {
	width: 18px;
	color: #ffffff;
	background-color: #00127a;
	padding: 15px 0px;
	text-align: center;
}
.shijyo_tenji_car_info .shijyo_tenji_kubun_2 {
	width: 18px;
	color: #ffffff;
	background-color: #006666;
	padding: 15px 0px;
	text-align: center;
}

/* 試乗車・展示車情報部分のメイン部分 */
.shijyo_tenji_car_info .shijyo_tenji_main {
	background-color: #ebebeb;
	padding-left: 5px;
	padding-right: 15px;
}

/* 販売店リストにおいてグレード別で表示する際のグレード名タイトル部分 */
.shop_list_grade_title {
	background: url("custom/nissan/COMMON_RSRC/bg_grade.gif") repeat-x;
	height: 30px;
	line-height: 30px;
	margin-top: 30px;
	padding-left: 15px;
	border: solid 1px #d0d0d0;
}

/* 販売店リストにおいて販売店別/グレード別のタブ表示部分 */
#shop_list_tab {
	border-bottom: solid 5px #ebebeb;
}

/* 販売店リストにおいて販売店別/グレード別のタブ表示部分(imgタグ) */
#shop_list_tab img {
	margin-right: 2px;
}

/* ブログリスト アコーディオンメニューwrapper */
#shop_list_tab .shop_list_tab_blog_wrapper {
	text-align: right;
	position: relative;
	float: right;
}

.naviList {
	width: 755px;
}
#icon_link {
	clear:both;
	padding:10px 0 0 0;
	text-align:center;
}
#icon_link a {
	color:#1D41A8 !important;
	text-decoration:underline !important;
}
.naviList li {_white-space:nowrap;}
#noShopPopup {
	margin-top:250px;
	margin-left:490px;
	_margin-left:255px;
	width:300px;
	height:200px;
	background: none repeat scroll 0 0 #fff;
	margin-top: 250px;
	position: absolute;
	z-index: 9999;
	display: none;
	border: 1px solid #C61542;
	font-size:small;
}

.shop_list {
//	margin: 736px 0px 0px 240px;
	/margin-top:10px;
}
.services_explanation .search_lavel{
	width:170px;
}
#noShopPopup_msg, .closeButton{
	text-align:center;
}
#noShopPopup_msg{
	margin:35px 0;
	font-weight:bold;
	line-height:30px;
}
#checkmox_list{
	border:1px solid #CCC;
	padding:5px 0;
}
.services_explanation {
	width: 240px;
}
.services_explanation_element{
	padding: 2.5px 5px;
}
.service_ev{
	background-color:#e6fafa;
}
.service_nhpc{
	background-color:#cccccc;
}
.searchrankArea {
	height:150px;
	padding:5px;
}
#searchrankArea_bg {
	background-image : url('/c/f/images/heading/search_map_osusume_header.gif');
	width:223px;
	height:42px;
}
#searchrankArea_bg h3{
	margin:0 0 0 10px;
	padding-top:6px;
}
.searchrankArea .photo {
	width:113px;
	float:left;
}
.searchrankArea li {
	background-repeat:no-repeat;margin-bottom: 2px;
}

div#container .searchrankArea a:link,div#container .searchrankArea a:visited {
	color:#000 !important;
}
div#container .searchrankArea a:hover, div#container .searchrankArea a:active {
	color:#C71444 !important;
}
/* IE7のみリストのレイアウトが崩れるのを修正 */
*+html .shop_list_cell_title {
	float: left;
}

#wakuteku_banner {
	clear:both;
	padding-top: 15px;
}

#wakuteku_banner img {
	margin-top:5px;
}

#wakuteku_banner img:first-child {
	margin-top:0;
}

/* ブログリスト系 */
#blog_list_contents a {
	color: #666666;
}

#blog_list_contents a:hover {
	color: #c71444;
}

#blog_list_contents .blog_list_title {
	height: 30px;
	margin: 10px 0px 10px 0px;
	padding: 10px 0px 0px 25px;
	background-image: url("/c/f/custom/nissan/COMMON_RSRC/tab_blog_title.png");
	background-repeat: no-repeat;
	font-size: 16px;
	font-weight: bold;
}

#blog_list_contents .blog_cell {
	margin: 0px 0px 10px 10px;
	padding: 10px;
	box-shadow: 0 5px 5px -6px rgba(0, 0, 0, 0.5);
}

#blog_list_contents .blog_cell .blog_info {
	margin-bottom:5px;
}

#blog_list_contents .blog_cell .blog_info .blog_title {
	display:inline-block;
	width:530px;
	font-weight: bold;
	font-size: 16px;
}

#blog_list_contents .blog_cell .blog_info .blog_title .blog_info_link {
	text-decoration: underline;
}

#blog_list_contents .blog_cell .blog_info  .blog_entry_date {
	display: inline;
}