BODY{
    margin: 0 ; padding: 0 ;
    font-family: "ＭＳ Ｐ明朝",Osaka ;
    font-size: 16px ;
}

/* 画面の背景 */
.table_bg{
     padding-top: 10px ;  
     border-width: 0 2px 0 2px ;  border-style: dotted ;
}

/* タイトル部 文字（大）*/
    .main_title{
        font-size: 18px ; letter-spacing: 3px ; font-family: "ＭＳ Ｐ明朝" ;
        text-align: center;
    }

/* タイトル部 文字（小）*/
    .sub_title{font-size: 15px; letter-spacing: 1px ;}

/* タイトル３文字 （予備） */
    .sub_title2{font-size: 14px ; font-family: "ＭＳ Ｐゴシック" ; letter-spacing: 1px ;}


/* コーナーＲ */
    .bar_left{border-radius: 30px 30px 10px 10px;}
    .bar_right{border-radius: 30px 30px 10px 10px;}
    .tm_grd{ border-radius: 30px;}
    .bar_home{border-radius: 30px 30px 10px 10px;}

/* Home ボタン */
.bar_home A:link{text-decoration: none; display: block ;}
.bar_home A:visited {text-decoration:  none; display: block ;}
.bar_home A:hover {text-decoration: underline; display: block ;}

.home_btn{ 
    font-size: 14px ; font-family: "Times New Roman"; 
    letter-spacing:1px ; text-align: center ; 
}

/* 説明文の文字 */
    .guide_txt{font-size: 15px ; line-height: 140% ;}


   .thm_ttl{font-size:15px;; line-height: 140% ;}


/* サムネイル変化　ＣＳＳ３ */

/* tm_photo1 任意
 .tm_photo1 {
	border-color: #339933;
	transition-property: border-color;
	transition-duration: 1s;
}

.tm_photo1:hover {
	border-color: #00ffff;
}

}
 */


/* tm_photo2 rotate */
.tm_photo2:hover{
	animation-name:move1;
	animation-duration:1s;
}

@keyframes move1{
	20%{transform: rotate(3deg);}
}


/* tm_photo3 skew */
.tm_photo3 img:hover{
	animation-name:move3;
	animation-duration:1s;
}

@keyframes move3{
	20%{transform: skew(2deg,2deg);}
	50%{transform: skew(-2deg,-2deg);}
}


/* tm_photo4 rotate */
.tm_photo4 img:hover{
	animation-name:move4;
	animation-duration:1s;
	transition-timing-function:ease-out;
}

@keyframes move4{
	30%{ opacity:0.8;}
}


/* tm_photo5 transform */
.tm_photo5 img:hover{
	animation-name:move5;
	animation-duration:1s;
	transition-timing-function:ease-out;
}

@keyframes move5{
	10%{ transform:translate(-3px,0px);	}
	20%{ transform:translate(3px,0px);}
	40%{ transform:translate(0px,0px);}
}


/* tm_photo6   border-radius */
.tm_photo6 img:hover{
	animation-name:mymove;
	animation-duration:1s;
	transition-timing-function:ease-out;
}

@keyframes mymove{
	40%{border-radius: 20px 10px / 30px 10px 30px;}
}


