@CHARSET "UTF-8";

/*------------------------------*/
/* トップページ全体枠           */
/*------------------------------*/
#top {
  position: relative;
	height: 1500px;
  width: 800px;
  border-left: 1px solid #069;
  border-right: 1px solid #069;
  margin: 0px auto;
}
/*------------------------------*/
/* おすすめエリア               */
/*------------------------------*/
#osusume {
	width: 800px;
	height: 150px;
	background-color: #FEDFB3;
}
#osusume .box {
	position: absolute;
  width: 240px;
  height: 130px;
  margin: 5px;
  padding: 5px;
  background-color: #FFF;
  text-align: left;
}
#osusume .p1 {
  left: 5px;
}
#osusume .p2 {
  left: 270px;
}
#osusume .p3 {
	left: 535px;
}
#osusume a {
  color: #069;
	font-size: 110%;
}
#osusume a:hover {
  color: #C33;
}
#medama {
	background: url(../images/icon_medama.gif) left top no-repeat;
  width: 50px;
  height: 130px;
  padding-left: 25px;
  padding-top: 3px; 
  font-weight: bold;
  color: red;
}
#sinchiku {
  background: url(../images/icon_sinchiku.gif) left top no-repeat;
  width: 50px;
  height: 130px;
  padding-left: 30px;
  padding-top: 3px; 
  font-weight: bold;
  color: red;
}
#medama img,
#sinchiku img {
  position: absolute;
  top: 41px;
  left: 5px;
}
#medama p ,
#sinchiku p {
	position: absolute;
	top: 7px;
	left: 75px;
	width: 160px;
	color: #000;
	font-weight: normal;
  line-height: 1.4;
  padding-right: 10px;
}
#medama span ,
#sinchiku span {
  color: red;
  font-weight: bold;
  font-size: 160%;
}
#osusume div .comment {
	position: absolute;
	top: 105px;
	left: 5px;
  color: #000;
}
/*------------------------------*/
/* 検索タブエリア               */
/*------------------------------*/
#top_tab {
  width: 650px;
  height: 26px;
}
#top_tab .box {
	position: absolute;
  width: 116px;
  height: 18px;
  padding-left: 15px;
  padding-top: 8px;
  font-weight: bold;
}
#top_tab .on a {
  color: #FFF;
  text-decoration: none;
}
#top_tab .on a:hover {
  text-decoration: underline;
}
#top_tab .off a {
  color: #069;
  text-decoration: none;
}
#top_tab .off a:hover {
  text-decoration: underline;
}
#tab_ensen_on {
  left: 0px;
	background: url(../images/top_tab_ensen_on.gif) no-repeat;
}
#tab_ensen_off {
  left: 0px;
	background: url(../images/top_tab_ensen_off.gif) no-repeat;
}
#tab_area_on {
  left: 131px;
  background: url(../images/top_tab_area_on.gif) no-repeat;
}
#tab_area_off {
  left: 131px;
  background: url(../images/top_tab_area_off.gif) no-repeat;
}
#tab_gakko_on {
  left: 262px;
  background: url(../images/top_tab_gakko_on.gif) no-repeat;
}
#tab_gakko_off {
  left: 262px;
  background: url(../images/top_tab_gakko_off.gif) no-repeat;
}
#tab_request_on {
  left: 393px;
  background: url(../images/top_tab_request_on.gif) no-repeat;
}
#tab_request_off {
  left: 393px;
  background: url(../images/top_tab_request_off.gif) no-repeat;
}

/*------------------------------*/
/* 検索エリア                   */
/*------------------------------*/
#top_search {
	float: left;
	width: 580px;
	height: 780px;
	border-top: 1px solid #069;
  border-right: 1px solid #069;
  border-bottom: 1px solid #069;
}
#top_search .ensen {
  background: url(../images/top_ensen_map.gif) center 100px no-repeat;
  height: 500px;
  width: 100%;
  border-bottom: 1px dotted #069;
}
#top_search .area {
  positiopn: relative;
  background: url(../images/top_area_map.gif) center 75px no-repeat;
  height: 500px;
  width: 100%;
  border-bottom: 1px dotted #069;
}
#top_search h2 {
	position: absolute;
	top: 10px;
	left: 10px;
	padding-top: 2px;
	padding-left: 18px;
	font-size: 120%;
}
#top_search p {
  position: absolute;
  top: 40px;
  left: 10px;
  font-size: 120%;
  text-align: left;
  line-height: 1.3;
}
#top_search .btn_search_all {
  position: absolute;
  top: 450px;
  left: 420px;
  height: 30px;
  padding: 5px;
}
#top_search .btn_L {
  font-size: 21px;
  font-weight: bold;
  margin-top: 2px;
  text-decoration: none;
}
#top_search strong {
  color: #C33;
}
#top_search img {
  position: absolute;
  top: -1px;
  left: 0px;
}
#top_search .area h2 {
  position: relative;
  top: 10px;
  background: url(../images/mark_area.gif) left top no-repeat;
  padding-left: 20px;
  height: 25px;
}

#top_search .area p {
  position: relative;
  top: 10px;
}
#top_search .area .btn_search_all{
  position: relative;
  top: 380px;
  left: 200px;
  height: 30px;
  padding: 5px;
}
	
/*------------------------------*/
/* 沿線検索（店舗）             */
/*------------------------------*/
#shop a {
  color: #C33;
  font-weight: bold; 
  text-decoration: none;
}
#shop a:hover {
  color: #069;
	text-decoration: underline;
}
#shop_sinjuku,
#shop_sinjuku_nisi,
#shop_ike_higasi,
#shop_ike_nisi,
#shop_ike_chuou,
#shop_ueno,
#shop_okatimati,
#shop_waseda {
  position: absolute;
	background-image: url(../images/mark_m_for_ensen.gif);
	background-repeat:no-repeat;
}
#shop_sinjuku {
	top: 285px;
	left: 105px;
	width: 80px;
	height: 30px;
	padding-top: 27px;
	padding-left: 0px;
	background-position: center top;
}
#shop_sinjuku_nisi {
  top: 250px;
  left: 50px;
  width: 80px;
  height: 30px;
  padding-top: 27px;
  padding-left: 0px;
  background-position: center top;
}
#shop_ike_higasi {
  top: 140px;
  left: 230px;
  width:70px;
  height: 30px;
  padding-top: 5px;
  padding-left: 27px;
  background-position: left top;
}
#shop_ike_nisi {
  top: 110px;
  left: 60px;
  width: 120px;
  height: 30px;
  padding-top: 5px;
  padding-left: 0px;
  background-position: right top;
}
#shop_ike_chuou {
  top: 80px;
  left: 200px;
  width:100px;
  height: 30px;
  padding-top: 5px;
  padding-left: 27px;
  background-position: left top;
}
#shop_ueno {
  top: 155px;
  left: 330px;
  width: 80px;
  height: 30px;
  padding-top: 27px;
  padding-left: 0px;
  background-position: center top;
}
#shop_okatimati {
  top: 200px;
  left: 420px;
  width: 80px;
  height: 30px;
  padding-top: 27px;
  padding-left: 0px;
  background-position: center top;
}
#shop_waseda {
  top: 170px;
  left: 200px;
  width:100px;
  height: 30px;
  padding-top: 5px;
  padding-left: 25px;
  background-position: left top;
}
/*------------------------------*/
/* 沿線検索（駅名）             */
/*------------------------------*/
#eki_shop_ari a,
#eki a {
  color: #000;
  font-weight: bold; 
  text-decoration: none;
}
#eki_shop_ari a:hover,
#eki a:hover {
  color: #999;
  text-decoration: underline;
}
#eki_shop_ari div,
#eki div {
	position: absolute;
  width: auto;
}
#eki_shop_ari {
	font-size: 130%;
}
#eki_shop_ari div {
  padding-top: 1px;
}
#eki_sinjuku {
  top: 263px;
  left: 105px;
}
#eki_ikebukuro {
	top: 123px;
	left: 192px;
}
#eki_ueno {
  top: 125px;
  left: 360px;
}
#eki_okatimati {
  top: 185px;
  left: 405px;
}
#eki_waseda {
  top: 200px;
  left: 168px;
}
#eki_takadababa {
  top: 178px;
  left: 120px;
}
#eki_kichijoji {
  top: 265px;
  left: 40px;
}
#eki_yotuya {
  top: 265px;
  left: 187px;
}
#eki_iidabasi {
  top: 265px;
  left: 252px;
}
#eki_akiba {
  top: 265px;
  left: 432px;
}
#eki_nagatacho {
  top: 308px;
  left: 214px;
}
#eki_sibuya {
  top: 352px;
  left: 133px;
}
#eki_ebisu {
  top: 386px;
  left: 153px;
}
#eki_tokyo {
  top: 368px;
  left: 406px;
}
#eki_sinbasi {
  top: 407px;
  left: 367px;
}
#eki_hamamatucho {
  top: 427px;
  left: 320px;
}
#eki_mitukosimae {
  top: 370px;
  left: 445px;
}
/*------------------------------*/
/* 沿線検索（沿線名）           */
/*------------------------------*/
#ensen a {
  color: #960;
  font-weight: bold; 
  text-decoration: none;
  font-size: 110%;
}
#ensen a:hover {
  color: #999;
  text-decoration: underline;
}
#ensen div {
  position: absolute;
  width: auto;
  height: auto;
}
#ensen_yamate {
  top: 105px;
  left: 260px;
}
#ensen_tozaisen {
  top: 145px;
  left: 55px;
}
#ensen_sobusen {
  top: 265px;
  left: 305px;
}
#ensen_yurakuchosen {
  top: 350px;
  left: 265px;
}
#ensen_ginzasen {
  top: 385px;
  left: 225px;
}
#ensen_inogasirasen {
  top: 230px;
  left: 10px;
}
#ensen_denentosisen {
  top: 340px;
  left: 10px;
}
#ensen_toyokosen {
  top: 400px;
  left: 50px;
}
#ensen_hanzomonsen {
  top: 355px;
  left: 490px;
}
/*------------------------------*/
/* 沿線検索（フォーム）         */
/*------------------------------*/
#search_form_ensen,
#search_form_area {
  position: relative;
	color: #069;
	left: 5px;
	top: 5px;
	width: 580px;
}
/* 沿線検索の都道府県 */
#fm_todofuken {
  position: absolute;
  left: 0px;
  width: 150px;
  height: 250px;
  background: url(../images/arrow_S.gif) 80px right no-repeat;
}
#fm_todofuken h2,
#fm_ensen h2,
#fm_eki h2 {
  top: 3px;
  left: 10px;
  background: url(../images/mark_train.gif) left top no-repeat;
  font-size: 110%;;
}
#fm_todofuken select {
  position: absolute;
  top: 25px;
  left: 10px;
	width: 115px;
	height: 200px;;
}
/* 沿線名 */
#fm_todofuken_area select {
  position: absolute;
  top: 25px;
  left: 100px;
  width: 120px;
  height: 200px;;
}
#fm_ensen {
  position: absolute;
  left: 160px;
  width: 220px;
  height: 250px;
  background: url(../images/arrow_S.gif) 80px right no-repeat;
}
#fm_ensen select {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 180px;
  height: 200px;;
}
#fm_ensen .search_btn {
  position: absolute;
  background: url(../images/arrow_S.gif) left 0px no-repeat;
  top: 150px;
  left: 190px;
  width: 50px;
  height: 30px;
  padding-left: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#fm_ensen p {
  position: absolute;
  left: 10px;
  top: 65px;
  text-align: left;
}
	
/* 駅名 */
#fm_eki {
  position: absolute;
  left: 410px;
  width: 120px;
  height: 250px;
}
#fm_eki select {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 100px;
  height: 200px;
}
#fm_eki .search_btn {
  position: absolute;
  background: url(../images/arrow_S.gif) left 0px no-repeat;
  top: 70px;
  left: 105px;
  width: 50px;
  height: 30px;
  padding-left: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#fm_eki .search_btn_togai {
  position: absolute;
  top: 77px;
  left: -30px;
  padding: 5px;
}

/* 地域検索の都道府県 */
#fm_todofuken_area {
  position: absolute;
  left: 100px;
  width: 150px;
  height: 250px;
  background: url(../images/arrow_S.gif) 75px right no-repeat;
}
#fm_todofuken_area h2,
#fm_area h2 {
  top: 3px;
  left: 10px;
  background: url(../images/mark_area.gif) left top no-repeat;
  font-size: 110%;;
}
#fm_todofuken_area select,
#fm_area select {
  position: absolute;
  top: 25px;
  left: 0px;
  width: 120px;
  height: 200px;;
}
/* 地域名 */
#fm_area {
  position: absolute;
  left: 270px;
  width: 150px;
  height: 250px;
  background: url(../images/arrow_S.gif) 75px right no-repeat;
}
#fm_area .search_btn {
  position: absolute;
  top: 72px;
  left: 140px;
  width: 50px;
  height: 30px;
  padding-left: 7px;
  padding-top: 5px;
  padding-bottom: 5px;
}
#fm_area p {
  position: absolute;
  left: -5px;
	top: 65px;
	text-align: left;
}
#fm_memo {
  position: absolute;
  top: 235px;
  left: 20px;
  height: 20px;
}	
/*------------------------------*/
/* 地域検索（地域名）           */
/*------------------------------*/
#tokyo23ku {
  position: relative;
  width: 580px;
}
#tokyo23ku a {
  color: #C33;
  font-weight: bold; 
  text-decoration: none;
}
#tokyo23ku a:hover {
  color: #999;
  text-decoration: underline;
}
#tokyo23ku div {
  position: absolute;
  width: auto;
}
#area_chiyodaku {
	top: 155px;
	left: 280px;
}
#area_chiyodaku {
  top: 165px;
  left: 280px;
}
#area_cyuouku {
  top: 185px;
  left: 315px;
}
#area_minatoku {
  top: 210px;
  left: 280px;
}
#area_sinjukuku {
  top: 150px;
  left: 240px;
}
#area_bunkyoku {
  top: 110px;
  left: 280px;
}
#area_taitoku {
  top: 105px;
  left: 325px;
}
#area_sumidaku {
  top: 125px;
  left: 365px;
}
#area_etoku {
  top: 180px;
  left: 365px;
}
#area_sinagawaku {
  top: 270px;
  left: 255px;
}
#area_meguroku {
  top: 255px;
  left: 200px;
}
#area_ootaku {
  top: 330px;
  left: 240px;
}
#area_setagayaku {
  top: 230px;
  left: 140px;
}
#area_sibuyaku {
  top: 180px;
  left: 215px;
}
#area_nakanoku {
  top: 110px;
  left: 175px;
}
#area_suginamiku {
  top: 140px;
  left: 135px;
}
#area_tosimaku {
  top: 85px;
  left: 235px;
}
#area_kitaku {
  top: 40px;
  left: 265px;
}
#area_arakawaku {
  top: 80px;
  left: 320px;
}
#area_itabasiku {
  top: 20px;
  left: 190px;
}
#area_nerimaku {
  top: 60px;
  left: 120px;
}
#area_adachiku {
  top: 20px;
  left: 340px;
}
#area_katusikaku {
  top: 70px;
  left: 410px;
}
#area_edogawaku {
  top: 150px;
  left: 430px;
}
/* 地域検索の店舗 */
#shop_area_sinjuku {
  top: 130px;
  left: 250px;
}
#shop_area_ikebukuro {
  top: 100px;
  left: 250px;
}
#shop_area_ueno {
  top: 120px;
  left: 330px;
}



/*------------------------------*/
/* 店舗情報                     */
/*------------------------------*/
#shop_info {
	float: left;
  width: 585px;
  height: 635px;
  background-color: #F5F6FA; 
  margin-top: 25px;
  margin-bottom: 30px;
}
#shop_info h2{
  background: url(../images/mark_m_for_ensen.gif) left 0px no-repeat;
  font-size: 120%;
  height: 28px;
  padding-top: 5px;
  padding-left: 30px;
  margin-left: 10px;
  margin-top: 10px;
}
#shop_info img {
  margin-right: 5px;
}

