@charset "UTF-8";
/*
 * area.css
 *
 *  updated --- 2014/11/19
 */










/*
area common
=============================== */
#contents #main{ width: 640px; }
#contents #side{ width: 300px; margin-top:40px; }

#contents a,
#contents a:link,
#contents a:visited{ text-decoration:none; color: #333; }
#contents a:hover{ text-decoration:none; color: #c80000; }
#contents a:active{ text-decoration:none; color: #c80000; }
#contents a:hover img{
  opacity: 0.6;
  filter: alpha(opacity=60);  /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  zoom:1;
}

#contents .imgHover{
	display: block;
}
#contents .imgHover:hover{
}
#contents .imgHover:hover img{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
  zoom:1;

}
#contents .itemHover:hover{
	opacity: 0.6;
	filter: alpha(opacity=60); /* IE lt 8 */
	-ms-filter: "alpha(opacity=60)"; /* IE 8 */
  zoom:1;
}

/*
gourmet part
=============================== */
#contentsHead{
	padding-top: 8px;
}
#contentsHead .contentsHeadIn{
	width: 980px;
	margin: 0 auto;
}
#contentsHead .cntsHeadLv01{
	padding-top: 5px;
  overflow: hidden;
}
#contentsHead .cntsHeadLv01 .headTitle{
  font-size: 24px;
  font-weight: bold;
  margin-bottom: 10px;
  width: 50%;
  float: left;
  line-height: 32px;
}
.icnCntsHeadArea{
	display: inline-block;
	*display: inline;
	*zoom: 1;
	margin-right: 5px;
	width: 32px;
	height: 32px;
	background: url(../img/area/ico_contentsHead.png) 0 0 no-repeat;
}
@media \0screen {
     .icnCntsHeadGrm {
		position: relative;
		top: 2px;
     }
}
#contentsHead .cntsHeadLv01 .headLead{
	width: 50%;
  float: right;
}
#contentsHead .cntsHeadLv02{
	margin-top: 5px;
	padding: 0 0 0;
	border-bottom: 1px solid #ccc;
}
#contentsHead .cntsHeadLv02In{
	width: 980px;
	margin: 0 auto;
}
#contentsHead .cntsHeadLv02In ul.cntsHeadList{
	position: relative;
	z-index: 50;
	height: 44px;
	border-top: 1px solid #ccc;
}
#contentsHead .cntsHeadLv02In .cntsHeadListTitle{
	width: 326px;
	display: block;
	height: 44px;
	font-size: 14px;
	line-height: 44px;
	text-align: center;
	font-weight: bold;
	border-right: 1px solid #ccc;
	background: #eee;
	border-bottom: 1px solid #ccc;
}
#contentsHead .cntsHeadLv02In li:hover .cntsHeadListTitle{
	background: #e4e4e4;
	height: 45px;
	border-bottom: none;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList03:hover .cntsHeadListTitle{
	background: #e4e4e4;
	height: 44px;
	border-bottom: 1px solid #ccc;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListTitle{
	width: 324px;
	border-left: 1px solid #ccc;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01{
	width: 326px;
	float: left;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont{
	position: absolute;
	z-index: 40;
	top: 45px;
	background: #e4e4e4 url(../img/area/cntsHeadList_bg01.png) no-repeat left top;
	width: 980px;
	height: 372px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont li{
	position: absolute;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont li a:hover{
	opacity: 0.6;
  filter: alpha(opacity=60);  /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  zoom:1;
}

#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .saitama01{
	left: 108px;
	top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .saitama02{
	left: 273px;
	top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .saitama03{
	left: 424px;
	top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .saitama04{
	left: 549px;
	top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .saitama05{
	left: 674px;
	top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo01{
	left: 27px;
	top: 82px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo02{
	left: 166px;
	top: 81px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo03{
	left: 306px;
	top: 81px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo04{
	left: 372px;
	top: 82px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo05{
	left: 480px;
	top: 82px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo06{
	left: 666px;
	top: 82px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo07{
	left: 27px;
	top: 120px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo08{
	left: 160px;
	top: 120px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo09{
	left: 275px;
	top: 120px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo10{
	left: 419px;
	top: 120px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo11{
	left: 585px;
	top: 120px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo12{
	left: 27px;
	top: 161px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo13{
	left: 162px;
	top: 160px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo14{
	left: 315px;
	top: 160px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo15{
	left: 382px;
	top: 162px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo16{
	left: 522px;
	top: 152px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo17{
	left: 517px;
	top: 185px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo18{
	left: 663px;
	top: 170px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo19{
	left: 27px;
	top: 195px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo20{
	left: 112px;
	top: 203px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo21{
	left: 245px;
	top: 191px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo22{
	left: 264px;
	top: 220px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo23{
	left: 196px;
	top: 253px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo24{
	left: 368px;
	top: 217px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo25{
	left: 473px;
	top: 217px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo26{
	left: 652px;
	top: 216px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo27{
	left: 485px;
	top: 264px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo28{
	left: 325px;
	top: 292px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo29{
	left: 478px;
	top: 306px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo30{
	left: 630px;
	top: 283px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .tokyo31{
	left: 326px;
	top: 329px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .kanagawa01{
	left: 20px;
	top: 316px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .kanagawa02{
	left: 114px;
	top: 316px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .kanagawa03{
	left: 198px;
	top: 334px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .kanagawa04{
	left: 235px;
	top: 306px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .chiba01{
	left: 864px;
	top: 23px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .chiba02{
	left: 825px;
	top: 159px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .chiba03{
	left: 857px;
	top: 195px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .chiba04{
	left: 857px;
	top: 233px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList01 .cntsHeadListCont .chiba05{
	left: 895px;
	top: 311px;
}

#contentsHead .cntsHeadLv02In li.cntsHeadList02{
	width: 327px;
	float: left;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont{
	position: absolute;
	z-index: 40;
	top: 45px;
	left: 326px;
	background: #e4e4e4;
	width: 614px;
	padding: 20px;
	/*height: 332px;*/
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont form{
	margin-top: 10px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchText{
	width: 308px;
	height: 30px;
	border: 1px solid #a7a7a7;
	background: #fff;
	font-size: 12px;
  line-height: 30px;
	padding: 0 10px;
	margin: 0;
	margin-right: 5px;
  display: inline-block;
  position: relative;
  vertical-align: baseline;
  float: left;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont form {
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchSubmit{
  width: 50px;
  height: 32px;
  font-size: 12px;
  border: none;
  background: #373737;
  padding: 0 10px;
  margin: 0;
  color: #fff;
  cursor: pointer;
  line-height: 1.4;
  display: inline-block;
  zoom: 1;
  line-height: 30px;
  position: relative;
  vertical-align: baseline;
  overflow: visible;
  float: left;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchSubmit:hover{
opacity: 0.6;
filter: alpha(opacity=60);  ie lt 8
-ms-filter: "alpha(opacity=60)";  ie 8
zoom:1;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHisTitle{
	margin-top: 16px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistory {
	margin-top: 8px;
	background: #444;
	overflow: hidden;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryList{
/*	padding: 10px 7px 10px 10px;*/
	padding: 10px 17px 10px 10px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem{
/*	border-top: 1px solid #666;*/
	padding: 8px 0;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem.first{
	border-top: none;
	padding: 0 0 8px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchStationName a{
  font-size: 14px;
  color: #fff;
  text-decoration: none;
  font-weight: bold;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchStationName a:hover{
  text-decoration: underline;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchStationName a span{
	font-size: 12px;
	font-weight: normal;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchLine{
/*	padding-left: 20px;
	margin-top: 4px;
	background: url(../img/area/stationSearch_icn.png) no-repeat 12px 2px;
*/	
	overflow: hidden;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchLine li{
	padding-left: 10px;
	float: left;
	white-space: nowrap;
	line-height: 1.5;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchLine li a{
  color: #fff;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchHistoryListItem .stationSearchLine li a:hover{
  text-decoration: underline;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchDelete{
	text-align: right;
	overflow: hidden;
	margin-top: 20px;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchDelete a{
	color: #fff;
	background: #373737;
	display: block;
	width: 150px;
	height: 30px;
	line-height: 30px;
	float: right;
	text-align: center;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList02 .cntsHeadListCont .stationSearchDelete a:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);  /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  zoom:1;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList03{
  width: 327px;
  float: left;
}
#contentsHead .cntsHeadLv02In li.cntsHeadList03 a:hover{
  color: #333;
}
#contentsHead .cntsHeadLv02In li .cntsHeadListCont{
	display: none;
}
#contentsHead .cntsHeadLv02In li:hover .cntsHeadListCont,
#contentsHead .cntsHeadLv02In li.hover .cntsHeadListCont {
	display: block;
}

h1{
  font-weight: bold;
}

/* topArea ���� --------------------------------------------- */
.topAreaTagline{
	font-size: 12px;
	color: #333;
}


/* topAreaKv --------------------------------------------- */
.topAreaKv{
	margin-top: 40px;
}
.topAreaKvSlider{
}
.topAreaKvSliderInner{
}
.topAreaKvSliderItem{
	padding: 10px 0 10px 10px;
	width: 305px;
  	float: left;
}
.topAreaKvSliderItem .topAreaKvSliderPhoto a{
	width: 305px;
	height: 203px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.topAreaKvSliderItem .topAreaKvSliderPhoto a img{
	width: auto;
	height: 100%;
}
.topAreaKvSliderText{
	font-size: 17px;
	line-height: 1.2;
	font-weight: bold;
	margin-top: 10px;
}
.topAreaKvControl{
	position: relative;
	overflow: hidden;
	margin-top: 20px;
	height: 19px;
}
.topAreaKvControlLeft{
	position: absolute;
	left: 0;
	top: 0;
}
.topAreaKvControlRight{
	position: absolute;
	right: 0;
	top: 0;
}
.topAreaKvControlSwitch{
	position: relative;
	left: 50%;
	float: left;
	margin-top: 2px;
}
.topAreaKvControlSwitch li{
	position: relative;
	left: -50%;
	float: left;
	padding: 0 10px;
}
.topAreaKvControlSwitch li a{
	display: block;
	width: 14px;
	height: 14px;
	background: url(../img/area/areaTopKvSwitch.png) no-repeat;
	background-position: left top;
}
.topAreaKvControlSwitch li.active a{
	background-position: left bottom;
}


/* topAreaOdekake --------------------------------------------- */
.topAreaOdekakeMap{
	margin-top: 40px;
}
.topAreaOdekakeMap .topAreaOdekakeTit{
	font-size: 27px;
	line-height: 27px;
	height: 32px;
	padding-top: 2px;
	padding-left: 40px;
	color: #333;
  font-weight: bold;
	background: url(../img/area/icn_odekakeMap.png) no-repeat left top;
}

.topAreaOdekakeMap .cf {
  overflow: hidden;
}

.topAreaOdekakeMap #mapContents {
  position: relative;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab {
  margin-top: 15px;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab h3 {
  font-size: 18px;
  margin-top: 6px;
  font-weight: bold;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab li.select {
  width: 320px;
  height: 34px;
  float: left;
  text-align: center;
  background-color: #e5e5e5;
  line-height: 35px;
  font-weight: bold;
  cursor: default;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab li {
  width: 320px;
  height: 30px;
  float: left;
  text-align: center;
  line-height: 35px;
  cursor: pointer;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab li:hover {
  color: #c80000;
}
.topAreaOdekakeMap #mapContents ul#OdekakeMaptab li.select:hover {
  color: #333;
}
.topAreaOdekakeMap #mapContents area {
  border: none;
  outline: none;
}
.topAreaOdekakeMap #mapContents ul.mapcontent li.mapcontentTokyo {
  background: url(../img/area/map01.jpg) no-repeat;
}
.topAreaOdekakeMap #mapContents ul.mapcontent li.mapcontentOther {
  background: url(../img/area/map02.jpg) no-repeat;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon {
  position: relative;
  width: 640px;
  height: 480px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a{
  position: absolute;
  display: block;
  min-height: 0;
  height: auto;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea01{
  left: 109px;
  top: 43px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea02{
  left: 231px;
  top: 42px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea03{
  left: 408px;
  top: 30px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea04{
  left: 517px;
  top: 48px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea05{
  left: 26px;
  top: 92px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea06{
  left: 177px;
  top: 92px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea07{
  left: 328px;
  top: 81px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea08{
  left: 429px;
  top: 92px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea09{
  left: 26px;
  top: 161px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea10{
  left: 130px;
  top: 143px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea11{
  left: 307px;
  top: 154px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea12{
  left: 429px;
  top: 139px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea13{
  left: 25px;
  top: 214px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea14{
  left: 144px;
  top: 230px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea15{
  left: 163px;
  top: 184px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea16{
  left: 290px;
  top: 228px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea17{
  left: 429px;
  top: 187px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea18{
  left: 413px;
  top: 240px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea19{
  left: 524px;
  top: 237px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea20{
  left: 25px;
  top: 268px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea21{
  left: 202px;
  top: 275px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea22{
  left: 415px;
  top: 295px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea23{
  left: 526px;
  top: 301px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea24{
  left: 38px;
  top: 318px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea25{
  left: 179px;
  top: 320px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea26{
  left: 310px;
  top: 315px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea27{
  left: 123px;
  top: 367px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea28{
  left: 257px;
  top: 370px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea29{
  left: 398px;
  top: 361px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea30{
  left: 515px;
  top: 375px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea31{
  left: 322px;
  top: 417px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea32{
  left: 205px;
  top: 83px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea33{
  left: 116px;
  top: 142px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea34{
  left: 53px;
  top: 185px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea35{
  left: 107px;
  top: 236px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea36{
  left: 464px;
  top: 43px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea37{
  left: 382px;
  top: 97px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea38{
  left: 497px;
  top: 117px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea39{
  left: 387px;
  top: 166px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea40{
  left: 393px;
  top: 250px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea41{
  left: 209px;
  top: 339px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea42{
  left: 27px;
  top: 414px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea43{
  left: 203px;
  top: 416px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea44{
  left: 454px;
  top: 354px;
}
.topAreaOdekakeMap #mapContents ul.mapcontent .mapIcon a.mapArea45{
  left: 496px;
  top: 400px;
}
.topAreaOdekakeMap #mapContents li.hide {
  display: none;
}
.topAreaOdekakeMap #mapContents .popcontent {
  width: 411px;
  position: absolute;
  top: 90px;
  left: 114px;
}
.topAreaOdekakeMap #mapContents .popcontent .popHead {
  position: relative;
  padding-top: 30px;
  padding-left: 19px;
  background-image: url(../img/area/bgTop.png);
  background-repeat: no-repeat;
}
.topAreaOdekakeMap #mapContents .popcontent .popHead .popClosebtn {
  position: absolute;
  right: 15px;
  top: 15px;
  cursor: pointer;
}
.topAreaOdekakeMap #mapContents .popcontent .popHead p.poptitle {
  font-size: 19px;
  font-weight: bold;
  float: left;
}
.topAreaOdekakeMap #mapContents .popcontent .popHead .popClosebtn {
  float: left;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock {
  padding-left: 20px;
  background-image: url(../img/area/bg.png);
  background-repeat: repeat-y;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popImg{
  margin-bottom: 10px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popmore {
  text-align: right;
  margin-right: 22px;
  margin-bottom: 7px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popmore a {
	background: url("../img/area/icon_more.png") 0 0 no-repeat;
	font-weight: bold;
	padding-left: 19px;
	text-decoration: underline;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock li {
  width: 110px;
  float: left;
  font-size: 12px;
  margin-top: 20px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock li img {
  margin-bottom: 8px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock li p {
  line-height: 18px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock li.middle {
  margin-right: 20px;
  margin-left: 20px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popMoreArea p.popInfo {
  width: 375px;
  border-top: solid 1px #cbcbcb;
  padding-top: 12px;
  margin-top: 7px;
  margin-bottom: 12px;
  font-size: 13px;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popMoreArea p.popPlace {
  margin-right: 10px;
  margin-bottom: 10px;
  float: left;
  font-size: 13px;
  font-weight: bold;
  background-color: #ebebeb;
  height: 27px;
  line-height: 27px;
  padding-left: 6px;
  padding-right: 6px;
  position: relative;
  white-space: nowrap;
}
.topAreaOdekakeMap #mapContents .popcontent .popBlock .popMoreArea p.popPlace a {
  line-height: 27px;
  text-decoration: none;
}
.topAreaOdekakeMap #mapContents .popcontent .popBottom {
  height: 20px;
  background-image: url(../img/area/bgBottom.png);
  background-repeat: no-repeat;
}


/* topAreaRecom --------------------------------------------- */
.topAreaRecom{
	margin-top: 50px;
}
.topAreaRecom .topAreaRecomTit{
	font-size: 27px;
	line-height: 27px;
	height: 32px;
	padding-top: 2px;
	padding-left: 40px;
	color: #333;
	background: url(../img/area/icn_odekakeInfo.png) no-repeat left top;
  font-weight: bold;
}
.topAreaRecomCont{
	width: 640px;
	margin-top: 15px;
	overflow: hidden;
}
.topAreaRecomList{
	overflow: hidden;
	width: 660px;
}
.topAreaRecomItem{
  float: left;
  width: 310px;
  margin-right: 20px;
  margin-bottom: 20px;
}
.topAreaRecomItemCont{
  background: #f3f3f3 url(../img/area/areaRecom_bg02.jpg) no-repeat center bottom;
}
.topAreaRecomListHdr{
	background: url(../img/area/areaRecom_bg01.jpg) no-repeat center top;
	padding: 20px;
	position: relative;
	height: 48px;
}
.topAreaRecomListIcn{
  padding-right: 10px;
  float: left;
}
.topAreaRecomListIcn img{
  border-radius: 20px;
  display: block;
  position: relative;
  behavior: url(../js/PIE.php);
  overflow: hidden;
}
.topAreaRecomListTit{
	font-size: 22px;
	font-weight: bold;
}
.topAreaRecomListTitSub{
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 10px;
  font-weight: normal;
  display: block;
}
#main a.topAreaRecomListMore{
	width: 149px;
	height: 31px;
	min-height: 31px;
	text-align: center;
	color: #fff;
	display: block;
	position: absolute;
	right: 20px;
	top: 34px;
	line-height: 31px;
	background: url(../img/area/areaRecomDetail.png) no-repeat left top;
}
#main a.topAreaRecomListMore:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);  /* ie lt 8 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
  zoom:1;
}
.topAreaRecomListTopics{
	margin-top: 15px;
	list-style-type: disc;
	list-style-position: inside;
	padding-left: 25px;
	padding-right: 10px;
}
.topAreaRecomListTopics li{
	list-style-type: disc;
	list-style-position: initial;
	line-height: 2;
}
#main .topAreaRecomListTopics a{
	text-decoration: underline;
}
.topAreaRecomListRank{
	margin-top: 15px;
	padding-bottom: 10px;
}
.topAreaRecomListRankTit{
	margin-left: 13px;
	padding-left: 25px;
	font-size: 15px;
	font-weight: bold;
	background: url(../img/area/areaRecomRank.png) no-repeat left 3px;
}
.topAreaRecomListRank ul{
	margin-top: 15px;
}
.topAreaRecomListRank li{
	position: relative;
	overflow: hidden;
	margin: 0 20px 20px;
	min-height: 36px;
}
.topAreaRecomListRank .rankNum{
	position: absolute;
	width: 34px;
	height: 23px;
	line-height: 23px;
	text-align: center;
	font-weight: bold;
	color: #fff;
	left: 0;
	top: 0;
  z-index: 99;
}
.topAreaRecomListRank .rank1 .rankNum{
	background: #d3a700;
}
.topAreaRecomListRank .rank2 .rankNum{
	background: #999;
}
.topAreaRecomListRank .rank3 .rankNum{
	background: #d26600;
}
.topAreaRecomListRank .rank1 .photo{
	float: left;
	border: 3px solid #d3a700;
	width: 122px;
	height: 80px;
	margin-right: 8px;
	/*position: relative;*/
}
.topAreaRecomListRank .rank1 a.text{
	float: left;
	font-size: 14px;
	font-weight: bold;
	width: 134px;
}
.topAreaRecomListRank .rank2,
.topAreaRecomListRank .rank3{
	padding-left: 45px;
	margin: 0 20px 10px;
}



/* topAreaSeason --------------------------------------------- */
.topAreaSeason{
	margin-top: 40px;
}
.topAreaSeason .topAreaSeasonTit{
	font-size: 27px;
	line-height: 27px;
	height: 32px;
	padding-top: 2px;
	padding-left: 40px;
	color: #333;
	background: url(../img/area/icn_season.png) no-repeat left top;
  font-weight: bold;
}
.topAreaSeason .topAreaSeasonCont{
	margin-top: 20px;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonList{
	overflow: hidden;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonItem{
	float: left;
	width: 200px;
	padding-left: 20px;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonItem.first{
	float: left;
	width: 200px;
	padding-left: 0;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListPhoto a{
	width: 200px;
	height: 130px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListPhoto a img{
	width: auto;
	height: 100%;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListTit{
	font-size: 15px;
	margin-top: 16px;
  font-weight: bold;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListText{
	font-size: 12px;
	margin-top: 12px;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListList{
	margin-top: 16px;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 5px 0;
}
.topAreaSeason .topAreaSeasonCont .topAreaSeasonListList li{
	background: url(../img/area/seasonListBg.png) no-repeat left 6px;
	padding-left: 8px;
  font-weight: bold;
}


/* topAreaEvent --------------------------------------------- */
.topAreaEvent{
	margin-top: 40px;
}

.topAreaEvent .topAreaEventTit{
	font-size: 27px;
	line-height: 27px;
	height: 32px;
	padding-top: 2px;
	padding-left: 40px;
	color: #333;
	background: url(../img/area/icn_event.png) no-repeat left top;
  font-weight: bold;
}
.topAreaEvent .topAreaTagline{
  margin-top: 5px;
}


.topAreaEvent .cf:before,
.topAreaEvent .cf:after {
    content: " ";
    display: table;
  }
.topAreaEvent .cf:after {
    clear: both;
  }

.topAreaEvent #map_canvas {
    width: 640px;
    height: 500px;
    margin-top: 10px;
  }

/* topAreaPlace --------------------------------------------- */

.topAreaPlace{
	margin-top: 40px;
}

.topAreaPlace .topAreaPlaceTit{
	font-size: 27px;
	line-height: 27px;
	height: 32px;
	padding-top: 2px;
	padding-left: 40px;
	color: #333;
	background: url(../img/area/icn_tokyo.png) no-repeat left top;
  font-weight: bold;
}

.topAreaPlace .topAreaPlaceCont{
	margin-top: 18px;
  padding: 23px 7px 0;
	background: #f3f3f3 url(../img/area/areaPlace_bg01.jpg) no-repeat center top;
}
.topAreaPlaceCont.square{
	background-image: none;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceList{
	overflow: hidden;
	background: url(../img/area/areaPlace_bg02.jpg) no-repeat center bottom;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem {
	float: left;
	padding: 0 13px 20px;
	overflow: hidden;
	width: 287px;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListPhoto{
  float: left;
  width: 100px;
  padding-right: 9px;
  text-align: center;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListPhoto a{
	width: 100px;
	height: 66px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListPhoto a img{
	width: auto !important;
	height: 100% !important;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListCont{
	float: left;
	width: 178px;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListTit{
	font-weight: bold;
	font-size: 14px;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListText{
	font-size: 12px;
	line-height: 1.5;
	margin-top: 4px;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListStation{
	overflow: hidden;
	margin-top: 4px;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListStation li{
	float: left;
	padding: 0 10px;
	border-right: 1px solid #d3d3d3;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListStation li.first{
	border-left: 1px solid #d3d3d3;
}
.topAreaPlace .topAreaPlaceCont .topAreaPlaceItem .topAreaPlaceListStation li a{
	line-height: 24px;
}


/* sideRecom --------------------------------------------- */

.areaSideRecom{
  margin: 20px 0;
  padding: 20px 0 0;
  border: 1px solid #d3d3d3;
  border-radius: 10px;
  behavior: url(../js/PIE.php);
  overflow: hidden;
}
.areaSideRecom .areaSideRecomTit{
	margin: 0 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.areaSideRecom .areaSideRecomUser{
	margin-top: 20px;
	background: #f3f3f3;
	padding-left: 18px;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-right: 20px;
	overflow: hidden;
}
.areaSideRecomUserPhoto{
	float: left;
	padding-right: 9px;
}
.areaSideRecomUserText{
	float: left;
	font-size: 15px;
	font-weight: bold;
	width: 189px;
}
.areaSideRecomUserEdit{
	clear: both;
	padding-top: 10px;
	text-align: right;
	line-height: 15px;
}
.areaSideRecomUserEdit span{
	display: inline-block;
  vertical-align: top;
	width: 7px;
	height: 15px;
	background: url(../img/area/sideRecomEdit.jpg) no-repeat;
  background-position: 0px 3px;
}

.areaSideRecomArea{

}
.areaSideRecomAreaTit{
  background: #ccc url(../img/area/sideRecomSwitch.jpg) no-repeat 267px 12px;
  line-height: 36px;
  height: 36px;
  padding: 0 20px;
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px solid #fff;
  cursor: pointer;
}
.areaSideRecomAreaList.last .areaSideRecomAreaTit{
  border-radius: 0 0 9px 9px;
  overflow: hidden;
  behavior: url(../js/PIE.php);
  position: relative;
}
.areaSideRecomAreaList.active.last .areaSideRecomAreaTit{
  border-radius: 0;
}
.areaSideRecomAreaTitBottom{
  border: none;
}
.areaSideRecomAreaList.active .areaSideRecomAreaTit{
	background: #ccc url(../img/area/sideRecomSwitchActive.jpg) no-repeat 267px 12px;
}
.areaSideRecomAreaList .areaSideRecomAreaTit span{
	font-size: 12px;
}
.areaSideRecomAreaList.active ul{
	display: block;
}
.areaSideRecomAreaList ul{
	display: none;
}
.areaSideRecomAreaList li{
	overflow: hidden;
	padding: 20px;
	border-top: 1px solid #d3d3d3;
}
.areaSideRecomAreaList li.first{
	border-top: none;
}
.areaSideRecomAreaPhoto{
	float: left;
	text-align: center;
	width: 100px;
	padding-right: 10px;
}
.areaSideRecomAreaDetail{
	float: left;
	width: 148px;
}
.areaSideRecomAreaLink{
	font-size: 14px;
	font-weight: bold;
}

.areaSideRecomLogin{
  font-size: 15px;
  font-weight: bold;
  width: 280px;
}
.areaSideLogin{
  padding: 20px;
}
.clip-lists-wrapper .areaSideLogin{
  padding: 20px 20px 0;
}
.areaSideLoginText{
  font-size: 12px;
}
.areaSideLoginBtn{
  margin-top: 15px;
  font-size: 12px;
  overflow: hidden;
}
.areaSideLoginBtn a{
  width: 122px;
  height: 32px;
  display: block;
  background: #ebebeb;
  border: 1px solid #dcdcdc;
  border-radius: 5px;
  behavior: url(../js/PIE.php);
  overflow: hidden;
  position: relative;
  text-align: center;
  line-height: 32px;
  font-size: 14px;
  font-weight: bold;
}
.areaSideLoginBtnAdd{
  float: left;
}
.areaSideLoginBtnLogin{
  float: right;
}


/* sideRecom --------------------------------------------- */

.areaSideCur{
	margin: 20px 0;
	padding: 20px 0 0;
	border: 1px solid #d3d3d3;
	border-radius: 10px;
	behavior: url(../js/PIE.php);
	overflow: hidden;
}
.areaSideCur .areaSideCurTit{
	margin: 0 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.areaSideCurList{
	margin-top: 20px;
}
.areaSideCurListTit{
	background: #ccc;
	line-height: 36px;
	height: 36px;
	padding: 0 20px;
	font-size: 14px;
	font-weight: bold;
	border-bottom: 1px solid #fff;
}
.areaSideCurListTit a{
	line-height: 36px;
}
.areaSideCurListTit span{
	font-size: 12px;
	line-height: 36px;
}
.areaSideCurListCont{
	position: relative;
	overflow: hidden;
	padding: 20px 10px 20px 20px;
}
.areaSideCurListPhoto{
	float: left;
	text-align: center;
	width: 100px;
	height: 100px;
	padding-right: 10px;
	position: relative;
}
.areaSideCurListTitle{
	float: left;
	width: 148px;
	font-size: 15px;
	font-weight: bold;
}
.areaSideCurListClip{
	clear: both;
	padding-top: 10px;
  margin-bottom: 10px;
	overflow: hidden;
}
.areaSideCurListLeft{
	float: left;
	width: 120px;
}
.areaSideCurListRight{
	float: left;
	width: 135px;
}
.areaSideCurListAge{
	text-align: right;
	font-size: 10px;
	font-weight: bold;
}
.areaSideCurListArea{
	padding-left: 60px;
	line-height: 17px;
}
.areaSideCurListArea li{
	padding-bottom: 7px;
}
.areaSideCurListArea span{
	background: url(../img/area/sideCurBal.jpg);
	display: inline-block;
	width: 35px;
	height: 17px;
	text-align: center;
}


.areaSideMoreBtn{
  position: relative;
	display: block;
	width: 260px;
	height: 45px;
	line-height: 45px;
	font-size: 12px;
	text-align: center;
	background: #f7f7f7;
	border-radius: 10px;
	behavior: url(../js/PIE.php);
	margin: 0 auto 20px;
	vertical-align: middle;
  font-weight: bold;
}
.areaSideMoreBtn span{
	display: inline-block;
	width: 10px;
	height: 12px;
	vertical-align: middle;
	background: url(../img/area/sideMoreBtn.png) no-repeat left top;
}


/* �H������ */
.areaSearchRoute {
  margin-top: 40px;
}

.areaSearchRoute .areaSearchRouteTit {
  font-size: 27px;
  line-height: 27px;
  height: 32px;
  padding-top: 2px;
  color: #333;
}

.areaSearchRouteTaglineTagline {
  font-size: 12px;
  color: #333;
}

.areaSearchRoute h2.areaSearchRouteTit02{
  margin-top: 35px;
  margin-bottom: 5px;
  font-weight: bold;
  font-size: 14px;
  background: url(../img/area/areaSearchRouteIcon01.png) no-repeat left 0;
  padding-left: 25px;
}

.areaSearchRoute h2.areaSearchRouteTit03{
  margin-top: 40px;
  font-weight: bold;
  font-size: 14px;
  background: url(../img/area/areaSearchRouteIcon01.png) no-repeat left 0;
  padding-left: 25px;
  float: left;
  margin-right: 280px;
}

.areaSearchRoute .areaSearchRouteMark{
  margin-top: 40px;
}

.areaSearchRoute .areaSearchRouteMark01{
  background: url(../img/area/areaSearchRouteIcon02.png) no-repeat;
  background-position: 0px 2px;
  float: left;
  padding-left: 15px;
  font-size: 13px;
  padding-bottom: 5px;
}
.areaSearchRoute .areaSearchRouteMark04{
  background: url(../img/area/areaSearchRouteIcon02.png) no-repeat;
  background-position: 0px 2px;
  float: right;
  padding-left: 15px;
  font-size: 13px;
  padding-bottom: 5px;
}

.areaSearchRoute .areaSearchRouteMark02{
  background: url(../img/area/areaSearchRouteIcon03.png) no-repeat;
  background-position: 0px 2px;
  float: left;
  padding-left: 18px;
  margin-left: 13px;
  font-size: 13px;
  padding-bottom: 5px;
}
.areaSearchRoute .areaSearchRouteMark03{
  background: url(../img/area/areaSearchRouteIcon03.png) no-repeat;
  background-position: 0px 2px;
  float: right;
  padding-left: 18px;
  margin-left: 13px;
  font-size: 13px;
  padding-bottom: 5px;
  width: 90px;
}
.areaSearchRoute .areaSearchRouteForm{
  width: 640px;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormTop{
  background: url(../img/area/areaSearchRouteFormBgtop.png) no-repeat;
  padding-top: 20px;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormInner{
  background-color: #fff;
  width: 570px;
  height: 44px;
  margin: 0 auto;
  line-height: 44px;
  padding-left: 30px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormInner .areaSearchRouteFormInfo{
  float: left;
  font-weight: bold;
  font-size: 14px;
  line-height: 44px;
}
.areaSearchRoute .areaSearchRouteForm input#areaSearchBtn{
  width: 60px;
  height: 30px;
  background-color: #dddddd;
  border: none;
  font-size: 14px;
  font-weight: bold;
  padding: 0;
  outline: 0;
  cursor: pointer;
  vertical-align: middle;
  border: solid 1px #828282;
}

.areaSearchRoute .areaSearchRouteForm input#areaSearchfield{
  width: 240px;
  height: 30px;
  line-height: 30px;
  background-color: #fff;
  border: 1px solid #a7a7a7;
  font-size: 14px;
  margin-left: 20px;
  margin-right: 5px;
  padding: 0 5px;
  outline: 0;
  vertical-align: middle;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormMiddle{
  background-image: url(../img/area/areaSearchRouteFormBg.png);
  background-repeat: repeat-y;
  padding-left: 20px;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormInfo02{
  font-size: 14px;
  padding-top: 20px;
  padding-bottom: 20px;
  /*margin-bottom: 10px;*/
}

.areaSearchRoute .areaSearchRouteForm .notFound{
  font-weight: bold;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormMiddle ul{
  padding-left: 10px;
  font-size: 14px;
  font-weight: bold;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormMiddle ul li{
  line-height: 24px;
  background: url(../img/area/areaSearchArrow.png) no-repeat left 0 top 9px;
  padding-left: 10px;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormMiddle ul span{
  font-weight: normal;
  font-size: 12px;
  color: #585858;
}

.areaSearchRoute .areaSearchRouteForm .areaSearchRouteFormBottom{
  background: url(../img/area/areaSearchRouteFormBgbottom.png) no-repeat;
  height: 20px;
}

.areaSearchRoute .areaRouteList{
  margin-bottom: 10px;
}

.areaSearchRoute .areaRouteList .areaRouteListTop{
  background: url(../img/area/areaSearchRouteFormBgtop.png) no-repeat;
  padding-top: 20px;
}

.areaSearchRoute .areaRouteList ul.trainType li{
  float: left;
  width: 194px;
  height: 37px;
  padding-bottom: 20px;
}
#contents .areaSearchRoute .areaRouteList ul.trainType li a{
  display: block;
}

.areaSearchRoute .areaRouteList ul.trainType li.chikatetsu{
  margin-left: 20px;
}

.areaSearchRoute .areaRouteList ul.trainType li.zairaisen{
  margin-left: 10px;
  margin-right: 10px;
}
.areaSearchRoute .areaRouteList .areaRouteListMiddle{
  background-image: url(../img/area/areaSearchRouteFormBg.png);
  background-repeat: repeat-y;
  padding-top: 1px;
}

.areaSearchRoute .areaRouteListSection{
  width: 600px;
  margin: 0 auto;
  background-color: #fff;
  margin-bottom: 20px;
}
.areaSearchRoute .areaRouteListSection02{
  width: 600px;
  margin: 0 auto;
  background-color: #fff;
  margin-bottom: 0px;
}
.areaSearchRoute .areaRouteListMiddle .linetype{
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 10px;
  margin-left: 20px;
  margin-top: 20px;
}

.areaSearchRoute .areaRouteListMiddle .linetypeName{
  background-color: #d5d5d5;
  width: 542px;
  height: 30px;
  margin: 0 auto;
  font-size: 14px;
  font-weight: bold;
  line-height: 30px;
  padding-left: 20px;
  margin-bottom: 10px;
}

.areaSearchRoute .areaRouteListMiddle .areaRouteListLeft{
  margin-bottom: 10px;
  float: left;
  margin-left: 14px;
}

.areaSearchRoute .areaRouteListMiddle ul{
  margin-bottom: 3px;
}

.areaSearchRoute .areaRouteListMiddle .areaRouteListLeft li.areaSearchRouteMark01{
  width: 42px;
}

.areaSearchRoute .areaRouteListMiddle .areaRouteListRight li.areaSearchRouteMark01{
  width: 42px;
}

.areaSearchRoute .areaRouteListMiddle .areaRouteListRight{
  margin-bottom: 10px;
  float: right;
  width: 290px;
  margin-right: 10px;
}

.areaSearchRoute .areaRouteList .areaRouteListMiddle li.routeName{
  float: left;
  text-align: right;
  width: 140px;
  margin-right: 10px;
  font-size: 14px;
  font-weight: bold;
}
.areaSearchRoute .areaRouteList .areaRouteListMiddle li.routeName02{
  float: left;
  text-align: right;
  margin-right: 10px;
  font-size: 14px;
  margin-left: 9px;
  font-weight: bold;
}
.areaSearchRoute .areaRouteList .areaRouteListMiddle li.routeName03{
  float: left;
  text-align: right;
  margin-right: 6px;
  font-size: 14px;
  margin-left: 9px;
  font-weight: bold;
}

.areaSearchRoute .areaRouteList .areaRouteListBottom{
  background: url(../img/area/areaSearchRouteFormBgbottom.png) no-repeat;
  height: 20px;
}

.areaSearchRoute .areaSearchBottominfo{
  padding-left: 370px;
}
.areaSearchRoute .areaSearchBottominfo p{
  margin-top: 0px;
}
.areaSearchRoute .pageTop{
  text-align: right;
  margin-top: 10px;
}
.areaSearchRoute .pageTop a{
  font-size: 15px;
  font-weight: bold;
  color: #333333;
  background: url(../img/area/topScrollBtn.png) no-repeat;
  background-position: 535px 3px;
  padding-left: 29px;
  height: 25px;
  display: block;
  margin-bottom: 10px;
}






/*
js
=============================== */
/*
 * 	Core Owl Carousel CSS File
 *	v1.3.3
 */
/* clearfix */
.owl-carousel .owl-wrapper:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
/* display none until init */
.owl-carousel{
	display: none;
	position: relative;
	width: 630px;
	-ms-touch-action: pan-y;
}
.owl-carousel .owl-wrapper{
	display: none;
	position: relative;
	-webkit-transform: translate3d(0px, 0px, 0px);
}
.owl-carousel .owl-wrapper-outer{
	overflow: hidden;
	position: relative;
	width: 630px;
	padding-right: 10px;
	background: #f4f4f4;
}
.owl-carousel .owl-wrapper-outer.autoHeight{
	-webkit-transition: height 500ms ease-in-out;
	-moz-transition: height 500ms ease-in-out;
	-ms-transition: height 500ms ease-in-out;
	-o-transition: height 500ms ease-in-out;
	transition: height 500ms ease-in-out;
}
.owl-carousel .owl-item{
	float: left;
}
.owl-controls .owl-page,
.owl-controls .owl-buttons div{
	cursor: pointer;
}
.owl-controls {
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
/* mouse grab icon */
.grabbing {
    cursor:url(../img/owlcarousel/grabbing.png) 8 8, move;
}

/* fix */
.owl-carousel  .owl-wrapper,
.owl-carousel  .owl-item{
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility:    hidden;
	-ms-backface-visibility:     hidden;
  -webkit-transform: translate3d(0,0,0);
  -moz-transform: translate3d(0,0,0);
  -ms-transform: translate3d(0,0,0);
}

/*
* 	Owl Carousel Owl Demo Theme
*	v1.3.3
*/
.owl-theme .owl-controls{
	margin-top: 20px;
	text-align: center;
	position: relative;
}
.owl-theme .owl-prev{
	position: absolute;
	left: 0;
	top: 0;
	background: url(../img/area/areaTopKvArrowL.png) no-repeat left top;
	width: 12px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.owl-theme .owl-next{
	position: absolute;
	right: -10px;
	top: 0;
	background: url(../img/area/areaTopKvArrowR.png) no-repeat left top;
	width: 12px;
	height: 19px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
}
.owl-theme .owl-controls .owl-page{
	display: inline-block;
	zoom: 1;
	*display: inline;/*IE7 life-saver */
}
.owl-theme .owl-controls .owl-page span{
	display: block;
	width: 15px;
	height: 14px;
	margin: 2px 7px;
	background: url(../img/area/areaTopKvSwitch.png) no-repeat center top;
}
.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span{
  background: url(../img/area/areaTopKvSwitch.png) no-repeat center bottom;

}
/* If PaginationNumbers is true */
.owl-theme .owl-controls .owl-page span.owl-numbers{
	height: auto;
	width: auto;
	color: #FFF;
	padding: 2px 10px;
	font-size: 12px;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	behavior: url(../js/PIE.php);
}
/* preloading images */
.owl-item.loading{
	min-height: 150px;
	background: url(../img/owlcarousel/AjaxLoader.gif) no-repeat center center
}


/* easyselectbox(easyselectbox) ------------------- */
/* Core CSS. Do not edit unless your sure */
 .easy-select-box{
	display:inline-block;
	position:relative;
	cursor: pointer;
}
.easy-select-box .esb-dropdown{
	position:absolute;
	top:100%;
	left:0;
	z-index:99;
	display:none;
}

/* Default Presentation CSS. You can edit appearance here or create a custom class below */
.easy-select-box{
	width:272px;
	text-align:left;
	color:#888;
}
.easy-select-box .esb-displayer{
	background: url(../img/gourmet/bg_select.png) no-repeat right 0;
	padding:0 8px;
	height:34px;
	line-height:34px;
	cursor: default;
}
.easy-select-box:hover .esb-displayer{
	background-position: 0 -68px;
	text-decoration:none;
}
.easy-select-box.disabled .esb-displayer,
.easy-select-box:hover.disabled .esb-displayer{
	background-position: 0 -34px;
	color:#d7cdbd;
}
.easy-select-box .esb-dropdown{
	padding: 5px 5px;
	border:1px solid #e3e3d4;
	width:228px !important;
	max-height:200px;
	overflow:auto;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	background:#fdfdf5;
}
.easy-select-box .esb-dropdown .esb-item{
	padding:2px 0;
	background:#fdfdf5;
	border-top: 1px dotted #d2d0bf;
	color:#666666;
	cursor:default;
}
.easy-select-box .esb-dropdown .esb-item:first-child{
	border-top: none;
}
.easy-select-box .esb-dropdown .esb-item:hover{
	background:#c80000;
	color:#FFFFFF;
	text-decoration:none;
}

.areaStationHeader,
.areaStationPickup,
.areaStationSelectMap,
.areaHowToEnjoy,
.areaShopStaffVoice,
.areaStationTokutenInfo,
.areaStationFavContents,
.areaPlaceDetails,
.areaSearchByPurpose {
	margin: 40px 0;
}
.areaStationHeaderTitle,
.areaStationPickupTitle,
.areaStationSelectMapTitle,
.areaShopStaffVoiceTitle,
.areaStationTokutenInfoTitle,
.areaStationPopularContentsTitle,
.areaPlaceDetailsTitle,
.areaSearchByPurposeTitle {
	margin: 20px 0;
}
.areaStationHeaderTitle h1,
.areaStationPickupTitle h2,
.areaStationSelectMapTitle h2,
.areaHowToEnjoyTitle h2,
.areaHowToEnjoyTitle2 h2,
.areaShopStaffVoiceTitle h2,
.areaStationTokutenInfoTitle h2,
.areaStationPopularContentsTitle h2,
.areaPlaceDetailsTitle h2,
.areaSearchByPurposeTitle h2 {
	font-size: 27px;
	position: relative;
	margin-bottom: 5px;
}
.areaStationSelectMapTitle h2,
.areaHowToEnjoyTitle h2,
.areaHowToEnjoyTitle2 h2,
.areaShopStaffVoiceTitle h2,
.areaStationTokutenInfoTitle h2,
.areaStationPopularContentsTitle h2,
.areaPlaceDetailsTitle h2,
.areaSearchByPurposeTitle h2 {
	display: table-cell;
	vertical-align: middle;
	height: 40px;
}
span.stationInfoH2Icon {
	display: inline-block;
	margin-right: 7px;
  margin-top: 6px;
	width: 30px;
	height: 37px;
	vertical-align: middle;
}
.areaStationSelectMapTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_odekakeSpecial.png) no-repeat left top;
}
.areaHowToEnjoyTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_shopEnjoy.png) no-repeat left top;
}
.areaHowToEnjoyTitle2 h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_heart.png) no-repeat left top;
}
.areaShopStaffVoiceTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_shopStaff.png) no-repeat left top;
}
.areaStationTokutenInfoTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_shopLets.png) no-repeat left top;
}
.areaStationPopularContentsTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_ranking.png) no-repeat left top;
}
.areaPlaceDetailsTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_detail.png) no-repeat left top;
  margin-top: -3px;
}
.areaSearchByPurposeTitle h2 span.stationInfoH2Icon {
  background: url(../img/area/icn_search.png) no-repeat left top;
}

.areaStationSelectMapMoreDetailsBtn,
.areaVoiceListsMoreDetailsBtn,
.areaStationTokutenInfoMoreDetailsBtn {
	height: 47px;
	line-height: 47px;
	background-color: #f7f7f7;
	text-align: center;
	cursor: pointer;
	margin-top: 20px;
	display: block;
	position: relative;
	font-weight: bold;
}
.areaHowToEnjoyMoreDetailsBtn{
  height: 47px;
  line-height: 47px;
  background-color: #f7f7f7;
  text-align: center;
  cursor: pointer;
  display: block;
  position: relative;
  font-weight: bold;
}
.more-details-btn-square {
	background-image: url(../img/area/station_more_details_btn_square.png);
	width: 10px;
	height: 10px;
	margin-right: 5px;
	margin-top: -2px;
	vertical-align: middle;
	display: inline-block;
}
.more-details-btn-square-blue {
	background-image: url(../img/area/station_more_details_btn_blue.png);
}

/* areaStationHeader */
.areaStationHeaderTitle {
	position: relative;
}
.areaStationHeaderTitle h1 {
	/*width: 120px;*/
	float: left;
}
#contents a.areaStationHeaderMetro {
	top: 0;
	right: 0;
	position: absolute;
	min-height: 0;
}
.metro-triangle {
	background-image: url(../img/area/station_metro_triangle.png);
	display: inline-block;
	width: 6px;
	height: 10px;
	margin-right: 5px;
}
.areaStationHeaderDescription {
	clear: both;
	padding-top: 15px;
}

/* areaPickup */
.areaPickup {
	border-radius: 10px;
	behavior: url(../js/PIE.php);
	background-color: #eee;
	padding: 5px 25px 25px 25px;
}
.areaPickupTitle {
	margin: 5px 0;
}
.areaPickupTitle h2 {
	height: 50px;
	line-height: 50px;
	font-size: 25px;
	float: left;
}
.areaPickupTitle p {
	height: 50px;
	line-height: 50px;
	text-align: left;
	width: 380px;
	float: left;
	font-size: 13px;
	font-weight: 600;
}
.areaTitleSeparator {
	margin: 0 20px;
	color: #a6a6a6;
	font-weight: 300;
}
.areaPickupLists {
	display: block;
}
.areaPickupLists li {
	display: inline-block;
	width: 134px;
	margin-right: 18px;
	float: left;
}
.areaPickupLists .pickUpListsItemLast {
	margin-right: 0;
}
.pickupListsDescription {
	margin: 15px 0 5px 0;
	font-weight:bold;
}
.pickupListsStationName {
	padding: 3px 5px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	display: inline-block;
	*display: inline;
	*zoom: 1;
}
#contents .pickupListsStationName a {
	font-size: 10px;
/*	font-weight: 600; */
}

/* areaStationSelectMapTitle */
  #map_canvas {
	width: 640px;
	height: 445px;
  }
  .cf:before,
  .cf:after {
    content: " ";
    display: table;
  }
  .cf:after {
    clear: both;
  }
  #map_canvas {
    width: 640px;
    height: 500px;
  }

  .gmap-marker {
    width: 62px;
    height: 55px;
    background-image: url('/img/area/icon_bg.png');
    cursor: pointer;
  }
  .gmap-marker p {
    text-align: center;
    margin: 0;
    width: 62px;
    height: 47px;
    vertical-align: middle;
  }
  .gmap-marker img {
    margin-top: 6px;
  }


  /* area_index.html��gmap�o���[���̃X�^�C�� */
  .area-index.gmap-baloon-wrapper {
  	background-image: url('/img/area/baloon-bg-area-index.png');
    background-repeat: no-repeat;
    background-size: 296px 256px;
    width: 296px;
    height: 256px;
    display: none;
  }
  .area-index.gmap-baloon-wrapper.isBaloonActive {
    display: block;
  }
  .area-index .gmap-baloon {
    cursor: default;
    padding: 13px;
    border-radius: 10px;
  }
  .area-index .baloon-title p {
    font-size: 14px;
    width: 250px;
    display: block;
    float: left;
    margin: 5px 0;
    font-weight: bold;
  }
  .area-index .baloon-close {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('/img/area/baloon-close.png');
    background-size: 16px 16px;
    float: right;
  }
  .area-index .baloon-close:hover {
    cursor: pointer;
  }
  .area-index .baloon-img {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .area-index .baloon-desc {
    display: block;
    float: left;
    width: 180px;
  }
  #contents .area-index .baloon-main-desc {
    margin: 0;
    font-weight: bold;
    text-decoration: underline;
    font-size: 14px;
  }
  .area-index .baloon-term {
    margin: 0;
    font-size: 12px;
  }
  .area-index .baloon-details {
    background-image: url('/img/area/baloon-details.png');
  background-size: 176px 31px;
    background-repeat: no-repeat;
    width: 176px;
    height: 31px;
    border: none;
    cursor: pointer;
    margin: 10px auto;
    display: block;
    overflow: hidden;
    min-height: 0;
  }
  .area-index .baloon-details:hover {
    opacity: 0.6;
    filter: alpha(opacity=60);  /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    zoom:1;
  }
  .area-index .event-icon {
    vertical-align: middle;
    width: 10px;
    height: 10px;
  }
  .area-index .baloon-another-events {
    font-size: 10px;
    width: 190px;
    text-align: center;
    margin: 0 auto;
  }
  #contents .area-index .baloon-another-events a {
    margin-left: 5px;
    font-weight: bold;
    text-decoration: underline;
  }

  /* area_station.html��gmap�o���[���̃X�^�C�� */
  .area-station.gmap-baloon-wrapper {
    background-image: url('/img/area/baloon-bg-area-station.png');
    background-size: 296px 100%;
    height: 221px;
    display: none;
  }
  .area-station.gmap-baloon-wrapper.isBaloonActive {
    display: block;
  }
  .area-station .gmap-baloon {
    cursor: default;
    width: 276px;
    padding: 10px;
    border-radius: 10px;
    behavior: url(../js/PIE.php);
  }
  .area-station .baloon-content {
    width: 250px;
    float: left;
    margin-top: 8px;
    margin-left: 3px;
  }
  .area-station .baloon-title {
    width: 16px;
    float: right;
  }
  .area-station .baloon-close {
    display: block;
    width: 16px;
    height: 16px;
    background-image: url('../img/area/baloon-close.png');
    background-size: 16px 16px;
    float: right;
  }
  #contents .area-station .stateArticle {
  	margin-top: 6px;
  	margin-left: 3px;
  }
  .area-station .baloon-close:hover {
    cursor: pointer;
  }
  .area-station .baloon-img {
    display: block;
    float: left;
    margin-right: 10px;
  }
  .area-station .baloon-desc {
    display: block;
    float: left;
    width: 119px;
    font-weight: bold;
  }
  .area-station .baloon-main-desc {
    margin: 0;
    font-size: 14px;
    color: #000;
    text-decoration: underline !important;
  }
  .area-station .baloon-term {
    margin: 0;
    font-size: 12px;
  }
  .area-station .baloon-details {
    background-image: url('../img/area/baloon-details.png');
    width: 176px;
    height: 31px;
    border: none;
    cursor: pointer;
    margin: 10px auto;
    display: block;
    clear: both;
  }
  .area-station .baloon-prof {
    margin-top: 8px;
    margin-left: 3px;
    margin-bottom: 1px;
  }
  .area-station .baloon-prof img {
    display: block;
    float: left;
    vertical-align: middle;
  }
  .area-station .baloon-prof-desc {
    width: 230px;
    display: block;
    float: right;
  }

  .area-station .event-icon {
    vertical-align: middle;
    width: 10px;
    height: 10px;
  }
  .area-station .baloon-another-events {
    font-size: 10px;
    text-align: center;
    width: 190px;
    margin: 0 auto;
  }
  .area-station .baloon-another-events a {
    margin-left: 5px;
    font-weight: 600;
    color: #000;
  }

/* areaHowToEnjoy */
.areaHowToEnjoyTitle, .areaHowToEnjoyTitle2 {
	margin-bottom: 20px;
}
.areaHowToEnjoyLists {
  /*height: 0;*/
  overflow: hidden;
  position: relative;
}
.areaHowToEnjoyLists, .areaHowToEnjoyLists li {
	display: block;
	margin: 0;
	padding: 0;
}
.areaHowToEnjoyListsMore {
  display: none;
}
.areaHowToEnjoyLists li {
	margin-bottom: 20px;
	position: relative;
}
.howToEnjoyListsTop {
	margin-bottom: 15px;
	/*height: 50px;
	line-height: 50px;*/
}
.howToEnjoyListsTop .howToEnjoyListsTopThumb {
	width: 67px;
	height: 44px;
	margin-right: 10px;
	float: left;
	overflow: hidden;
	text-align: center;
}
.howToEnjoyListsTop .howToEnjoyListsTopThumb img{
	width: auto;
	height: 100%;
}
.howToEnjoyListsTop h3 {
  width: 540px;
  float: left;
  font-size: 16px;
  font-weight: 600;
}
.howToEnjoyListsTop h3 a {
  display: block;
  float: left;
  width: 480px;
}
.howToEnjoyListsTop p {
	width: 540px;
	float: left;
	font-size: 16px;
	font-weight: 600;
}
p.howToEnjoyListsTopDescription {
	font-weight: 400;
}
.howToEnjoyListsTop .howToEnjoyListsTopDescription {
	font-size: 12px;
}
.howToEnjoyListsStation {
	padding: 0 5px;
	margin-right: 5px;
	border-left: 1px solid #cbcbcb;
	border-right: 1px solid #cbcbcb;
	font-size: 13px;
	font-weight: 600;
    float: left;
}
.howToEnjoyListsBottom {
	padding: 10px;
	background-color: #ebebeb;
	position: relative;
}
.howToEnjoyListsBottom .howToEnjoyListsBottomThumb {
	width: 140px;
	height: 94px;
	display: block;
	float: left;
	overflow: hidden;
	text-align: center;
}
.howToEnjoyListsBottom .howToEnjoyListsBottomThumb img {
	width: auto;
	height: 100%;
}
.howToEnjoyListsBottomMenu,
.howToEnjoyListsBottomDescription {
	display: block;
	float: left;
	margin-left: 10px;
	width: 440px;
}
.howToEnjoyListsBaloon {
	width: 480px;
	/*height: 51px;*/
	margin-top: 10px;
	position: relative;
}
.howToEnjoyListsBottomDescription {
	width: 445px;
	padding: 5px;
	margin-top: 5px;
	margin-left: 0;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	background-color: #fff;
	float: left;
  position: relative;
}
.howToEnjoyListsDescriptionBaloon {
	background-image: url(../img/area/station_enjoy_baloon.png);
	display: block;
	width: 6px;
	height: 8px;
	float: left;
	margin-top: 20px;
	margin-left: 10px;
}
.howToEnjoyListsBottomFav {
	width: 60px;
	font-size: 12px;
	display: block;
	float: left;
	text-align: center;
	margin-right: 10px;
}
.howToEnjoyListsBottomTitle {
	display: block;
	float: left;
	line-height: 36px;
	font-size: 16px;
	font-weight: 600;
}

/* areaStationShopStaffVoice */
.areaShopStaffVoiceTitle h2 span {
	margin: 0 4px;
}
.shopStaffVoiceLists, .shopStaffVoiceLists li {
	display: block;
}
.shopStaffVoiceLists li {
	width: 200px;
	margin-right: 20px;
	float: left;
}
.shopStaffVoiceLists .voiceListsItemLast {
	margin-right: 0;
}
.voiceListsCategory {
	display: block;
}
.voiceListsCategoryImg {
	width: 20px;
	height: 20px;
	display: block;
	float: left;
	background-color: #000;
	margin-right: 1px;
}
.voiceListsCategoryTitle {
	height: 20px;
	line-height: 20px;
	display: block;
	float: left;
	background-color: #000;
	color: #fff;
	padding: 0 10px;
	font-size: 9px;
}
.voiceListsDescription {
	height: 55px;
	margin-top: 10px;
}
.voiceListsImg {
	margin-top: 10px;
	width: 200px;
	height: 140px;
}
.voiceListsStaffVoice {
	margin-top: 10px;
	padding: 10px;
	background-color: #eee;
}
.voiceListsStaffProf {
	margin-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #000;
}
.voiceListsStaffProfLeft {
	width: 50px;
	height: 50px;
	float: left;
	margin-right: 10px;
}
.voiceListsStaffPic {
	width: 50px;
	height: 50px;
}
.voiceListsStaffProfRight {
	width: 140px;
	float: left;
}
.voiceListsStoreName {
	margin-top: 10px;
  font-weight: bold;
}

/* areaStationTokutenInfo */
.tokutenInfoTopTitleLogo, .tokutenInfoBottomTitleLogo {
	width: 19px;
	height: 20px;
	display: inline-block;
	margin-right: 5px;
}
.tokutenInfoTopTitleLogo {
	background-image: url(../img/area/station_tokuten_coupon01_h3.png);
}
.tokutenInfoBottomTitleLogo {
	background-image: url(../img/area/station_tokuten_coupon02_h3.png);
}
.tokutenInfoTopTitle h3, .tokutenInfoBottomTitle h3 {
	font-size: 20px;
	font-weight: bold;
}
.tokutenInfoTopTitle p, .tokutenInfoBottomTitle p {
	margin-left: 30px;
	margin-bottom: 10px;
}
.tokutenInfoTopContent, .tokutenInfoBottomContent {
	margin-left: 30px;
}
.tokutenInfoTopContent > p {
	font-size: 14px;
	font-weight: 600;
	margin-bottom: 10px;
}
.couponLists {
	display: block;
}
.couponItem {
	display: block;
	width: 290px;
	margin-right: 20px;
	float: left;
	border: 1px solid #eee;
	padding: 10px 0;
	margin-top: 20px;
}
.couponItem.couponItemLast {
	margin-right: 0;
}
.couponItemHeaderLeft {
	display: block;
	float: left;
}
.couponItemHeaderLeft span {
	height: 22px;
	line-height: 22px;
}
.couponItemHeaderRight {
	width: 108px;
	display: block;
	float: right;
	text-align: center;
	height: 22px;
	line-height: 22px;
	color: #cb9f00;
	font-size: 12px;
	font-weight: 600;
	margin-top: -9px;
}
.couponItemHeaderRightNumber {
	font-size: 24px;
}
.couponItemHeaderCoupon, .couponItemHeaderCategory {
	background-color: #333;
	color: #fff;
	padding: 5px 10px;
	border-right: 1px dotted #fff;
	font-weight: 200;
}
.couponItemHeaderCategory {
	border-right: 0;
}
.couponItemHeaderCategory.couponRepeater,
.couponRepeaterBtn {
	background-color: #cb9f00;
}
.couponItemHeaderCategory.couponLetsMember,
.couponLetsMemberBtn {
	background-color: #c46460;
}
.couponItemHeaderCategory.couponLetsReader,
.couponLetsReaderBtn {
	background-color: #888888;
}
.couponItemStore {
	clear: both;
	background-color: #f7f7f7;
	padding: 10px 0;
	margin-top: 10px;
	position: relative;
}
.couponItemStore p {
	font-size: 14px;
	font-weight: 600;
	width: 250px;
	padding-right: 10px;
	float: right;
}
.couponItemStoreFlag {
	background-image: url(../img/area/station_tokuten_store_flag.png);
	display: block;
	float: left;
	width: 12px;
	height: 18px;
	margin: 0 9px;
	margin-top: 2px;
}
.couponItemPresent {
	padding: 10px;
	font-size: 16px;
	font-weight: 600;
}
#contents a.couponItemMoreDetailsBtn {
	width: 150px;
	height: 32px;
	line-height: 32px;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	color: #fff;
	margin: 10px auto;
	display: block;
	text-align: center;
	position: relative;
	font-weight: bold;
}
.couponBtnIcon {
	display: inline-block;
	vertical-align: middle;
	margin-top: -2px;
	margin-right: 5px;
	width: 15px;
	height: 14px;
}
.couponBtnIconRepeater {
	background-image: url(../img/area/station_tokuten_btn_repeater.png);
}
.couponBtnIconMember {
	background-image: url(../img/area/station_tokuten_btn_member.png);
}
.couponBtnIconReader {
	background-image: url(../img/area/station_tokuten_btn_reader.png);
}
.tokutenInfoBottom {
	margin-top: 30px;
}

/* areaStationPopularContents */
.popularContentsEventRanking, .popularContentsSpotRanking {
	width: 270px;
	float: left;
	margin-right: 20px;
	background-color: #f3f3f3;
	border-radius: 10px;
	padding: 10px 20px 20px 20px;
	behavior: url(../js/PIE.php);
}
#main .popularContentsSpotRanking {
	margin-right: 0;
}
#main .rankingLogo {
	background-image: url(../img/area/station_ranking_logo.png);
	width: 21px;
	height: 15px;
	display: inline-block;
	margin-right: 5px;
}
#main .popularContentsEventRanking h3, .popularContentsSpotRanking h3 {
	font-size: 16px;
	font-weight: 600;
}
#main .popularContentsRankingLists, .popularContentsRankingLists li {
	display: block;
}
#main .popularContentsRankingItem {
	margin-top: 20px;
}
#main .popularContentsRankingItem > a:hover {
	cursor: pointer;
}
#main a.rankingItemImgWrapperAnchor {
  float: left;
}
.rankingItemImgWrapper {
	width: 100px;
	height: 100px;
	display: block;
  overflow: hidden;
	float: left;
	position: relative;
	background-color: #fff;
}
.rankingItemImgWrapperRanking1 { border: 3px solid #d1a511; }
.rankingItemImgWrapperRanking2 { border: 3px solid #999; }
.rankingItemImgWrapperRanking3 { border: 3px solid #d06612; }
.rankingItem1,
.rankingItem2,
.rankingItem3 {
	position: absolute;
  z-index: 10;
	width: 25px;
	height: 25px;
	color: #fff;
	text-align: center;
	line-height: 25px;
	top: -5px;
	left: -5px;
}
.rankingItem1 { background-color: #d1a511;}
.rankingItem2 { background-color: #999;}
.rankingItem3 { background-color: #d06612;}
#main .rankingItemDescription {
	width: 145px;
	margin-left: 10px;
	float: left;
}
#main .rankingItemDescriptionTitle {
	font-size: 14px;
	font-weight: 600;
}
#contents a.popularRankingContentsMoreDetailsBtn {
	display: block;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	background-color: #fff;
	width: 270px;
	margin: 0 auto;
	height: 40px;
	line-height: 40px;
	text-align: center;
	position: relative;
  font-weight: bold;
}

/* areaPlaceDetails */
.areaPlaceDetails h3 {
	padding: 10px;
	background-color: #ebebeb;
	font-size: 17px;
	font-weight: 600;
}
.placeDetailsTop {
	width: 100%;
	margin-top: 10px;
  margin-bottom: 30px;
}
.placeDetailsTop > p {
	margin: 10px 0;
	font-size: 15px;
}
.placeDetailsTopImgLists {
  margin-bottom: 20px;
}
.placeDetailsTopImgLists li {
	display: block;
	width: 100px;
	height: 66px;
	margin-right: 8px;
	float: left;
	position: relative;
}
li.placeDetailsTopImgListsItemLast {
	margin-right: 0;
}
.placeDetailsTopImgLists .placeDetailsTopImgListsItemLast img {
	margin-right: 0;
}
.placeDetailsBottomLeft {
	width: 300px;
	float: left;
	padding-right: 20px;
	border-right: 1px dotted #eee;
}
.placeDetailsBottomLeft > p, .placeDetailsBottomRight > p {
	margin: 10px 0;
}
.placeDetailsBottomLeft span, .placeDetailsBottomRight span {
	margin: 0 5px;
}
.placeDetailsStationsTitle {
	font-size: 14px;
	font-weight: 600;
}
.more-details-train-logo {
	background-image: url(../img/area/station_train_logo.png);
	width: 13px;
	height: 19px;
	display: inline-block;
	vertical-align: top;
}
.placeDetailsStationsTrainLine {
	margin: 5px 0;
}
span.trainLine {
	margin-left: 0;
}
span.currentStation {
	font-weight: 600;
}
.placeDetailsBottomRight {
	width: 300px;
	float: right;
	padding-left: 19px;
}
.placeMoreDetailsBtn {
	display: block;
	border-radius: 7px;
	behavior: url(../js/PIE.php);
	background-color: #f7f7f7;
	width: 50%;
	margin: 0 auto;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin-top: 30px;
	position: relative;
	font-weight: bold;
}

/* areaSearchByPurpose */
.searchByPurposeLists {
	display: block;
}
.searchByPurposeItem {
	display: block;
	border: 2px solid #eee;
	margin: 10px 0;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
}
.searchByPurposeItemHeader {
	background-color: #fff;
	cursor: pointer;
	height: 50px;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	position: relative;
}
.searchByPurposeItemHeader h3 {
	padding: 0 10px;
	line-height: 50px;
	font-size: 17px;
	font-weight: 600;
	width: 580px;
	display: block;
	float: left;
}
.searchByPurposeToggleBtn {
	background-image: url(../img/area/station_open_more_details_btn.png);
	width: 14px;
	height: 14px;
	display: block;
	float: left;
	margin-top: 18px;
}
.searchByPurposeToggleBtn.searchItemOpened {
	background-image: url(../img/area/station_close_more_details_btn.png);
}
.searchByPurposeItemCounter {
	font-weight: 300;
	margin-left: 10px;
	color: #333;
}
.searchByPurposeItemContent {
	background-color: #f4f4f4;
	padding: 15px 10px;
}
.searchByPurposeItemContentCategoryLists {
	width: 95%;
	margin: 0 auto;
}
.searchByPurposeItemContentCategoryLists li {
	margin-right: 20px;
	display: inline-block;
	float: left;
	white-space: nowrap;
}
.searchByPurposeItemContentCategoryLists li a {
	position: relative;
}
.categoryListsItemArrow {
	background-image: url(../img/area/station_category_lists_item_arrow.png);
	width: 3px;
	height: 5px;
	display: inline-block;
	vertical-align: middle;
	margin-right: 7px;
}

/*
 * Side
 */

/* Slide show */
/* area_station.html */
.slide-show-wrapper {
	width: 298px;
	border: 1px solid #ccc;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	margin: 40px 0;
	padding: 20px 0;
	position: relative;
}
.slide-show-title {
	margin: 0 20px;
	margin-bottom: 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.slide-show {
	width: 258px;
	height: 275px;
	margin: 0 auto;
	position: relative;
    overflow: hidden;
}
.slide-show-slides {
	position: absolute;
    width: 100%;
    height: auto;
}
.slide-show-item {
	position: absolute;
    width: 100%;
    height: auto;
}
.slide-show-item-inner {
	position: absolute;
    left: 50%;
    width: 258px;
    margin-left: -129px;
}
.slide-show-item-inner a.imgHover {
	width: 258px;
	height: 172px;
	display: block;
	overflow: hidden;
	text-align: center;
}
.slide-show-item-inner a img {
	//height: 172px;
	width: auto;
	height: 100%;
}
.slide-show-description {
	width: 258px;
	margin: 0 auto;
	padding-top: 10px;
	margin-top: 20px;
}
.slide-show-description p {
	font-size: 13px;
}
.slide-show-description .slide-show-store {
	font-size: 15px;
	font-weight: bold;
}
.slide-show-nav {
  position: absolute;
  top: 140px;
}
.slide-show-nav .slide-show-prev,
.slide-show-nav .slide-show-next {
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 17px;
  top: 0;
  min-height: 0;
}
.slide-show-nav .slide-show-prev {
	background-image: url(../img/area/station_slide_show_prev.png);
	left: 5px;
}
.slide-show-nav .slide-show-next {
	background-image: url(../img/area/station_slide_show_next.png);
	left: 282px;
}
.slide-show-indicator {
	width: 126px;
	margin: 0 auto;
	position: absolute;
	top: 250px;
	left: 85px;
	text-align:center;
}
.slide-show-indicator a {
	display: inline-block;
	width: 11px;
	height: 10px;
	margin: 0 5px;
	background-image: url(../img/area/station_slide_show_btn.png);
}
.slide-show-indicator a.slide-show-indicator-active {
	background-image: url(../img/area/station_slide_show_btn_current.png);
}

/* area_index.html */
.slide-show-wrapper_top {
	width: 298px;
	position: relative;
}
.slide-show-title_top {
	margin: 0 20px;
	margin-bottom: 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.slide-show_top {
	width: 258px;
	height: 275px;
	margin: 0 auto;
	position: relative;
    overflow: hidden;
}
.slide-show-slides_top {
	position: absolute;
    width: 100%;
    height: auto;
}
.slide-show-item_top {
	position: absolute;
    width: 100%;
    height: auto;
}
.slide-show-item-inner_top {
	position: absolute;
    left: 50%;
    width: 258px;
    margin-left: -129px;
}
.slide-show-item-inner_top img {
	height: 172px;
}
.slide-show-description_top {
	width: 258px;
	margin: 0 auto;
	padding-top: 10px;
	margin-top: 20px;
}
.slide-show-description_top p {
	font-size: 14px;
}
.slide-show-description_top .slide-show-store_top {
	font-size: 20px;
	font-weight: 400;
}
.slide-show-nav_top {
	position: relative;
}
.slide-show-nav_top .slide-show-prev_top,
.slide-show-nav_top .slide-show-next_top {
	position: absolute;
	display: inline-block;
	width: 10px;
	height: 17px;
	top: -200px;
}
.slide-show-nav_top .slide-show-prev_top {
	background-image: url(../img/area/station_slide_show_prev.png);
	left: 5px;
}
.slide-show-nav_top .slide-show-next_top {
	background-image: url(../img/area/station_slide_show_next.png);
	left: 282px;
}
.slide-show-indicator_top {
	width: 126px;
	margin: 0 auto;
	position: absolute;
	top: 185px;
	left: 85px;
	text-align: center;
}
.slide-show-indicator_top a {
	display: inline-block;
	width: 11px;
	height: 10px;
	margin: 0 5px;
	background-image: url(../img/area/station_slide_show_btn.png);
}
.slide-show-indicator_top a.slide-show-indicator-active_top {
	background-image: url(../img/area/station_slide_show_btn_current.png);
}

/* Train status */
.side-train-info {
	margin: 40px 0;
	border: 1px solid #ccc;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	padding: 20px 0;
}
.side-train-info-title {
	margin: 0 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.tabs-train-line {
	display: block;
	width: 260px;
	margin: 20px auto;
}
.tabs-train-line li {
	width: 123px;
	height: 35px;
	line-height: 35px;
	background-color: #ebebeb;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	border: 1px solid #dcdcdc;
	display: block;
	text-align: center;
	float: left;
}
.tabs-train-line li a {
	display: block;
	width: 123px;
	height: 35px;
	line-height: 35px;
}

.tabs-train-line li a.tabs-train-line-active {
	background-color: #cbcbcb;
}
.tabs-train-line .tabs-train-line-item01, .tabs-train-line .tabs-train-line-item02 {
	margin-bottom: 10px;
}
.tabs-train-line .tabs-train-line-item02, .tabs-train-line .tabs-train-line-item04 {
	margin-right: 0px;
	margin-left: 10px;
}
.tabs-panel-wrapper {
	width: 260px;
	margin: 0 auto;
	height: 335px;
	overflow: scroll;
}
.train-line-tweets-item {
	width: 230px;
	border-bottom: 1px solid #cdcdce;
	margin-top: 10px;
}
.tweets-item-left-col {
	width: 24px;
	height: 24px;
	float: left;
}
.tweets-item-right-col {
	width: 200px;
	float: left;
	margin-left: 5px;
	padding-bottom: 10px;
}
#contents .tweets-item-right-col a {
	color: #0a89b7;
}

/* �^�s���̃X�N���[���o�[ */
.tabs-panel-wrapper .jspVerticalBar {
	width: 10px;
	right: 0;
}
.tabs-panel-wrapper .jspTrack {
	background: #fff;
}
.tabs-panel-wrapper .jspDrag {
	background: #ebebeb;
	border: 1px solid #dcdcdc;
}

/* �w�b�_�[���́u�w����T���v�����̃X�N���[���o�[*/
.stationSearchHistory .jspVerticalBar {
	background: #FFF;
	width: 15px;
	right: 0;
}
.stationSearchHistory .jspTrack {
	background: #fff;
}
.stationSearchHistory .jspDrag {
	width: 11px;
	margin: 0 auto;
	background: #656565;
}
.stationSearchHistory .jspArrowUp {
  background-image: url(../img/area/station_history_list_arrow_bottom.png);
  background-repeat: no-repeat;
  width: 15px !important;
  height: 15px !important;
}
.stationSearchHistory .jspArrowUp.jspDisabled {
  background-image: url(../img/area/station_history_list_arrow_bottom.png) !important;
  background-repeat: no-repeat !important;
  width: 15px !important;
  height: 15px !important;
}
.stationSearchHistory .jspArrowDown {
  background-image: url(../img/area/station_history_list_arrow_top.png);
  background-repeat: no-repeat;
}
.stationSearchHistory .jspArrowDown.jspDisabled {
  background-image: url(../img/area/station_history_list_arrow_top.png) !important;
  background-repeat: no-repeat;
}
.stationSearchHistory .jspArrow:hover {
	min-height: 0;
}

/* Clip lists */
.clip-lists-wrapper {
	margin: 40px 0;
	background-color: #fff;
	border: 1px solid #cdcdcd;
	border-radius: 10px;
	behavior: url(../js/PIE.php);
	padding: 20px 0;
  position: relative;
}
.clip-lists-title {
	margin: 0 20px;
	border-left: 3px solid #61CBFF;
	padding-left: 9px;
	line-height: 24px;
	font-family: Century Gothic, Futura, sans-serif;
	font-size: 24px;
}
.clip-lists, .clip-lists-item {
	display: block;
	padding: 10px 0;
}
.clip-lists-item {
	border-bottom: 1px dotted #9a9a9a;
}
.clip-lists-item.last {
	border-bottom: 0;
}
.clip-lists-item-left-col {
	width: 120px;
	margin-left: 10px;
	float: left;
	text-align: center;
}
.clip-lists-item-right-col {
	width: 140px;
	float: left;
}
.clip-lists-item-name {
	font-size: 14px;
	font-weight: 500;
	margin-bottom: 10px;
	font-weight: bold;
}
.clip-lists-item-station {
	display: inline-block;
	padding: 0 5px;
	height: 30px;
	line-height: 30px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
}
.clip-lists-btn {
	display: block;
  position: relative;
	width: 250px;
	height: 45px;
	line-height: 45px;
	border-radius: 5px;
	behavior: url(../js/PIE.php);
	text-align: center;
	margin: 0 auto;
	background-color: #f7f7f7;
	font-weight: bold;
}

/* area_search_route_select */
.routeDetailsContents{
  width: 980px;
  margin: 0 auto;
}

.routeDetailsContents .routeDetailsHeadTit{
  margin-top: 40px;
}

.routeDetailsContents h2.routeDetailsMapTit{
  font-size: 27px;
  line-height: 27px;
  height: 32px;
  padding-top: 2px;
  color: #333;
  float: left;
}

.routeDetailsContents .routeDetailsMapInfo{
  float: right;
  margin-top: 13px;
  background: url(../img/area/routeDetailsArrow.png) no-repeat;
  background-position: 0 3px;
  padding-left: 13px;

}

.routeDetailsContents .routeDetailsMapSubtit{
  font-size: 24px;
  background: url(../img/area/icn_railwayMap.png) no-repeat;
  background-position: 0 1px;
  padding-left: 35px;
  float: left;
}

.routeDetailsContents .routeDetailsIconBox{
  float: right;
  margin-top: 13px;
}

.routeDetailsContents .routeDetailsIconBox p{
  float: left;
}

.routeDetailsContents .routeDetailsIcon01{
  background: url(../img/area/routeDetailsIcon02.png) no-repeat;
  background-position: 0 1px;
  padding-left: 13px;
}

.routeDetailsContents .routeDetailsIcon02{
  margin-left: 10px;
  background: url(../img/area/routeDetailsIcon03.png) no-repeat;
  padding-left: 15px;
  display: inline-block;
}

.routeDetailsContents .routeDetailsMap ul{
  margin-top: 10px;
}

.routeDetailsContents .routeDetailsMap li{
  float: left;
  text-align: center;
  min-height: 127px;
  /**height: 127px;*/
}

.routeDetailsContents .routeDetailsMap .heightLine{
  position: relative;
}

.routeDetailsContents .routeDetailsMap .routeStationName{
  font-size: 14px;
  font-weight: bold;
  width: 130px;
  margin: 0 auto;
  padding-bottom: 5px;
}
.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg01 .routeStationWrap{
  background: url(../img/area/routeDetailsbg01.png) no-repeat;
  background-position: 0 -51px;
}
.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg02 .routeStationWrap{
  background: url(../img/area/routeDetailsbg02.png) no-repeat;
  background-position: 0 -51px;
}
.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg03 .routeStationWrap{
  background: url(../img/area/routeDetailsbg03.png) no-repeat;
  background-position: 0 -51px;
}
.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg04 .routeStationWrap{
  background: url(../img/area/routeDetailsbg04.png) no-repeat;
  background-position: 0 -51px;
}

.routeDetailsContents .routeDetailsMap li a.routeStation{
  height: 30px;
  display: block;
}

.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg01{
  width: 160px;
}

.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg02{
  width: 165px;
}

.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg03{
  width: 160px;
}

.routeDetailsContents .routeDetailsMap li.routeDetailsMapbg04{
  width: 165px;
}
.routeDetails{
  width: 640px;
  margin-top: 40px;
}

.routeDetails h2.routeDetailsTit01{
  font-size: 24px;
  background: url(../img/area/routeDetailsTit02.png) no-repeat;
  background-position: 0;
  padding-left: 45px;
}

.routeDetails p.routeDetailsInfoText{
  padding-left: 5px;
  margin-top: 8px;
  margin-bottom: 20px;
}

.routeDetails p.areaArticlePlaceLarge {
  margin-bottom: 20px;
  border-right: 1px solid #cbcbcb;
  padding: 0 5px;
  /*width: 190px;*/
  display: inline-block;
  *display: inline;
}
.routeDetails .areaArticleOdekakeText+p.areaArticlePlaceLarge {
  border-left: 1px solid #cbcbcb;
}
.routeDetails .routeDetailsOdekakeText+p.areaArticlePlaceLarge {
  border-left: 1px solid #cbcbcb;
}

.routeDetailsOdekakeRight{
  margin-left: 40px;
}

.routeDetailsOdekake{
  float: left;
  width: 300px;
  margin-bottom: 20px;
}

.noFloat{
  clear: both;
}

#contents .routeDetailsOdekake .editorArticle {
    margin-top: 0;
    min-height: 0;
}

#contents .routeDetailsOdekake .editorArticle .inner {
    margin-top: 10px;
    min-height: 30px;
}

.routeDetailsOdekake img.routeDetailsOdekakeType{
  margin-bottom: 5px;
  float: left;
}

.routeDetailsOdekake p.routeDetailsOdekakeText{
  font-weight: bold;
  font-size: 17px;
  margin-top: 10px;
  margin-bottom: 5px;
  /*height: 50px;*/
}

p.routeDetailsPlace{
  margin-bottom: 10px;
}

.routeDetailsPlace span{
  margin-bottom: 10px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  padding: 0 10px;
}

.routeDetailsOdekake .routeDetailsOdekakeClip{
  margin-bottom: 5px;
}

.routeDetailsOdekake .routeDetailsOdekakeClip img{
  float: left;
  margin-right: 15px;
}

.routeDetailsOdekake .routeDetailsOdekakeClip p{
  font-size: 14px;
  line-height: 37px;
}

.routeDetailsOdekake .routeDetailsOdekakeClip span{
  color: #4b79d2;
  font-size: 18px;
  font-weight: bold;
  margin-right: 3px;
}

.routeDetailsOdekake .routeDetailsOdekakeClip p.routeDetailsName{
  font-size: 14px;
  line-height: 30px;
}

.routeDetailsOdekakeMore{
  text-align: center;
  font-weight: bold;
  font-family: 13px;
  margin-bottom: 40px;
  width: 640px;
  height: 45px;
  background: url(../img/area/routeDetailsIcon05.png) no-repeat;
  background-position: 275px 17px;
  background-color: #f7f7f7;
  /*margin-top: 20px;*/
}

.routeDetailsOdekakeMore a{
  height: 45px;
  width: 640px;
  display: block;
  line-height: 45px;
}

.routeDetails h3.routeDetailsTit02{
  font-size: 24px;
  background: url(../img/area/routeDetailsTit03.png) no-repeat;
  background-position: 0;
  padding-left: 38px;
}


/* area_large */
.areaArticle h1.areaArticleTit01{
  margin-top: 40px;
  font-size: 27px;
  line-height: 27px;
  height: 32px;
  padding-top: 2px;
  color: #333;
}
.areaArticle p.areaArticleInfoText{
  font-weight: bold;
  font-size: 16px;
  margin-top: 5px;
  margin-bottom: 10px;
}
.areaArticle .areaArticleLeftBox{
  width: 310px;
  float: left;
  margin-bottom: 30px;
}

.bx-viewport{
  width: 258px !important;
}

.areaArticle .areaArticleLeftBox .pager{
  margin-top: 10px;
  width: 258px;
}
.areaArticle .areaArticleLeftBox ul#bx-pager{
  float: left;
  position: relative;
  left: 50%;
}
.areaArticle .areaArticleLeftBox ul#bx-pager li{
  float: left;
  position: relative;
  left: -50%;
  padding: 0 5px;
}

.areaArticle .areaArticleLeftBox #bx-pager a{
  text-indent: 99999px;
  white-space: nowrap;
  background: url(../img/area/areaArticlePager04.png) no-repeat;
  display: block;
  width: 12px;
  height: 12px;
}
.areaArticle .areaArticleLeftBox #bx-pager a.active{
  background: url(../img/area/areaArticlePager03.png) no-repeat;
}

.areaArticle .areaArticleLeftBox .bx-controls-direction{
  position: relative;
}

.areaArticle .areaArticleLeftBox .bx-controls-direction a{
  position: absolute;
  text-indent: 9999px;
  white-space: nowrap;
  display: block;
}

.areaArticle .areaArticleLeftBox .bx-controls-direction a.bx-next{
  background: url(../img/area/areaArticlePager01.png) no-repeat;
  left: 260px;
  top: -100px;
}
.areaArticle .areaArticleLeftBox .bx-controls-direction a.bx-prev{
  background: url(../img/area/areaArticlePager02.png) no-repeat;
  left: -23px;
  top: -100px;
}
.areaArticle .areaArticleLeftBox p.areaArticleInfoText{
  width: 258px;
  font-weight: bold;
}

.areaArticle .areaArticleRightBox{
  width: 330px;
  float: right;
  margin-bottom:30px;
}
#contents .areaArticle .areaArticleDetail {
  font-size: 14px;
}
#contents .areaArticle .areaArticleDetailMoreLink{
  text-decoration: underline;
  font-weight: bold;
  cursor: pointer;
}
#contents .areaArticle .areaArticleDetailMoreLink:hover{
  color: #c80000;
}
#contents .areaArticle .areaArticleDetailMoreText{
  display: none;
}
.areaArticle .areaArticleOdekakeCont h2.areaArticleTit02{
  font-size: 24px;
  background: url(../img/area/icn_odekakeSpecial.png) no-repeat;
  background-position: 0;
  padding-left: 38px;
}
.areaArticle .areaArticleOdekakeStyle h2.areaArticleTit02{
  font-size: 24px;
  background: url(../img/area/icn_odekakeStyle.png) no-repeat;
  background-position: 0 1px;
  padding-left: 38px;
  height: 40px;
  line-height: 40px;
}
.areaArticle .areaArticleOdekakeStyle p.areaArticleText{
  margin-top: 3px;
}
.areaArticle p.areaArticleText {
padding-left: 5px;
margin-top: 8px;
margin-bottom: 20px;
}
.areaArticle .areaArticleOdekake{
  width: 200px;
  padding-bottom: 20px;
  float: left;
}
#contents .areaArticle .areaArticleOdekake .editorArticle {
	margin-top: 10px;
}

.areaArticle .areaArticleOdekakeCenter{
  margin: 0 20px;
}

.areaArticle .areaArticleOdekake img.areaArticleOdekakeType{
  margin-bottom: 5px;
  float: left;
}

.areaArticle .areaArticleOdekake p.areaArticleOdekakeText{
  font-weight: bold;
  font-size: 15px;
  margin-top: 15px;
  margin-bottom: 5px;
}

.areaArticle p.areaArticlePlace{
  margin-bottom: 20px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  padding: 0 5px;
}

.areaArticle .areaArticleOdekake .areaArticleOdekakeClip{
  margin-bottom: 5px;
}

.areaArticle .areaArticleOdekake .areaArticleOdekakeClip img{
  float: left;
  margin-right: 15px;
}

.areaArticle .areaArticleOdekake .areaArticleOdekakeClip p{
  line-height: 37px;
}

.areaArticle .areaArticleOdekake .areaArticleOdekakeClip span{
  color: #4b79d2;
  font-weight: bold;
  margin-right: 3px;
}
.areaArticle .areaArticleOdekake p.areaArticleName{
  line-height: 15px;
}

.areaArticle .areaArticleList ul{
  width: 315px;
  float: left;
}

.areaArticle .areaArticleList ul.areaArticleListRight{
  margin-left: 10px;
}

.areaArticle .areaArticleList li{
  /*height: 35px;*/
  font-weight: bold;
  font-size: 13px;
  border-bottom: dotted 1px #9A9A9A;
  list-style-type: disc;
  list-style-position: inside;
  padding: 5px 0;
  margin-left: 1em;  
  text-indent: -1em;  
}
.areaArticle .areaArticleList li.areaArticleListBottom{
  border: none;
}

.placeDetailsBottomLeft {
  width: 300px;
  float: left;
  padding-right: 20px;
  border-right: 1px dotted #eee;
  clear:both;
}
.placeDetailsBottomLeft > p, .placeDetailsBottomRight > p {
  margin: 10px 0;
}
.placeDetailsBottomLeft span, .placeDetailsBottomRight span {
  margin: 0 5px;
}
.placeDetailsStations{
  margin-bottom: 30px;
}
.placeDetailsStationsTitle {
  font-size: 14px;
  font-weight: 600;
}
.more-details-train-logo {
  background-image: url(../img/area/station_train_logo.png);
  width: 13px;
  height: 19px;
  display: inline-block;
  vertical-align: top;
}
.placeDetailsStationsTrainLine {
  margin-top: 8px;
  vertical-align: top;
  clear: both;
}
.placeDetailsStationsTrainLine:first-child{
  margin-top: 0;
}
.placeDetailsStationsTrainLine .trainLine {
  width: 6em;
  text-align: right;
  float: left;
  margin-right: 10px;
}
.placeDetailsStationsTrainLine .trainLine a {
  *display:block;
  *zoom:1;
}
.placeDetailsStationsTrainLine dd {
  overflow: hidden;
}
.placeDetailsStationsTrainLine dd ul li {
	width: 8em;
	display: inline-block;
	margin-right: 10px;
	*display: inline;
	*zoom: 1;
}
span.trainLine {
  margin-left: 0;
}
span.currentStation {
  font-weight: 600;
}
.placeDetailsBottomRight {
  width: 300px;
  float: right;
  padding-left: 19px;
}
.placeMoreDetailsBtn {
  display: block;
  border-radius: 7px;
  behavior: url(../js/PIE.php);
  background-color: #f7f7f7;
  width: 50%;
  margin: 0 auto;
  height: 45px;
  line-height: 45px;
  text-align: center;
  position: relative;
}

.placeDetailsBottomLeft h4 {
padding: 8px 5px;
background-color: #ebebeb;
font-size: 17px;
font-weight: 600;
}

.placeDetailsBottomRight h4 {
padding: 8px 5px;
background-color: #ebebeb;
font-size: 17px;
font-weight: 600;
}

.more-details-btn-square {
 background-image: url(../img/area/station_more_details_btn.png);
  width: 10px;
  height: 10px;
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
}

.more-details-btn-round {
  background-image: url(../img/area/station_store_more_details_btn.png);
  width: 14px;
  height: 14px;
  margin-left: 5px;
  margin-top: -2px;
  vertical-align: middle;
  display: inline-block;
}

.areaHowToEnjoyMoreDetailsBtn.active .more-details-btn-round {
  background-image: url(../img/area/station_close_more_details_btn.png);
}

.areaSideRanking {
  margin-top: 40px;
  background: url(../img/area/sideHdr.png) no-repeat left top;
  padding: 20px 0 0;
  padding-bottom: 20px;
}

.areaSideRanking .areaSideRankingTit {
  margin: 0 20px;
  border-left: 3px solid #61CBFF;
  padding-left: 9px;
  line-height: 24px;
  font-family: Century Gothic, Futura, sans-serif;
  font-size: 24px;
}
.areaSideRankingRanking{
  border-left: 1px solid #CCCCCC;
  border-right: 1px solid #CCCCCC;
}
.areaSideRankingRanking h3{
  font-size: 15px;
  font-weight: bold;
  background-color: #CCCCCC;
  line-height: 35px;
  height: 35px;
  padding-left: 20px;
  margin-top: 15px;
  margin-bottom: 20px;
}
.rankingItemImg {
  height: auto;
  z-index: 5;
}
.areaSideRankingRanking h3.first{
  margin-top: 0;
}
.areaSideRankingRanking li{
  width: 260px;
  border-bottom: dotted 1px #CCCCCC;
  margin: 0 auto;
  padding-bottom: 10px;
  margin-top: 10px;
}
.areaSideRankingRanking li.areaSideRankingItemBottom{
  border: none;
}

.areaSideRankingRanking li .rankingItemImgHover {
	display: inline-block;
}

.areaSideRankingRanking li .rankingItemDescription{
  float: left;
  margin-left: 15px;
  width: 135px;
}
.areaSideRankingRanking li .rankingItemDescription p{
  margin-bottom: 3px;
  font-size: 12px;
}
.areaSideRankingRanking li .rankingItemDescription p span{
  font-weight: normal;
  font-size: 12px;
}
.areaSideRankingRanking li .rankingItemDescription p.rankingItemDescriptionTitle{
  font-weight: bold;
  font-size: 15px;
  /*width: 125px;*/
}
.areaSideRankingRanking li .rankingItemDescription p.areaArticlePlace {
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  float: left;
  font-weight: bold;
  margin: 0 -1px 3px 0;
  padding: 0 5px;
  text-align: center;
}

.areaSideRankingRanking li .rankingItemDescription p.areaArticlePlace:last-child {
	border-right: 1px solid #cbcbcb;
}

.areaSideRankingRanking .areaSideRankingMore{
  width: 260px;
  height: 45px;
  margin: 0 auto;
  margin-top: 10px;
  padding-bottom: 5px;
  text-align: center;
  background: url(../img/area/areaSideRankingMoreBtn.png) no-repeat;
}
.areaSideRankingRanking .areaSideRankingMore a{
  background: url(../img/area/areaSideRankingMoreBtnIcon.png) no-repeat;
  background-position: 15px 18px;
  line-height: 45px;
  display: block;
  font-weight: bold;
}
.areaSideRankingBottom{
  margin-bottom: 40px;
  display: block;
}

.areaArticle p.areaArticleGuideText{
  font-size: 14px;
  margin-bottom: 40px;
}

.areaArticle p.areaArticleGuideText a{
  font-weight: bold;
  text-decoration: underline !important;
}

.areaArticleOdekakeBox{
	margin-bottom:40px;
}
.areaArticleOdekakeCont{
	margin-top: 40px;
}

.areaArticle p.areaArticlePlace{
  width: 50px;
  text-align: center;
}

.areaArticle p.areaArticlePlaceLarge {
  margin-bottom: 20px;
  border-right: 1px solid #cbcbcb;
  padding: 0 5px;
  /*width: 190px;*/
  display: inline-block;
  *display: inline;
}
.areaArticle .areaArticleOdekakeText+p.areaArticlePlaceLarge {
  border-left: 1px solid #cbcbcb;
}
.areaArticle .routeDetailsOdekakeText+p.areaArticlePlaceLarge {
  border-left: 1px solid #cbcbcb;
}

#contents .areaArticleOdekakeBox .areaArticleOdekake .stateArticle,
#contents .routeDetailsOdekakeBox .routeDetailsOdekake .stateArticle {
	margin-top: 0;
}

a.placeMoreDetailsBtn.placeMoreDetailsBottomBtn {
  font-weight: bold;
}

a.placeMoreDetailsBtn.placeMoreDetailsTopBtn {
  font-weight: bold;
}
.pickupListsStationName02 {
  padding: 3px 10px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  width: 112px;
  text-align: left;
}
/*
.pickupListsStationName {
  padding: 3px 10px;
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  text-align: center;
  width: 60px;
}
*/
.pickupListsStationName02 a {
  font-size: 10px;
  font-weight: 600;
}
.routeDetailsOdekakeBox.clearfix{
  margin-top: 10px;
}
a.areaHowToEnjoyMoreDetailsBtn {
  font-weight: bold;
}
.voiceListsStaffName {
  font-weight: bold;
}
.voiceListsStaffName span {
  font-weight: normal;
  padding-right: 5px;
}
a.areaVoiceListsMoreDetailsBtn {
  font-weight: bold;
}

.more-details-btn-square02 {
  background-image: url(../img/area/routeDetailsIcon06.png);
  width: 19px;
  height: 14px;
  margin-right: 5px;
  margin-top: -2px;
  vertical-align: middle;
  display: inline-block;
  background-repeat: no-repeat;
  background-position: 5px;
}
.routeDetailsContents .routeDetailsMapTit {
  font-size: 27px;
  line-height: 27px;
  height: 32px;
  padding-top: 2px;
  color: #333;
  float: left;
}
p.rankingItemDescriptionTerm {
  margin-top: 3px;
  margin-bottom: 3px;
}
.areaStationPopularContents p.areaArticlePlace{
  border-left: 1px solid #cbcbcb;
  border-right: 1px solid #cbcbcb;
  padding: 0 5px;
  margin:3px -1px 3px 0;
  float: left;
}
ul.poularContentsRankingLists{
  margin-bottom: 20px;
}
p.odekakeType{
  background-color: #9c9c9c;
  width: 86px;
  height: 23px;
  line-height: 23px;
  color: #fff;
  text-align: center;
  font-size: 14px;
  margin-bottom: 5px;
  font-weight: bold;
}
.routeDetailsOdekake img.routeDetailsOdekakeType{
  margin-bottom: 5px;
}
#contents .editorArticle{
  margin-top: 10px;
}
li a.routeStation{
  display: block;
  width: 25px;
  margin: 0 auto;
}
li.Activetabs-train-line-item04{
  width: 258px;
  height: 35px;
  background-color: #cbcbcb;
}
input#areaSearchBtn:hover{
  opacity: 0.6;
  filter: alpha(opacity=60);        /* ie 6 7 */
  -ms-filter: "alpha(opacity=60)";  /* ie 8 */
}
.letYouKnowInfo {
  padding: 20px;
  background-color: #eee;
  border: 1px solid #e5e5e5;
}
.letYouKnowInfo > p {
  margin-bottom: 20px;
}
.letYouKnowInfoBtns {
  text-align: center;
  width: 208px;
  margin: 0 auto;
}
.letYouKnowInfoJoinUs {
  margin-right: 20px;
}
.letYouKnowInfoJoinUs,
.letYouKnowInfoLogin {
  padding: 10px;
  background-color: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 3px;
  position: relative;
  display: block;
  float: left;
  behavior: url(../js/PIE.php);
}
.areaTopTopicsTitle{
  display: none;
}