css/base.css

   1 @charset 'utf-8';\r
   2 \r
   3 body {\r
   4         font-size: 12px;\r
   5         line-height: 18px;\r
   6         color: #444444;\r
   7         font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;\r
   8 }\r
   9 \r
  10 /** define base content **/\r
  11 div.header {\r
  12         display: table;\r
  13         width: 860px;\r
  14         height: 150px;\r
  15         border: 1px solid #333333;\r
  16         background-color: #ffffff;\r
  17         padding: 20px;\r
  18         margin-top: 20px;\r
  19         margin-left: auto;\r
  20         margin-right: auto;\r
  21         margin-bottom: 20px;\r
  22         box-shadow: 2px 4px 4px #aaaaaa;\r
  23 }\r
  24 \r
  25 div.content {\r
  26         display: table;\r
  27         width: 900px;\r
  28         margin-left: auto;\r
  29         margin-right: auto;\r
  30 }\r
  31 \r
  32 div.footer {\r
  33         display: table;\r
  34         width: 860px;\r
  35         border: 1px solid #333333;\r
  36         background-color: #ffffff;\r
  37         padding: 20px;\r
  38         margin-left: auto;\r
  39         margin-right: auto;\r
  40         margin-bottom: 20px;\r
  41         box-shadow: 2px 4px 4px #aaaaaa;\r
  42         behavior: url("css/PIE.htc");\r
  43 }\r
  44 \r
  45 /** define include content **/\r
  46 div.content_inline {\r
  47         display: inline-block;\r
  48         vertical-align: top;\r
  49 }\r
  50 \r
  51 div.content_menu {\r
  52         width: 19%;\r
  53 }\r
  54 div.content_main {\r
  55         width: 79%;\r
  56 }\r
  57 div.content_inline_margin {\r
  58         width: 1%;\r
  59 }\r
  60 \r
  61 /** ul style **/\r
  62 ul.menu {\r
  63         display: table;\r
  64         width: 100%;\r
  65 }\r
  66 \r
  67 li.menu {\r
  68         display: table;\r
  69         margin-top: 0px;\r
  70         margin-bottom: 10px;\r
  71 }\r
  72 \r
  73 a.menu {\r
  74         display: block;\r
  75         width: 150px;\r
  76         border: 1px solid #333333;\r
  77         background-color: #ffffff;\r
  78         padding: 10px 0px 10px 20px;\r
  79         border-radius: 5px;\r
  80         box-shadow: 2px 4px 4px #aaaaaa;\r
  81         behavior: url("css/PIE.htc");\r
  82 }\r
  83 \r
  84 a:hover.menu {\r
  85         color: #ffffff;\r
  86         background-color: #333333;\r
  87 }\r
  88 \r