+@charset "UTF-8";\r
+\r
/* VML ( v\:* don't work for ie8(ie8mode))\r
--------------------------------------------------------------------------------------*/\r
v\:shape,\r
\r
/* Reset\r
--------------------------------------------------------------------------------------*/\r
+\r
+\r
html, body {\r
margin: 0;\r
padding: 0;\r
+ height: 100%;\r
}\r
- \r
+ /* この指定がないと ie で Util.getAbsolutePosition が狂う body { font-family: "MS PGothic", "MS Gothic" } */\r
+ body {\r
+ font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "メイリオ", Meiryo, "MS PGothic", Osaka, "MS Gothic", Gothic, sans-serif; \r
+ }\r
+ \r
p {\r
text-shadow: #000 0 0 0;/* for Safari */ \r
-moz-opacity: 0.99;/* for Firefox */ \r
/* remember to define focus styles! */\r
:focus { outline: 0;}\r
\r
- /* http://honoo-no.com/creators/2008/02/14_211120.html */\r
+ /* http://web.archive.org/web/20100204222112/http://honoo-no.com/creators/2008/02/14_211120.html */\r
textarea, input {\r
- font-family: "MS Pゴシック", Osaka, "ヒラギノ角ゴ Pro W3",sans-serif;\r
+ font-family: "MS PGothic", Osaka, "MS Gothic", "ヒラギノ角ゴ Pro W3", sans-serif;\r
}\r
\r
\r
\r
* html .clearfix {\r
height: 1px;\r
- /*¥*//*/\r
+ /*\*//*/\r
height: auto;\r
overflow: hidden;\r
/**/\r
border-color: #4D90FE;\r
}\r
\r
+ /* editable-text\r
+ --------------------------------------------------------------------------------------*/\r
+ \r
+ .editable-text {\r
+ display: inline-block;\r
+ color: #333;\r
+ border: 1px solid #ccc;\r
+ font-size: 14px;\r
+ line-height: 16px;\r
+ }\r
+ .editable-text a,\r
+ .editable-text a:link,\r
+ .editable-text a:visited,\r
+ .editable-text a:hover,\r
+ .editable-text a:active {\r
+ padding: 3px;\r
+ color: #333;\r
+ text-decoration: none;\r
+ display: block;\r
+ zoom: 1;\r
+ outline: 0;\r
+ background-color: #fff;\r
+ }\r
+ .editable-text a:hover {\r
+ background-color: #ccf;\r
+ }\r
+ .editable-text input {\r
+ padding: 3px 0;\r
+ width: 100%;\r
+ font-family: Arial,Helvetica,sans-serif;\r
+ background-color: #ccf;\r
+ border: 0;\r
+ margin: 0;\r
+ outline: 0;\r
+ }\r
+ \r
+ /* combobox\r
+ --------------------------------------------------------------------------------------*/ \r
+ .combobox {\r
+ display: inline-block;\r
+ color: #333;\r
+ }\r
+ .combobox a,\r
+ .combobox a:link,\r
+ .combobox a:visited,\r
+ .combobox a:hover,\r
+ .combobox a:active {\r
+ border: 1px solid #ccc;\r
+ font-size: 14px;\r
+ line-height: 16px; \r
+ padding: 3px;\r
+ color: #333;\r
+ text-decoration: none;\r
+ display: block;\r
+ zoom: 1;\r
+ outline: 0;\r
+ background-color: #fff;\r
+ position: relative;\r
+ }\r
+ .combobox a:hover {\r
+ background-color: #ccf;\r
+ }\r
+ .combobox a:active {\r
+ outline: 0;\r
+ }\r
+ .combobox-toggle {\r
+ position: absolute;\r
+ right: 5px;\r
+ top: 0;\r
+ display: block;\r
+ font-family: Arial,Helvetica,sans-serif;\r
+ font-size: 12px;\r
+ line-height: 20px;\r
+ color: #999;\r
+ }\r
+ .combobox a.combobox-has-focus .combobox-toggle {\r
+ color: #4D90FE;\r
+ } \r
+ \r
+ \r
+ .option-container {\r
+ position: absolute;\r
+ list-style: none;\r
+ top: 30px;\r
+ width: 200px;\r
+ margin: 0;\r
+ padding: 0;\r
+ background-color: #fff;\r
+ opacity: 0.9;\r
+ -moz-opacity: 0.9;\r
+ -khtml-opacity: 0.9;\r
+ color: #666;\r
+ border: 1px solid #ccc;\r
+ box-shadow: 1px 4px 9px #333;\r
+ -moz-box-shadow: 1px 4px 9px #333;\r
+ -webkit-box-shadow: 1px 4px 9px #333;\r
+ filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+ -ms-filter: alpha(opacity=90) progid:DXImageTransform.Microsoft.Shadow(color=#666666,direction=120,strength=9);\r
+ }\r
+ .option-container li {\r
+ display: block;\r
+ cursor: pointer;\r
+ height: 30px;\r
+ line-height: 30px;\r
+ }\r
+ .option-container a,\r
+ .option-container a:link,\r
+ .option-container a:visited {\r
+ color: #666;\r
+ position: relative;\r
+ display: block;\r
+ padding: 0 10px;\r
+ height: 30px;\r
+ line-height: 30px;\r
+ *cursor: pointer;\r
+ }\r
+ .option-container a:hover {\r
+ color: #333;\r
+ background-color: #ccf;\r
+ text-decoration: none;\r
+ *cursor: pointer;\r
+ }\r
+ .current-option a,\r
+ .current-option a:link,\r
+ .current-option a:visited {\r
+ color: #e6e6ef;\r
+ background-color: #66f;\r
+ text-decoration: none;\r
+ }\r
+ \r
+\r
+\r
/* Loading\r
--------------------------------------------------------------------------------------*/\r
.loading {\r
position: absolute;\r
bottom: 10px;\r
left: 20px;\r
+ width: 110px;\r
+ overflow: hidden;\r
color: #FFF;\r
font-size: 14px;\r
+ line-height: 1.3;\r
font-weight: normal;\r
font-family: Segoe UI,Tahoma,Arial,Verdana,sans-serif;\r
}\r