diff --git a/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java b/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
index ab43f5a..206410a 100644
--- a/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
+++ b/app/src/main/java/org/ntlab/irisclient/DrawingCardFragment.java
@@ -33,22 +33,22 @@
 
         // ImageButton16個の型を使いまわしやすいように配列で使用
         imageButtons = new ImageButton[]{
-                (ImageButton) view.findViewById(R.id.imageButton00),
-                (ImageButton) view.findViewById(R.id.imageButton01),
-                (ImageButton) view.findViewById(R.id.imageButton02),
-                (ImageButton) view.findViewById(R.id.imageButton03),
+                (ImageButton) view.findViewById(R.id.imageButton0),
+                (ImageButton) view.findViewById(R.id.imageButton1),
+                (ImageButton) view.findViewById(R.id.imageButton2),
+                (ImageButton) view.findViewById(R.id.imageButton3),
+                (ImageButton) view.findViewById(R.id.imageButton4),
+                (ImageButton) view.findViewById(R.id.imageButton5),
+                (ImageButton) view.findViewById(R.id.imageButton6),
+                (ImageButton) view.findViewById(R.id.imageButton7),
+                (ImageButton) view.findViewById(R.id.imageButton8),
+                (ImageButton) view.findViewById(R.id.imageButton9),
                 (ImageButton) view.findViewById(R.id.imageButton10),
                 (ImageButton) view.findViewById(R.id.imageButton11),
                 (ImageButton) view.findViewById(R.id.imageButton12),
                 (ImageButton) view.findViewById(R.id.imageButton13),
-                (ImageButton) view.findViewById(R.id.imageButton20),
-                (ImageButton) view.findViewById(R.id.imageButton21),
-                (ImageButton) view.findViewById(R.id.imageButton22),
-                (ImageButton) view.findViewById(R.id.imageButton23),
-                (ImageButton) view.findViewById(R.id.imageButton30),
-                (ImageButton) view.findViewById(R.id.imageButton31),
-                (ImageButton) view.findViewById(R.id.imageButton32),
-                (ImageButton) view.findViewById(R.id.imageButton33)
+                (ImageButton) view.findViewById(R.id.imageButton14),
+                (ImageButton) view.findViewById(R.id.imageButton15)
         };
 
         // 16枚表示させるImage画像の配列
@@ -73,7 +73,9 @@
 
         for(int i=0; i< imageButtons.length; i++) {
             imageButtons[i].setOnClickListener(this::onClick);
+            imageButtons[i].setBackgroundResource(R.drawable.drawingcard_red_border);
             imageButtons[i].setBackground(images[i]);
+
         };
 
         return view;
diff --git a/app/src/main/res/layout/fragment_card_drawing.xml b/app/src/main/res/layout/fragment_card_drawing.xml
index 171d5ea..1affc63 100644
--- a/app/src/main/res/layout/fragment_card_drawing.xml
+++ b/app/src/main/res/layout/fragment_card_drawing.xml
@@ -6,158 +6,356 @@
     android:layout_width="match_parent"
     android:layout_height="match_parent">
 
-    <ImageButton
-        android:id="@+id/imageButton12"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/frameLayout0"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton11"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton02"
-        tools:ignore="SpeakableTextPresentCheck"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton32"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton31"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton22"
-        android:background="@drawable/test01"
-         />
-
-    <ImageButton
-        android:id="@+id/imageButton00"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour0"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton0"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton30"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout1"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton20"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton22"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton21"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton12"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton03"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton02"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour1"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton1"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton13"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout2"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton12"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton03"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton21"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton20"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton11"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton33"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton32"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton23"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton20"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton10"
-        android:background="@drawable/test01" />
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour2"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton2"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton31"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout3"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton30"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton21"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton11"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton10"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton01"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton23"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        android:layout_marginTop="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton22"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton13"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton10"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginTop="5dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="0dp"
         app:layout_constraintStart_toStartOf="parent"
-        app:layout_constraintTop_toBottomOf="@+id/imageButton00"
-        android:background="@drawable/test01" />
-
-    <ImageButton
-        android:id="@+id/imageButton02"
-        android:layout_width="116dp"
-        android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton01"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour3"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton3"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
-    <ImageButton
-        android:id="@+id/imageButton01"
-        android:layout_width="116dp"
+    <FrameLayout
+        android:id="@+id/layout4"
+        android:layout_width="112dp"
         android:layout_height="65dp"
-        android:layout_marginStart="5dp"
-        app:layout_constraintStart_toEndOf="@+id/imageButton00"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
         app:layout_constraintTop_toTopOf="parent"
-        android:background="@drawable/test01" />
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour4"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton4"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout5"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour5"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton5"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout6"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour6"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton6"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout7"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="70dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour7"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton7"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout8"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour8"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton8"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout9"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour9"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton9"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout10"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour10"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton10"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout11"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="140dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour11"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton11"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout12"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="0dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour12"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton12"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout13"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="117dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour13"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton13"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout14"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="234dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour14"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton14"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
+
+    <FrameLayout
+        android:id="@+id/layout15"
+        android:layout_width="112dp"
+        android:layout_height="65dp"
+        android:layout_marginLeft="351dp"
+        android:layout_marginTop="210dp"
+        app:layout_constraintStart_toStartOf="parent"
+        app:layout_constraintTop_toTopOf="parent"
+        android:layout_centerVertical="true">
+        <ImageView
+            android:id="@+id/backColour15"
+            android:layout_width="112dp"
+            android:layout_height="65dp"
+            android:background="#E91E63"/>
+        <ImageButton
+            android:id="@+id/imageButton15"
+            android:layout_width="110dp"
+            android:layout_height="63dp"
+            android:layout_margin="1dp"
+            android:background="@drawable/test01"/>
+    </FrameLayout>
 
 </androidx.constraintlayout.widget.ConstraintLayout>
\ No newline at end of file