/*-------------
mixins
-------------*/
@import "global.less";
@import "header.less";


/*-------------
m_infoBar
-------------*/
#m_infoBar{
	position:absolute;
//	top:68px; js内で動的
	left:0;
	right:0;
	bottom:0;
	position:absolute;
//	position: relative;
	width: 100%;
	height: 20px;
	background-color: @waterInfoBar-color;
	color: #FFFFFF;
	font-size: 1.6em;
	font-weight: bold;
	text-align: center;
	align: center;
}

#underBar{
	width: 100%;
	height: 1px;
	color: #FFFFFF;
	border: 1px bule solid;
}

@import "global.less";
/*-------------
m_body
-------------*/
#m_body{
	position: absolute;
	width: 100%;
//	height:95%;
	bottom: 0px;
	#prev, #next{
		position: relative;
		bottom: 0px;
		cursor: pointer;
		visibility: hidden;
		width: 4%;
//		height: 100%;
		filter: alpha(opacity=50);
		-moz-opacity:0.50;
		opacity:0.50;
	}
	#prev:hover, #next:hover{
		filter: alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	#prev{
		border-right: 1px solid #ccc;
	}
	#next{
		border-left: 1px solid #ccc;
	}
	#leftWindow {
		position: relative;
		bottom: 0px;
		width: 60%;
		height: 100%;
	}
	#info{
		position: relative;
		bottom: 0px;
		width: 30%;
		height: 100%;
		border-left: 1px solid #ccc;
		#commu{
			width: 100%;
			height: 45%;
			font-size: 1.2em;
			border-bottom: 1px solid #ccc;
			overflow: auto;
			.weather{
				width: 30px;
				height: 20px;
				margin-right: 10px;
			}
			.comment-table;
		}
		#widtl{
			width: 100%;
			height: 25%;
			font-size: 1.2em;
			border-bottom: 1px solid #ccc;
			overflow: auto;
			margin-top: 10px;
			table{
				font-size: 1.0em;
			}
		}
		#gbinfo{
			width: 100%;
			height: 25%;
			font-size: 1.2em;
			overflow: auto;
			margin-top: 10px;
			table{
				font-size: 1.0em;
			}
		}
	}
}

//.infoSubCommentContainer{
//	background-color: @comment-color;
//	margin-bottom: 1px;
//	margin-top: 0;
//}
//
//.infoAddCommentContainer{
//	background-color: @comment-color;
//	margin-bottom: 1px;
//	margin-top: 0;
//}

textarea, input[type=text]{
	width: 80%;
}


/*-------------
dtlContainer
-------------*/
#dtlContainer{
	span{
		font-size: 1.2em;
	}
	#dtlBox{
		margin: 0;
		padding: 0;
	//	border: 1px solid #333;
		border-collapse: collapse;
		border-spacing : 0px;
		width: 90%;
		tr{
			// height: 15px;
			border-bottom: 1px solid #333;
		}
		th{
			border-bottom: 1px solid #333;
			// border-left: 1px solid #fff;
			a{
		    	margin-left: 5px;
		    	color: #0000FF;
				font-size: 0.9em;
		    }
		}
		td{
			border-bottom: 1px solid #333;
		}
		th{
			background-color: #00CCFF;
		}

		.item_name{
			width:50px;
			font-weight: bold;
		}
		.item_val{
			width:30px;
		}
	}
}