diff --git a/css/style.css b/css/style.css
index 65e0b38..a5b4b23 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,7 +1,7 @@
 body {
   margin: 0;
   padding: 0;
-  background-color: white;
+  background-color: #D1D1BC;
   font: helvetica, arial, freesans, clean, sans-serif;
   font-size: 1em;
   line-height: 2em;
@@ -18,17 +18,43 @@ p {
   margin: 1em;
 }
 
+h1 {
+  color: #fff;
+  padding: 5px;
+  background-color: #302C29;
+}
+
+h2 {
+  color: #412726;
+  font-weight: bold;
+}
+
 #container {
-  width: 1000px;
+  width: 960px;
+  padding: 20px;
   margin: 0 auto;
+  background-color: #fff;
+  overflow: hidden;
 }
 
 #container .section {
   margin-bottom: 20px;
 }
 
-#markdown {
-  width: 800px;
+#leftColumn {
+  float: left;
+  width: 700px;
+}
+
+#rightColumn {
+  width: 240px;
+  float: right;
+}
+
+textarea#markdown {
+  padding: 0;
+  margin: 0;
+  width: 100%;
   height: 200px;
   font-size: 1em;
 }
diff --git a/index.html b/index.html
index 93a5ae8..5cefc06 100644
--- a/index.html
+++ b/index.html
@@ -3,40 +3,37 @@
   <head>
     <meta http-equiv="content-type" content="text/html; charset=UTF-8">
     <meta http-equiv="content-language" content="ja">
-
     <title>Markdown Live Previewer</title>
-
     <meta http-equiv="content-script-type" content="text/javascript">
     <meta http-equiv="content-style-type" content="text/css">
     <link rel="stylesheet" type="text/css" href="css/style.css">
     <script type="text/javascript" src="js/jquery-1.6.1.min.js"></script>
     <script type="text/javascript" src="js/markdown.js"></script>
     <script type="text/javascript" src="js/main.js"></script>
-
   </head>
   <body>
+    <h1>Markdown Live Previewer</h1>
     <div id="container">
-      <h1>Markdown Live Previewer</h1>
 
-      <div class="section">
-        <h2>markdown</h2>
-        <textarea id="markdown"></textarea>
-      </div>
+      <div id="leftColumn">
+        <div class="section">
+          <h2>markdown</h2>
+          <textarea id="markdown"></textarea>
+        </div>
 
-      <div class="section">
-        <h2>output</h2>
-        <div id="output"></div>
-      </div>
+        <div class="section">
+          <h2>output</h2>
+          <div id="output"></div>
+        </div>
+     </div>
 
-      <div class="section">
-        <h2>html</h2>
-        <div id="html">todo</div>
-      </div>
+     <div id="rightColumn">
+       <div class="section">
+         <h2>reference</h2>
+         <div id="rederence"></div>
+       </div>
+     </div>
 
-      <div class="section">
-        <h2>reference</h2>
-        <div id="reference">todo</div>
-      </div>
     </div>
   </body>
 </html>
