@charset "UTF-8";
/* CSS Document */
body {
	font:100%/150% "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color:#333;
	margin:3% 0 0 3%;
	padding:0;
}


h1{
	color: #516C98;
	line-height: 150%;
}

.Cap{
	font-size: 95%;
	padding-top: 40px;
	color: #333;
}

.sample1 {
	width:auto;
	padding:3px 0 3px 10px;
	color: rgb(5, 5, 5);
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(241, 213, 250)),color-stop(0.7, rgb(197, 63, 245)));
	background-image: -moz-linear-gradient(-90deg,rgb(241, 213, 250) 4%,rgb(197, 63, 245) 73%);
	background-image: linear-gradient(-90deg,rgb(241, 213, 250) 4%,rgb(197, 63, 245) 73%);
	-webkit-box-shadow: 1px 1px 1px rgb(31, 31, 31);
	-moz-box-shadow: 1px 1px 1px rgb(31, 31, 31);
	-ms-box-shadow: 1px 1px 1px rgb(31, 31, 31);
	box-shadow: 1px 1px 1px rgb(31, 31, 31);
	border-top-left-radius: px;
	border-top-right-radius: px;
	border-bottom-left-radius: px;
	border-bottom-right-radius: px;
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff1d5fa, endcolorstr=#ffc53ff5, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#1f1f1f, direction=135, strength=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff1d5fa, endcolorstr=#ffc53ff5, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#1f1f1f, direction=135, strength=1)";
	zoom: 1;	
	font-size: 24px;
	font-weight: bold;
	text-shadow:1px 1px 1px #fff;
}

.sample2 {
	width:auto;
	padding:3px 0 3px 10px;
	font-size: 24px;
	font-weight: bold;
	color: rgb(250, 252, 255);
	border-radius: 0px;
	text-shadow:0px -1px 1px #000;
	background-image: -webkit-gradient(linear, left top, left bottom,color-stop(0, rgb(51, 112, 204)),color-stop(0.4, rgb(51, 112, 204)),color-stop(0.5, rgb(14, 60, 140)),color-stop(1, rgb(14, 60, 140)));
	background-image: -moz-linear-gradient(-90deg,rgb(51, 112, 204) 0%,rgb(51, 112, 204) 49%,rgb(14, 60, 140) 57%,rgb(14, 60, 140) 100%);
	background-image: linear-gradient(-90deg,rgb(51, 112, 204) 0%,rgb(51, 112, 204) 49%,rgb(14, 60, 140) 57%,rgb(14, 60, 140) 100%);
	-webkit-box-shadow: px 1px 1px rgb(51, 51, 51);
	-moz-box-shadow: px 1px 1px rgb(51, 51, 51);
	-ms-box-shadow: px 1px 1px rgb(51, 51, 51);
	box-shadow: px 1px 1px rgb(51, 51, 51);
	filter: progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff3370cc, endcolorstr=#ff0e3c8c, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=1);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startcolorstr=#ff3370cc, endcolorstr=#ff0e3c8c, gradienttype=0)) progid:DXImageTransform.Microsoft.Shadow(color=#333333, direction=180, strength=1)";
	zoom: 1;
}

.sample3{
	width: 150px;
	-webkit-box-shadow: 0px 0px 1px #808080;
	-moz-box-shadow: 0px 0px 1px #808080;
	box-shadow: 0px 0px 1px #808080;
	text-shadow: 1px 1px 1px #FFFFFF;
	background-image: -moz-linear-gradient(top, #FFFFFF 4%, #D3D3D3);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #FFFFFF), color-stop(1.0, #D3D3D3));
	background-color: #D3D3D3;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13pt;
	color: #222;
	text-align: center;
}

.sample4{
	width: 150px;
	-webkit-box-shadow: 0px 0px 1px #808080;
-moz-box-shadow: 0px 0px 1px #808080;
box-shadow: 0px 0px 1px #808080;
background-image: -moz-linear-gradient(top, #0194C8 4%, #006A9C);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.04, #0194C8), color-stop(1.0, #006A9C));
background-color: #D3D3D3;
padding: 20px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13pt;
color: #FFFFFF;
text-align: center; 
}

.sample5{
	width: 150px;
	-webkit-box-shadow: 0px 0px 1px #808080;
-moz-box-shadow: 0px 0px 1px #808080;
box-shadow: 0px 0px 1px #808080;
background-image: -moz-linear-gradient(top, #0099CB 50%, #006599 50%);
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.5, #0099CB), color-stop(0.5, #006599));
background-color: #D3D3D3;
padding: 20px;
font-family: Verdana, Geneva, sans-serif;
font-size: 13pt;
color: #FFFFFF;
text-align: center;
}

.sample6{
	width: 150px;
	background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
	background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
	border: 1px solid #DDD;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13pt;
	color: #FFFFFF;
	text-align: center;
}

.sample7{
	width: 150px;
	background: -moz-linear-gradient(top,#80CCE6,#80CCE6 5%,#09C 5%,#069 95%,#069 95%,#00293D);
	background: -webkit-gradient(linear, left top, left bottom, from(#80CCE6), color-stop(0.05,#80CCE6), color-stop(0.05,#09C), color-stop(0.95,#069), color-stop(0.95,#00293D), to(#00293D));
	border: 1px solid #DDD;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13pt;
	color: #FFFFFF;
	text-align: center; 
}

.sample7{
	width: 150px;
	background: -moz-linear-gradient(top,#BFD9E5, #63B0CF 50%,#0080B3 50%,#09C);
    background: -webkit-gradient(linear, left top, left bottom, from(#BFD9E5), color-stop(0.5,#63B0CF), color-stop(0.5,#0080B3), to(#09C));
    border: 1px solid #DDD;
	padding: 20px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 13pt;
	color: #FFFFFF;
	text-align: center;
	text-shadow: -1px -1px 1px #2F4F4F; 
}
.sample8{
	width: 150px;
	background: -moz-linear-gradient(top,#BFE5F2, #63B3D2 50%,#0081B4 50%,#00679A);
	background: -webkit-gradient(linear, left top, left bottom, from(#BFE5F2), color-stop(0.5,#63B3D2), color-stop(0.5,#0081B4), to(#00679A));
	border: 1px solid #DDD;
	padding: 20px;
	ont-weight: bold;
	color: #000000;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	font: bold 13pt Verdana, Geneva, sans-serif;
}

.sample9{
	width: 150px;
	background: -moz-linear-gradient(top,#FFF 0%,#FFF 3%,#E6E6E6 3%,#FFF);
	background: -webkit-gradient(linear, left top, left bottom, from(#FFF), color-stop(0.03,#FFF), color-stop(0.03,#E6E6E6), to(#FFF));
	border-radius: 8px 8px 0px 0px;
	-moz-border-radius: 8px 8px 0px 0px;
	-webkit-border-radius: 8px 8px 0px 0px;
	border: 1px solid #CCC;
	padding: 20px;
	ont-weight: bold;
	color: #111;
	text-align: center;
	text-shadow: 1px 1px 1px #FFFFFF;
	font: bold 13pt Verdana, Geneva, sans-serif;
	border-bottom: 3px solid #0099CC;
}


.sample10{
	width: 150px;
	   background: -moz-linear-gradient(top,#B1D2E0 0%,#B1D2E0 3%,#0099CC 3%,#069);
	    background: -webkit-gradient(linear, left top, left bottom, from(#B1D2E0), color-stop(0.03,#B1D2E0), color-stop(0.03,#0099CC), to(#069));
    color: #FFF;
	    border-radius: 8px 8px 0px 0px;
	    -moz-border-radius: 8px 8px 0px 0px;
	    -webkit-border-radius: 8px 8px 0px 0px;
	    border: 1px solid #09C;
	    border-bottom: 3px solid #09C;
	padding: 20px;
	ont-weight: bold;
	
	text-align: center;
	text-shadow: -1px -1px 1px #000000;
	font: bold 13pt Verdana, Geneva, sans-serif; 
}

.sample11{
	width: 150px;
	padding: 20px;
	ont-weight: bold;
	text-align: center;	
	font: bold 13pt Verdana, Geneva, sans-serif;
	
	 background: -moz-linear-gradient(top,#8BD1E3 0%,#99B3FF 50%,#526FC4 50%,#3385FF);
    background: -webkit-gradient(linear, left top, left bottom, from(#8BD1E3),color-stop(0.50, #99B3FF),color-stop(0.50, #526FC4),to(#3385FF));
	 color: #FFF;
	 border-radius: 7px;
	 -moz-border-radius: 7px;
	 -webkit-border-radius: 7px;
	 border: 2px solid #4D5FD6;
	 -moz-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
	 -webkit-box-shadow: 0px 1px 4px rgba(000,000,000,0.8),inset 0px 0px 13px rgba(255,255,255,0.5);
    text-shadow: -1px -1px 1px #2F4F4F;	
}



.sample12{
	width: 150px;
	padding: 20px;
	ont-weight: bold;
	text-align: center;	
	font: bold 13pt Verdana, Geneva, sans-serif;
	
	
	background: -moz-linear-gradient(top,#BADDFF 0%,#0C81F5);
    background: -webkit-gradient(linear, left top, left bottom, from(#BADDFF),to(#0C81F5));
    color: #FFF;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border: 1px solid #528BC4;
    -moz-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);
    -webkit-box-shadow: 0px 1px 3px rgba(000,000,000,0.5),inset 0px 0px 1px rgba(255,255,255,0.6);
    text-shadow: -1px -1px 1px #2F4F4F;
}










.sample20 {
	width:auto;
	padding:3px 0 3px 10px;
	color:#fff;
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, color-stop(0.48, #337fcc), color-stop(0.52, #225588));
	text-shadow:0px -1px 1px #000;
}

.sample21 {
	width:auto;
	padding:3px 0 3px 10px;
	border-top:1px solid #bbb;
	border-bottom:1px solid #999;
	background:-webkit-gradient(linear, 0% 0%, 0% 80%, from(#fff), to(#bbb));
	text-shadow:1px 1px 1px #fff;
}

.btn {
    text-decoration: none;
    font-weight: bold;
    text-align: center;
    font-size: 13px;
    display: block;
}