diff --git a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
index b250856..0fc1f25 100644
--- a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
+++ b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward.html
@@ -36,7 +36,7 @@
                     <div class = "image"><img src = "./images/images_problem1_pre/Breakpoint_ArgoUML_AWS.png" class = "threeQuartersSize"></div>
                 </li>
                 <li class = "explanation">
-                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → トレースデバッガ(順方向) でトレースデバッガのパースペクティブを開いてください.
+                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → <font color="red">トレースデバッガ(順方向)</font> でトレースデバッガのパースペクティブを開いてください.
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_ArgoUML_AWS.png" class = "threeQuartersSize"></div>
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_Forward_AWS.png" class = "halfSize"></div>
                 </li>
diff --git a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
index afa1ab4..734a3be 100644
--- a/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
+++ b/courseA/ArgoUML_Forward/problem1/ArgoUML1_Forward_Delta.html
@@ -22,7 +22,7 @@
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/ArgoUML_1_delta_pre_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここで, 「トレースデバッガ(逆方向)」のパースペクティブを開いてください.<br>
+                ここで, 「<font color="red">トレースデバッガ(逆方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/ArgoUML_1_delta_pre_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
index 9e7919e..02658ab 100644
--- a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
+++ b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward.html
@@ -22,7 +22,7 @@
         <h2>前準備</h2>
         <p>
             <p class = "explanation">
-                課題A1と同様に「トレースデバッガ(順方向)」のパースペクティブを開いてください.<br>
+                課題A1と同様に「<font color="red">トレースデバッガ(順方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_pre/ArgoUML_2_pre_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">                
diff --git a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
index b03467f..e1cc4e4 100644
--- a/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
+++ b/courseA/ArgoUML_Forward/problem2/ArgoUML2_Forward_Delta.html
@@ -22,7 +22,7 @@
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここで, 「トレースデバッガ(逆方向)」のパースペクティブを開いてください.<br>
+                ここで, 「<font color="red">トレースデバッガ(逆方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/ArgoUML_2_delta_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseA/CourseStartA.html b/courseA/CourseStartA.html
index 528048b..0e988d6 100644
--- a/courseA/CourseStartA.html
+++ b/courseA/CourseStartA.html
@@ -15,7 +15,7 @@
 <p>
     いよいよ実験に入っていきます．<br>
     トレースデバッガの操作に要した時間を測っていただきますので，お手元に時計をご用意ください．<br>
-    時間計測にあたって，慌てて操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
+    時間計測にあたって，急いで操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
     まず，ArgoUMLの説明をお読みいただき，ArgoUMLに関する課題A1と課題A2に取り組んでいただきます．
     その後，JHotDrawの説明をお読みいただき，JHotDrawに関する課題A3と課題A4に取り組んでいただきます．
     課題A1, A2では順方向バージョン，課題A3, A4では逆方向バージョンのトレースデバッガをお使いいただきます．
diff --git a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
index d9f0f31..3e32f49 100644
--- a/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
+++ b/courseA/JHotDraw_Reverse/problem1/JHotDraw1_Reverse.html
@@ -37,7 +37,7 @@
                     <div class = "image"><img src = "./images/images_problem1_pre/Breakpoint_JHotDraw_AWS.png" class = "threeQuartersSize"></div>
                 </li>
                 <li class = "explanation">
-                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → トレースデバッガ(逆方向) でトレースデバッガのパースペクティブを開いてください.
+                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → <font color="red">トレースデバッガ(逆方向)</font> でトレースデバッガのパースペクティブを開いてください.
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_JHotDraw_AWS.png" class = "threeQuartersSize"></div>
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_Reverse_AWS.png" class = "halfSize"></div>
                 </li>
diff --git a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
index 3bc3828..407958f 100644
--- a/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
+++ b/courseB/ArgoUML_Reverse/problem1/ArgoUML1_Reverse.html
@@ -38,7 +38,7 @@
                     <div class = "image"><img src = "./images/images_problem1_pre/Breakpoint_ArgoUML_AWS.png" class = "threeQuartersSize"></div>
                 </li>
                 <li class = "explanation">
-                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → トレースデバッガ(逆方向) でトレースデバッガのパースペクティブを開いてください.
+                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → <font color="red">トレースデバッガ(逆方向)</font> でトレースデバッガのパースペクティブを開いてください.
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_ArgoUML_AWS.png" class = "threeQuartersSize"></div>
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_Reverse_AWS.png" class = "halfSize"></div>
                 </li>
diff --git a/courseB/CourseStartB.html b/courseB/CourseStartB.html
index 3c6bf20..2090480 100644
--- a/courseB/CourseStartB.html
+++ b/courseB/CourseStartB.html
@@ -15,7 +15,7 @@
 <p>
     いよいよ実験に入っていきます．<br>
     トレースデバッガの操作に要した時間を測っていただきますので，お手元に時計をご用意ください．<br>
-    時間計測にあたって，慌てて操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
+    時間計測にあたって，急いで操作していただく必要はまったくありません．最初の課題から最後の課題まで同じペースで操作することを意識してください．<br>
     まず，JHotDrawの説明をお読みいただき，JHotDrawに関する課題B1と課題B2に取り組んでいただきます．
     その後，ArgoUMLの説明をお読みいただき，ArgoUMLに関する課題B3と課題B4に取り組んでいただきます．
     課題B1, B2では順方向バージョン，課題B3, B4では逆方向バージョンのトレースデバッガをお使いいただきます．
diff --git a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
index 8ca3b67..09f4e35 100644
--- a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
+++ b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward.html
@@ -35,7 +35,7 @@
                     <div class = "image"><img src = "./images/images_problem1_pre/Breakpoint_JHotDraw_AWS.png" class = "threeQuartersSize"></div>
                 </li>
                 <li class = "explanation">
-                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → トレースデバッガ(順方向) でトレースデバッガのパースペクティブを開いてください.
+                    メニューバーの ウィンドウ → パースペクティブ → パースペクティブを開く → その他 → <font color="red">トレースデバッガ(順方向)</font> でトレースデバッガのパースペクティブを開いてください.
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_JHotDraw_AWS.png" class = "threeQuartersSize"></div>
                     <div class = "image"><img src = "./images/images_problem1_pre/OpenPerspective_Forward_AWS.png" class = "halfSize"></div>
                 </li>
diff --git a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
index 2994361..e8d75a1 100644
--- a/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
+++ b/courseB/JHotDraw_Forward/problem1/JHotDraw1_Forward_Delta.html
@@ -21,7 +21,7 @@
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_02.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここで, 「トレースデバッガ(逆方向)」のパースペクティブを開いてください.<br>
+                ここで, 「<font color="red">トレースデバッガ(逆方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem1_delta_pre/JHotDraw_1_delta_pre_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
index 580a78f..5dca4a7 100644
--- a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
+++ b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward.html
@@ -21,7 +21,7 @@
         <h2>前準備</h2>
         <p>
             <p class = "explanation">
-                課題B1と同様に「トレースデバッガ(順方向)」のパースペクティブを開いてください.<br>
+            課題B1と同様に「<font color="red">トレースデバッガ(順方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_pre/JHotDraw_2_pre_01.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
diff --git a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
index 760c051..2ea226a 100644
--- a/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
+++ b/courseB/JHotDraw_Forward/problem2/JHotDraw2_Forward_Delta.html
@@ -21,7 +21,7 @@
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_03.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">
-                ここで, 「トレースデバッガ(逆方向)」のパースペクティブを開いてください.<br>
+                ここで, 「<font color="red">トレースデバッガ(逆方向)</font>」のパースペクティブを開いてください.<br>
                 <div class = "image"><img src = "./images/images_problem2_delta_pre/JHotDraw_2_delta_pre_04.png" class = "threeQuartersSize"></div>
             </p>
             <p class = "explanation">