.ribbonB{
  background: #006ad5 ;
  color:#ffffff;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #004080,15px 15px 1px -4px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #004080,15px 15px 1px -4px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #004080,15px 15px 1px -4px rgba(0,0,0,0.2);
  padding:15px;margin 20px 10px;
}
.ribbonP{
  background: #d52b80 ;
  color:#ffffff;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #800080,15px 15px 1px -4px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #800080,15px 15px 1px -4px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px #800080,15px 15px 1px -4px rgba(0,0,0,0.2);
  padding:15px;margin 20px 10px;
}
.ribbonG{
  background: #20b2aa ;
  color:#ffffff;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  padding:15px;margin 20px 10px;
}
.ribbonY{
  background: #ff8000 ;
  color:#ffffff;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #aa5500,15px 15px 1px -4px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #aa5500,15px 15px 1px -4px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #aa5500,15px 15px 1px -4px rgba(0,0,0,0.2);
  padding:15px;margin 20px 10px;
}
.lineB {
  border-bottom:2px dotted #0000ff;
  border-left:10px solid #0000ff;
  padding:10px;
  margin:15px 5px;
}
.lineP {
  border-bottom:2px dotted #ff2b95;
  border-left:10px solid #ff2b95;
  padding:10px;
  margin:15px 5px;
}
.lineG {
  border-bottom:2px dotted #2bd580;
  border-left:10px solid #2bd580;
  padding:10px;
  margin:15px 5px;
}
.lineY {
  border-bottom:2px dotted sandybrown;
  border-left:10px solid sandybrown;
  padding:10px;
  margin:15px 5px;
}
.ribbon2B{
  position:relative;
  margin:0 -1px;
  text-align:center;
  color:#eee;
  background:#2b2bff;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2),
     30px 0 0 0 #2b2bd5,
     -30px 0 0 0 #2b2bd5;
}
.ribbon2P{
  position:relative;
  margin:0 -1px;
  text-align:center;
  color:#eee;
  background:#ff2b95;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
  			30px 0 0 0 #d52b80,
  			-30px 0 0 0 #d52b80;
}
.ribbon2G{
  position:relative;
  padding-left:15px;
  margin:0 -1px;
  text-align:left;
  color:#eee;
  background:#1d8d55;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
  			30px 0 0 0 #008040,
  			-30px 0 0 0 #008040;
}
.ribbon2Y{
  position:relative;
  padding-left:15px;
  margin:0 -1px;
  text-align:left;
  color:#eee;
  background:darkorange;
  -webkit-transform: rotate(-3deg) skew(-3deg);
  -moz-transform: rotate(-3deg) skew(-3deg);
  -o-transform: rotate(-3deg) skew(-3deg);
  -ms-transform: rotate(-3deg) skew(-3deg);
  transform: rotate(-3deg) skew(-3deg);
  text-shadow:1px 1px 0 rgba(10,10,10,1);
  box-shadow:	0 1px 2px 0 rgba(0,0,0,0.2),
  			30px 0 0 0 #ff952b,
  			-30px 0 0 0 #ff8000;
}

.ribbon3B{
	position:relative;
	margin:0 -10px;
	padding:5px;
	text-align:left;
	text-shadow:1px 1px 0 rgba(10,10,10,1);
	color:#fff;
	background:#0000cd;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
        background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
.ribbon3B:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:#00008b;
}
.ribbon3B:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#00008b;
}
.ribbon3P{
	position:relative;
	margin:0 -10px;
	padding:5px;
	text-align:left;
	text-shadow:1px 1px 0 rgba(10,10,10,1);
	color:#fff;
	background:#d52b80;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(255, 255, 255, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(255, 255, 255, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
.ribbon3P:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:#8b008b;
}
.ribbon3P:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#8b008b;
}

.ribbon3G{
	position:relative;
	margin:0 -30px;/*-10px*/
	padding:5px;/*5px*/
	text-align:left;
	text-shadow:1px 1px 0 rgba(10,10,10,1);
	color:#fff;
	background:#228b22;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
.ribbon3G:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:#006400;
}
.ribbon3G:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:#006400;
}
.ribbon3Y{
	position:relative;
	margin:0 -10px;
	padding:5px;
	text-align:left;
	text-shadow:1px 1px 0 rgba(10,10,10,1);
	color:#fff;
	background:sandybrown;
	-webkit-transform: rotate(-3deg) skew(-3deg);
	-moz-transform: rotate(-3deg) skew(-3deg);
	-o-transform: rotate(-3deg) skew(-3deg);
	transform: rotate(-3deg) skew(-3deg);
	box-shadow:0 1px 2px 0 rgba(0,0,0,0.2);
    background-image: -webkit-gradient(linear, left top, left bottom,
			from(			rgba(0, 0, 0, 0.0)), 
			color-stop(0.08, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(34, 139, 34, 0.5)),
			color-stop(0.12, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(0, 0, 0, 0.0)),
			color-stop(0.88, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(34, 139, 34, 0.5)),
			color-stop(0.92, rgba(0, 0, 0, 0.0)),
			to(				rgba(0, 0, 0, 0.0))
			);
	background-image: -moz-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: -o-linear-gradient(top,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
	background-image: linear-gradient(to bottom,
			transparent 8%,
            rgba(255, 255, 255, 0.5) 8%,
            rgba(255, 255, 255, 0.5) 12%,
            transparent 12%,
            transparent 88%,
            rgba(255, 255, 255, 0.5) 88%,
            rgba(255, 255, 255, 0.5) 92%,
            transparent 92%	
			);
}
.ribbon3Y:before{
	content:" ";
	position:absolute;
	top:-5px;
	left:0;
	width:0;
	height:0;
	border-width:0 0 5px 10px;
	border-style:solid;
	border-color:transparent;
	border-bottom-color:gold;
}
.ribbon3Y:after{
	content:" ";
	position:absolute;
	top:100%;
	right:0;
	width:0;
	height:0;
	border-width:5px 10px 0 0;
	border-style:solid;
	border-color:transparent;
	border-top-color:gold;
}

.fukidashiB {
  -webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  border-bottom:double 4px #25b7c0;
  width:96%;
  color:#25b7c0;
  padding-bottom:5px;
  margin-bottom:30px;
}
.fukidashiP {
  webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  border-bottom:double 4px #c71585;
  width:96%;
  color:#da536e;
  padding-bottom:5px;
  margin-bottom:30px;
}
.fukidashiG {
  webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  border-bottom:double 4px darkolivegreen;
  width:96%;
  color:forestgreen;
  padding-bottom:3px;
  margin-bottom:30px;
}
.fukidashiY {
  webkit-transform: rotate(-3deg);
  -moz-transform: rotate(-3deg);
  transform:rotate(-3deg);
  -o-transform:rotate(-3deg);
  -ms-transform:rotate(-3deg);
  border-bottom:double 4px darkorange;
  width:96%;
  color:chocolate;
  padding-bottom:3px;
  margin-bottom:30px;
}

.pointB{
  position: relative;
  color: #002a7f !important;
  margin: 5px 0 0 10px;
  padding: 14px 10px 10px 10px;
}

.pointB:before {
  content: "";
  position: absolute;
  background: #007fff;
  top: 3px;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pointB:after {
  content: "";
  position: absolute;
  background:#1470cc;
  top: 18px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pointP{
  position: relative;
  color: #c71585;
  margin: 15px 0 0 5px;
  padding: 14px 5px 5px 15px;
  border-bottom:2px dotted #ff2b95;
}

.pointP:before {
  content: "";
  position: absolute;
  background: #ff80ff;
  top: 3px;
  left: -5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}

.pointP:after {
  content: "";
  position: absolute;
  background:#ff55aa;
  top: 18px;
  left: -10px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}
.pointG{
  position: relative;
  margin: 5px 0 0 10px;
  padding: 14px 10px 0px 20px;
  border-bottom:2px dotted mediumseagreen;
}
.pointG:before {
  content: "";
  position: absolute;
  background: #95dc4e;
  top: 3px;
  left: 5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pointG:after {
  content: "";
  position: absolute;
  background:#0acc6b;
  top: 18px;
  left: 0px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.pointY{
  position: relative;
  margin: 5px 0 0 10px;
  padding: 14px 10px 0px 20px;
  border-bottom:2px dotted darkorange;
}
.pointY:before {
  content: "";
  position: absolute;
  background: gold;
  top: 3px;
  left: 5px;
  height: 12px;
  width: 12px;
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
}
.pointY:after {
  content: "";
  position: absolute;
  background:orange;
  top: 18px;
  left: 0px;
  height: 8px;
  width: 8px;
  -moz-transform: rotate(15deg);
  -webkit-transform: rotate(15deg);
  -o-transform: rotate(15deg);
  -ms-transform: rotate(15deg);
  transform: rotate(15deg);
}

.underLB {
position: relative;
}

.underLB:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #4169e1, #4169e1 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #4169e1, #4169e1 2px, #fff 2px, #fff 4px);
}

.underLP {
position: relative;
}

.underLP:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #c71585, #c71585 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #c71585, #c71585 2px, #fff 2px, #fff 4px);
}
.underLG {
position: relative;
}

.underLG:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, limegreen, limegreen 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, limegreen, limegreen 2px, #fff 2px, #fff 4px);
}
.underLY {
position: relative;
}

.underLY:after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 7px;
  background: -webkit-repeating-linear-gradient(-45deg, #ffa500, #ffa500 2px, #fff 2px, #fff 4px);
  background: repeating-linear-gradient(-45deg, #ffa500, #ffa500 2px, #fff 2px, #fff 4px);
}


.ribbonG{
  background: #20b2aa ;
  color:white;
  -webkit-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  -moz-box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  box-shadow:1px 1px 1px 1px rgba(0,0,0,0.1),15px 15px 0 -5px  #008040,15px 15px 1px -4px rgba(0,0,0,0.2);
  padding:15px;margin 20px 10px;
}


.under {
  text-decoration: underline /*red*/;
}
.double {
  text-decoration: underline double red;
}
.dot {
  text-decoration: underline dotted red;
}
.dash {
  text-decoration: underline dashed red;
}
.wave {
  text-decoration: wavy underline red;
}
.markR {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #f5a9a9) repeat scroll 0 0;
}
.markY {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #ffcc33) repeat scroll 0 0;
}
.markB {
    background: rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #7FB2FF) repeat scroll 0 0;
}

.tooltip {
  position: relative;
  display: inline-block;
  border-bottom: 1px dotted black;
}

.tooltip .tooltiptext {
  visibility: hidden;
  width: 120px;
  background-color: black;
  color: #fff;
  text-align: center;
  border-radius: 6px;
  padding: 5px 0.5em;

  /* Position the tooltip */
  position: absolute;
  z-index: 1;
}

.tooltip:hover .tooltiptext {
  visibility: visible;
}
/* dl(definition list（定義リスト）)に関してのCSS */
dl.nom {
  display:block;
  margin: 1em 0; /* Webkit, Firefoxは、margin-before: 1em; margin-after: 1em; */
}
dl.nom dt {
  display: block;margin-top:3px;font-weight:bold;line-height:120%;color:mediumblue;width:10em;
}
dl.nom dd {
  display:block;
  padding:0px;
 margin-top:20px;
  margin-left: 40px; /* Webkit, Firefoxは、margin-start: 40px; */
  line-height:140%;
}
 dl.form dl,dt,dd {
margin: 0;
padding: 0;
}
dl.table1{
margin-top:1.4em;
background: #cccce6;
border: 1px solid #7777bb;
/*border-top: none;*/
width: 90%;
}
dl.table1 dt,dd {
padding: 6px;
}
dl.table1 dt {
border-top: 1px solid #7777bb;
clear: left;
float: left;
width: 40%;
}

dl.table1 dd {
background: #f0f0f0;
border-left: 1px solid #7777bb;
border-top: 1px solid #7777bb;
margin-left: 50%;
}
dl.table1 dt:first-child,
dl.table1 dd:first-of-type { border-top: 0 none transparent; }

dl.dl1 {width:100%;}
dl.dl1 dt {display:block;
  clear: left;
  float: left;
  width: 20%;
  font-weight: bold;
}
 dl.dl1 dd { display:block; width:70%; margin: 0 0 0 20%; float:lleft;}
 dl.dl1 dd:before { content: "……　"; }

dl.dl2 {
  font-size: 1em;
  height: 16em;
  overflow:auto;
  border: 2px solid #777;
  background-color: #f9f9f9;
}
dl.dl2 dt {
  padding: 0 1em;
  font-weight: bold;
  color: #FFF;
  line-height:1.8em;
  background-color: #777;
}
dl.dl2 dd {
  line-height: 1.2em;
  margin: .8em 1em;
}

dl.dl3 { border: 1px solid #CCC; }
dl.dl3 dt {
  clear: left;
  float: left;
  width: 23%;
  padding: 0 1%;
  border-top: 1px solid #CCC;
}
dl.dl3 dd {
  display: block;
  margin: 0 0 0 25%;
  padding: 0 1%;
  font-size: .9em;
  line-heitht: 1.1em;
  border-top: 1px solid #CCC;
  border-left: 1px solid #CCC;
}
dl.dl3 dt:first-child,
dl.dl3 dd:first-of-type { border-top: 0 none transparent; }
dl.dl3:after { content: " "; display: table;}

dl.dl4 dt {
margin-top: 1em;
padding: 0 2em;
color: #FFF;
text-shadow: 1px 1px rgba(0,0,0,.4);
background-color: #de8a9d;
}
dl.dl4 dd {
padding: 0 1em;
margin-left: 0;
font-size: 1em;
border-width: 0 1px 1px;
border-style: none solid solid;
border-color: #de8a9d;
}

dl.dl5 {
  float: left;
  width: 20%;
  height: 4em;
  padding: 1%;
  margin: .4em 1%;
  text-align: center;
  background-color: #dfefff;
  border: 2px solid #069;
  border-radius: 3px;
}
dl.dl5 dt { border-bottom: 1px dotted #069; }
dl.dl5 dd {
  margin-left: 0;
  font-size: .8em;
}

.btn3P {
	margin-top:8px;
	-moz-box-shadow: 5px 7px 14px 1px #fbafe3;
	-webkit-box-shadow: 5px 7px 14px 1px #fbafe3;
	box-shadow: 5px 7px 14px 1px #fbafe3;
	background-color:#ff5bb0;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #ee1eb5;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.btn3P:hover {
	background-color:#ef027d;
	color:#ffffff;
	text-decoration:none;
}
.btn3P:active {
	position:relative;
	top:1px;
}
.btn3B {
	margin-top:8px;
	-moz-box-shadow: 5px 7px 14px 1px #00bfff;
	-webkit-box-shadow: 5px 7px 14px 1px #00bfff;
	box-shadow: 5px 7px 14px 1px #87cefa;
	background-color:#0000ff;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #191970;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.btn3B:hover {
	background-color:#0000cd;
	color:#ffffff;
	text-decoration:none;
}
.btn3B:active {
	position:relative;
	top:1px;
}
.btn3G {
	margin-top:8px;
	-moz-box-shadow: 5px 7px 14px 1px #7fffd4;
	-webkit-box-shadow: 5px 7px 14px 1px #7fffd4;
	box-shadow: 5px 7px 14px 1px #7fffd4;
	background-color:#008000;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #006400;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:arial;
	font-size:16px;
	font-weight:bold;
	padding:2px 4px;
	text-decoration:none;
}
.btn3G:hover {
	background-color:#228b22;
	color:#ffffff;
	text-decoration:none;
}
.btn3G:active {
	position:relative;
	top:1px;
}
.btn4 {
  background: #9734d9;
  background-image: -webkit-linear-gradient(top, #9734d9, #502bb8);
  background-image: -moz-linear-gradient(top, #9734d9, #502bb8);
  background-image: -ms-linear-gradient(top, #9734d9, #502bb8);
  background-image: -o-linear-gradient(top, #9734d9, #502bb8);
  background-image: linear-gradient(to bottom, #9734d9, #502bb8);
  -webkit-border-radius: 7;
  -moz-border-radius: 7;
  border-radius: 7px;
  text-shadow: 1px 1px 3px #666666;
  -webkit-box-shadow: 7px 3px 8px #cc9eeb;
  -moz-box-shadow: 7px 3px 8px #cc9eeb;
  box-shadow: 7px 3px 8px #cc9eeb;
  font-family: Arial;
  color: #ffffff;
  font-size: 12px;
  padding: 4px 8px 4px 8px;
  text-decoration: none;
}

.btn4:hover {
  background: #fc3cf6;
  background-image: -webkit-linear-gradient(top, #fc3cf6, #d93497);
  background-image: -moz-linear-gradient(top, #fc3cf6, #d93497);
  background-image: -ms-linear-gradient(top, #fc3cf6, #d93497);
  background-image: -o-linear-gradient(top, #fc3cf6, #d93497);
  background-image: linear-gradient(to bottom, #fc3cf6, #d93497);
  text-decoration: none;
}

/*白抜き文字　囲み文字 */
.r123,.mv123,.b123,.g123,.o123,.r-abc,.o-abc,.b-abc,.g-abc,p .o-abc,span.ent-123
{
    display:inline-block;
    margin:0 5px;
    font-family:Tahoma;
    color:#fff;
    text-indent:0;
    text-align:center;
    font-weight:bold
}

.r123,.mv123,.b123,.g123,.o123,span.ent-123
{
    border-radius: 50%;
    height:25px;
    line-height:25px;
    width:25px;
    font-size:120%;
}
.mv123{background-color:#dc4e95;}
.r123{background-color:#c00;}
.b123{background-color:#006FAB;}
.g123{background-color:#008000;x}
.o123{background-color:#E8822A;}

/*白抜き文字　囲み文字 */
 r123, mv123, b123, g123, o123, r-abc, o-abc, b-abc, g-abc,p  o-abc,span ent-123
{
    display:inline-block;
    margin:0 5px;
    font-family:Tahoma;
    color:#fff;
    text-indent:0;
    text-align:center;
    font-weight:bold
}

 r123,mv123, b123, g123, o123,span ent-123
{
    border-radius: 50%;
    height:25px;
    line-height:25px;
    width:25px;
    font-size:120%;
}
 mv123{ackground-color:#dc4e95;}
 r123{background-color:#c00;}
 b123{background-color:#006FAB;}
 g123{background-color:#008000;x}
 o123{background-color:#E8822A;}


.r-abc,p .r-abc{background-color:#c00;vertical-align:middle;width:20px;height:20px;line-height:20px}
.b-abc,p .b-abc{background-color:#006FAB;vertical-align:middle;width:20px;height:20px;line-height:20px}
.g-abc,p .g-abc{background-color:#008000;vertical-align:middle;width:20px;height:20px;line-height:20px}
.o-abc,p .o-abc{background-color:#E8822A;vertical-align:middle;width:20px;height:20px;line-height:20px}

kbr
{
    padding:2px 4px;
    margin:0 2px;
    white-space:nowrap;
    font-family:'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif!important;
    background-color:#ffd5d5;
    border:1px solid #ff5555;
    border-radius:5px
}
kbg
{
    padding:2px 4px;
    margin:0 2px;
    white-space:nowrap;
    font-family:'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif!important;
    background-color:#DEC;
    border:1px solid #5A5;
    border-radius:5px
}
kbb
{
    padding:2px 4px;
    margin:0 2px;
    white-space:nowrap;
    font-family:'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif!important;
    background-color:#d5eaff;
    border:1px solid #0055aa;
    border-radius:5px
}
kby
{
    padding:2px 4px;
    margin:0 2px;
    white-space:nowrap;
    font-family:'ヒラギノ角ゴ Pro W3',
    'Hiragino Kaku Gothic Pro',
    'メイリオ',
    Meiryo,
    'ＭＳ Ｐゴシック',
    sans-serif!important;
    background-color:#ffffd5;
    border:1px solid #aaaa00;
    border-radius:5px
}
.o-kakomi{background:#ff8000;color:#fff;padding:2px 4px;font-size:90%}
.g-kakomi{background:#008040;color:#fff;padding:2px 4px;font-size:90%}
.b-kakomi{background:#0000ff;color:#fff;padding:2px 4px;font-size:90%}
.r-kakomi{background:#d5006a;color:#fff;padding:2px 4px;font-size:90%}
.bg-kakomi{background:#008099;color:#fff;padding:2px 4px;font-size:90%}
a.shiro:hover,a.shiro:link,a.shiro:visited{color:#FFF;text-decoration:none;}

.nice-select {
  -webkit-tap-highlight-color: transparent;
  background-color: #fff;
  border-radius: 5px;
  border: solid 1px #e0e7ee;
  box-sizing: border-box;
  clear: both;
  cursor: pointer;
  display: block;
  float: left;
  font-family: inherit;
  font-size: 14px;
  font-weight: normal;
  height: 42px;
  line-height: 40px;
  outline: none;
  padding-left: 18px;
  padding-right: 30px;
  position: relative;
  text-align: left !important;
  -webkit-transition: all 0.2s ease-in-out;
  transition: all 0.2s ease-in-out;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  white-space: nowrap;
  width: auto; }
  .nice-select:hover {
    border-color: #d0dae5; }
  .nice-select:active, .nice-select.open, .nice-select:focus {
    border-color: #88bfff; }
  .nice-select:after {
    border-bottom: 2px solid #90a1b5;
    border-right: 2px solid #90a1b5;
    content: '';
    display: block;
    height: 5px;
    margin-top: -4px;
    pointer-events: none;
    position: absolute;
    right: 12px;
    top: 50%;
    -webkit-transform-origin: 66% 66%;
        -ms-transform-origin: 66% 66%;
            transform-origin: 66% 66%;
    -webkit-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
            transform: rotate(45deg);
    -webkit-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
    width: 5px; }
  .nice-select.open:after {
    -webkit-transform: rotate(-135deg);
        -ms-transform: rotate(-135deg);
            transform: rotate(-135deg); }
  .nice-select.open .list {
    opacity: 1;
    pointer-events: auto;
    -webkit-transform: scale(1) translateY(0);
        -ms-transform: scale(1) translateY(0);
            transform: scale(1) translateY(0); }
  .nice-select.disabled {
    border-color: #e7ecf2;
    color: #90a1b5;
    pointer-events: none; }
    .nice-select.disabled:after {
      border-color: #cdd5de; }
  .nice-select.wide {
    width: 100%; }
    .nice-select.wide .list {
      left: 0 !important;
      right: 0 !important; }
  .nice-select.right {
    float: right; }
    .nice-select.right .list {
      left: auto;
      right: 0; }
  .nice-select.small {
    font-size: 12px;
    height: 36px;
    line-height: 34px; }
    .nice-select.small:after {
      height: 4px;
      width: 4px; }
    .nice-select.small .option {
      line-height: 34px;
      min-height: 34px; }
  .nice-select .list {
    background-color: #fff;
    border-radius: 5px;
    box-shadow: 0 0 0 1px rgba(68, 88, 112, 0.11);
    box-sizing: border-box;
    margin-top: 4px;
    opacity: 0;
    overflow: hidden;
    padding: 0;
    pointer-events: none;
    position: absolute;
    top: 100%;
    left: 0;
    -webkit-transform-origin: 50% 0;
        -ms-transform-origin: 50% 0;
            transform-origin: 50% 0;
    -webkit-transform: scale(0.75) translateY(-21px);
        -ms-transform: scale(0.75) translateY(-21px);
            transform: scale(0.75) translateY(-21px);
    -webkit-transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    transition: all 0.2s cubic-bezier(0.5, 0, 0, 1.25), opacity 0.15s ease-out;
    z-index: 9; }
    .nice-select .list:hover .option:not(:hover) {
      background-color: transparent !important; }
  .nice-select .option {
    cursor: pointer;
    font-weight: 400;
    line-height: 40px;
    list-style: none;
    min-height: 40px;
    outline: none;
    padding-left: 18px;
    padding-right: 29px;
    text-align: left;
    -webkit-transition: all 0.2s;
    transition: all 0.2s; }
    .nice-select .option:hover, .nice-select .option.focus, .nice-select .option.selected.focus {
      background-color: #f6f7f9; }
    .nice-select .option.selected {
      font-weight: bold; }
    .nice-select .option.disabled {
      background-color: transparent;
      color: #90a1b5;
      cursor: default; }

.no-csspointerevents .nice-select .list {
  display: none; }

.no-csspointerevents .nice-select.open .list {
  display: block; }

#message{display:block;}
#messageShift{display:block;}
#messageCtrl{display:none;}
#messageAlt{display:none;}

.mask {background:#000;}
.bold {font-weight:bold;}

.line img{
	margin-right:10px;
	vertical-align: middle;
}
.line span{
	vertical-align: middle;
}


input[type=checkbox]{
 display:none; /* to hide the checkbox itself */
}
input[type=checkbox] + label:before
{
  font-family: FontAwesome;
  display: inline-block;
}
input[type=checkbox] + label:before
{
 content: "\f096"; /* unchecked icon */
}
input[type=checkbox] + label:before
{
 letter-spacing: 10px; /* space between checkbox and label */
}

input[type=checkbox]:checked + label:before
{
 content: "\f046"; /* checked icon */
}
input[type=checkbox]:checked + label:before
{
 letter-spacing: 5px; /* allow space for check mark */
}

.chekbox1{
 padding-left:10px;
}
.setsumei {
position: relative;
padding-bottom: 0em;
}
.setsumei:after {
position: absolute;
bottom: -1px;
left: 0;
content: '';
height: 4px;
width: 100%;
background: -webkit-repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
background: repeating-linear-gradient(45deg, #fff, #fff 2px, #7ED1E6 2px, #7ED1E6 4px);
}
.ribbonVB{
	z-index: 50;
	font-size: 1em;
	/*font-weight: bold;*/
	position: relative;
	margin: -26px 0 40px 0;
	float: right;
	padding: 10px 30px; 
	/*text-shadow: 0 1px rgba(0,0,0,.8);*/
	color: #000000; /*文字の色 */ 
	background-color: #40AAEF;/* 背景色 */
	background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	-moz-box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.ribbonVB:before{/*影の部分*/
	left: -6px;
	top: 0;
	border-color: transparent #555 #555 transparent;
	border-style: solid;
}
.ribbonVB:hover{/*カーソルが乗った時 */
	background-color: #81d5f0;
	color:#ff0000;
}
.ribbonVY:after, .ribbonVY:before{
	content: '';
	position: absolute;
}
.ribbonVY{
	z-index: 50;
	font-size: 1em;
	/*font-weight: bold;*/
	position: relative;
	margin: -26px 0 40px 0;
	float: right;
	padding: 10px 30px; 
	/*text-shadow: 0 1px rgba(0,0,0,.8);*/
	color: #000000; /*文字の色 */ 
	background-color: #fba848;/* 背景色 */
	background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	-moz-box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.ribbonVY:before{/*影の部分*/
	left: -6px;
	top: 0;
	border-color: transparent #555 #555 transparent;
	border-style: solid;
}
.ribbonVY:hover{/*カーソルが乗った時 */
	background-color: #ffff00;
	color:#ff0000;
}
/* ピンク */
.ribbonVP:after, .ribbonVP:before{
	content: '';
	position: absolute;
}
.ribbonVP{
	z-index: 50;
	font-size: 1em;
	/*font-weight: bold;*/
	position: relative;
	margin: -26px 0 40px 0;
	float: right;
	padding: 10px 30px; 
	/*text-shadow: 0 1px rgba(0,0,0,.8);*/
	color: #000000; /*文字の色 */ 
	background-color: #f27398;/* 背景色 */
	background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	-moz-box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.ribbonVP:before{/*影の部分*/
	left: -6px;
	top: 0;
	border-color: transparent #555 #555 transparent;
	border-style: solid;
}
.ribbonVP:hover{/*カーソルが乗った時 */
	background-color: #ffb6c1;
	color:#ff0000;
}
/* グリーン */
.ribbonVG:after, .ribbonVG:before{
	content: '';
	position: absolute;
}
.ribbonVG{
	z-index: 50;
	font-size: 1em;
	/*font-weight: bold;*/
	position: relative;
	margin: -26px 0 30px 0;
	float: right;
	padding: 3px 20px 1px; 
	text-shadow: 0 1px 0 rgba(0,0,0,.2);
	color: #000000; /*文字の色 */ 
	background-color: #58BE89;/* 背景色 */
	background-image: -moz-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: -webkit-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -o-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
		background-image: -ms-linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	background-image: linear-gradient(rgba(255,255,255,0), rgba(255,255,255,.8));
	-moz-box-shadow: 0 2px 2px #ccc;
	-webkit-box-shadow: 0 2px 2px #ccc;
	box-shadow: 0 2px 2px #ccc;
}
.ribbonVG:before{/*影の部分*/
	left: -6px;
	top: 0;
	border-color: transparent #555 #555 transparent;
	border-style: solid;
}
.ribbonVG:hover{/*カーソルが乗った時 */
	background-color: #00fa9a;
	color:#ff0000;
}