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