body,
button,
input,
select,
textarea {
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}

.secondary-toggle {
	background-color: #8a2be2;
	border: 1px solid #eaeaea;
	border: 1px solid rgba(51,51,51,0.1);
	height: 42px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	top: 50%;
	right: 0;
	text-align: center;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
	width: 42px;
}

.button {
-moz-box-shadow: 3px 4px 0px 0px #8a2a21;
-webkit-box-shadow: 3px 4px 0px 0px #8a2a21;
box-shadow: 3px 4px 0px 0px #8a2a21;
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c62d1f), color-stop(1, #f24437));
background:-moz-linear-gradient(top, #c62d1f 5%, #f24437 100%);
background:-webkit-linear-gradient(top, #c62d1f 5%, #f24437 100%);
background:-o-linear-gradient(top, #c62d1f 5%, #f24437 100%);
background:-ms-linear-gradient(top, #c62d1f 5%, #f24437 100%);
background:linear-gradient(to bottom, #c62d1f 5%, #f24437 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c62d1f', endColorstr='#f24437',GradientType=0);
background-color:#c62d1f;
-moz-border-radius:18px;
-webkit-border-radius:18px;
border-radius:18px;
border:1px solid #d02718;
display:inline-block;
cursor:pointer;
color:#ffffff;
padding:7px 25px;
text-decoration:none;
}
.button:hover {
background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f24437), color-stop(1, #c62d1f));
background:-moz-linear-gradient(top, #f24437 5%, #c62d1f 100%);
background:-webkit-linear-gradient(top, #f24437 5%, #c62d1f 100%);
background:-o-linear-gradient(top, #f24437 5%, #c62d1f 100%);
background:-ms-linear-gradient(top, #f24437 5%, #c62d1f 100%);
background:linear-gradient(to bottom, #f24437 5%, #c62d1f 100%);
filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f24437', endColorstr='#c62d1f',GradientType=0);
background-color:#f24437;
color:#ffffff;
}
.button:active {
position:relative;
top:1px;
}
.box1 {
border-bottom:outset 1px #0000ff;
border-right:outset 1px #0000ff;
border-left:outset 1px #0000ff;
background-color: #000000;
color: #ffffff;
margin-bottom: 1em;
padding: 1em;
line-height: 1.8em;	
}
.box1a {
height:105px;
border-bottom:outset 1px #0000ff;
border-right:outset 1px #0000ff;
border-left:outset 1px #0000ff;
background-color: #000000;
color: #ffffff;
margin-bottom: 1em;
padding: 1em;
line-height: 0.5em;
overflow-y: scroll;
}
.box1b {
height:210px;
border-bottom:outset 1px #0000ff;
border-right:outset 1px #0000ff;
border-left:outset 1px #0000ff;
background-color: #000000;
color: #ffffff;
margin-bottom: 1em;
padding: 1em;
line-height: 0.5em;
overflow-y: scroll;
}
.box2 {
border: outset 1px #0000ff;
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#483d8b)
                , to(#191970));
background-image: -moz-linear-gradient(
          top
        , #483d8b 0%
        , #191970);
background-image: -ms-linear-gradient(
          top
        , #483d8b 0%
        , #191970);
background-image: -o-linear-gradient(
          top
        , #483d8b 0%
        , #191970);
background: linear-gradient(to bottom, #483d8b, #191970);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#483d8b', endColorstr='#191970');
padding: 0.7em;
}

.example {
	width:640px;
	height:300px;
}
h1.lab {
background-image: -webkit-gradient(
                  linear
                , left top
                , left bottom
                , from(#ffffe0)
                , color-stop(0.35, #ffff00)
                , to(#ffa500));
background-image: -moz-linear-gradient(
          top
        , #ffffe0 0%
        , #ffff00 50%
        , #ffa500);
background-image: -ms-linear-gradient(
          top
        , #ffffe0 0%
        , #ffff00 50%
        , #ffa500);
background-image: -o-linear-gradient(
          top
        , #ffffe0 0%
        , #ffff00 50%
        , #ffa500);
background: linear-gradient(to bottom, #ffffe0,#ffff00 50%, #ffa500);
filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffe0', endColorstr='#ffa500');
padding:10px 0px 10px 15px;
	color: #000000;
	font-style: oblique;
	font-weight:900;
}
h5 {
color: #ffd700;
font-style: italic;
}
img.lab {
	width:300px;
	height:180px;
	text-align:left;
}
img.sample {
	margin-left:10px;
}
p.lab {
	font-size:100%;
	text-align:left;
	margin-bottom:-1px;
}
p.lab01 {
	font-size:75%;
}
p.lab02{
	font-size:75%;
}
hr {
	border-style:solid;
}
.blinking{
    -webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
}
@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}