fix css.

diff --git a/public/stylesheets/base.css b/public/stylesheets/base.css
index b914817..09f037a 100644 (file)
--- a/public/stylesheets/base.css
+++ b/public/stylesheets/base.css
@@ -12,62 +12,227 @@
 * { padding: 0; margin: 0; }
 
 body {
-  font-family: Arial, Helvetica, sans-serif;
-  font-size: 13px;
+    font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
+       text-align:center;
 }
+
 #wrapper { 
-  margin: 0 auto;
-  width: 922px;
+       text-align: left;
+       width: 902px;
+       margin: 0 auto; /* ff */
+       padding: 10px;
 }
+
 #header {
-  color: #333;
-  width: 900px;
-  float: left;
-  padding: 10px;
-  border: 1px solid #ccc;
-  height: 100px;
-  margin: 10px 0px 0px 0px;
-  background: #8FBC8F;
+       color: seaGreen;
+       padding: 0 0 12px 0;
+       margin: 0;
+       font-weight:bolder;
+       border-bottom: 1px solid #ccc;
+}
+
+#math{
+       font-size: 12px;
 }
+
 #navigation {
-  float: left;
+  height: 40px;
   width: 900px;
-  color: #333;
-  padding: 10px;
-  border: 1px solid #ccc;
-  margin: 0px 0px 0px 0px;
-  background: #228B22;
+  padding: 10px 0 0;
+}
+
+#navigation ul {
+   margin: 0px;
+   padding: 4px 10px 10px;
+   float:right;
 }
+
+#navigation ul li {
+       float:left;
+       font-size:14px;
+       list-style-type:none;
+}
+
+#navigation ul li a {
+       text-decoration:none;
+       display:block;
+       background-color:#FFCCCC;
+       border-bottom:1px solid;
+       border-right:1px solid;
+       border-left:7px solid #CC0000;
+       margin: 0 6px;
+       padding: 4px 10px;
+}
+
+#navigation ul li a:hover {
+       color:black;
+       background-color:lightgoldenrodyellow;
+       border-left:7px solid gold;
+}
+
+#navigation span {
+       font-size: 14px;
+       font-style: oblique;
+}
+
+
+#container{
+       background:url("images/bg.png") repeat-y #FFFAF0;
+       border:1px solid #fffacd;
+       width:900px;
+}
+
 #leftcolumn { 
-  color: #333;
-  border: 1px solid #ccc;
-  background: #8FBC8F;
-  margin: 0px 0px 0px 0px;
-  padding: 10px;
-  height: auto !important;
-  min-height: 600px;
-  height: 100%;
-  width: 200px;
-  float: left;
+       background:url("/mint/images/bg.png") repeat-y #FFFAF0;
+       width: 240px;
+       left:auto;
+       margin:0;
+       position:absolute;
+       top:auto;
+}
+
+#leftcolumn p{
+       font-size: 12px;
+       margin: 6px 30px 0 6px;
+}
+
+#leftcolumn ul{
+       color: seaGreen;
+       font-size: 16px;
+       font-weight: bolder;
+       margin:0;
+       padding:0;
+}
+
+#leftcolumn ul li{
+       margin: 15px 0 15px 6px;
+       list-style-type:none;
+       background:url("/mint/images/icon_5p_24.png") repeat-y;
+       text-indent: 14px;
+}
+
+#leftcolumn ul li img{
+       width: 15px;
+       margin: 0 5px;
 }
+
 #rightcolumn { 
-  float: right;
-  color: #333;
-  border: 1px solid #ccc;
-  background: #F0FFF0;
-  margin: 0px 0px 0px 0px;
-  padding: 10px;
-  height: auto !important;
-  min-height: 600px;
-  width: 678px;
-  display: inline;
+       background:url("/mint/images/bg.png") repeat-y #FFFAF0;
+       background-position: -240px center;
+       width: 660px;
+       left: 240px;
+       position:relative;
+}
+
+#rightcolumn div,
+#rightcolumn  p {
+       font-size: 12px;
+}
+
+#rightcolumn h1 {
+       background:url("/mint/images/icon_6m_48.png") repeat-y #FFFAF0;
+       border-bottom: 1px dashed #A9A9A9;
+       padding:0.4em 0.6em;
+       font-size: 20px;
+       text-indent: 36px;
+       margin: 0 0 0.5em 0;
 }
+
+
+#rightcolumn h2{
+       font-size: 14px;
+}
+
+#rightcolumn button{
+       left:40%;
+       position:relative;
+       font-size: 25px;
+       margin:0 0 20px;
+
+}
+
 #footer { 
-  width: 900px;
   clear: both;
-  color: #333;
-  border: 1px solid #ccc;
-  background: #228B22;
-  margin: 0px 0px 10px 0px;
-  padding: 10px;
+       background-color:mediumseaGreen;
+       width: 100%;
+       height: 30px;
+       float:right;
+       margin: 25px 0 0;
+}
+
+#footer p{
+       color: #FFF;
+       margin: 0;
+       padding: 7px 15px 7px;
+       text-align: right;
+       font-size: smaller;
+}
+#footer p a{
+       color: #FFF;
+}
+
+/* ===== add by oikaze sekimoto 20120129 ===== */
+p.responseButton {
+       margin: 12px;
+        text-align: center;
+}
+
+.responseButton {
+       background-color: mediumSeaGreen;
+}
+
+.responseButton input {
+       margin: 12px;
+       font-size: 16px;
+}
+
+#results,
+#reports {
+       background: #FFF;
+       width: 640px;
+       margin: 12px;
+}
+
+.caution {
+       background: #FFF;
+       margin: 12px;
+       padding: 6px;
+}
+
+.answer textarea {
+       width: 600px; 
+       margin-bottom: 12px;
+}
+
+.svgplot {
+       margin:10px 0 12px 120px;
+}
+
+ul li.li_reports a{
+        background:url("/mint/images/icon_4b_24.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_home a{
+        background:url("/mint/images/icon_3g_24_2.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_settings a{
+        background:url("/mint/images/icon_6m_24.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_logout a{
+        background:url("/mint/images/icon_2y_24.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_help a{
+        background:url("/mint/images/icon_3g_24.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_signup a{
+        background:url("/mint/images/icon_6m_24_2.png") no-repeat;
+        text-indent: 14px;
+}
+ul li.li_login a{
+        background:url("/mint/images/icon_3g_24_2.png") no-repeat;
+        text-indent: 14px;
 }
\ No newline at end of file