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 1.7KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105
  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) { .csshack { font-size: 14px; }}
  33. html {
  34. width: 100%;
  35. margin: 0 auto;
  36. background-color: #ffffff;
  37. }
  38. body {
  39. position: relative;
  40. display: block;
  41. width: auto;
  42. /*width: 1000px;*/
  43. margin: 0 auto;
  44. padding: 0;
  45. /*background-image: url(img/kitagata_background.png);*/
  46. line-height:120%;
  47. }
  48. body#back{
  49. background-image: url(img/kitagata_background.png);
  50. }
  51. p, img, span {
  52. margin: 0;
  53. padding: 0;
  54. }
  55. ul {
  56. margin: 0 0 0 1em;
  57. padding: 0;
  58. }
  59. div#main {
  60. position: relative;
  61. display: block;
  62. left: 0px;
  63. top: 0px;
  64. height: 100%;
  65. width: 920px;
  66. /*margin: 0px 0px 0px 0px;*/
  67. margin: 0 auto;
  68. padding: 10px 40px 40px 40px;
  69. }
  70. .gothic {
  71. font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  72. }
  73. .mincho {
  74. font-family:'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
  75. /*font-family:'Hiragino Mincho ProN', serif;*/
  76. }
  77. input#button1{
  78. background-image: url(img/1_backcircle_red.png);
  79. }
  80. input#button2{
  81. background-image: url(img/2_backcircle_gray.png);
  82. }
  83. input#button3{
  84. background-image: url(img/3_backcircle_gray.png);
  85. }
  86. .u{
  87. text-decoration: underline;
  88. }
  89. .borderall{
  90. display: inline-block;
  91. border: solid 1px #000000;
  92. padding: 0px 0px 0px 0px;
  93. margin: 0px 0px 3px 0px;
  94. }