@charset "utf-8";
@import "parts.css";

/*------------------------------------------
■ 横幅
■ 文字色・背景色
■ 基本設定
■ title
■ MapiTopicpath
■ 地図のコピーライト
■ エラーテキスト
■ 検索結果テキスト
■ ページ送り
■ clearfix
■ Form
■ 閉じるボタン（共通）
■ 閉じるボタン（地図ページ再検索）
■ もっと表示する
■ caution
------------------------------------------*/

/*-----------------------------------------------------------------------------------
■ 横幅
-----------------------------------------------------------------------------------*/
/************************
　▼　共通
　　　※780px以下に設定する場合は各リストのページ送りと駅リストの調整が必要
 ************************/
#MapiHeader .MapiInner,#MapiTopicpath .MapiInner,#MapiContainer .MapiInner,#MapiFooter .MapiInner{width: 900px;}
/************************
　▼　TOP
 ************************/
.MapiFloatA1{float:left;width:482px;}
.MapiFloatA2{float:right;width:388px;}
/************************
　▼　地図エリアの横幅を変える場合のみ変更
　　　※横幅を変えても地図エリアを変更しない場合は修正不要
　　　※変更する横幅分各widthとmarginの数値を増減させる※
 ************************/
/*---【map】 ---*/
#MapiMapAndList #MapiMapArea{width:643px;margin-left:-643px;}
#MapiMapAndList #MapiResultList{margin-right:643px;}
#MapiMapAndList #MapiMapDiv{width:635px;}
/*---【info】 ---*/
#MapiInfoMapArea #MapiMapArea{width:436px;}
#MapiInfoMapArea #MapiDataArea .MapiDataAreaInner{margin-right:436px;}
#MapiInfoMapArea #MapiMapDiv{width:434px;}
#MapiInfoMapArea #MapiDataArea .MapiCaution {font-size: 100%;}

/*-----------------------------------------------------------------------------------
■ 文字色・リンク色
-----------------------------------------------------------------------------------*/
/*base*/
body{color:#333;}

/*リンク*/
a:link {color:#666;}
a:visited {color:#666;}
a:hover {color:#666;text-decoration:none;}
.MapiListLink {font-weight: bold;}/* 駅リスト、FS地図リスト */
.MapiAttention{color:#f00;}

/*　検索ボタン */
.MapiFormBtn{background:#4087c8;}
.MapiFormBtn:hover{background:#2772b6;}

/* エリア絞り込み */
.MapiAreaSelect dd a:hover,.MapiAreaSelect dd.MapiSelect a.MapiSelect,
.MapiAreaSelect li.MapiSelect a,
.MapiAreaSelect dd.MapiSelect li a:hover{background-color:#ddd;color:#666;}/* マウスオーバー */
.MapiAreaSelect dd.MapiSelect div.MapiListCansel,
.MapiAreaSelect dd .MapiListCansel .MapiSelect{background-color:#ddd;color: #666;}/* 選択中 */

/* リストマウスオーバー：駅リスト・FS地図リスト */
.MapiTable tr.MapiMouseOver,
.MapiTable tr.MapiMouseOver a,
.MapiTable tr.MapiMouseOver .MapiListLink,
#MapiListMap .MapiListOver .MapiOdd,
#MapiListMap .MapiListOver .MapiEven,
#MapiListMap .MapiListOpen .MapiOdd,
#MapiListMap .MapiListOpen .MapiEven,
#MapiListMap .MapiListOver .MapiListLink,
#MapiListMap .MapiListOver a,
#MapiListMap .MapiListOpen a{background-color:#ddd;color:#666;}

/* ページャー */
.MapiPagerRight span span{background:#ddd;border:1px solid #eee;}
.MapiPagerRight a{border:1px solid #ddd;}
.MapiPagerRight a:hover{background:#ddd;color:#666;border:1px solid #eee;}/* マウスオーバー */

/* ゼブラ色 */
.MapiOdd{background-color:#fff;}
.MapiEven{background-color:#fff;}

/* TOPページtitle背景色 */
#MapiListall h2,
#MapiOtherArea h2,
#MapiListCondition h2,
#MapiListFreeword h2,
#MapiListStoreNo h2,
#MapiList50on h2,
#MapiListStation h2,
#MapiAtmSearch h2{background-color: #eee;}

/*------------------------------------------
■検索結果リスト（共通）
------------------------------------------*/
.MapiTableWrap{padding:0 0 8px;}
.MapiTableWrapInner{padding:8px 0 0;}
.MapiTable{width:100%;}
.MapiTable thead th{padding:5px;border-bottom:1px solid #ccc;vertical-align:top;text-align:left;line-height:1.2;}
.MapiTable tbody th,
.MapiTable tbody td{border-bottom:1px solid #eee;}
.MapiTable tbody th{padding:5px 0;text-align:center;vertical-align:top;font-weight:normal;}
.MapiTable td{padding:5px;vertical-align:top;text-align: left;}
/* 【リストマウスオーバー】 */
.MapiTable tr.MapiMouseOver,
.MapiTable tr.MapiMouseOver a,
#MapiLSLandmark .MapiTable tr.MapiMouseOver dd{background:#F77373;color:#fff;}
.MapiTable tr.MapiMouseOver{cursor:pointer;}
/* 【地図、一覧】 */
.MapiTable .MapiDataMap{width:80px;text-align:right;}
.MapiTable .MapiDataList{width:60px;text-align:right;}
/* 【検索結果0件の場合】 */
.MapiDataError p{margin:20px;text-align:left;color:#f00;}
.MapiNoHit{padding:0 0 150px;text-align:center;}
.MapiNoHit .MapiFloatB1{float:none;margin:0 auto;text-align:left;}
.MapiNoHit .MapiFloatB2{display:none;}
/* 【駅名リスト　駅名】 */
.MapiTable thead th.MapiDataEki,
.MapiTable tbody th,
.MapiTable tbody td.MapiDataEki{width:220px;}
* html .MapiTable thead th.MapiDataEki,
* html .MapiTable tbody th,
* html .MapiTable tbody td.MapiDataEki{width:230px;}
/* 【ゼブラ色】 */
.MapiOdd{background-color:#fff;}
.MapiEven{background-color:#fff;}

/*------------------------------------------
■検索結果リスト（駅リスト）
------------------------------------------*/
#MapiEki{padding:0 0 50px;}
#MapiLSEki{padding:0 0 50px;}
#MapiLSRosen{padding:0 0 50px;}
.MapiDataRosen strong{white-space:nowrap;}
.MapiDataRosen span{white-space:nowrap;}
.MapiTable thead th.MapiDataEkiAddr,
.MapiTable tbody th, .MapiTable tbody td.MapiDataEkiAddr{width:120px;padding-right:0;padding-left:0;}

/*------------------------------------------
■基本設定
------------------------------------------*/
/* 【element】 */
*{outline:none;}
body,form,p,ul,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,textarea,th,td{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6 {font-size:100%;}
img{border:none;vertical-align:top;}
input,select{vertical-align:middle;}
table{border-collapse:collapse;border:none;}
ul,li{margin:0;padding:0;list-style:none;}
input,textarea,select,table,th,td {font-size:100%}

/* 【font】 */
input,textarea,select,table,th,td{font-size:100%;}
em,address,cite{font-style:normal;}

/* 【display】 */
hr,.MapiDisplayNone{display:none;}
.MapiBgNone{background:none !important;}

/* 【共通】 */
body{font:normal normal normal 14px/1.6 'ヒラギノ角ゴ pron w3', 'hiragino kaku gothic pron', 'メイリオ', meiryo, sans-serif;}
#MapiHeader .MapiInner,#MapiTopicpath .MapiInner,#MapiContainer .MapiInner,#MapiFooter .MapiInner{margin:0 auto;}
#MapiContainer{margin: 0 0 30px;}
.MapiInner{margin:0;padding:0;text-align:left;}
ul.MapiClearfix li {float:left;margin:0 15px 0 0;white-space:nowrap;}
label img {cursor:pointer;}
.MapiCenter{text-align:center;}

/*------------------------------------------
■　title
------------------------------------------*/
#MapiTitleTxt{margin:0 0 30px;}

/*------------------------------------------
■　MapiTopicpath
------------------------------------------*/
#MapiTopicpath{margin:0 0 30px;padding:10px 0;overflow:hidden;text-align: center;background: #eee;}
#MapiTopicpath .MapiInner{text-align: left;}
#MapiTopicpath a {text-decoration:none;}
#MapiTopicpath a:hover{text-decoration:underline;}
#MapiTopicpath strong {background:none;}
#MapiTopicpath ul{overflow:hidden;}
#MapiTopicpath ul li{display:inline;margin:0 0 0 3px;padding:0 0 0 12px;background:url(../img/bg_topicpath.gif) no-repeat 0 50%;}
#MapiTopicpath ul li.home{margin:0;padding:0;background:transparent;}

/*------------------------------------------
■ 地図のコピーライト
------------------------------------------*/
#MapiMapDiv{color: #000;}

/*------------------------------------------
■　エラーテキスト
------------------------------------------*/
.MapiErrorTxt{font-weight:bold;color:#f00;}
.MapiError{padding:40px 20px 150px;text-align:center;}

/*------------------------------------------
■　検索結果テキスト
------------------------------------------*/
.MapiResultTxt{margin:0 0 10px;}
.MapiResultTxt p{margin:0;padding:0;}

/*------------------------------------------
■　ページ送り
------------------------------------------*/
.MapiPagerRight{margin:12px 0 0;padding:8px 0;text-align:right;}
.MapiPagerRight span span{padding:5px 6px;}
.MapiPagerRight a{padding:5px 6px;}
.MapiPagerRight span span.MapiPagerpath{background:#fff;border:1px solid #fff;}
#MapiPagerTop .MapiResultTxt{float: left;}
#MapiPagerTop .MapiPagerRight{float: right;}

/*------------------------------------------
■　clear
------------------------------------------*/
.MapiClear{clear:both;}

.MapiClearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapiClearfix{overflow:hidden;min-height:1em;}
* html .MapiClearfix{overflow:visible;height:1%;}
ul.MapiClearfix li.MapiLast{margin:0;}
.MapiClear:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.MapiClear{overflow:hidden;min-height:1em;}
*html .MapiClear{overflow:visible;height:1%;}

/*------------------------------------------
■　Form
------------------------------------------*/
.MapiFormTxt{font-size:inherit;width:220px;height:34px;line-height:34px;padding:0 10px;border:1px solid #c6c6c6;border-radius:3px;}

.MapiFormBtn{display:inline-block;width:100px;padding:0 30px;line-height:36px;font-size:14px;color:#fff;border:0;border-radius:3px;white-space:nowrap;box-sizing:border-box;cursor:pointer;-webkit-appearance:none;height:36px;}

.MapiPullDown {width:150px ;height:32px;border:1px solid #c6c6c6;background-color:#fff;border-radius:3px;overflow:hidden;}


.MapiPullDown select{width:180px;font-size:inherit;color:inherit;-moz-appearance: appearance:button;-webkit-appearance:button;appearance:button;border:0;margin:0;background:url(../img/icon_pulldown.png) right 40px center no-repeat;padding:8px 10px;vertical-align:middle;}

.MapiCheckbox{margin:0;padding:0;outline:0;}
.MapiCheckbox input[type="checkbox"]{width:16px;height:16px;margin:0 5px 0 0;padding:0;border:1px solid #c6c6c6;vertical-align:middle;outline:0;}

/*------------------------------------------
■MapiLightBox
------------------------------------------*/
/* 【地図ページ再検索】 */
.MapiLightBox{width:586px;height:386px;padding:2px;border:5px solid #ccc;display:none;overflow:hidden;background:#fff;text-align:center;}
* html .MapiLightBox{width:600px;height:400px;}
body#MapiLayoutLightBox{background:none;text-align:left;}

/* 【携帯に送る完了画面】 */
.MapiLightBoxMail{height:193px !important;}

/*------------------------------------------
■　閉じるボタン（共通）
------------------------------------------*/
#MapiCloseArea, #MapiCloseAreaB {width:91px;height:32px;margin:10px auto 20px;cursor:pointer;display:block;}
.MapicloseOut {background:url(../img/btn_close.gif) top left no-repeat;}
.MapicloseOver {background:url(../img/btn_close_over.gif) top left no-repeat;}
.MapiCloseTop{margin:0 0 10px;padding:0 0 6px;border-bottom:1px solid #ccc;}

/*------------------------------------------
■　閉じるボタン（地図ページ再検索）
------------------------------------------*/
#MapiFreewordCloseTop {display:block;width:91px;height:32px;margin:0 auto;}

/*------------------------------------------
■　もっと表示する
------------------------------------------*/
.MapiMore{margin:10px 5px 0;padding:0 0 0 16px;background:url(../img/icon_arrow.png) 0 3px no-repeat;}

/*------------------------------------------
■　caution
------------------------------------------*/
.MapiCaution{margin:5px 0 0 1em;line-height:1.2; text-indent:-1em;}

/*------------------------------------------
■　アイコンの説明リンク
------------------------------------------*/
.MapiIconLink{float:right;font-weight:normal;font-size:12px;}


.MapiLightBox{
  width:586px;
  height:386px;
  padding:2px;
  border:5px solid #ccc;
  display:none;
  overflow:hidden;
  background:#fff;text-align:center;
  position: absolute;
  z-index: 20010;
}

.pagerLink02 > li > span {
	font-size: 15px;
	font-size: 1.5rem;
	color: #752c2f;
	text-align: center;
	line-height: 35px;
}

@media only screen and (max-width: 767px){
  .MapiLightBox{
    width:100%;
    height:386px;
    padding:2px;
    border:5px solid #ccc;
    display:none;
    overflow:hidden;
    background:#fff;text-align:center;
    position: absolute;
    top: 100px;
    z-index: 20010;
  }

  #MapiHeader .MapiInner,#MapiTopicpath .MapiInner,#MapiContainer .MapiInner,#MapiFooter .MapiInner{width: auto;}
}