@charset "UTF-8";
body{
	background-color: #111!important;
}
.nav-glyphish-example .ui-btn .ui-icon {
	width: 30px!important;
	height: 30px!important;
	margin-left: -15px !important;
	box-shadow: none!important;
	-moz-box-shadow: none!important;
	-webkit-box-shadow: none!important;
	-webkit-border-radius: 0 !important;
	border-radius: 0 !important;
	background-color:rgba(0,0,0,0)!important;
	top:2px!important;
}
.ui-btn-inner{
}

.ui-icon-app-home {
	background-image: url(../image/icon/icon_home.png);
}
.ui-icon-app-douro {
	background-size: 30px 30px;
	background-image: url(../image/icon/icon_douro.png);

}
.ui-icon-app-tetsudo {
	background-size: 30px 30px;
	background-image: url(../image/icon/icon_tetsudo.png);
	
}
.ui-icon-app-tenki {
		background-size: 30px 30px;
	background-image: url(../image/icon/icon_tenki.png);
	
}
.ui-icon-app-odekake {
	background-size: 30px 30px;
	background-image: url(../image/icon/icon_odekake.png);
}
.page {
}
#map-area {
	height: auto;
	width: 100%;
	padding: -15px;
}
#map-area img{
	height: auto;
	width: 100%;
}
#header {
	background-image: url(../image/head.png);
	background-repeat: repeat-x;
}
#logo{
	background-image: url(../image/rogo.png);
	background-repeat: no-repeat;
	height: 39px;
	text-indent: -9999px;
	margin-right: 10px;
	background-position: right center;
	display:block;
}
#logo a{
	height: 32px;
	text-indent: -9999px;
	display:block;
}
.ui-btn-corner-all {
	-webkit-border-radius: 0.2em /*{global-radii-buttons}*/;
	border-radius: 0.2em /*{global-radii-buttons}*/;
}
#timestamp {
	text-align: left;
	color: #CCC;
	font-size: 12px;
	position: absolute;
	z-index: 2;
	height: 17px;
	top: 41px;
	padding-top: 0px;
	padding-right: 8px;
	padding-bottom: 0px;
	padding-left: 10px;
	line-height: 17px;
	right: 0px;
	background-color: #444444;
	
}
#header .flex-control-nav{
	/*background-color:#222;*/
}
#content,.ui-panel-content-wrap{

	background-color: #111;
}
#content{
}
.page{
	position:relative;
	
}
#maps{
	padding-top:-5px;
	margin-bottom: 10px;
}
.nav-glyphish-example li .ui-btn-inner{
	padding-top: 30px!important;
	padding-bottom: 2px!important;
}
.listBtn{
	text-align:right;
}
#rightpanel .ui-li-icon {
	max-height: 26px!important;
	max-width: 26px!important;
	left: 10px;
	top: .6em!important;
}
#info-list .ui-li .ui-btn-text a.ui-link-inherit,
#info-list .ui-li-desc{
	overflow:auto!important;
	white-space:normal!important;
}
#page-frame>.ui-body-c,#page-frame,body,html{
	background: none /*{c-body-background-color}*/;
	background-image: none;
	background-color: #111;
}
#home .page-inner{
	margin-top: -5px;
}
#oshirase{
	font-size: 10px;
	line-height: 12px;
	margin-left: 5px;
}
.ui-footer .ui-btn-inner{
	font-size:10px;
}
#page2-map{
	max-height: 240px;
	max-width: 320px;
	width: 100%;
	margin: auto;
	padding-bottom: 24px;
}
#page2-map img{
	width: 100%;
}
.jisin h3{
	background-image: url(../image/icon/headline-icon.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 118px;
}
.douro h3{
	background-image: url(../image/icon/headline-icon.png);
	background-repeat: no-repeat;
	background-position: 0px -29px;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 118px;
}
.kotu h3{	
	background-image: url(../image/icon/headline-icon.png);
	background-repeat: no-repeat;
	background-position: 0px -58px;
	text-indent: -9999px;
	display: block;
	height: 29px;
	width: 118px;
}
.jisin a,.douro a,.kotu a{
	padding: .1em 10px!important;
}
.area-name{
	height: 33px;
	text-align: center;
	line-height: 33px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: normal;
}
@media only screen and (-webkit-min-device-pixel-ratio: 1.5) {
	
	.ui-icon-app-home {
		background-size: 30px 30px;
		background-image: url(../image/icon/icon_homex2.png);
	}
	.ui-icon-app-douro {
		background-size: 30px 30px;
		background-image: url(../image/icon/icon_dourox2.png);
	
	}
	.ui-icon-app-tetsudo {
		background-size: 30px 30px;
		background-image: url(../image/icon/icon_tetsudox2.png);
		
	}
	.ui-icon-app-tenki {
			background-size: 30px 30px;
		background-image: url(../image/icon/icon_tenkix2.png);
		
	}
	.ui-icon-app-odekake {
		background-size: 30px 30px;
		background-image: url(../image/icon/icon_odekakex2.png);
	}
	#logo {
		background-size: 188px 30px;
		background-image: url(../image/rogox2.png);
	
	}
	.jisin h3,.douro h3,.kotu h3{
		background-image: url(../image/icon/headline-iconx2.png);
		background-size: 118px 87px;
	
	}
	
}
