@charset "utf-8";

/*------------------------------------------
■基本設定
■エラーテキスト
■clearfix
■float（TOPページ）
■float（リストページ）
■float（横断検索リストページ）
■MapiTopicpath
■再検索
■検索結果テキスト
■検索結果リスト（共通）
■検索結果リスト（駅リスト）
■検索結果リスト（住所リスト）
■検索結果リスト（ランドマークリスト）
■検索結果リスト（郵便番号リスト）
■検索結果リスト（attr、attr_con、circle）
■ページ送り
■エリア絞込み
■MapiLightBox
■閉じるボタン（共通）
■閉じるボタン（地図ページ再検索）
■もっと表示する
■caution
------------------------------------------*/
/*------------------------------------------
■基本設定
------------------------------------------*/
/* 【element】 */
*{outline:none;}
body,form{margin:0;padding:0;}
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;}

/* 【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{
text-align:center;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
font-size:13px;
line-height:1.5;
color: #333;
}
a{color: #333;text-decoration: none;}
a:hover{
	color: #666;
}
a:hover img{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}

h1{margin:10px 0;font-size:22px;color:#666;}
h2{font-size:14px;}
.MapiFontSizeS{font-size:11px;}

.MapiInner{width:994px;margin:0 auto;padding:0;text-align:left;}

.MapiPosR{text-align:right !important;}
.MapiPosL{text-align:left !important;}
.MapiPosC{text-align:center !important;}

.MapiBold{font-weight:bold;}

/*------------------------------------------
■header
------------------------------------------*/
#logo_v4{margin:10px 0 0;padding:10px 0 20px;border-bottom: solid 1px #666;border-top: solid 1px #da0024;}

/*------------------------------------------
footer
------------------------------------------*/
#footer {
	margin: 0 auto -1px;
	padding:0;
    height:133px;
	width:100%;
	min-width:1020px;
}
#footer #footer_inner{
    width:994px;
    padding-top:70px;
    padding-left:16px;
    padding-right:16px;
    padding-bottom:4px;
    margin:0 auto;
}
#footer #footer_inner #footerArea {
	padding-top:6px;
	height:52px;
	width:994px;
	border-top:1px solid #666;
}
#footer #footer_inner #footerArea div {
	display:inline-block;
}
#footer #footer_inner #footerArea #footer_pagetop {
	float:right;
}
.fsprite2 {
	display:inline-block;
	overflow:hidden;
	background:url(./../img/footer_btn_pagetop.png) no-repeat top right;
}
#footer_pagetop a { background-position:0px 0px; }
#footer_pagetop a img {height:12px; width:82px;}
#footer_pagetop a:hover { background-position:0px -12px;}

#copyright{ float:left;
	margin-top:2px;
	margin-right:39px;
}
#footer_link {
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#ffffff;
}

/*------------------------------------------
■検索フォーム
------------------------------------------*/
.search input[type="submit"]{
	min-height: 30px;
	width: 60px;
	padding: 0 5px;
	border: none;
	background: #999999;
	color: #ffffff;
	cursor:pointer;
	font-size: 107.7%;
}
*+html .search input[type="submit"]{
	padding: 5px;
	min-height: 18px;
}
.search input[type="submit"]:hover{
	background: #da0024;
}
.search input[type="text"]{
	min-height: 20px;
	width: 250px;
	margin-right: 2px;
	padding: 5px;
	border: none;
	background: #ddd;
}
.search input[type='checkbox'],
.search input[type='radio']{
	filter: alpha(opacity=0); -moz-opacity:0; opacity:0;
	position: absolute;
}
.search .ckbox{
	background:url(./../img/icon_check.png) no-repeat left top;
	height: 24px;
	line-height: 24px;
	display: block;
	padding: 0 0 0 30px;
	cursor: pointer;
	overflow: hidden;
}
.search .radiobtn{
	background:url(./../img/icon_radio.png) no-repeat left top;
	height: 24px;
	line-height: 24px;
	display: block;
	padding: 0 0 0 30px;
	cursor: pointer;
	overflow: hidden;
}
.search .c_on{background-position:left bottom;}



/*------------------------------------------
■エラーテキスト
------------------------------------------*/
.MapiErrorTxt,
.MapiLightBox .MapiDataError{color:#333;}
.MapiDataErrorFontBlack{color:#000000;}
.MapiErrorTxt{font-weight:bold;}


/*------------------------------------------
■clearfix
------------------------------------------*/
.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{float:left;margin:0 10px 0 0;}
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%;}


/*------------------------------------------
■float（TOPページ）
------------------------------------------*/
/* 【左側】 */
.MapiFloatA1{float:left;width:480px;}
/* 【右側】 */
.MapiFloatA2{float:right;width:450px;}


/*------------------------------------------
■float（リストページ）
------------------------------------------*/
/* 【リスト一覧（右側）】 */
.MapiFloatB1{float:right;width:650px;}
/* 【エリア絞込み（左側）】 */
.MapiFloatB2{float:left;width:280px;}


/*------------------------------------------
■float（横断検索リストページ）
------------------------------------------*/
/* 【リスト一覧（右側）】 */
.MapiFloatC1{float:left;width:465px;}
/* 【エリア絞込み（左側）】 */
.MapiFloatC2{float:right;width:465px;}


/*------------------------------------------
■MapiTopicpath
------------------------------------------*/
#MapiTopicpath{height:25px;margin:3px 0 15px;overflow:hidden;}
#MapiTopicpath li{display:inline;margin:0 0 0 3px;padding:0 0 0 12px;background:url(../img/bg_topicpath.gif) no-repeat 0 50%;}
#MapiTopicpath li.home{margin:0;padding:0;background:transparent;}


/*------------------------------------------
■MapiSummary
------------------------------------------*/
#MapiSummary{margin:0 0 20px;font-size:11px;}




/*------------------------------------------
■検索結果テキスト
------------------------------------------*/
/* 【検索結果テキスト】 */
.MapiResultTxt{margin:0 0 10px;}
.MapiResultTxt p{margin:0;padding:0;}

/*------------------------------------------
■検索結果リスト（共通）
------------------------------------------*/
.MapiTableWrap{padding:0 0 8px;background:url(../img/bar_table_btm.gif) left bottom repeat-x;}
.MapiTableWrapInner{padding:8px 0 0;background:url(../img/bar_table_top.gif) left top repeat-x;}
.MapiTable{width:100%;border-top:1px solid #ccc;}
.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;}
/* 【リストマウスオーバー】 */
.MapiTable tr.MapiMouseOver,
.MapiTable tr.MapiMouseOver a,
#MapiLSLandmark .MapiTable tr.MapiMouseOver dd{background:#0066CC;color:#fff;}
.MapiTable tr.MapiMouseOver{cursor:pointer;}
/* 【地図、一覧】 */
.MapiTable .MapiDataMap{width:40px;text-align:right;}
.MapiTable .MapiDataList{width:60px;text-align:right;}
/* 【検索結果0件の場合】 */
.MapiDataError p{margin:0;text-align:left;}
.MapiDataErrorFontBlack p{margin:0;text-align:left;}
.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:#f7f7f7;}
.MapiEven{background-color:#fff;}
/* 【リンクっぽく見せる】 */
.MapiListLink {color:#0000ff;text-decoration:underline;}
/* 【リンクっぽく見せるマウスオーバー（横断検索）】 */
.MapiMouseOver .MapiListLink {color:#ffffff;}
/* 【リンクっぽく見せるマウスオーバー（地図ページリスト）】 */
.MapiListOver .MapiListLink {color:#ffffff;}

/*------------------------------------------
■検索結果リスト（駅リスト）
------------------------------------------*/
#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;}

/*------------------------------------------
■検索結果リスト（住所リスト）
------------------------------------------*/
#MapiLSAddr{padding:0 0 50px;}

/*------------------------------------------
■検索結果リスト（ランドマークリスト）
------------------------------------------*/
#MapiLSLandmark{padding:0 0 50px;}
#MapiLSLandmark .MapiDataMap{vertical-align:bottom;}
#MapiLSLandmark dl{margin:0;padding:0;}
#MapiLSLandmark dt{margin:0;padding:0;}
#MapiLSLandmark dd{color:#444444;font-size:11px;margin:0;padding:0;line-height:1.2;}

/*------------------------------------------
■検索結果リスト（郵便番号リスト）
------------------------------------------*/
#MapiLSZip{padding:0 0 50px;}
.MapiDataZip{width:65px;}

/*------------------------------------------
■検索結果リスト（attr、attr_con、circle）
------------------------------------------*/
#MapiInfoList{padding:0 0 50px;}
#MapiInfoList .MapiTable tbody th{width:40px;}
#MapiInfoList .MapiToMap{width:40px;text-align:right;vertical-align:bottom;}
#MapiInfoList dl{margin:0;padding:0;}
#MapiInfoList dt{margin:0 0 5px;padding:0;line-height:1.2;}
#MapiInfoList dt span{font-size:10px;color:#444}
#MapiInfoList dd{margin:0;padding:0;line-height:1.2;color:#444}
#MapiInfoList dd.MapiInfoGenre{margin:0 0 5px;}

/*------------------------------------------
■ページ送り
------------------------------------------*/
/* 【ページ送り】 */
.MapiPagerLeft p,.MapiPagerCenter p,.MapiPagerRight p{margin:0;padding:0;}
.MapiPagerLeft{margin:12px 0 0;padding:8px 0;}
.MapiPagerLeft span{display:block;float:left;margin:0 5px 0 0;}
.MapiPagerLeft span span{display:block;float:none;margin:0;padding:3px 6px;background:#eee;border:1px solid #eee;}
.MapiPagerLeft span span.MapiPagerpath{background:#fff;border:1px solid #fff;}
.MapiPagerLeft a{display:block;padding:3px 6px;border:1px solid #ccc;}
.MapiPagerCenter{margin:12px 0 0;padding:8px 0;text-align:center;}
.MapiPagerCenter span span{padding:4px 7px;background:#eee;border:1px solid #eee;}
.MapiPagerCenter span span.MapiPagerpath{padding:4px 0;background:#fff;border:1px solid #fff;}
.MapiPagerCenter a{padding:4px 7px;border:1px solid #ccc;}
.MapiPagerRight{margin:12px 0 0;padding:8px 0;text-align:right;}
.MapiPagerRight span span{padding:5px 6px;background:#eee;border:1px solid #eee;}
.MapiPagerRight span span.MapiPagerpath{background:#fff;border:1px solid #fff;}
.MapiPagerRight a{padding:5px 6px;border:1px solid #ccc;}
/* 【マウスオーバー】 */
.MapiPagerLeft a:hover,
.MapiPagerCenter a:hover,
.MapiPagerRight a:hover{background:#0066CC;color:#fff;border:1px solid #0066CC;}


/*------------------------------------------
■エリア絞込み
------------------------------------------*/
.MapiAreaSelect{margin:0 0 30px;padding:4px;background-color:#eee;}
.MapiAreaSelect dl{width:100%;margin:0;padding:0;background-color:#fff;}
.MapiAreaSelect dt{margin:0;padding:5px;border-top:1px solid #ccc;border-right:1px solid #ccc;border-left:1px solid #ccc;background-image:url(../img/bg_mapcondition.gif);background-position:left center;background-repeat:repeat-x;}
.MapiAreaSelect dd{margin:0 0 1px;border:1px solid #ccc;background-color:#fff;}

/* 【大カテゴリ】 */
.MapiAreaSelect dd .MapiSelectClass1{display:block;padding:3px 5px 2px 18px;background:url(../img/icon_arrow.gif) no-repeat 2px 6px;}

/* 【小カテゴリ】 */
.MapiAreaSelect dd ul{display:none;}
.MapiAreaSelect dd li{padding:1px 0 0;background:url(../img/bg_dot.gif) repeat-x left top;}
.MapiAreaSelect dd li a{display:block;padding:3px 5px 2px 18px;}

/* 【マウスオーバー時】 */
.MapiAreaSelect dd a:hover{background-color:#0066CC !important;color:#fff;}
.MapiAreaSelect dd a.MapiSelectClass1:hover{background:url(../img/icon_arrow_over.gif) no-repeat 2px 6px;}

/* 【選択時】 */
.MapiAreaSelect .MapiSelect ul{display:block;}
.MapiAreaSelect .MapiSelect div{position:relative;height:100%;padding:3px 45px 2px 18px;background-color:#0066CC !important;color:#fff;}
.MapiAreaSelect .MapiSelect div.MapiSelectClass1{background:url(../img/icon_arrow_down_over.gif) no-repeat 2px 6px;}

/* 【解除ボタン】 */
.MapiAreaSelect dd.MapiSelect div a{display:block;position:absolute;top:50%;right:5px;margin-top:-9px;width:37px;height:17px;padding:0;}
.MapiAreaSelect dd.MapiSelect div a:hover{background:url(./../img/btn_cancel_over.gif) no-repeat top left;}
.MapiAreaSelect dd.MapiSelect div a:hover img{visibility:hidden;}

/* 【件数】 */
.MapiAreaSelect span.MapiListCount{font-size:10px;white-space:nowrap;}

/* 【もっと表示する】 */
.MapiMoreSelect{margin:0 2px;padding:3px 5px 2px 18px;background:url(../img/icon_arrow.gif) no-repeat 2px 6px;}

/*------------------------------------------
■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;}

/*------------------------------------------
■閉じるボタン（共通）
------------------------------------------*/
#MapiCloseArea, #MapiCloseAreaB {width:91px;height:32px;margin:0 auto;cursor:pointer;}
.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.gif) 0 3px no-repeat;}

/*------------------------------------------
■caution
------------------------------------------*/
.MapiCaution{margin:5px 0 0 1em;line-height:1.2; text-indent:-1em;}


.contentContainer {
	margin-top: 100px;
}

@media screen and (min-width: 1800px) {
	.contentContainer {
		margin-top: 124px;
	}
}

@media screen and (max-width: 1024px) {
	.contentContainer {
		margin-top: 72px;
	}
}
