@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.NETWORK CONTENTS
*06.SUB CONTENTS
*07.GROUP CONTENTS
*08.GOOGLE MAP BUTTON
*08.rollon
*----------------------------------------*/


/* --------------------------------------
	01.TOP
----------------------------------------*/
div#top{width:800px; margin:0 0; padding:0; background:url(../images/search_header.gif) no-repeat; height:90px; position:relative;}
div#top p{margin:0; padding:0; top:65px; left:5px; position:absolute;}
/*div#top h2{float:left; font-size:medium; margin:0; padding-left:10px; padding-top:10px; color:#333333;}*/
div#top #freeword {width:450px; position:absolute; top:25px; left:5px; float:left;}
div#top #freeword DL{margin:0; padding:0;}
div#top #freeword DT{float:left; margin:0; padding:3px 0 0 0; color:#FFFFFF;}
div#top #freeword DD{float:right; margin:0; padding:0;}
#manual{position:absolute;right:140px; background:url(../images/btn_manual.gif) no-repeat; width:145px; height:26px; display:block; top:25px; text-indent:-5000px}


/* --------------------------------------
	02.OPTION BAR
----------------------------------------*/
div#optionHeader {width:800px; height:10px; background:url(../images/opt_header.gif) no-repeat #FFFFFF; margin:0; padding:0; clear:both;}
div#option {clear:both; width:800px; background:url(../images/opt_content.gif) repeat-y; margin:0; padding:0;}
div#option table {width:780px; margin:0 auto; padding:0; position:relative}
div#option TD{background-color:#FFFFFF;}
div#option TH{background-color:#FFFFFF; padding:0; color:#FF9900; font-weight:normal; text-align:center}
div#optionFooter {width:800px; height:14px; background:url(../images/opt_footer.gif) no-repeat #FFFFFF; margin: 0; padding:0; clear:both;}
div#optionBtn {clear:both;  margin-left:4px; padding:0; margin-bottom:15px;}
div#optionBtn DL {margin:0; padding:0; float:left;}
div#optionBtn DT {margin:0; padding:0; }
div#optionBtn DD {position:absolute; left:120px; margin-top:-25px;}
div#optionBtn .close {width:148px; display:block; margin:0; padding:0; background:url(../images/opt_close.gif) no-repeat;  height:30px; cursor:pointer; position:relative;}
div#optionBtn .close span{padding:0; margin:0; left:27px; top:3px; position:absolute; color:#FFFFFF;}
div#optionBtn .open {width:148px; display:block; margin:0; padding:0; background:url(../images/opt_open.gif) no-repeat;  height:30px; cursor:pointer; position:relative;}
div#optionBtn .open span{padding:0; margin:0; left:27px; top:3px; position:absolute; color:#FFFFFF;}

/* --------------------------------------
	SEARCH OPTION BAR
----------------------------------------*/
div#searchOption{margin:0; padding: 0; display: block; width:auto; clear:both;}

/* --------------------------------------
	CONDITION BUTTON
----------------------------------------*/
div#conditionBtn{float:right; width:105px; height:30px; display:block; margin-bottom:15px;}


/* --------------------------------------
	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;}
div#mapHeader2{clear:both; width:800px; padding:2; margin:1; background:url(../images/map_bottom.gif) no-repeat top; height:40px; position:relative;}
div#mapHeader_manage{clear:both; width:800px; padding:2; margin:1; background:url(../images/map_bottom.gif) no-repeat top; 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}
#campaignBtn{width:128px; height:23px; background:url(../images/btn_campaign.gif) no-repeat; position:absolute; left:515px; 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{position:relative;background: #ffffff; width: 100%; height: 520px; margin:0; padding:0;z-index:1;}
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 {position: relative;background: #ffffff; overflow: visible;width: 100%; }

div#loading {display:block;position:absolute;top:190px;left:30%;background-position:center;background-repeat:no-repeat;width:200px; height:200px;background-image:url(../images/maploading.gif);z-index:2;}

html>body #LeftFrame { width: inherit;}


/* --------------------------------------
	GOOGLE MAP BOTTOM
----------------------------------------*/
div#mapBottom{clear:both; width:auto; padding:5px; margin:0; background:url(../images/map_bottom.gif) no-repeat top; height:30px;}
div#icon_explain{clear:both; margin:0; padding:0; float:left;}
div#icon_explain ul{margin:5px 0 20px 0; padding:0; float:left; list-style-type:none; height:25px;}
div#icon_explain li{margin:0 10px 0 0; padding:0; display:inline; height:25px;}
#buildMaker{background:url(../images/maker_build.gif) no-repeat left top; height:25px; padding:3px 0 10px 30px;}
#newMaker{background:url(../images/maker_new.gif) no-repeat left top; height:25px; padding:3px 0 10px 30px;}
#apartMaker{background:url(../images/maker_apart.gif) no-repeat left top; height:25px; padding:3px 0 10px 30px;}
#shopMaker{background:url(../images/maker_shop.gif) no-repeat left top; height:25px; padding:3px 0 10px 30px;}
#houseMaker{background:url(../images/maker_house.gif) no-repeat left top; height:25px; padding:3px 0 10px 30px;}

/* --------------------------------------
	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:435px; margin-left:10px; background-color:#DEEFFF}
html>body #ListFrame {height: 435px;}
div#ListFrame table.menu{width:272px; background-color:#cfcfcf; text-align:center}
div#ListFrame table.menu td{background-color:#EEEEEE;}
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:5px 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 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 .address{line-height:180%; text-align:left;}
div#ListFrame .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:5px 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:0;}
#together #favorite{width: 90px;height: 23px; background:url(../images/btn_favorite.gif) no-repeat; display:block; margin-right:5px;}

/* --------------------------------------
	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;}
.info hr{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;}
.infofooter{width:300px; clear:both; margin-top:10px; padding:0;}
.infomypage{float:left; margin:0; padding:0; color:#FF0000; font-size:0.8em}
.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; width:300px;  margin: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:10px;}
#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:10px;}


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

/* --------------------------------------
	05.NETWORK CONTENTS
----------------------------------------*/
div#network{clear:both; width:auto; padding:5px; margin:0; line-height:150%; border:#cccccc solid 1px; height:100px; }
div#network P{margin:0;}
div#network UL{clear:both;margin:0; padding:0; list-style-type:none}
div#network LI{margin:0; padding:0; display:inline;}
div#network h3{font-size:small; margin:10px 0 0 0; padding:0; font-weight:normal;}


/* --------------------------------------
	06.SUB CONTENTS
----------------------------------------*/
div#subcontentsArea{clear:both; width:auto; margin-top:15px; padding:0;}
div#subcontentsLeft{width:190px; float:left; margin:0; padding:0;}
div#subcontentsLeft p{margin:0 0 5px 0; padding:0;}
div#subcontentsRight{width:590px;float:right; margin:0; padding:0;}
div#subcontentsArea h2{background:url(../images/ttl_s_contents_01.gif) no-repeat; color:#666666; font-size:x-small; margin:0 0 10px 0; font-weight:normal; height:32px; width:800px; position:relative}
div#subcontentsArea h2 span{top:3px; right:5px; position:absolute;}

/* --------------------------------------
	MOBILE CONTENTS
----------------------------------------*/
div#mobile{width:590px; height:125px; background:url(../images/mobile.gif) no-repeat; clear:both; margin:12px 0 0 0; position:relative;}
div#mobileTxt{width:415px; top:25px; left:10px; position:absolute;}
div#mobile h3{font-size:small; margin:5px 0 0 0; padding:0; font-weight:normal;}

/* --------------------------------------
	07.GROUP CONTENTS
----------------------------------------*/
div#groupArea{clear:both; width:auto; margin-top:15px; padding:0;}
div#groupLeft{width:385px; float:left; margin:0; padding:0;}
div#groupRight{width:385px;float:right; margin:0; padding:0;}
div#groupArea h2{background:url(../images/ttl_s_contents_02.gif) no-repeat; color:#666666; font-size:x-small; margin:0 0 10px 0; font-weight:normal; height:32px; width:800px; position:relative}
div#groupArea h2 span{top:3px; right:5px; position:absolute;}
div#groupArea h3{font-size:small; margin:0; padding:0; color:#3C54A3; padding:0;}
div#groupArea p{margin:0; padding:0;}


div#feed{position:absolute; margin:0; top:3px; right:5px;}
div#feed a{color:#FFFFFF; text-decoration:none;}

/* --------------------------------------
	yajirusi
----------------------------------------*/
.mini_ya{background:url(../images/mini-ya.gif) no-repeat;width:11px;height:11px;}

/* --------------------------------------
	09.rollon
----------------------------------------*/
.help{display:none;}

.help {
	BORDER-RIGHT: #ffcc00 2px solid;
	PADDING-RIGHT: 8px;
	BORDER-TOP: #ffcc00 2px solid;
	PADDING-LEFT: 8px;
	BACKGROUND: #ff0000;
	PADDING-BOTTOM: 8px;
	MARGIN: 0px;
	BORDER-LEFT: #ffcc00 2px solid;
	PADDING-TOP: 8px;
	BORDER-BOTTOM: #ffcc00 2px solid;
	POSITION: absolute;
	TEXT-ALIGN: left;
	color:#FFFFFF;
	font-size:13px;	
	right:100px;
	width: 162px;
	height: 40px;
	
}
/*--------------------------------------
by seto  index.php
-------------------------------------*/
/*
.loading{
	display:block;
	position:relative;
	top:0%;
	left:27%;
	width:25%;
	height:200px;
	filter:alpha(style=0,opacity=100);
	-moz-opacity:0.7;

	background-position:center;
	background-repeat:no-repeat;
	background-image:url(../images/maploading.gif);
	z-index:2;
}
.loading p{
	margin-top:100px;
	text-align:center;
	font-size:40px;
	color:#000000;
}
*/