No Description
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

base.css 2.0KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122
  1. @charset "utf-8";
  2. /* **********************************************
  3. * html定義 css
  4. *
  5. * 画面の大きさ・位置定義
  6. *
  7. * css 基本定義順番
  8. * 関数 {
  9. * position
  10. * display
  11. * left
  12. * top
  13. * rigth
  14. * buttom
  15. * width
  16. * height
  17. * margin
  18. * padding
  19. * }
  20. *
  21. ********************************************** */
  22. /*
  23. * 2014/02/26
  24. * body 大きさ定義
  25. *
  26. * 2014/03/03
  27. * p, ul, img
  28. * 余白0に定義
  29. * div#main
  30. * 全体の高さ取得用に定義
  31. */
  32. @media screen and (-webkit-min-device-pixel-ratio: 0) {
  33. .csshack {
  34. font-size: 14px;
  35. }
  36. }
  37. html {
  38. width: 100%;
  39. margin: 0 auto;
  40. background-color: #ffffff;
  41. }
  42. body {
  43. position: relative;
  44. display: block;
  45. width: auto;
  46. /*width: 1000px;*/
  47. margin: 0 auto;
  48. padding: 0;
  49. /*background-image: url(img/kitagata_background.png);*/
  50. line-height: 120%;
  51. }
  52. body#back {
  53. background-image: url(img/kitagata_background.png);
  54. }
  55. p, img, span {
  56. margin: 0;
  57. padding: 0;
  58. }
  59. ul {
  60. margin: 0 0 0 1em;
  61. padding: 0;
  62. }
  63. div#main {
  64. position: relative;
  65. display: block;
  66. left: 0px;
  67. top: 0px;
  68. height: 100%;
  69. width: 920px;
  70. /*margin: 0px 0px 0px 0px;*/
  71. margin: 0 auto;
  72. padding: 10px 40px 40px 40px;
  73. }
  74. .gothic {
  75. font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  76. }
  77. .mincho {
  78. font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  79. /*font-family:'Hiragino Mincho ProN', serif;*/
  80. }
  81. input#button1 {
  82. background-image: url(img/1_backcircle_red.png);
  83. }
  84. input#button2 {
  85. background-image: url(img/2_backcircle_gray.png);
  86. }
  87. input#button3 {
  88. background-image: url(img/3_backcircle_gray.png);
  89. }
  90. .u {
  91. text-decoration: underline;
  92. }
  93. .borderall {
  94. display: inline-block;
  95. border: solid 1px #000000;
  96. padding: 0px 0px 0px 0px;
  97. margin: 0px 0px 3px 0px;
  98. }
  99. /*2行目以降を字下げしたい時に使う
  100. spanタグには使えない*/
  101. .text-indent {
  102. text-indent: -1em;
  103. padding-left: 1em;
  104. }