/*postit 機能で使用する用*/

/* 関連パーツ用 */
#social-icon-button a {
	display: block;
	float: left;
	margin: 0 5px 5px 0;
	padding: 0;
	color: #fff;
}
#social-icon-button i {
	margin: 3px;
	border-top-right-radius: 5%;
	border-bottom-right-radius: 5%;
	border-top-left-radius: 5%;
	border-bottom-left-radius: 5%;
	background:rgba(000,000,000,0.5);;
	line-height: 15px;
	box-shadow: 0px 0px 2px rgba(000,000,000,0.3);
	text-align: center;
}
#social-icon-button i:before {
	padding 0; line-height: 15px; background:rgba(000,000,000,0.1);;
}
#social-icon-button a:hover i {
	background: #bbc7c7;
}
.fa_postit {
	display: inline-block;
	text-rendering: auto;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size:9px;
}
.postit_drower_btn{
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	color: #fff;
}
.postit_drower_btn_in{
	position:absolute;
	margin-top: -105px;
	width: 25px;
	height:15px;
	border-top-right-radius: 10%;
	border-bottom-right-radius: 10%;
	background: rgba(0,0,0,0.1);
	line-height: 50px;
	box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
	cursor: pointer;
	text-align: center;
	z-index:10;
}
.postit_drower_btn_in_white{
	position:absolute;
	left:0;
	top:10px;
	width: 25px;
	height:15px;
	border-top-right-radius: 10%;
	border-bottom-right-radius: 10%;
	background: rgba(255,255,255,0.3);
	line-height: 50px;
	box-shadow: 0px 0px 1px rgba(000,000,000,0.3);
	cursor: pointer;
	text-align: center;
	z-index:10;
}
.sticky_postit-angle-double-down{
position: absolute;
border: 1px solid transparent;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 3px;
height: 3px;
left: 10px;
top: 5px;
transform: rotate(-45deg);
}
.sticky_postit-angle-double-down:before{
content: "";
position: absolute;
border: 1px solid transparent;
border-left: 2px solid #fff;
border-bottom: 2px solid #fff;
width: 3px;
height: 3px;
left: 1px;
top: -4px;
}
.sticky_postit-angle-double-up{
position: absolute;
border: 1px solid transparent;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
width: 3px;
height: 3px;
left: 10px;
top: 5px;
transform: rotate(-45deg);
}
.sticky_postit-angle-double-up:before{
content: "";
position: absolute;
border: 1px solid transparent;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
width: 3px;
height: 3px;
left: 1px;
top: -4px;
}
.postit_drower_btn_in_open{
position:absolute;
margin-top: 6px;
/*margin-left: -10px;*/
width: 25px;
height:15px;
border-top-right-radius: 10%;
border-bottom-right-radius: 10%;
background: rgba(0,0,0,0.5);
line-height: 50px;
box-shadow: 0px 0px 2px rgba(0,0,0,0.3);
cursor: pointer;
text-align: center;
z-index:10;
}
.sticky_postit-angle-double-up{
position: absolute;
border: 1px solid transparent;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
width: 3px;
height: 3px;
left: 10px;
top: 5px;
margin-top: 3px;
transform: rotate(-45deg);
}
.sticky_postit-angle-double-up:before{
content: "";
position: absolute;
border: 1px solid transparent;
border-right: 2px solid #fff;
border-top: 2px solid #fff;
width: 3px;
height: 3px;
left: 1px;
top: -4px;
}

/* ポストイット本体周り*/
.sticky_postit {
	position:absolute;
	min-width:  165px;
	min-height: 22px;
	box-shadow: 0px 2px 3px rgba(0,0,0,0.4);
}
.sticky_postit_color{
	display:none;
	position:absolute;
	top:20px;
	right: -20px;
	height:60px;
}
.text_postit  {
	background-color:transparent;
	width: auto;
	min-width:150px;
	height:175px;
	font-size:12pt;
	color:gray;
	border:none;
	font-family: "Arial", sans-serif;
	overflow-y:scroll;
}
.for_pi_1  { margin:10px; float:left; }
.for_pi_5  { height: 16px;}
.for_pi_6  { top:3px; left:40px; }
.for_pi_7  { height: 14px; width:28px; line-height: 14px; background-color: #eee; border-top-left-radius: 7px; border-bottom-left-radius: 7px;border: 1px solid #ccc; }
.for_pi_8  { left:55px; height:100px;margin-top:10px;   display:none;}
.for_pi_9  { top:3px; left:68px;  font-size:11px; }
.for_pi_10 { height: 14px; width:50px; line-height: 14px; background-color: #eee; border-top-right-radius: 7px; border-bottom-right-radius: 7px; border: 1px solid #ccc; }
.for_pi_12 { top:3px; margin-left:23px; }
.for_pi_13 { height: 14px;  width:14px; line-height: 14px;background-color: #eee; border-radius: 7px; border: 1px solid #ccc; }

.for_pi_19 { left:10px; height:30px; margin-top:2px; margin-left:45px;}
.for_pi_20 { height:15px; width: 110px; cursor: pointer;}

.for_pi_24 { display:inline-block;}
.for_pi_25 { top:3px; left:5px;}
.for_pi_26 { top:3px; right: 5px;}
.for_pi_27 { bottom:2px; left:5px; }
.for_pi_28 { bottom:17px; left:26px; height:100px; margin-top:24px; display:none; }
.for_pi_29 { bottom:2px; left:33px; font-size:11px;  }
.for_pi_30 { height: 14px;  width:50px; line-height: 14px; background-color: #eee; border: 1px solid #ccc; overflow: hidden; }
.for_pi_32 { bottom:17px; left:72px; height:100px; display:none; }
.for_pi_33 { bottom:2px; left:84px;}
.for_pi_34 { height: 14px; line-height: 14px; width:38px; border-top-right-radius: 7px; border-bottom-right-radius: 7px;  background-color:#eee; border: 1px solid #ccc;}
.for_pi_35 { display:block; outline: 0; overflow:hidden;}
.for_pi_36 { height: 14px; line-height: 14px; width:28px; background-color: #eee; border-radius: 7px; border: 1px solid #ccc; cursor: pointer; }
.for_pi_37 { bottom:2px; right:10px;}

.tatan_da  { top:2px; left:23px; height: 22px; line-height: 22px; font-size:14px;  min-width:120px; float: left;}
.shinchaku { top:-8px; right:-5px; font-size: 18px; z-index: 61; }

.rgba05   { background-color: rgba(0,0,0,0.5); }

.l10       { left:10px; }
.zidx10    { z-index:10; }
.zidx90    { z-index:90; }
.zidx1100  { z-index:1100; }

.posiab    { position:absolute; }

.pi_color  {
	height: 0;
	width: 0;
	border-radius: 6px;
	border: 6px solid;
	border-color: #ff3 #f33 #3f3 #3ff;
	margin-top: 2px;
}
.pi_sn3    { height: 14px; line-height: 14px; width:28px; background-color: #eee; border-top-left-radius: 7px; border-bottom-left-radius: 7px;border: 1px solid #ccc; }
.pattern   { background: rgba(0,0,0,0.05); background-image: radial-gradient(rgba(0,0,0,0.05) 20%, transparent 0), radial-gradient(rgba(0,0,0,0.05) 20%, transparent 0);background-position: 0 0, 3px 3px; background-size: 6px 6px;}
.noselect  { user-select: none; -moz-user-select: none; -webkit-user-select: none;  -ms-user-select: none; }
.new_bage {
	position:absolute;
	top:2px;
	left:0;
	width: 25px;
	height:16px;
	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
	background-color: rgba(255,0,0,0.5);
	cursor: pointer;
	text-align: center;
	z-index:9;
}

/*postit ドラッグターゲットエリアの目印用*/
.ui-icon-gripsmall-diagonal-se{
	border: 2px solid;
	border-color: rgba(0,0,0,0.1) rgba(0,0,0,0.1) transparent transparent;
	transform: rotate(90deg);
}


/*たぶん使ってない

.sticky:hover{cursor:pointer;}
#sticky_postit_color{height:70px;margin-left:98px;margin-top:32px;display:none;position:absolute;}
#busy_button {width: 100%;height: 100%;position: absolute;left: 0px;top:0px;opacity: 0.5;visibility: hidden;z-index: 100;}
#social-icon a {display: block;float: left;margin: 0 5px 5px 0;padding: 0;color: #fff;}
#social-icon i {width: 25px;height:15px;margin: 0;border-top-right-radius: 10%;border-bottom-right-radius: 10%;background: rgba(0,0,0,0.1);line-height: 50px;box-shadow: 0px 0px 1px rgba(000,000,000,0.3);cursor: pointer;text-align: center;}
#social-icon i:before {padding 0;line-height: 15px;background: rgba(0,0,0,0);;}
#social-icon a:hover i {background: #bbc7c7;}
*/