@charset "utf-8";

@import url("../packages/tpl/css/import.css");

@import url("http://www.technical.co.jp/commons/include.css");

/* ブックマークに追加
----------------------------------------------------------------------------------*/
#bookmark {
	text-align:center;
}
#bookmark ul {
}
#bookmark li {
	float: left;
	margin-right: 9px;
}
#bookmark li.gt {
	float: left;
	margin-right: 0;
}

.touroku {
	font-weight:bold;
	display: block;
	margin-top:15px;
	text-align: center; 
	background: #1C61CE;
	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.4);
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3),inset 0px 0px 3px rgba(255,255,255,0.4);
	text-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	padding: 10px 0;
	background: linear-gradient(to bottom, #BFD9E5 ,#0099CC);/* IE10+, W3C */
	-pie-background: linear-gradient(to bottom, #BFD9E5 ,#0099CC);
	behavior: url(http://www.technical.co.jp/images/PIE.htc);
}

.datalink{
    width: 100%;
    margin-top:15px;
    text-decoration: none;
    display: inline-block;
    text-align: center;
    color: #fff;
    border: 1px solid #9c9c9c; /* Fallback style */
    border: 1px solid rgba(0, 0, 0, 0.3);            
    text-shadow: 0 2px 0 rgba(0,0,0,0.5);
    box-shadow: 0 0 .06em rgba(0,0,0,0.5);
    -moz-box-shadow: 0 0 .06em rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 .06em rgba(0,0,0,0.5);
}
.datalink, .datalink span{
    -moz-border-radius: .4em;
    border-radius: .4em;
}
.datalink span{
    color: #fff;
    border-top: 1px solid #fff; /* Fallback style */
    border-top: 1px solid rgba(255, 255, 255, 0.5);
    display: block;
    padding: 0.5em;
/* The background pattern */
    background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                      -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                      -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
    background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                      -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                      -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);
/* Pattern settings */
    -moz-background-size: 3px 3px;
    -webkit-background-size: 3px 3px;
}
.datalink:hover{
    text-decoration: none;
    box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
    -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
}
.datalink:active{
    /* When pressed, move it down 1px */
    position: relative;
    top: 1px;
}
/*色*/
.datalink-blue{
    background: #4477a1;
    background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
    background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
}
.datalink-blue:hover{
    background: #81a8cb;
    background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
    background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
    filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');
}
.datalink-blue:active{
    background: #4477a1;
}