a:link {
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function:ease-in-out;
}

.buttonBox input[type="submit"] {
    -webkit-animation-direction: alternate;
    -webkit-animation-delay: 0s;
    -webkit-animation-duration: 0.4s;
    -webkit-animation-iteration-count:infinite;
    -webkit-animation-name: pulse;
    -webkit-animation-timing-function:ease-in-out;
}


.buttonDetailForTutorialTop{
	width:80%;
	margin:0 auto;
	}
	
.colorOrange{
	color:#FF6600;
	}
	
.boxIntroduction{
	width:100%;
	margin:0 auto;
	}
	
.pictureIntroduction{
	width:20%;
	float:left;
	}
	
.pictureIntroduction img{
	width:80px;
	}
	
.textIntroduction{
	width:70%;
	float:right;
		}
		
.lineDottedPurple{
	margin:1em 0;
	height:5px;
	border-bottom:dotted 5px;
	border-color:#7b004b;
	}
	
.bgBlueGradation{
	background: 
	-webkit-gradient(linear, left top, right top, from(#012345), to(#000000));
	}

/**
 * 小さいボタンを平行に並べる
 * 複数のボタンが選択肢になっているリンク用
 * ボタンが暗い配色になっている
 * ex.)属性の選択ボタン等
 */
.buttonParallel span.glay {
    -webkit-border-radius: 5px;
    -webkit-box-shadow: 7px 7px 10px #000000;
    background: -webkit-gradient(linear, left top, left bottom, from(#000), to(#aaa));
    border: 1px solid #777777;
    box-shadow: 5px 5px 5px #000000;
    color:#FFF;
    display:inline-block;
    text-align:center;
    text-decoration:none;
    text-shadow: -1px -1px 2px #AAA;
    width:40%;
    }