html{width:100%;
	height:100%;
	background:#fafafa;}
*{	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	box-sizing:border-box;
	outline:none;
	-webkit-touch-callout:none;
	-webkit-appearance:none;
	-moz-appearance:none;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
	appearance:none;}
body{margin:0;
	min-height:100%;
	background:#eee;
	background-attachment:fixed;
	overflow-y:scroll;
	font-size:small;}
bname{font-weight:bold;}
h2{padding:4px;
	padding-left:10px;
	font-size:14px;
	margin-bottom:0;
	text-align:left;
	background:#222;
	color:#fff;
	border-radius:10px 10px 0 0;}

a[download]{padding:0 10px;
			color:#585;
			display:inline-block;
			border-radius:5px;
			user-select:none;}
a[download]:hover{background:#eee;}
a[download]:active{background:#ddd;}
a[download]:before{content:"\1f4e5";
					font-size:18px;
					margin-right:4px;
					vertical-align:middle;}
a.link:hover{text-decoration:underline;}
h3{	font-weight:normal;}
center{display:block;
		width:100%;
		text-align:center;}
right{	display:block;
		width:100%;
		text-align:right;}
maker{	padding:0 4px;
		margin-right:3px;
		border:solid 1px #aaa;
		border-radius:2px;
		font-size:x-small;}
a{text-decoration:none;
	color:#000;
	cursor:pointer;}
hr{	height:1px;
	border:0;
	border-top:dotted 1px #aaa;}
spacer{display:block;
		height:10px;
		background:#eee;}
red{color:#c00;
	font-weight:bold;}
attent{background:#555;
		color:#fff;
		padding:0 5px;
		margin:0 5px;
		border-radius:4px;
		display:inline-block;}
[draging]{opacity:0.3;}
[top] td{vertical-align:top;}
[wide]{width:100%;}
/*--------------tab---------------*/
.tab_area{}
.tab_cnt{border:solid 1px #aaa;
			padding:10px;
			display:none;}
div.tab_cnt:nth-child(2){display:block;}

.tab_list a{background:#eee;
			display:inline-block;
			margin:0 5px -1px 0;
			border:solid 1px #aaa;
			border-radius:0 8px 0 0;
			padding:5px 20px;
			color:#666;
			user-select:none;}
.tab_list a[active]{
			background:#fff;
			color:#000;
			border-bottom-color:#fff;
			}
/*--------------tags---------------*/
.seltags{margin:5px 4px;}
.seltags a{
		background:#3498DB;
		color:#fff;
		padding:8px;
		vertical-align:middle;
		display:inline-block;
		white-space:nowrap;
		margin-right:10px;
		-webkit-user-select:none;
		position:relative;}
.seltags a:hover{opacity:0.5;}

.seltags a:before{display:block;
					content:"";
					position:absolute;
					width:0;
					height:0;
					top:0;
					right:0;
					margin-right:-8px;
					border:solid;
					border-width:18px 0px 18px 8px;
					border-left-color:#3498DB;
					}
.seltags input{
		border:dashed 1px #bbb;
		border-radius:8px;
		padding:8px;
		width:160px;
		margin:0;
		display:inline-block;}
.seltags input:focus{border:solid 1px #eee;
						background:#eee;}

.tags{text-align:left;}
.tags a{border:solid 1px #999;
		border-radius:3px;
		color:#555;
		padding:0 8px;
		margin-right:2px;
		display:inline-block;
		font-size:x-small;
		background:rgba(255,255,255,0.5);}
.tags a:hover{color:#fff;
				border-color:#3498DB;
				background:#3498DB;}
tg{display:inline-block;
	background:#555;
	padding:2px 10px;
	border-radius:4px;
	color:#fff;
	margin-right:5px;}
tg
/*--------------form---------------*/

.clr{display:inline-block;
		width:32px;height:32px;
		background-size:24px;
		background-position:center;
		background-repeat:no-repeat;
		background-image:url("img/cancel0.png");
		vertical-align:middle;}
input,textarea,select{
				width:100%;
				resize:none;
				border:0;
				padding:8px;
				display:block;
				font-size:small;}
input:focus,textarea:focus,select:focus{background-color:#fed;}
input[error],textarea[error]{background-color:#fdd!important;}

input[type=time],input[type=date]{display:inline-block;width:160px;}

a[chk]{	display:inline-block;
		min-width:120px;
		padding:8px 10px;
		border:solid 1px #ccc;
		border-radius:4px;
		color:#aaa;
		margin:10px 0 10px 3px;
		-webkit-user-select:none;
		cursor:pointer;
		}
a[chk]:focus{background:#fed;}
a[chk=true]{background:#399299;
			border-color:#399299;
			color:#fff;}
a[chk=true]:focus{background:#59a2a9;}

.search_input{background:#fff;
			border-radius:6px;
			padding-left:36px;
			margin:10px 0;
			border:solid 1px #ccc;
			background-image:url("img/search.png");
			background-position:8px center;
			background-repeat:no-repeat;
			background-size:24px;}
input[type=file]{border:0;}
select{	padding-right:36px;
		background-image:url("img/select.png");
		background-position:right center;
		background-repeat:no-repeat;
		background-size:contain;}
select[value="0"]{color:#888;}

option{color:#000;
		background:#fff;}
option[value="0"]{	color:#888;
					background:#ccc;
					}
label{	font-size:small;
		color:#888;
		padding:0;
		margin-top:2px;
		display:block;
		-webkit-user-select:none;}
textarea{height:120px;}
button{	border:none;
		background:#399299;
		padding:10px 20px;
		color:#fff;
		cursor:pointer;
		margin:5px auto;
		width:200px;
		-webkit-user-select:none;}
pre{margin:0;}
/*-------table------*/
table{	border-collapse:collapse;
		margin:auto;}
[fat] th,[fat] td{padding:5px;}
tr{display:table-row;}
th{		font-weight:normal;
		display:table-cell;
		background:#aaa;
		color:#fff;
		width:120px;
		border:solid 0 #fff;
		border-width:1px 0;
		-webkit-user-select:none;}
tr:first-child th{border-top-color:#aaa;}
tr:last-child th{border-bottom-color:#aaa;}
td{	border:solid 0 #ddd;
	border-width:1px 0;
	}
/*-------gadget------*/
.middle_table{
			display:table;
			width:100%;
			min-height:128px;
			margin-bottom:5px;
			}
.files{		padding:10px;
			display:table-cell;
			vertical-align:middle;
			background-position:center;
			background-repeat:no-repeat;
			}
.files a{margin:2px;}
.files img{vertical-align:middle;}
.files a:hover{opacity:0.8;}

.files[droparea]:empty{
			opacity:0.5;
			background-color:#eee;
			background-image:url("img/drag.png");}


.files[active],.files[droparea]:hover{background-color:#fed;}
.files_item{display:inline-block;
			width:64px;
			vertical-align:middle;
			overflow:hidden;
			margin:1px;
			-webkit-user-select:none;}

.files_icon,.files_img{
			width:64px;
			height:64px;
			background-position:center;
			background-repeat:no-repeat;}
.files_icon{display:table-cell;
			background-image:url("img/file.png");
			vertical-align:middle;
			color:#fff;
			font-family:"arial";
			font-weight:bolder;
			font-size:14px;
			padding-top:6px;
			text-align:center;
			background-size:contain;}
.files_img{display:block;
			background-color:#666;
			background-size:cover;
			background-image:url("img/load.gif");
			border:solid 0 #ddd;}

.files_name{display:block;
			overflow:hidden;
			height:32px;
			font-size:x-small;
			text-align:center;
			text-overflow:ellipsis;}

.selweek{display:table;
			width:100%;
			text-align:center;
			overflow:hidden;
			-webkit-user-select:none;}
.selweek a{	display:table-cell;
				vertical-align:middle;
				padding:8px;
				background:#ddd;
				color:#bbb;
				border-right:solid 1px #ddd;}
.selweek a:last-child{border:0;}
.selweek a:focus{opacity:0.8;}

.selweek a[selected]:first-child{color:#ffadc3;}
.selweek a[selected]:last-child{color:#8cc3ff;}
.selweek a[selected]{background:#fff;
					color:#aaa;}

.selrate{	-webkit-user-select:none;
			width:160px;
			height:32px;}
.selrate a{	display:inline-block;
			width:32px;
			height:32px;
			background-position:center;
			background-repeat:no-repeat;
			background-size:90%;
			background-image:url("img/stars_off.png");}
.selrate a[selected]{background-image:url("img/stars_on.png");}
.selrate a:focus{opacity:0.8;}


.selarea{
		display:table;
		border-radius:6px;
		overflow:hidden;
		height:36px;
		}

.selarea div,.selarea a{display:table-cell;
						text-align:center;
						vertical-align:middle;}
.selarea input,.selarea select{display:inline-block;}
.selarea input[type=tel]{text-align:center;}

.selarea a{	width:36px;
			background-position:center;
			background-size:70%;
			background-repeat:no-repeat;
			opacity:0.5;
			user-select:none;}

.selarea[type=cnt]{width:160px;}

.selarea[type=birthdate] input{width:60px;}

a[type=cursor][value="0"]{background-image:url("img/today.png");}
a[type=cursor][value="-1"]{background-image:url("img/prev.png");}
a[type=cursor][value="1"]{background-image:url("img/next.png");}
a[type=cursor][value="-7"]{background-image:url("img/prev2.png");}
a[type=cursor][value="7"]{background-image:url("img/next2.png");}
a[type=cursor]:hover{opacity:1;}

/*--------------contents---------------*/
#wrap{	width:100%;
		display:table;
		padding-top:48px;}
#wrap_navi{width:160px;}
.wrap_td{display:table-cell;}
.contents{	width:100%;
			display:none;
			padding:10px;
			padding-bottom:80px;
			background:#fff;}
.contents[contents=home]{display:block;}

.search_results{text-align:center;}
.search_sort{
			margin-bottom:8px;
			cursor:pointer;
			display:inline-table;
			overflow:hidden;
			text-align:center;
			-webkit-user-select:none;}
.search_sort a{	padding:4px 10px;
				width:20%;
				color:#000;
				opacity:0.4;
				border-radius:4px;
				background-repeat:no-repeat;
				background-position:center;
				background-size:contain;
				display:table-cell;}
.search_sort a:hover{background-color:#ccc;}
.search_sort a[selected]{	background-color:#aaa;
							color:#fff;
							opacity:1;}
.more{	background:#fff;
		text-align:center;
		padding:5px;
		border-radius:0 0 6px 6px;
		width:100%;
		display:none;
		-webkit-user-select:none;}
.more:hover{background:#eee;}
empty{	display:block;
		padding:50px;
		-webkit-user-select:none;}
/*--------------item---------------*/
.items{	display:block;
		margin:5px 0;
		background:#fff;
		cursor:pointer;
		overflow:hidden;
		border:solid 1px #ccc;
		box-shadow:1px 1px 3px #ccc;}

/*--.items:hover{background-color:#fed;}--*/
#task_list .items{opacity:0.5;}
#task_list .items[tasked]{opacity:1;}


.items[tasked]{	border-left-width:10px;
				border-color:#CE474E;
				background:#fee;
				}
.items[cancel]{background:#eee;
				color:#aaa;
				border:solid 1px transparent;}
.items[complete]{	border-color:#127976;
					background:#DCEBEE;}

.items_date{text-align:right;color:#555;
			padding:5px;
			padding-right:15px;}
			
.items_slide_btn{	background-image:url("img/detail.png");
					background-position:center;
					background-repeat:no-repeat;
					background-size:contain;
					height:24px;
					border-top:solid 1px #eee;
					cursor:s-resize;
					opacity:0.5;}
.items_slide{display:none;
			padding:10px;
			padding-top:0;
			text-align:left;}
			
.items_rate{width:80px;
			height:16px;
			display:table;
			margin:3px 0;
			}
.items_rate_on,.items_rate_off{
					display:table-cell;
					background-size:16px 16px;
					background-repeat:repeat-x;}
.items_rate_on{background-image:url("img/stars_on.png");
					background-position:left;
					width:100%;}
.items_rate_off{background-image:url("img/stars_off.png");
					background-position:right;}
.items_tags{padding-left:10px;
			padding-bottom:8px;
			margin-top:-5px;
			display:table-cell;}
.items_body{width:100%;display:table;}

.items_text{
		text-align:left;
		padding:10px;
		display:table-cell;}
		
.items_thumnail{display:table-cell;
				width:100px;
				height:100px;
				background-image:url("img/picon0.png");
				background-repeat:no-repeat;
				background-size:contain;}
.items_cmd{display:table-cell;
				width:116px;
				padding:10px;
				vertical-align:top;
				text-align:right;}

.date_tbl{display:table;
		width:100%;
		table-layout:fixed;
		border-collapse:collapse;}
.date_td{	display:table-cell;
			border:solid 1px #ddd;
			padding:0;
			min-height:128px;}
date_label{background:#fafafa;
			display:block;
			padding:5px;
			border-bottom:solid 1px #ddd;}
.date_items{padding:0 3px;
			display:block;
			overflow:hidden;
			white-space:nowrap;
			text-overflow:ellipsis;}
.date_items:hover{background:#ddd;}


dateline{display:block;
		background:#555;
		color:#fff;
		width:60px;
		border-radius:32px;
		font-size:x-small;
		padding:2px;
		margin:10px auto;
		-webkit-user-select:none;
		}
fakeborder{	display:block;
			height:1px;width:1px;font-size:0;opacity:0;
			overflow:hidden;}
/*--------------calender---------------*/
#timetable{background:#fafafa;
			height:96px;
			width:100%;
			display:table;
			border-collapse:collapse;}
#timetable ttd{display:table-cell;
				border:solid 1px #ddd;}
#timetable ttd:nth-child(odd){background:#eee;}

#calender_result{
			table-layout:fixed;
			border-collapse:collapse;
			display:table;
			width:100%;}

#calender_controll{	text-align:center;
				display:table;
				margin:auto;
				vertical-align:bottom;}
#calender_controll a{
				display:table-cell;
				width:32px;
				height:32px;
				background-position:center;
				background-size:contain;
				background-repeat:no-repeat;
				opacity:0.5;}
				
#calender_this{	display:table-cell;
				border:0;
				margin:0;
				width:auto;
				vertical-align:bottom;
				text-align:center;
				font-size:large;
				}				
cld_tr{display:table-row;}

cld_th,cld_td{display:table-cell;border:solid 1px #fff;}

cld_td{	height:140px;
		background:#eee;
		overflow:hidden;
		white-space:nowrap;
		cursor:pointer;}

cld_th{background:#777;
		color:#fff;
		padding:5px;
		font-size:x-small;
		text-align:left;}

cld_td.none{opacity:0.3;cursor:default;}
cld_td.today{	background-image:url("img/dogear.png");
				border:solid 2px #FF9327;
				background-position:right top;
				background-repeat:no-repeat;
				background-size:24px;
				}
cld_td.holyday{background-color:#FFCDC9;}


cld_week{display:none;
		font-size:x-small;}
cld_date{display:block;
		opacity:0.5;
		padding:3px;}
cld_hd{font-size:x-small;
		margin-left:4px;
		vertical-align:1px;
		}
		
cld_text{display:block;}
.cld_slider{overflow:hidden;
			cursor:pointer;
			background:#666;}
.cld_slider_btn{display:table;
				width:100%;
				color:#fff;
				-webkit-user-select:none;}

.cld_slider[type=std]{border-color:#08f;background:#08f;}
.cld_slider[type=evt]{border-color:#088;background:#088;}
.cld_slider[type=brt]{border-color:#aaa;background:#aaa;}
.cld_slider[type=inc]{border-color:#83b3b5;background:#83b3b5;}
.cld_slider[type=act]{border-color:#d2691e;background:#d2691e;}
.cld_slider[type=sch]{border-color:#a52a2a;background:#a52a2a;}

.cld_plan{	display:block;
			border:solid 1px #ccc;
			background:#fff;
			max-height:3rem;
			text-overflow:ellipsis;
			overflow:hidden;}
.cld_plan:hover{position:absolute;
				height:auto;
				max-height:none;
				min-width:160px;
				padding:5px;
				margin:-5px;
				border-radius:4px;
				box-shadow:0 2px 5px rgba(0,0,0,0.5);}
				
#cld_textarea{display:none;
			position:absolute;
			z-index:90;
			margin:-10px;
			border:solid 1px #666;
			border-radius:6px;
			box-shadow:0 0 20px rgba(0,0,0,0.6);
			}

cld_cnt{display:table-cell;
		width:16px;
		text-align:center;
		font-weight:bold;
		font-size:x-small;}
		
.cld_slider_body{display:none;font-size:x-small;}
		
.cld_slider_body a{
			display:block;
			padding:2px;
			background:#fff;
			text-overflow:ellipsis;
			white-space:nowrap;
			overflow:hidden;}
.cld_slider_body a:nth-child(even){background:#fafafa;}
.cld_slider_body a:last-child{margin:0;}

.cld_slider_body a:hover{background:#ddd;}

[week="0"]{background:#FFCDC9;}
[week="6"]{background:#C9DDFF;}
[week="7"]{color:#FF4B3A;}
[week="13"]{color:#4F83FF;}

/*--------------relate------------*/
.relate_list:empty{padding:0;}
.relate_list{font-size:x-small;
			width:100%;
			padding:3px;}
.relate_list a{font-weight:bold;}
/*--------------icn---------------*/
icn{display:inline-block;
		width:20px;
		height:20px;
		font-size:0;
		overflow:hidden;
		color:transparent;
		vertical-align:middle;
		background-position:center;
		background-repeat:no-repeat;
		background-size:contain;
		opacity:0.6;}
icn.icn_location{background-image:url("img/location.png");}
icn.icn_user{background-image:url("img/user.png");}
icn.icn_recent{background-image:url("img/history.png");}
icn.icn_visit{background-image:url("img/visit.png");}
icn.icn_tag{background-image:url("img/tag.png");}
icn.icn_clip{background-image:url("img/clip.png");opacity:0.6;}
icn.icn_search{background-image:url("img/search.png");}

.cmd{		opacity:0.2;
			width:32px;
			height:32px;
			vertical-align:top;
			display:inline-block;
			background-position:center;
			background-repeat:no-repeat;
			background-size:contain;}
.cmd:hover{opacity:0.7;}

.btn_comp{background-image:url("img/check0.png");}
.btn_canc{background-image:url("img/cancel0.png");}
[complete=true] .btn_comp{background-image:url("img/check1.png");opacity:1;}
[cancel=true] .btn_canc{background-image:url("img/cancel1.png");opacity:1;}


.btn_plus{background-image:url("img/add.png");}
.btn_edit{background-image:url("img/edit.png");}
.btn_dust{background-image:url("img/dust.png");}
.btn_addtask{background-image:url("img/addtask.png");}
.btn_maximum{background-image:url("img/max.png");}
.btn_task{background-image:url("img/task.png");
			opacity:0.3;}
.btn_task:hover{opacity:0.4;}

[tasked] .btn_task,.btn_task[tasked]{background-image:url("img/task.png");
									opacity:1.0;}
[tasked] .btn_task:hover,.btn_task[tasked]:hover{opacity:0.8;}

/*--------------navi---------------*/
#header{background:#fff;
		top:0;
		left:0;
		width:100%;
		height:48px;
		position:fixed;
		box-shadow:0 0 5px rgba(0,0,0,0.4);
		display:table;
		-webkit-user-select:none;
		}
		
#header_name,#header_cmd,#header_back{
		vertical-align:middle;
		display:table-cell;
		}
		
#header_back{
		width:48px;
		background-image:url("img/back2.png");
		background-position:center;
		background-size:70%;
		opacity:0.5;
		background-repeat:no-repeat;
		cursor:pointer;}
#header_back:hover{opacity:1;}

#header_name{
		font-weight:bold;
		max-width:640px;
		font-size:16px;
		text-overflow:ellipsis;
		white-space:nowrap;
		overflow:hidden;}
		
#header_cmd{text-align:right;
			width:119px;
			padding-right:5px;}
#header_cmd a{margin:3px;}
			
#navi{	width:100%;
		height:48px;
		background:#fff;
		box-shadow:0 0 5px rgba(0,0,0,0.4);
		bottom:0;
		display:none;
		left:0;
		position:fixed;
		text-align:center;
		-webkit-user-select:none;}
		
#navi a{display:inline-block;
		height:48px;
		background-position:center;
		background-repeat:no-repeat;
		background-size:42px;
		opacity:0.6;
		display:table-cell;}
#navi a:hover{opacity:1;}



#navi_bar{	width:130px;
			position:fixed;
			left:16px;
			top:80px;
			background:#fff;
			overflow:hidden;
			-webkit-user-select:none;}
#navi_bar a{display:block;
			padding:10px;
			padding-left:36px;
			border-bottom:solid 1px #aaa;
			background-position:10px center;
			background-size:24px;
			background-repeat:no-repeat;
			opacity:0.6;}
			
#navi_bar a[selected]{}
#navi_bar a:hover{opacity:1;
				background-color:#fed;}


a.navi_personal{background-image:url("img/config.png");}
a.navi_home{background-image:url("img/home.png");}
a.navi_task{background-image:url("img/task.png");}
a.navi_event{background-image:url("img/event.png");}
a.navi_training{background-image:url("img/event.png");}
a.navi_user{background-image:url("img/user.png");}
a.navi_config{background-image:url("img/config.png");}
a.navi_spot{background-image:url("img/spot.png");}
a.navi_calend{background-image:url("img/calend.png");}
a.navi_export{background-image:url("img/export.png");}

/*--------------menu---------------*/
#menu{	background:#fff;
		height:100%;
		width:0;
		display:none;
		position:fixed;
		top:0;
		right:0;
		padding-top:80px;
		box-shadow:0 0 8px #000;
		overflow:hidden;
		white-space:nowrap;
		-webkit-user-select:none;
		font-weight:bold;
		z-index:98;
		background-image:url("img/logo.png");
		background-position:top 10px left 10px;
		background-size:160px;
		background-repeat:no-repeat;
		}
#menu a{display:block;
		padding:10px;
		width:100%;
		border-bottom:solid 1px #ddd;}
#menu a:first-child{border-top:solid 1px #ddd;}
#menu a:hover{background:#eee;}
/*--------------dropzone---------------*/
#drop_zone{	border-radius:4px;
			border:solid 1px #aaa;
			background:#fff;
			overflow:hidden;
			width:160px;
			height:350px;
			position:fixed;
			left:16px;
			top:420px;
			font-size:x-small;
			z-index:97;
			}
#drop_zone:empty{border:dashed 1px #aaa;
			opacity:0.5;
			background-image:url("img/drag.png");
			background-position:center;
			background-repeat:no-repeat;}
#drop_zone[active]{opacity:1;}
#drop_zone a{display:block;
			padding:3px;
			padding-right:6px;
			margin-bottom:1px;
			background:#ddd;
			}
#drop_zone a:hover{opacity:0.6;}
/*--------------system---------------*/
#close_area{opacity:0.4;
			background:#000;
			position:fixed;
			left:0;
			top:0;
			width:100%;
			height:100%;
			display:none;
			z-index:97;}
#back_mark{	width:128px;
			height:128px;
			position:fixed;
			opacity:0.5;
			margin:-64px;
			background-size:contain;
			background-repeat:no-repeat;
			background-position:center;
			background-image:url("img/back.png");
			display:none;}
#dialog{	padding:10px;
			padding-bottom:30px;
			background:#fff;
			border-radius:8px;
			box-shadow:0 0 10px rgba(0,0,0,0.5);
			position:fixed;
			width:60%;
			top:50%;
			left:20%;
			display:none;
			text-align:center;
			z-index:99;}
#dialog_text{padding:30px 10px;}
#viewer{position:fixed;
		top:0;
		left:0;
		display:none;
		padding:0;
		z-index:98;
		width:100%;
		height:100%;
		text-align:center;
		overflow:hidden;}
#viewer img{max-width:100%;
			max-height:100%;
			margin:auto;
			display:block;}
#loading{width:64px;
			height:64px;
			position:fixed;
			top:50%;
			left:50%;
			margin:-32px;
			border-radius:8px;
			display:none;
			box-shadow:0 0 10px rgba(0,0,0,0.2);
			background-color:#fff;
			background-image:url("img/load.gif");
			background-position:center;
			background-size:contain;
			background-repeat:no-repeat;}
#notice{width:50%;
		color:#fff;
		text-align:center;
		position:fixed;
		top:0;
		left:50%;
		margin-left:-25%;
		display:none;
		padding:10px;
		background:#127976;}
[stat=coution]{background:#CE474E;}

.map_area{	width:100%;
			height:300px;
			border:solid 1px #ddd;
			}
cnter:empty{display:none;}
cnter{
		background:#399299;
		display:inline-block;
		border-radius:3px;
		font-size:x-small;
		color:#fff;
		padding:0 2px;
		text-align:center;
		min-width:1.5em;
		margin-left:3px;
		vertical-align:middle;}
.logo{	background-image:url("img/logo.png");
		background-position:center;
		background-size:contain;
		background-repeat:no-repeat;
		height:120px;
		width:240px;
		margin:auto;}
.ratio{height:10px;
		background:#d00;
		display:block;}
.chart_area{
		width:100%;}
.chart{	left:0;
		width:1px;
		font-size:x-small;
		overflow:hidden;
		white-space:nowrap;
		text-align:center;
		color:#fff;
		border-right:solid 1px #fff;}
		
.bg_red{background:#e44;}
.bg_yellow{background:#ea3;}
.bg_green{background:#3a1;}
.bg_blue{background:#5af;}


dot{	width:8px;
		height:8px;
		display:inline-block;
		margin-right:3px;}
canvas{width:160px;
		height:160px;}
.chart_labels{	vertical-align:top;
				margin-top:-10px;}

.piechart{position:relative;
			width:160px;
			height:160px;
			display:table;
			}
.piechart_inner{
			z-index:5;
			position:absolute;
			display:none;
			top:0;left:0;
			width:160px;
			height:160px;
			border-radius:100%;
			z-index:15;
			background:linear-gradient(to right,#f00 50%,transparent 50%);}
.piechart_inner:nth-child(1){
			border:solid 1px #fff;
			transform:rotate(10deg);}
.piechart_inner:nth-child(2){
			background:linear-gradient(to right,#000 50%,transparent 50%);
			}
.piechart_text{	display:table-cell;
				vertical-align:middle;
				text-align:center;
				position:relative;
				font-size:17px;
				font-weight:bold;
				color:#fff;
				width:160px;
				height:160px;
				z-index:20;}
				
#event_per{width:160px;
			height:160px;}
#dl{display:none;}