.btn_long_text {
	padding:10px;
	text-decoration: none;
	font-weight:bold;
	text-align: center;
	background: url("http://ip-edu.org/library/images/btn.gif") no-repeat center center;
}

.btn_kaijo {
	text-decoration: none;
	font-weight: bold;
        font-family:meiryo;
	text-align: center;
	font-size: 20px;
	display: block;
	background: -moz-linear-gradient(top,#BFD9E5, #3D95B7 50%,#0080B3 50%,#0099CC);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#3D95B7), color-stop(0.5,#0080B3), to(#0099CC));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #0099CC;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 200px;
	padding: 10px 0;
}
.btn_douga {
	text-decoration: none;
	font-weight: bold;
        font-family:meiryo;
	text-align: center;
	font-size: 20px;
	display: block;
	background: -moz-linear-gradient(top,#ffffff 0%,#c7d95f 50%,#add136 50%,#6d8000);
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), color-stop(0.5,#c7d95f), color-stop(0.5,#add136), to(#6d8000));
	color: #FFF;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border: 1px solid #8ead27;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.5);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	width: 200px;
	padding: 10px 0;
}



.buttonA {
	display: inline-block;
	width: 200px;
	height: 54px;
	text-align: center;
	text-decoration: none;
	line-height: 54px;
	outline: none;
	border: 1px solid #15aeec;
	background-color: #49c0f0;
	background-image: -webkit-linear-gradient(top, #49c0f0, #2cafe3);
	background-image: linear-gradient(to bottom, #49c0f0, #2cafe3);
	border-radius: 4px;
	color: #fff;
	line-height: 50px;
	-webkit-transition: none;
	transition: none;
	text-shadow: 0 1px 1px rgba(0, 0, 0, .3);
}
.buttonA::before{
	color: #F5FFFA
}
.buttonA::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}

.buttonA:hover {
	border:1px solid #1090c3;
	background-color: #1ab0ec;
	background-image: -webkit-linear-gradient(top, #1ab0ec, #1a92c2);
	background-image: linear-gradient(to bottom, #1ab0ec, #1a92c2);
}
.buttonA:active {
	background: #1a92c2;
	box-shadow: inset 0 3px 5px rgba(0, 0, 0, .2);
	color: #1679a1;
	text-shadow: 0 1px 1px rgba(255, 255, 255, .5);
}

button.css3button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #6a6c87;
	padding: 6px 30px;
	background: -moz-linear-gradient(
		top,
		#daeff0 0%,
		#daf4fa 50%,
		#afd3db);
	background: -webkit-gradient(
		linear, left top, left bottom,
		from(#daeff0),
		color-stop(0.50, #daf4fa),
		to(#afd3db));
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #c7d5de;
	-moz-box-shadow:
		0px 1px 3px rgba(036,038,041,0.7),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	-webkit-box-shadow:
		0px 1px 3px rgba(036,038,041,0.7),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	box-shadow:
		0px 1px 3px rgba(036,038,041,0.7),
		inset 0px 0px 1px rgba(255,255,255,0.6);
	text-shadow:
		0px 1px 0px rgba(205,221,230,1),
		0px 9px 8px rgba(202,216,222,0.5);
}
.table_topics {
	margin:0px;padding:0px;
	width:100%;
	box-shadow: 10px 10px 5px #888888;
	border:1px solid #fcf9f9;
	
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
	
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
	
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
	
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}.table_topics table{
    border-collapse: collapse;
        border-spacing: 0;
	width:100%;
	height:100%;
	margin:0px;padding:0px;
}.table_topics tr:last-child td:last-child {
	-moz-border-radius-bottomright:0px;
	-webkit-border-bottom-right-radius:0px;
	border-bottom-right-radius:0px;
}
.table_topics table tr:first-child td:first-child {
	-moz-border-radius-topleft:7px;
	-webkit-border-top-left-radius:7px;
	border-top-left-radius:7px;
}
.table_topics table tr:first-child td:last-child {
	-moz-border-radius-topright:0px;
	-webkit-border-top-right-radius:0px;
	border-top-right-radius:0px;
}.table_topics tr:last-child td:first-child{
	-moz-border-radius-bottomleft:0px;
	-webkit-border-bottom-left-radius:0px;
	border-bottom-left-radius:0px;
}.table_topics tr:hover td{
	
}
.table_topics tr:nth-child(odd){ background-color:#ffffff; }
.table_topics tr:nth-child(even)    { background-color:#efffff; }.table_topics td{
	vertical-align:middle;
	
	
	border:1px solid #fcf9f9;
	border-width:0px 1px 1px 0px;
	text-align:center;
	padding:7px;
	font-size:14px;
	font-family:Helvetica;
	font-weight:normal;
	color:#000000;
}.table_topics tr:last-child td{
	border-width:0px 1px 0px 0px;
}.table_topics tr td:last-child{
	border-width:0px 0px 1px 0px;
}.table_topics tr:last-child td:last-child{
	border-width:0px 0px 0px 0px;
}
.table_topics tr:first-child td{
		background:-o-linear-gradient(bottom, #adecf7 5%, #64ccef 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #adecf7), color-stop(1, #64ccef) );
	background:-moz-linear-gradient( center top, #adecf7 5%, #64ccef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#adecf7", endColorstr="#64ccef");	background: -o-linear-gradient(top,#adecf7,64ccef);

	background-color:#adecf7;
	border:0px solid #fcf9f9;
	text-align:center;
	border-width:0px 0px 1px 1px;
	font-size:16px;
	font-family:Helvetica;
	font-weight:bold;
	color:#ffffff;
}
.table_topics tr:first-child:hover td{
	background:-o-linear-gradient(bottom, #adecf7 5%, #64ccef 100%);	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #adecf7), color-stop(1, #64ccef) );
	background:-moz-linear-gradient( center top, #adecf7 5%, #64ccef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr="#adecf7", endColorstr="#64ccef");	background: -o-linear-gradient(top,#adecf7,64ccef);

	background-color:#adecf7;
}
.table_topics tr:first-child td:first-child{
	border-width:0px 0px 1px 0px;
}
.table_topics tr:first-child td:last-child{
	border-width:0px 0px 1px 1px;
}

/* 青いボタン */
.buttonbl {
   border-top: 1px solid #bedbed;
   background: #175c8a;
   background: -webkit-gradient(linear, left top, left bottom, from(#9dcae8), to(#175c8a));
   background: -webkit-linear-gradient(top, #9dcae8, #175c8a);
   background: -moz-linear-gradient(top, #9dcae8, #175c8a);
   background: -ms-linear-gradient(top, #9dcae8, #175c8a);
   background: -o-linear-gradient(top, #9dcae8, #175c8a);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonbl :hover {
   border-top-color: #19577d;
   background: #19577d;
   color: #ccc;
   }
.buttonbl :active {
   border-top-color: #fafafa;
   background: #fafafa;
   }

/* 緑のボタン */
.buttongr {
   border-top: 1px solid #bfebde;
   background: #178a69;
   background: -webkit-gradient(linear, left top, left bottom, from(#9ce6d4), to(#178a69));
   background: -webkit-linear-gradient(top, #9ce6d4, #178a69);
   background: -moz-linear-gradient(top, #9ce6d4, #178a69);
   background: -ms-linear-gradient(top, #9ce6d4, #178a69);
   background: -o-linear-gradient(top, #9ce6d4, #178a69);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttongr:hover {
   border-top-color: #197d58;
   background: #197d58;
   color: #ccc;
   }
.buttongr:active {
   border-top-color: #fafafa;
   background: #fafafa;
   }

/* 黄色いボタン */
.buttonye {
   border-top: 1px solid #e8ebc1;
   background: #a6b01c;
   background: -webkit-gradient(linear, left top, left bottom, from(#e1e69c), to(#a6b01c));
   background: -webkit-linear-gradient(top, #e1e69c, #a6b01c);
   background: -moz-linear-gradient(top, #e1e69c, #a6b01c);
   background: -ms-linear-gradient(top, #e1e69c, #a6b01c);
   background: -o-linear-gradient(top, #e1e69c, #a6b01c);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonye:hover {
   border-top-color: #7a7d19;
   background: #7a7d19;
   color: #ccc;
   }
.buttonye:active {
   border-top-color: #fafafa;
   background: #fafafa;
   }

/* 赤いボタン */
.buttonrd {
   border-top: 1px solid #ebc3c3;
   background: #8f1e1e;
   background: -webkit-gradient(linear, left top, left bottom, from(#e69c9c), to(#8f1e1e));
   background: -webkit-linear-gradient(top, #e69c9c, #8f1e1e);
   background: -moz-linear-gradient(top, #e69c9c, #8f1e1e);
   background: -ms-linear-gradient(top, #e69c9c, #8f1e1e);
   background: -o-linear-gradient(top, #e69c9c, #8f1e1e);
   padding: 8px 16px;
   -webkit-border-radius: 9px;
   -moz-border-radius: 9px;
   border-radius: 9px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: white;
   font-size: 15px;
   font-family: Helvetica, Arial, Sans-Serif;
   text-decoration: none;
   vertical-align: middle;
   }
.buttonrd:hover {
   border-top-color: #7d1919;
   background: #7d1919;
   color: #ccc;
   }
.buttonrd:active {
   border-top-color: #fafafa;
   background: #fafafa;
   }

/* 掲示板用のラベル */
.label {
    width: 50px;
    font-size: 70%;
    font-weight: bold;
    text-align: center;
    white-space: nowrap;
    vertical-align: baseline;
    border: 0px solid #DDD;
	color: #ffffff;
	padding: .3px .20px .3px;
    margin-left: 10px;
}
.label-blue {
  background-color: #043c78;
  }
.label-lightblue {
  background-color: #4169e1;
}
.label-red {
  background-color: #ff4500;
}
.label-green {
  background-color: #228b22;
}
.label-yellow {
  background-color: #ffd700;
}