#map
{
	float:		left;
	width:			280px;
	margin-left:	20px;
}

#chartBody
{
	float:			left;
	width:			calc( 100% - 330px );
	height:		96%;
	margin-top:	0px;
	margin-left:	0px;
}

.selectbox_css
{
	background:		#DFF1FF;
	border:			2px solid #c1def5;
	border-radius:	5px;
	color:			#000000;
	font-size:		12px;
	height:			20px;
	line-height:	20px;
	text-align:		left;
	vertical-align:	middle;
	width:			130px;
}

.editbox_css
{
	background:		#DFF1FF;
	border:			2px solid #c1def5;
	border-radius:	5px;
	color:			#000000;
	font-size:		12px;
	height:			20px;
	line-height:	20px;
	text-align:		right;
	width:			40px;
}

.button_css
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9ccf2+0,c3d7ff+100 */
background: #b9ccf2; /* Old browsers */
background: -moz-linear-gradient(left,  #b9ccf2 0%, #c3d7ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #b9ccf2 0%,#c3d7ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #b9ccf2 0%,#c3d7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9ccf2', endColorstr='#c3d7ff',GradientType=1 ); /* IE6-9 */


	margin-left:	80px;
	color:			#000000;
	border:			1px solid #50A0E0;
	border-radius:	5px;
	font-size:		16px;
	height:			35px;
	line-height:	30px;
	text-align:		center;
/*	text-indent:	5px;*/
	vertical-align:	middle;
	width:			80px;
}

.button_css2
{
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#b9ccf2+0,c3d7ff+100 */
background: #b9ccf2; /* Old browsers */
background: -moz-linear-gradient(left,  #b9ccf2 0%, #c3d7ff 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left,  #b9ccf2 0%,#c3d7ff 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right,  #b9ccf2 0%,#c3d7ff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b9ccf2', endColorstr='#c3d7ff',GradientType=1 ); /* IE6-9 */


	margin-left:	60px;
	color:			#000000;
	border:			1px solid #50A0E0;
	border-radius:	5px;
	font-size:		16px;
	height:			45px;
	line-height:	40px;
	text-align:		center;
/*	text-indent:	5px;*/
	vertical-align:	middle;
	width:			120px;
}

.body_white
{
/*	background-color:	#f3f6fc;*/
	background:		#FFFFFF;
}

.body_black
{
	background:		#3C3C3C;
}

.font_white
{
	color:			#FFFFFF;
	font-size:		12px;
}

.font_black
{
	color:			#3C3C3C;
	font-size:		12px;
}

.font_white_indi
{
	color:			#FFFFFF;
	text-align:		left;
	font-size:		12px;
	padding-left:	90px;
}

.font_black_indi
{
	color:			#3C3C3C;
	text-align:		left;
	font-size:		12px;
	padding-left:	90px;
}

.font_white_ann
{
	color:			#FFFFFF;
	font-size:		13px;
}

.font_black_ann
{
	color:			#3C3C3C;
	font-size:		13px;
}

.editbox_cell
{
	width:			40px;
	text-align:		right;
}

/* ラジオボタン */
.background-div input
{
	display:		none;
}

.background-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			61px;
	margin-left:	0;
	padding:		2px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.background-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.background-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.background-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}

.yspc-div input
{
	display:		none;
}

.yspc-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			22px;
	margin-left:	0;
	padding:		2px 5px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.yspc-div .rbo
{
	border-right:	1px solid #888888;
}

.yspc-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.yspc-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.yspc-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}

.reverse-div input
{
	display:		none;
}

.reverse-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			61px;
	margin-left:	0;
	padding:		2px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.reverse-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.reverse-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.reverse-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}

.popup-div input
{
	display:		none;
}

.popup-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			61px;
	margin-left:	0;
	padding:		2px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.popup-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.popup-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.popup-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}

.last-div input
{
	display:		none;
}

.last-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			61px;
	margin-left:	0;
	padding:		2px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.last-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.last-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.last-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}

.ctype-div input
{
	display:		none;
}

.ctype-div label
{
	display:		block;
	float:			left;
	cursor:			pointer;
	width:			33px;
	margin-left:	0;
	padding:		2px 5px;
	background:	#DFF1FF;
	color:			#AAAAAA;
	font-size:		13px;
	text-align:	center;
	line-height;	1;
	transition:	.2s;
}

.ctype-div .rbo
{
	border-right:	1px solid #888888;
}

.ctype-div label:first-of-type
{
	border-radius:		3px 0 0 3px;
}

.ctype-div label:last-of-type
{
	border-radius:		0 3px 3px 0;
}

.ctype-div input[type="radio"]:checked + label
{
	background-color:		#AFD1FD;
	color:					#000000;
}