/*
**	Map
*/

#mapBox {
	background: url(../img/dammyMap.png) no-repeat;
	padding: 3px;
}

	#mapBox #mapCanvas {
		width: 651px;
		height: 418px;
	}
	html.mobile #mapBox #mapCanvas {
		width: 100%;
		height: 424px;
	}


#mapBox2 {
	background: url(../img/dammyMap2.png) no-repeat;
	padding: 3px;
}
html.mobile #mapBox2 {
	background-image: none;
	padding: 0;
}

	#mapBox2 #mapCanvas {
		width: 711px;
		height: 405px;
	}
	html.mobile #mapBox2 #mapCanvas {
		width: 100%;
		height: 405px;
	}


#mapBox p.save a,
#mapBox2 p.save a
{
	display:block;
	height:21px;
	width:103px;/* ja */
	padding:7px 0 0 45px;/* ja */
	color:#000;
	font-size:12px;/* ja */
	top:35px;
	left:30px;
	margin-left:auto ;
	margin-right:auto ;
	background:url(../img/buttonSave.png) no-repeat;
}

#mapBox p.save a:hover,
#mapBox2 p.save a:hover
{
	background:url(../img/buttonSaveHover.png) no-repeat;
}

#mapBox p.save a.complete,
#mapBox2 p.save a.complete
{
	background:url(../img/buttonSaveComplete.png) no-repeat;
}



/*
**	Marker
*/

#mapCanvas .areaMarker
{
	width: 56px;
	height: 56px;
	font-size: 14px;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
	line-height: 56px;
	text-align: center;
	font-weight: bold;
	color: #003f8e;
	background: url(../img/marker/area.png) no-repeat;
	background-position: 0 0;
	overflow: hidden;
}

#mapCanvas .areaMarker:hover,
#mapCanvas .areaMarker.current
{
	color: #FFF;
	background-position: 0 -56px;
}

#legendBox .legendTitle
{
	display: none;
}
#legendBox #legendTitle_real
{
	display: inline;
}
#legendBox .legendSub
{
    margin-right: 0.4em;
	display: inline;
}
#legendBox .legendSub.legendWind
{
    display: none;
}

/*
 * 風向・風速 表示時
 */
#contents.typeWind #legendBox .legendSub
{
    display: none;
}

#contents.typeWind #legendBox .legendSub.legendWind{
    display: inline-block;
    width: 40px;
    position: relative;
    padding:0 0 0 20px;
}

#contents.typeWind #legendBox .legendSub.legendWind.nonSensor{
	width: 75px;
}


#contents.typeWind #legendBox .legendColors {
	display: none;
}
#contents.typeWind #dataBox .location .locationHeight {
	visibility: hidden;
}
#contents.typeWind .lastData #realLocationData,
#contents.typeWind .lastData #realLocationDataUnit,
#contents.typeWind .lastData #oneMeter {
	display: none !important;
}
#contents.typeWind .lastData #windSpeed,
#contents.typeWind .lastData #windDirection {
	display: block !important;
}
#contents.typeWind #dataBox .buttonBox .toGraph {
	display: none;
}


/*
**	infoWindow
*/
#infoWindow
{
	margin:5px 5px 0 5px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
#infoName
{
	font-size: 14px;
	min-width:270px;
	max-width:400px;
	/*margin-bottom: 5px;*/
}

	#infoValue
	{
		font-size: 16px;
		line-height: 19px;
	}
    html.mobile #infoValue
	{
		font-size: 14px;
		line-height: 34px;
	}
	
	#infoWindValue{
		font-size: 14px;
	}
	#infoVaneValue{
		font-size: 14px;
	}
	#infoRainValue{
		font-size: 14px;
	}

	#infoContAirValue
	{
		font-size: 12px;
	}
	
	#infoWindow .unit
	{
		margin-left: 0.3em;
	}


    #infoWindow .infoLinks{}

/*
**	HTML
*/
#realLocationDataUnit
{
	margin-left: 0.2em;
}
#otherLocationDataUnit,
#otherAirUnit
{
	margin-left: 0.3em;
}



/*
**	Component
*/

#list_grid {
	margin: 5px;
}
html.mobile #list_grid {
	margin: 0;
}



#chart {
	padding: 10px;
}

#chartTips {
    margin: 5px 5px;
	line-height: 1.2;
    font-family:'メイリオ',Meiryo,arial,sans-serif;
    text-align: center;
}

    #chartTips .barRange {
        margin: 0 0 5px 0;
        font-size: 11px;
        color: #004ca4;
    }

    #chartTips .barValue {
        margin: 0;
        font-size: 14px;
        color: #000;
    }


#time_grid {
	margin: 1px;
}
html.mobile #time_grid {
	margin: 0;
}

#time_calendar {
	position: absolute;
	top: 20px;
	left: 200px;
	width: 150px;
}


#downCalFrom,
#downCalTo {
	position: absolute;
	left: 50px;
	width: 150px;
}



/*
**	Graph
*/
#graphCanvas
{
	height: 400px;
}
#graphChangeY,
#graphChangeYBq
{
    display: none;
}





/*
**	ExtJS
*/
.x-reset .x-panel .x-grid-body,
.x-reset .x-grid-header-ct,
.x-reset .x-scroller-vertical,
.x-reset .x-panel-body-default
{
	border: 1px solid #ccc;
}

.x-reset .x-column-header,
.x-reset .x-grid-row .x-grid-cell
{
	font-size: 12px;
	font-family:'メイリオ',Meiryo,arial,sans-serif;
}

html.mobile .x-reset .x-column-header
{
	font-size: 19px;
}

html.mobile .x-reset .x-grid-row .x-grid-cell
{
	font-size: 26px;
}

.x-reset .x-column-header-inner
{
	line-height: 2;
}

.x-reset .x-grid-cell-inner
{
	padding: 3px 6px;
	cursor: pointer;
}

.x-reset .x-datepicker em
{
	color: #000;
}
.touchScrolling .x-grid-view
{
	-webkit-overflow-scrolling:touch;
	overflow-x:hidden !important;
	overflow-y:auto !important;
}