Index: branches/testa/index.php
===================================================================
--- branches/testa/index.php	(revision 23)
+++ branches/testa/index.php	(revision 24)
@@ -30,6 +30,6 @@
     <ul class="tab-group">
       <li class="tab is-active">data</li>
+      <li class="tab">output</li>
       <li class="tab">setting</li>
-      <li class="tab">output</li>
     </ul>
     <div id="all" class="panel-group">
@@ -93,4 +93,14 @@
 	</div>
       </div>
+      <div id="area-output" class="panel">
+	<div id="output-menubar"></div>
+	<div id="output-bar">
+	  <textarea id="output-editor" name="output-editor"></textarea>
+	</div>
+	<div id="output-side">output</div>
+	<div id="output-work">
+	  <div id="output-editor"></div>
+        </div>
+      </div>
       <div id="area-setting" class="panel">
 	<div id="setting-menubar"></div>
@@ -98,18 +108,8 @@
 	  <textarea id="setting-editor" name="setting-editor"></textarea>
 	</div>
-	<div id="setting-side"></div>
+	<div id="setting-side">setting</div>
 	<div id="setting-work">
 	  <div id="setting-editor"></div>
 	</div>
-      </div>
-      <div id="area-output" class="panel">
-	<div id="output-menubar"></div>
-	<div id="output-bar">
-	  <textarea id="output-editor" name="output-editor"></textarea>
-	</div>
-	<div id="output-side"></div>
-	<div id="output-work">
-	  <div id="output-editor"></div>
-        </div>
       </div>
     </div>
Index: branches/testa/js/main.js
===================================================================
--- branches/testa/js/main.js	(revision 23)
+++ branches/testa/js/main.js	(revision 24)
@@ -4,5 +4,5 @@
       Globalx.num = 0;
       Globalx.index = 0;
-      Globalx.parts = ["data", "setting", "output"]
+      Globalx.parts = ["data", "output", "setting"]
 
       Globalx.parts.map( function( value ){