/**
 * Name    : kk600mie.css
 * Detail  : 潮位情報CSS
 * Comment : 2023/01/27
 * Update
 * @author Daichi Yamamoto
 * @date 2023/01/27
 */
@charset "UTF-8";
#contentsNav {
	position:relative;
	margin: 5px 5px 20px 0;
}
#contentsNav #updateDate {
	float:right;
	text-align: left;
	font-size: 15px;
}

/* 項目タイトル */
.contentsTitle {
	font-size:15px;
	margin-bottom:5px;
	height:25px;
}
.contentsTitle > span {
	color:#009023;
}

/* ラジオボタン */
.radioButtonContent {
	position: relative;
	width:100%;
	height:30px;
}
.radioButtonBox {
	width:250px;
	margin-left:10px;
	position:absolute;
	right:0px;
	padding:5px 0;
}
.radioButtonBox .radioButton {
    position: relative;
    top: 2px;
    left: 2px;
}
.radioButtonBox label {
	background-color: #00884f;
	border:solid thin #00884f;
	border-radius:3px;
	padding:1px 10px;
	color:#ffffff;
	font-size:12px;
	margin-left: -20px;
    padding-left: 20px;
}
.radioButtonBox .radioButton:checked + label {
	background-color: #ffffff;
	color:#00884f;
}
.red {
	color:red;
}

/* 左右のブロック分け */
#tideContents {
	position:relative
}
#tideContents-left,
#tideContents-right {
	float:left;
}
#tideContents-left {
	padding-right:20px;
}

#comment{
	font-size: 12px;
	margin-top: 10px;
}