@charset "utf-8";
/* --------------------------------------
	* name: map.css
	* designer: Koichiro Nishi
	* designer_url:  http://www.g-soft.co.jp
	* developer: Koichiro Nishi
	* developer_url: http://www.g-soft.co.jp
*----------------------------------------*/

/*--目　次--------------------------------
	*01.TOP
	*02.OPTION BAR
	*03.GOOGLE MAP
	*04.SEARCH LINK
	*05.SUB CONTENTS
	*06.BANNER CONTENTS
	*07.MOBILE CONTENTS
08.GOOGLE MAP BUTTON
*----------------------------------------*/


/* --------------------------------------
	01.TOP
----------------------------------------*/
div#top{width:800px; margin:0; padding:0; background:url(../mypage/images/mypage_header.gif) no-repeat; height:90px; position:relative;}
div#top h2{position:absolute; top:65px; left:7px; font-size:small; font-weight:normal; color:#999999; padding:0; margin:0;}

/* --------------------------------------
	03.GOOGLE MAP
----------------------------------------*/

/* --------------------------------------
	GOOGLE MAP HEADER
----------------------------------------*/
div#mapHeader{clear:both; width:800px; padding:0; margin:0; background:url(../images/map_header.gif) no-repeat top; height:40px; position:relative;}
#roomsBtn{width:160px; height:24px; background:url(../images/btn_rooms.gif) no-repeat; position:absolute; left:235px; top:8px; display:block; cursor:pointer}
#routeBtn{width:90px; height:24px; background:url(../images/btn_route.gif) no-repeat; position:absolute; left:410px; top:8px; display:block; cursor:pointer}

/* --------------------------------------
	GOOGLE MAP SEARCH LIST BUTTON
----------------------------------------*/
div#seachListBtn {width:90px; margin:0; padding:0; right:5px; top:8px; position:absolute;}
div#seachListBtn .close {width:90px; display:block; margin:0; padding:0; background:url(../images/list_close.gif) no-repeat; height:24px; cursor:pointer; position:relative;}
div#seachListBtn .close span{padding:0; margin:0; top:3px; left:20px; color:#333333; position:absolute; color:#FFFFFF;}
div#seachListBtn .open {width:90px; display:block; margin:0; padding:0; background:url(../images/list_open.gif) no-repeat; color:#105CB6; height:24px; cursor:pointer; position:relative;}
div#seachListBtn .open span{padding:0; margin:0; top:3px; left:20px; color:#333333; position:absolute; color:#FFFFFF;}

/* --------------------------------------
	GOOGLE MAP MAIN AREA
----------------------------------------*/
div#Layout {border: 0; margin: 0;padding: 0;overflow: visible;position: relative;width: 100%; clear:both;}
div#map{background: #ffffff; width: 100%; height: 520px; margin:0; padding:0;}
div#LeftCase {margin: 0; padding:0; text-align: left; overflow: visible;}
div#LeftBar {margin:0; overflow: visible; padding:0; border: 1px solid #cccccc;border-top: 1px solid #cccccc;}
div#LeftFrame {background: #ffffff; overflow: visible;width: 100%; }
html>body #LeftFrame { width: inherit; }

/* --------------------------------------
	GOOGLE MAP LIST AREA
----------------------------------------*/
div#ListArea {margin:0; padding:0; text-align:left; width:300px; float:right; overflow:visible; overflow-y:auto; overflow-x:hidden; float:right;}
#ListFrame {background: #ffffff;border: 1px solid #cccccc; overflow: auto; height:450px; margin-left:10px;}
html>body #ListFrame {height: 450px;}
div#ListFrame table.menu{width:272px; background-color:#cfcfcf; text-align:center}
div#ListFrame table.menu td{background-color:#EEEEEE;}
div#ListFrame table.new{width:272px; background-color:#cfcfcf; margin-top:10px;}
div#ListFrame table.new td{background-color:#ffeeee;}

tr.dot{background:url(../images/tr_bottom_dot.gif) no-repeat bottom #ffffff; }

div#ListFrame table.base{width:272px; background-color:#cfcfcf; margin-top:10px;}
div#ListFrame table.info{width:100%; text-align:center; line-height:150%; padding:3px 0;}
div#ListFrame td{font-size:x-small; color:#333333; background-color:#ffffff; line-height:100%;}
div#ListFrame td.price{font-size:small; color:#ff0000; font-weight:bold; border-right:#CCCCCC 1px solid;}
div#ListFrame td.plan{border-left:#CCCCCC 1px solid;}
div#ListFrame td.address{line-height:180%; text-align:left;}
div#ListFrame td.address p{margin:5px 0; padding:0;}
div#ListFrame td.comment{line-height:150%; text-align:left; color:#FF6600}
div#ListFrame th{font-size:x-small; color:#333333; background-color:#eeeeee; font-weight:normal; text-align:center;}
div#ListBase{clear: both; margin:0;padding:0;}
div#ListFrame p {clear:both; margin:0; padding:0;}
div.ico_campaign{float:right;}
div.ico_type{float:left;}
div.ico_type img{margin:0 2px; padding:0;}

/* --------------------------------------
	一括ボタン
----------------------------------------*/
#together{clear:both; width:auto; margin-left:10px; padding:0; text-align:left;}
#together h3{font-size:x-small; margin:3px 0; }
#together UL{margin:0; padding:0; list-style-type:none; display:inline;}
#together LI{margin:0; padding:0; display:inline;	float: left;}
#together #details{width: 90px;height: 23px; background:url(../images/btn_details.gif) no-repeat; display:block; margin-right:5px;}
#together #inquiry{width: 90px;height: 23px; background:url(../images/btn_inquiry.gif) no-repeat; display:block; margin-right:5px;}
#together #delete{width: 90px;height: 23px; background:url(../images/btn_delete.gif) no-repeat; display:block; }

/* --------------------------------------
	GOOGLE MAP InfoWindow
----------------------------------------*/
.info{width:300px; margin-right:10px; padding:0; font-size:12px; color:#333333; line-height:150%;}
.info td{background-color:#FFFFFF;}
.info th{background-color:#F2EFE9; font-weight:normal; text-align:left; padding:2px 2px 0 2px;}
.info p{margin:0 0 5px 0; padding:0;}
.infoLeft{width:120px; margin:0; padding:0; float:left; text-align:left; background-color:#FFFFFF;}
.infoLeft img{margin:0; padding:0; border:0;}
.infoRight{width:155px; margin-right:5px; padding:0; float:right;}
.infoRight td{background-color:#FFFFFF; text-align:center;}
.infoRight table{background-color:#CCCCCC;}
p.location{font-size:13px; font-weight:bold; margin:0; padding:0 0 5px 0;}
.clear{clear:both;}
.infohelp{float:right; margin:0; padding:0; font-size:0.7em}

/*
.info2{width:280px; margin:0; padding:0; font-size:12px; color:#333333; line-height:180%;}
*/

/* --------------------------------------
	GOOGLE MAP InfoWindow BUTTON
----------------------------------------*/
#buttonLink{clear:both; float:left; width:310px;  margin:10px 0 5px 0; padding:0; text-align:left;}
#buttonLink UL{margin:0; padding:0; list-style-type:none; display:inline;}
#buttonLink LI{margin:0; padding:0; display:inline;	float: left;}
#buttonLink #details{width: 90px;height: 23px; background:url(../images/btn_details.gif) no-repeat; display:block; margin-right:15px;}
#buttonLink #inquiry{width: 90px;height: 23px; background:url(../images/btn_inquiry.gif) no-repeat; display:block; margin:0;}
#buttonLink #favorite{width: 90px;height: 23px; background:url(../images/btn_favorite.gif) no-repeat; display:block; margin-right:15px;}


/* --------------------------------------
	04.SEARCH LINK
----------------------------------------*/
div#searchLink{clear:both; width:auto; margin:0; padding:0; text-align:center; position:relative; font-size:0.9em}
div#searchLink UL{margin:0; padding:0; list-style-type:none}
div#searchLink LI{margin:0; padding:0; display:inline;}


div#option {clear:both; width:800px; margin:0; padding:0;}
div#option table {width:800px; margin:0; padding:0;}
div#option TD{background-color:#FFFFFF;}
div#option TH{background-color:#FFFFFF; padding:5px; color:#FF9900; font-weight:normal; text-align:center; border-left:0}


#condition{clear:both;}
#condition table{width:800px; background-color:#D1C9C9; margin:0; border:0;}
#condition TH{border-left: #105CB6 5px solid; bordr-right: #f5f5f5 1px solid; border-top: #ffffff 1px solid; padding:4px 5px; font-weight: normal; font-size: 12px; vertical-align: top; white-space: nowrap; background-color: #f6f6f6; text-align: left; width:10%;}
#condition TD{padding:4px 5px; vertical-align: top; background-color: #FFFFFF; text-align: left; width:40%;}

div#mail{clear:both; margin:0; padding:0; float:left}
div#mailLeft{width:680px; float:left;}
div#mailRight{float:right;}
div#mail TH{border-left: #105CB6 5px solid; bordr-right: #f5f5f5 1px solid; border-top: #ffffff 1px solid; padding:4px 0 4px 5px; font-weight: normal; font-size: 12px; vertical-align: top; white-space: nowrap; background-color: #f6f6f6; text-align: left; width:10%}
div#mail TD{padding:4px 0 4px 5px; vertical-align: top; white-space: nowrap; background-color: #FFFFFF; text-align: left; width:40%}
div#mail ul{clear:both; margin:0 0 0 30px; padding:10px 0;}