diff --git a/css/layout.css b/css/layout.css
index d4874be..6863e28 100644
--- a/css/layout.css
+++ b/css/layout.css
@@ -8,11 +8,17 @@
 
 ```
 <header class="header">
-  <div class=
-  <p></p>
+  <div class="brand">Huntching</p>
 </header>
 ```
+*/
+
+header.header{
+  background-color: red;
+}
 
+
+/*
 ## Card
 
 valueに関してはこのようにして取得するイメージ。
@@ -192,7 +198,36 @@ ruby,php,c#,javascript ロゴあり
 .frame.card.html{
   background-color: #F44336;
 }
-
+.frame.card .status .bar.v100{
+  width: 100%;
+}
+.frame.card .status .bar.v90{
+  width: 90%;
+}
+.frame.card .status .bar.v80{
+  width: 80%;
+}
+.frame.card .status .bar.v70{
+  width: 70%;
+}
+.frame.card .status .bar.v60{
+  width: 60%;
+}
+.frame.card .status .bar.v50{
+  width: 50%;
+}
+.frame.card .status .bar.v40{
+  width: 40%;
+}
+.frame.card .status .bar.v30{
+  width: 30%;
+}
+.frame.card .status .bar.v20{
+  width: 20%;
+}
+.frame.card .status .bar.v10{
+  width: 10%;
+}
 
 .frame.card .top{
   position: relative;
diff --git a/css/theme.css b/css/theme.css
index d73fd46..5078134 100755
--- a/css/theme.css
+++ b/css/theme.css
@@ -1,34 +1,3 @@
-.frame.card .status .bar.v100{
-  width: 100%;
-}
-.frame.card .status .bar.v90{
-  width: 90%;
-}
-.frame.card .status .bar.v80{
-  width: 80%;
-}
-.frame.card .status .bar.v70{
-  width: 70%;
-}
-.frame.card .status .bar.v60{
-  width: 60%;
-}
-.frame.card .status .bar.v50{
-  width: 50%;
-}
-.frame.card .status .bar.v40{
-  width: 40%;
-}
-.frame.card .status .bar.v30{
-  width: 30%;
-}
-.frame.card .status .bar.v20{
-  width: 20%;
-}
-.frame.card .status .bar.v10{
-  width: 10%;
-}
-
 .login-wrap.animate .visibleContent.testbox5, .login-wrap.animate .login-mask.testbox5, .login-wrap.animate .login-button.testbox5, .login-wrap.animate .login-button.testbox5:after .login-wrap.animate .visibleContent.testbox5{
 /*  animation-iteration-count: infinite !important;
   -webkit-animation-iteration-count: infinite !important;*/
diff --git a/img/lang_icon/c++_icon.gif b/img/lang_icon/c++_icon.gif
deleted file mode 100644
index 990c366..0000000
Binary files a/img/lang_icon/c++_icon.gif and /dev/null differ
diff --git a/img/lang_icon/c_icon.gif b/img/lang_icon/c_icon.gif
deleted file mode 100644
index 479b5df..0000000
Binary files a/img/lang_icon/c_icon.gif and /dev/null differ
diff --git a/img/lang_icon/csharp_icon.gif b/img/lang_icon/csharp_icon.gif
deleted file mode 100644
index ad8357f..0000000
Binary files a/img/lang_icon/csharp_icon.gif and /dev/null differ
diff --git a/img/lang_icon/css3_icon.png b/img/lang_icon/css3_icon.png
deleted file mode 100644
index b4b661b..0000000
Binary files a/img/lang_icon/css3_icon.png and /dev/null differ
diff --git a/img/lang_icon/css3_icon_clear.png b/img/lang_icon/css3_icon_clear.png
deleted file mode 100644
index 4f1c3e4..0000000
Binary files a/img/lang_icon/css3_icon_clear.png and /dev/null differ
diff --git a/img/lang_icon/css_icon.png b/img/lang_icon/css_icon.png
new file mode 100644
index 0000000..b6505ad
Binary files /dev/null and b/img/lang_icon/css_icon.png differ
diff --git a/img/lang_icon/designer_icon_white.gif b/img/lang_icon/designer_icon_white.gif
deleted file mode 100644
index ebe857a..0000000
Binary files a/img/lang_icon/designer_icon_white.gif and /dev/null differ
diff --git a/img/lang_icon/haskell_icon.png b/img/lang_icon/haskell_icon.png
deleted file mode 100644
index 3e6e169..0000000
Binary files a/img/lang_icon/haskell_icon.png and /dev/null differ
diff --git a/img/lang_icon/html5_icon.png b/img/lang_icon/html5_icon.png
deleted file mode 100644
index 859282f..0000000
Binary files a/img/lang_icon/html5_icon.png and /dev/null differ
diff --git a/img/lang_icon/illustrator_icon.png b/img/lang_icon/illustrator_icon.png
index 6faef41..7b8e4f4 100644
Binary files a/img/lang_icon/illustrator_icon.png and b/img/lang_icon/illustrator_icon.png differ
diff --git a/img/lang_icon/js_icon.png b/img/lang_icon/js_icon.png
index 7865a54..74f8fff 100644
Binary files a/img/lang_icon/js_icon.png and b/img/lang_icon/js_icon.png differ
diff --git a/img/lang_icon/js_icon_clear.png b/img/lang_icon/js_icon_clear.png
deleted file mode 100644
index b849327..0000000
Binary files a/img/lang_icon/js_icon_clear.png and /dev/null differ
diff --git a/img/lang_icon/photoshop_icon.png b/img/lang_icon/photoshop_icon.png
index e93446f..0ff9a43 100644
Binary files a/img/lang_icon/photoshop_icon.png and b/img/lang_icon/photoshop_icon.png differ
diff --git a/img/lang_icon/php-icon.gif b/img/lang_icon/php-icon.gif
deleted file mode 100644
index b429d0e..0000000
Binary files a/img/lang_icon/php-icon.gif and /dev/null differ
diff --git a/img/lang_icon/php_icon.png b/img/lang_icon/php_icon.png
new file mode 100644
index 0000000..846707c
Binary files /dev/null and b/img/lang_icon/php_icon.png differ
diff --git a/img/lang_icon/ruby_icon.png b/img/lang_icon/ruby_icon.png
index 6a4056e..81df15c 100644
Binary files a/img/lang_icon/ruby_icon.png and b/img/lang_icon/ruby_icon.png differ
diff --git a/img/lang_icon/s_sketch_icon.png b/img/lang_icon/s_sketch_icon.png
deleted file mode 100644
index 569b6f5..0000000
Binary files a/img/lang_icon/s_sketch_icon.png and /dev/null differ
diff --git a/img/lang_icon/scala_icon.gif b/img/lang_icon/scala_icon.gif
deleted file mode 100644
index 5732d8d..0000000
Binary files a/img/lang_icon/scala_icon.gif and /dev/null differ
diff --git a/img/lang_icon/swift-icon.png b/img/lang_icon/swift-icon.png
deleted file mode 100644
index 567c27f..0000000
Binary files a/img/lang_icon/swift-icon.png and /dev/null differ
diff --git a/img/lang_icon/swift_icon.png b/img/lang_icon/swift_icon.png
new file mode 100644
index 0000000..070a3bc
Binary files /dev/null and b/img/lang_icon/swift_icon.png differ