--- a/public/viewer/viewer_white.html	Mon Mar 18 06:43:58 2013 +0900
+++ b/public/viewer/viewer_white.html	Mon Mar 18 19:38:25 2013 +0900
@@ -1,7 +1,6 @@
 <meta http-equiv="content-type" content="text/html;charset=utf-8" />
 <title>Graph Display</title>
-<link rel='stylesheet' href="form.css">
-<script src='form.js'></script>
+<link rel='stylesheet' href="viewer_form.css">
 <script type="text/javascript" src="js/lib/jquery-1.8.1-min.js"></script>
 <script type="text/javascript" src="js/lib/jquery-ui-1.8.23-min.js"></script>
 <script type="text/javascript" src="js/lib/jquery.ui.touch-punch.min.js"></script>
@@ -15,96 +14,15 @@
 <script type="text/javascript" src="js/1.3.15/jsPlumb-renderers-vml-1.3.15-RC1.js"></script>
 <script type="text/javascript" src="js/1.3.15/jquery.jsPlumb-1.3.15-RC1.js"></script>
 <script type="text/javascript" src="js/1.3.15/jquery.jsPlumb-1.3.15-all-min.js"></script>
-<script type="text/javascript" src='treeArrangement.js'></script>
 
-<style>
-body { 
-    background-color:#ccf;
-    background:-moz-linear-gradient(top,#fff,#ccf);
-    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ccf));
-}
-div.header {
-    position:absolute;
-    left:0;top:0;
-    z-index:5;
-    height:50px;
-    width:100%;
-    background:#ddd;
-    background:-moz-linear-gradient(top,#fff,#ddd);
-    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
-    color:silver;
-    font-size:40px;
-}
-div.footer {
-    position:absolute;
-    left:0; 
-    bottom:0;
-    z-index:5;
-    height:50px;
-    width:100%;
-    background:#ddd;
-    background:-moz-linear-gradient(top,#fff,#ddd);
-    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
-    color:black;
-    font-size:25px;
-}
-div.footer.up {
-    position:absolute;
-    left:0; 
-    bottom:50px;
-    z-index:5;
-    height:25px;
-    width:250px;
-    background:#ddd;
-    background:-moz-linear-gradient(top,#fff,#ddd);
-    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#ddd));
-    color:black;
-    opacity:0.7;
-    font-size:20px;
-}
 
-label.relation {
-    position:relative;
-    top:10px;
-    margin-left:15px;
-    vertical-align:middle;
-}
-
-input.relation_input {
-
-}
-
-div.graphNode {
-    position:absolute; 
-    font-size:12px; padding:4px; background:white;
-    z-index:20;
-    width: 45px; 
-    height: 40px; 
-    border-radius:50px;
-    border:2px solid silver;
-    overflow:hidden;
-    cursor:pointer;
-    border-color:"blue";
-}
-div.graphNodeContent {
-    position:absolute;
-    z-index:21;
-    font-size:12px;
-    background:white;
-    width: 50%;
-    height: 80%;
-    left: 10px;
-    top: 8px;
-}
-
-</style>
 
 <div class='header'>
     <nobr id='header_title' style='margin-left:40px;'><a href='index.html'>Home</a></nobr>
 </div>
 <div class='footer' id='footer_div'>
     <div class='footer up'>
-	トラバースする種類
+	Traverse
     </div>
 </div>
 
@@ -517,9 +435,9 @@
     jsPlumb.draggable($('.graphNode'));
 }
 
-var BASE_THETA = -60;
+var BASE_THETA = -40;
 var BASE_ANGLE = 180;
-var BASE_DISTANCE = 150;
+var BASE_DISTANCE = 180;
 function calcChildNodePosition(parent, num) {
     var pX = parent.position.x;
     var pY = parent.position.y;
@@ -674,8 +592,8 @@
     edges: [
         {
             id:"11",
-            from:"1",
-            to:"2",
+            from:"2",
+            to:"1",
             rel:"dependency",
             type:""
         },
@@ -702,9 +620,9 @@
 	},
 	{
 	    id:"15",
-	    from:"6",
-	    to:"1",
-	    rel:"agreement",
+	    from:"1",
+	    to:"6",
+	    rel:"evidence",
 	    type:""
 	},
 	{