276
|
1 /*SKIPのTOPページ*/
|
|
2 body {
|
|
3
|
|
4 }
|
|
5
|
|
6 div.fix {
|
|
7 position:fixed;
|
312
|
8 width: 100%;
|
314
|
9 border: 2px black solid;
|
|
10 box-shadow: gray 3px 3px 3px
|
276
|
11 }
|
|
12
|
313
|
13 div.main_title{
|
|
14 text-align:center;
|
|
15 }
|
307
|
16
|
276
|
17
|
|
18 div.side_photo_right{
|
|
19 text-align:right;
|
312
|
20 margin-top:2em;
|
316
|
21 margin-right:20px;
|
315
|
22 width: 152px;
|
276
|
23 float:right;
|
|
24 }
|
|
25
|
|
26
|
|
27 div.menu {
|
|
28 background:#ffd620;
|
|
29 color:blue;
|
|
30 width:11%
|
|
31 text-align:center;
|
|
32 border-bottom-style:thin solid;
|
|
33 padding:2px 2px 2px 2px;
|
|
34 }
|
|
35
|
310
|
36 div.menu div{
|
276
|
37 margin-left:3%;
|
|
38 float:left;
|
|
39 background:#ffd620;
|
|
40 width:16%;
|
|
41 }
|
|
42
|
|
43 div.menu table {
|
|
44 text-align:center;
|
|
45 }
|
|
46
|
|
47 div.menu table td {
|
|
48 width:8em;
|
|
49 text-align:center;
|
|
50 }
|
|
51
|
|
52 div.menu table td a:hover {
|
|
53 background:white;
|
|
54 }
|
|
55
|
|
56 div.menu table td a:active {
|
|
57 background:#ffb820;
|
|
58 color:#ff5a20;
|
|
59 }
|
|
60 p.new {
|
|
61 width:66%;
|
|
62 text-align:center;
|
|
63 border-style-bottom:thin solid;
|
|
64 color:blue;
|
|
65 }
|
|
66
|
|
67 p.new span {
|
|
68 background:#ffd620;
|
|
69 padding:2px 2px 2px 2px;
|
|
70 }
|
|
71
|
|
72 h3 {
|
|
73 text-align:center;
|
|
74 }
|
|
75
|
|
76 div.staff {
|
281
|
77 taxt-align: center;
|
276
|
78 }
|
|
79
|
|
80 /*記事一覧*/
|
|
81 h2.article_list {
|
|
82 border-color:red;
|
|
83 border-right-style:none;
|
|
84 border-left-style:none;
|
|
85 border-top-style:thick solid;
|
|
86 border-bottom:thick solid;
|
|
87 }
|
|
88
|
|
89 div.shop_left {
|
|
90 float: left;
|
|
91 width:40%
|
|
92 margin:0 2% 0 8%;
|
|
93 }
|
|
94
|
|
95 div.shop_right {
|
|
96 float: right;
|
|
97 width:40%;
|
|
98 margin:0 2% 0 8%;
|
|
99 }
|
|
100
|
307
|
101 /**/
|
|
102
|
|
103 img.shadow, *.shadow img {
|
|
104 border: white 3px solid; box-shadow: black 3px 3px 3px;
|
|
105 margin-right: 3px; margin-bottom: 3px;
|
|
106 }
|
|
107
|
|
108 div.side_photo_right img{
|
|
109 border: 2px yellow solid;
|
|
110 box-shadow: orange 3px 3px 3px;
|
|
111
|
|
112 } |