@charset "utf-8";

/* ****************************************************************************

　目次

-------------------------------------------------------------------------------

　01. Google Map
　02. リスト
　03. 吹き出し
　04. ローディング
　05. 注意書き
　06. 


******************************************************************************* */


/* ==

　01. Google Map

=============================================================================== */
.mapAreas{
	width:930px;
	margin:10px auto;
}
.mapAreas div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}

/* GoogleMap実装エリア
------------------------------------------------------------------------------- */
.mapAreas #map{
	margin:0;
	padding:0;
 	width:593px;
	height:593px;
	border:1px solid #ccc;
	float:right;
}


/* ==

　02. リスト

=============================================================================== */
.mapAreas .result{
	width:323px;
	height:593px;
	min-height:1%;
	margin:0;
	padding:0;
	border:1px solid #ccc;
	float:left;
}
.mapAreas .result p.resultNum{
	margin-bottom:5px;
	padding:5px 100px;
	background-color:#666;
	color:#fff;
	line-height:1.2;
}

/* アンカーリンク
------------------------------------------------------------------------------- */
.mapAreas .result ul.anchor{
	width:315px;
	min-height:1%;
	margin:0 auto 10px;
	border-bottom:1px solid #ccc;
	float:none;
	clear:both;
}
.mapAreas .result ul.anchor:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
.mapAreas .result ul.anchor li{
	width:95px;
	padding:3px 0 3px 10px;
	background:url(/common/images/renew2009/arrow_anchor.gif) left 6px no-repeat;
	border-bottom:1px solid #ccc;
	font-size:11px;
	line-height:1.2;
	color:#999;
	float:left;
}
.mapAreas .result ul.anchor li.lastChild{ border-bottom:none; }

/* リスト詳細
------------------------------------------------------------------------------- */
.mapAreas .result #maplist{
	width:318px;
	height:490px;
	margin:0 0 0 5px;
	padding:3px 0 0;
	line-height:1.0;
	overflow:auto;
	/*position:relative;*/
	clear:both;
}
.mapAreas .result #maplist:after,
.mapAreas .result #maplist div:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	line-height:0; 
	visibility:hidden;
}
* html .mapAreas .result #maplist div{ height:1%; }
.mapAreas .result #maplist div{
	width:295px;
	min-height:1%;
	clear:both;
}
.mapAreas .result #maplist div h2{
	width:268px;
	height:22px;
	padding:8px 10px 0 15px;
	background:url(/common/images/renew2009/kyoten/map/bk_h2.gif) left top no-repeat;
	line-height:1.0;
}
.mapAreas .result #maplist div div{
	margin:0 0 10px;
	padding:10px 0 0;
	background:url(/common/images/renew2009/line_dotted02.gif) left top repeat-x;
}
.mapAreas .result #maplist div div.firstChild{
	margin:0 0 10px;
	padding:0;
	background:none;
}
.mapAreas .result #maplist div div.firstChild p.traffic{ /padding:10px 0 0; }
.mapAreas .result #maplist div div div{
	margin:0;
	padding:0;
	background:none;
	float:left;
	clear:none;
}
.mapAreas .result #maplist div.outline{ width:133px; }
.mapAreas .result #maplist #listShiten .outline,
.mapAreas .result #maplist #listEvent .outline,
.mapAreas .result #maplist #listEtc .outline,
.mapAreas .result #maplist #listSalon .outline{ width:208px; }

.mapAreas .result #maplist #listShiten_map .outline,
.mapAreas .result #maplist #listEvent_map .outline,
.mapAreas .result #maplist #listEtc_map .outline,
.mapAreas .result #maplist #listSalon_map .outline{ width:208px; }


.mapAreas .result #maplist div p.photo{
	margin:0 5px 0 0;
	padding:0;
	float:left;
}
.mapAreas .result #maplist div .outline p{
	margin:0 0 3px;
	line-height:1.2;
}
.mapAreas .result #maplist div .outline p.tel{
	margin:0;
	padding-left:17px;
	background:url(/common/images/renew2009/kyoten/map/ic_tel.gif) left 2px no-repeat;
}
.mapAreas .result #maplist div p img.icon{
	margin-bottom:3px;
	vertical-align:middle;
}
.mapAreas .result #maplist div p.traffic{
	margin:0;
	padding:5px 0 0;
	/padding:0;
	line-height:1.3;
	clear:both;
}

/* 状況・各種ボタン */
.mapAreas .result #maplist div .sub{
	width:81px;
	float:right;
}
.mapAreas .result #maplist div .sub p{
	margin-bottom:5px;
	text-align:right;
	clear:both;
}
.mapAreas .result #maplist div .sub p.new{
	background:url(/common/images/renew2009/kyoten/map/ic_new.gif) left top no-repeat;
}
.mapAreas .result #maplist div ul.btn{
	width:70px;
	margin:0 0 0 auto;
	padding:0;
	clear:both;
}
.mapAreas .result #maplist div ul.btn li span{ display:none; }
.mapAreas .result #maplist div ul.btn li{
	margin-bottom:3px;
	font-size:10px;
	line-height:1.0;
}
.mapAreas .result #maplist div ul.btn li a{
	width:70px;
	height:19px;
	margin:0;
	padding:0;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.mapAreas .result #maplist div ul.btn li a:link, .mapAreas .result #maplist div ul.btn li a:visited{ background-position:left top; }
.mapAreas .result #maplist div ul.btn li a:hover, .mapAreas .result #maplist div ul.btn li a:active{ background-position:left bottom; }
.mapAreas .result #maplist div ul.btn li.showMap a{ background-image:url(/common/images/renew2009/kyoten/map/btn_map.gif); }
/*.mapAreas .result #maplist div ul.btn li.print a{ background-image:url(/common/images/renew2009/kyoten/map/btn_print.gif); }
.mapAreas .result #maplist div ul.btn li.details a{ background-image:url(/common/images/renew2009/kyoten/map/btn_details.gif); }
.mapAreas .result #maplist div ul.btn li.reserved a{ background-image:url(/common/images/renew2009/kyoten/map/btn_reserved.gif); }
.mapAreas .result #maplist div ul.btn li.request a{ background-image:url(/common/images/renew2009/kyoten/map/btn_request.gif); }
.mapAreas .result #maplist div ul.btn li.blog a{ background-image:url(/common/images/renew2009/kyoten/map/btn_blog.gif); }*/



/* ==

　03. 吹き出し

=============================================================================== */
.infoWin{
	width:290px;
	min-height:1%;
	margin:0;
	padding:0;
	clear:both;
}
.infoWin:after,
.infoWin .txt div:after{
	content:"";
	display:block;
	height:0px;
	clear:both;
	overflow: auto;
}
.infoWin a:link, .infoWin a:visited{ color:#404f6f; text-decoration:underline; }
.infoWin a:active, .infoWin a:hover{ color:#404f6f; text-decoration:none; }

/* 写真 */
.infoWin .photo{
	margin:0 5px 0 0;
	float:left;
}
.infoWin .photo p{ margin-bottom:3px; }

/* テキスト */
.infoWin .txt{
	width:215px;
	font-size:12px;
	float:left;
}
.infoWin .txt p{
	margin-bottom:4px;
	line-height:1.2;
}
.infoWin .txt p.tel{
	padding-left:17px;
	background:url(/common/images/renew2009/kyoten/map/ic_tel.gif) left 2px no-repeat;
}

.infoWin .txt div{
	margin:0 0 3px;
	padding:0;
	min-height:1%;
}
* html .infoWin .txt div{ height:1%; }
.infoWin .txt div p{
	margin:0 7px 3px 0;
	float:left;
}
.infoWin .txt p img.icon{
	margin:0 3px 0 0;
	vertical-align:middle;
}
.infoWin .txt p.new{
	margin:0;
	padding:0 0 0 35px;
	background:url(/common/images/renew2009/kyoten/map/ic_new.gif) left top no-repeat;
}

/* 支店・リビングサロン */
#fkdsShiten .txt,
#fkdsSalon .txt{
	width:205px;
	float:left;
}
#fkdsShiten ul.btn,
#fkdsSalon ul.btn{
	float:right;
	clear:none;
}
#fkdsEvent .txt{
	width:280px;
}
#fkdsEvent ul.btn{
	float:right;
	clear:none;
}
#fkdsEtc .txt{
	width:280px;
}
#fkdsEtc ul.btn{
	float:right;
	clear:none;
}


/* ボタン */
.infoWin ul.btn{
	width:70px;
	margin:0;
	clear:both;
}
.infoWin ul.btn li span{ display:none; }
.infoWin ul.btn li{
	margin-bottom:2px;
	font-size:10px;
	line-height:1.0;
}
.infoWin ul.btn li a{
	width:70px;
	height:19px;
	background-position:left top;
	background-repeat:no-repeat;
	display:block;
}
.infoWin ul.btn li a:link, .infoWin ul.btn li a:visited{ background-position:left top; }
.infoWin ul.btn li a:hover, .infoWin ul.btn li a:active{ background-position:left bottom; }
.infoWin ul.btn li.print a{ background-image:url(/common/images/renew2009/kyoten/map/btn_print.gif); }
.infoWin ul.btn li.details a{ background-image:url(/common/images/renew2009/kyoten/map/btn_details.gif); }
.infoWin ul.btn li.reserved a{ background-image:url(/common/images/renew2009/kyoten/map/btn_reserved.gif); }
.infoWin ul.btn li.request a{ background-image:url(/common/images/renew2009/kyoten/map/btn_request.gif); }
.infoWin ul.btn li.blog a{ background-image:url(/common/images/renew2009/kyoten/map/btn_blog.gif); }


/* ==

　04. ローディング

=============================================================================== */
#map_load{
 	width:930px;
	height:593px;
	margin:0;
	background-color:#000000;
	position:absolute;
	z-index:103;
	top:1px;
	left:1px;
	display:none;
	filter:alpha(opacity=90);
	opacity:0.9;
}

#map_load_qa{
 	width:593px;
	height:593px;
	margin:0 0 0 330px;
	background-color:#000000;
	position:absolute;
	z-index:103;
	top:2px;
	left:7px;
	display:none;
	filter:alpha(opacity=100);
	opacity:1;
}

#maplist_load{
	width:330px;
	height:593px;
	margin:0;
	background-color:#000000;
	position:absolute;
	z-index:105;
	top:2px;
	left:2px;
	display:none;
	filter:alpha(opacity=30);
	opacity:0.3;
}

#maplist_load_none{
	width:320px;
	height:593px;
	margin:0;
	background-color:#000000;
	position:absolute;
	z-index:105;
	top:2px;
	left:2px;
	display:none;
	filter:alpha(opacity=100);
	opacity:1;
}

#map_load img{
	display:block;
	margin:150px 0 0 400px;
}
#map_load_qa img{
	display:block;
}
#maplist_load img{
	display:block;
	margin:230px 0 0 150px;
}

#list_load{
	width:130px;
	height:64px;
	margin:0;
	background-color:#FFFFFF;
	position:absolute;
	z-index:105;
	top:100px;
	left:400px;
	display:none;
	filter:alpha(opacity=90);
	opacity:0.9;
}


/* ==


　05. 注意書き

=============================================================================== */
.section ul.notes{
	width:930px;
	margin:0 auto;
}
.section ul.notes li{
	margin-bottom:3px;
	margin-left:10px;
	font-size:90%;
	line-height:1.3;
	text-indent:-10px;
}