html {
	font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Verdana, "ＭＳ Ｐゴシック", "MS PGothic", Arial, sans-serif; 
	-webkit-text-size-adjust:000%
}

#map_canvas {
	width: 100%;
	height: 600px;
 	-webkit-box-sizing: border-box;
 	box-sizing:border-box;
}

#mapLoad{
	width:100%;
	height:100%;
	z-index:0;
}

#map_side{
	display:none;
}

ul{
	list-style: none;
	margin:0px;
	padding:0px;
}

li{
	border:1px solid #000;
	padding:10px;
	cursor:pointer;
}

@media screen and (min-device-width: 481px) and (max-device-width: 2048px) and (orientation:landscape){
	#mapLoad{
		width:100%;
		height:100%;
		z-index:0;
	}

	#map_side{
		display:block;
		position:absolute;
		top:0px;
		right:0px;
		overflow-y:scroll;
		height:85%;
		z-index:1;
		width:200px;
		background-color:#fff;
		border:1px solid #000;font-size:12px;
		padding-bottom:30px;
	}
}

@media screen and (min-device-width: 481px) and (max-device-width: 1024px) and (orientation:portrait){
	#mapLoad{
		width:100%;
		height:100%;
		z-index:0;
	}

}

@media screen and (max-device-width: 320px){
	#mapLoad{
		width:100%;
		height:100%;
		z-index:0;
	}
}


/* テキストを省略せずに表示する */
.ui-header .ui-title,            /* ヘッダー */
.ui-footer .ui-title,            /* フッター */
.ui-btn-inner,                /* ボタン */
.ui-li-heading,                /* リスト見出し */
.ui-li .ui-btn-text a.ui-link-inherit,    /* リンクリスト */
.ui-li-desc                /* リスト詳細 */
{
    overflow: visible;
    white-space: normal;
}