@charset "shift_jis";

/* body（各シート共通）-------------------------------------------------------------------- */

*{
	margin:0px;
	pading:0px;
	font-size:100%;
}
body{
	color:#000000;
	background-image:url(image/back.gif);
	font-family:"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック", Osaka;
	font-weight:normal;
	font-size:14px;
	text-align:center;
	line-height:130%;
	letter-spacing:0.1em;
}
a:link{color:#0000FF;}
a:visited{color:#0000CC;}
a:active{color:#00FF99;}
a:hover{color:#0066FF;}
a { outline: none; }


img{
	border-style:none;
	display:block;
}


h1{
	font-size:35px;
	margin-left:130px;
	letter-spacing:normal;
}
h2{
	clear:both;
	background-image:url(image/h2.gif);
	background-repeat:no-repeat;
	color:#FFFFFF;
	font-size:26px;
	padding:17px 0px 14px 10px;
	margin-bottom:10px;
}
h3{
	background-image:url(image/h3.gif);
	background-repeat:no-repeat;
	color:#FF00FF;
	padding:13px 0px 15px 10px;
	margin-bottom:10px;
}




div#main{
	width:1150px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(image/back_main.gif);
	background-repeat:repeat-y;
}

div#header{
	background-image:url(image/header.jpg);
	background-repeat:no-repeat;
	color:#FF0000;
	padding:228px 0px 50px 120px;
	font-size:24px;
	text-align:left;
}
div#container{
	width:1050px;
	margin-left:auto;
	margin-right:auto;
	text-align:left;
}
div#container p{margin-bottom:20px;}


/*=============================*/
/*ダウンロードボタンの設定*/
/*=============================*/
.btm_dl img{
	float:left;
	padding-right:5px;
	vertical-align:bottom;
}
.btm_dl p{
	padding-top:15px;
	color:#004699;
	font-size:12px;
}

/*=============================*/
/*テーブルメニューの設定*/
/*=============================*/
#winTBM{width:1050px;}
#winTBM td{
	vertical-align:top;
	line-height:130%;
}
#winTBM ul{margin-left:20px;}


#link_header{
	border:double 5px #666666;
	padding:10px;
	text-align:center;
	margin:20px 0px 30px 0px;
}


/*=============================*/
/*テーブル/サンプルの設定*/
/*=============================*/
.sampTB{
	width:1050px;
	table-layout:auto;
	border:solid 1px #000000;
	border-collapse:separate;
	border-spacing:0.3em;
	letter-spacing:0.1em;
}
.sampTB th{
	width:300px;
	border:solid 1px #707070;
	background-color:#BFBFBF;
	padding:5px;
	fonr
} 
.sampTB td{
	border:solid 1px #707070;
	padding:5px;	
}

.sampTB caption{
	background-color:#535353;
	padding:5px 0px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:3px;
}

/*行が3つある場合*/
.sampTB1{
	width:1050px;
	table-layout:auto;
	border:solid 1px #000000;
	border-collapse:separate;
	border-spacing:0.3em;
	letter-spacing:0.1em;
}
.sampTB1 th{
	width:200px;
	border:solid 1px #707070;
	background-color:#BFBFBF;
	padding:5px;
	fonr
} 
.sampTB1 td{
	border:solid 1px #707070;
	padding:5px;	
}

.sampTB1 caption{
	background-color:#535353;
	padding:5px 0px;
	font-weight:bold;
	color:#FFFFFF;
	margin-bottom:3px;
}
.sampTB1 td.widthset{width:420px;}


/*=============================*/
/*spanの設定*/
/*=============================*/
.deco{color:#FF0000; font-weight:bold;}


/*=============================*/
/*pre code*/
/*=============================*/
pre{
	background-image:url(image/precode.gif);
	background-repeat:repeat-y;
	color:#3B260D;
	padding:0px 10px 0px 30px;
	word-wrap:break-word;
}
pre span{font-weight:bold; color:#d20000;}


/*=============================*/
/*olｇとul*/
/*=============================*/
ol{margin-left:30px;}
ol li{margin-bottom:10px;}

/*=============================*/
/*ページTOPの設定*/
/*=============================*/
.jump{font-size:12px; margin:40px 0px 30px 0px; text-align:right; clear:both;}
#jump{font-size:12px; margin:40px 0px 0px 0px; text-align:right;}


/*=============================*/
/*スペースの設定*/
/*=============================*/
.s20{margin-top:20px;}
.s30{margin-top:30px;}
.btm30{margin-bottom:30px;}






/*=============================*/
/*ページ固定の設定h-form.html*/
/*=============================*/
#form_CSS dl{margin-bottom:20px;}
#form_CSS dl dt{font-weight:bold;}

#form_CSS .formTB2{
	width:700px;
	border-top:2px solid #808080;
	border-left:2px solid #808080;
	letter-spacing:0.1em;
	text-align:left;
	margin-bottom:10px;
}
#form_CSS .formTB2 th{
	padding:10px;
	font-weight:normal;
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
}
#form_CSS .formTB2 td{
	width:550px;
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
	padding:5px;
	letter-spacing:0.1em;
}
#form_CSS th.TB2{
	border-right:2px solid #808080;
	border-bottom:2px solid #808080;
	background-color:#FFFF00;
	padding:5px;
	font-weight:bold;
}

/*=============================*/
/*ボタン装飾*/
/*=============================*/
.box_eff h3{margin-top:20px;}
.btm_animation{
	width:550px;
	background: linear-gradient(#faecc8, #f0c14c);
	border:solid 1px #9c7e31;
	border-radius:6px;
	margin-left:auto;
	margin-right:auto;	
}
.btm_animation a{
	text-decoration:none;
	display:block;
	padding:20px 20px;
	font-size:1.5em;
	color:#272727;
}
.btm_animation a:link{color:#272727;}
.btm_animation a:visited{color:#272727;}
.btm_animation a:hover{color:#272727;}
.btm_animation a:active{color:#272727;}




/*ボタンぶるぶる*/
.buruburu {
    -webkit-animation:buruburu 0.1s infinite linear alternate;
    animation:buruburu 0.1s infinite linear alternate;
}

@-webkit-keyframes buruburu {
    0% {-webkit-transform:translate(0, 0) rotate(-3deg);}
    50% {-webkit-transform:translate(0, -1px) rotate(0deg);}
    100% {-webkit-transform:translate(0, 0)rotate(3deg);}
}

@keyframes buruburu {
    0% {transform:translate(0, 0) rotate(-3deg);}
    50% {transform:translate(0, -1px) rotate(0deg);}
    100% {transform:translate(0, 0)rotate(3deg);}
}


/*ボタンくるくる1*/
.kurukuru{
	backface-visibility : visible;
	animation: rotate 5s ease infinite;
	/*animation-iteration-count :1;*/
}
@keyframes rotate {
	from { transform: rotateY(0deg); }
	to { transform: rotateY(360deg); }
}
/*ボタンくるくる2*/
.kurukuru2{
	animation : sample1Anime 5s ease 0s infinite;
}
@keyframes sample1Anime{
100% {transform :rotateX(360deg);}
}



.button,
.button span {
  position: relative;
  display: inline-block;
}
.button span {
  padding:20px 20px;
  font-size:1.5em;
	background: linear-gradient(#faecc8, #f0c14c);
	border:solid 1px #9c7e31;
	border-radius:6px;
  color: #272727;
  text-decoration: none;
  text-align: center;
  -webkit-animation: 3s float ease-in-out infinite;
  animation: 3s float ease-in-out infinite;
}
.button::after {
  position: absolute;
  bottom: -15px;
  left: 50%;
  z-index: -1;
  content: '';
  width: 100%;
  height: 24px;
  background-color: rgba(0,0,0,.1);
  border-radius: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-animation: 3s shadow ease-in-out infinite;
  animation: 3s shadow ease-in-out infinite;
}
@-webkit-keyframes float {
  50% {
    -webkit-transform: translateY(-10px);
  }
}
@keyframes float {
  50% {
    transform: translateY(-10px);
  }
}
@-webkit-keyframes shadow {
  50% {
    width: 70%;
    height: 18px;
  }
}
@keyframes shadow {
  50% {
    width: 70%;
    height: 18px;
  }
}


/*拡大縮小*/
.cv_btn {
  margin: 0 auto;
}
.cv_btn span {
  animation: anime1 0.5s ease 0s infinite alternate;
  transform-origin:center;
}
@keyframes anime1 {
  from {
    transform: scale(0.9,0.9);
  }
  to {
    transform: scale(1,1);
  }
}


.kakudai {
	width:550px;
	background: linear-gradient(#faecc8, #f0c14c);
	border:solid 1px #9c7e31;
	border-radius:6px;
	display: inline-block;
	padding:20px 20px;
	font-size:1.5em;
	margin-left:auto;
	margin-right:auto;	
}

.kakudai:active {
  position: relative;
  top: 7px;
  box-shadow: none;
}
a.kakudai{
	text-decoration:none;
	display:block;
	color:#272727;
}
a.kakudai:link{color:#272727;}
a.kakudai:visited{color:#272727;}
a.kakudai:hover{color:#272727;}
a.kakudai:active{color:#272727;}


/*--- cssアニメーション ここから ---*/
.keyframe {
	animation-name: anim_sc;
	transform: scale(0.8, 0.8);
}

@keyframes anim_sc {
  100% {
    transform: scale(1, 1);
  }
}

.animation {
  animation-timing-function: ease;
  animation-iteration-count: infinite;
  animation-direction: alternate;
  animation-duration: 0.2s;
}

/*--- cssアニメーション ここまで ---*/