1*{ 2 margin:0; 3 padding:0; 4} 5 6body{ 7 background-color:white; 8 width:100%; 9 font-family:"Verdana","Geneva","MS Pゴシック",Osaka,sans-serif; 10} 11 12.notice { 13 border:1px solid #C6C3FF; 14 padding:0.7em 0.7em 0.7em 0.7em; 15 background-color:#dde; 16} 17 18#header{ 19 width:100%; 20 background-color:white; 21 height:50px; 22 margin: 10px 10px 0px 20px; 23} 24 25#header h1 { 26 color:#777777; 27} 28 29#header h1 span.first { 30 color:#7777d8; 31} 32 33#header h1 span.second { 34 color:#ec704a; 35} 36 37#footer{ 38 width:100%; 39 clear:both; 40 background-color:white;border-top:2px solid #fff; 41 text-align:center; 42 padding:1em 0; 43} 44 45.contents p{ 46 margin:1em 0; 47} 48 49li { 50 list-style:none; 51} 52 53#navigation { 54 background-color:white; 55} 56 57#contents { 58 background-color:white; 59} 60 61#mynavi{ 62 padding:1em 0 2em 1em;border:0px solid #fff; 63} 64 65#mymain{ 66 padding:1em;border-left:1px solid #fff; 67} 68 69#navigation{ 70 float:left; width:150px; 71} 72 73/* contents */ 74#contents{ 75 margin:20px 50px 0 150px; 76} 77 78#contents textarea { 79 width:100%; 80 margin: 10px 0px 20px 0px; 81} 82 83#contents input.submit { 84 width:100px; 85 margin: 5px; 86} 87 88#contents pre { 89 border: 1px solid #aac; 90 background-color: #dde; 91 padding: 5px; 92 margin:10px; 93} 94 95#contents h1, h2, h3 { 96 border-bottom:3px dotted #777777; 97 letter-spacing:0.5ex; 98 padding:0.5ex; 99 word-spacing:0.7ex; 100 margin-top: 1.8ex; 101 margin-bottom: 1.8ex; 102} 103 104#contents h1 { 105 font-size: 110%; 106} 107 108#contents h2 { 109 font-size: 100%; 110} 111 112#contents h3 { 113 font-size: 90%; 114} 115 116#contents p { 117 margin-top: 1.8ex; 118 margin-bottom: 1.8ex; 119 line-height: 160% 120} 121 122#contents ul, #contents ol { 123 list-style-position: outside; 124 padding-left:3em; 125} 126 127#contents ul li { 128 line-height:200%; 129 list-style-type:disc; 130} 131 132#contents a { 133 cursor: pointer; 134 color : #5496FC ; 135} 136 137#contents a:link { 138 color : #5496FC ; 139} 140 141#contents a:visited { 142 color : #5496FC ; 143} 144 145#contents a:hover { 146 color : #FFA458 ; 147 text-decoration : none ; 148} 149 150#footer { 151 font-size:70%; 152} 153 154/* topmenu */ 155#topmenu { 156 width:50em; 157 height:3em; 158 margin: 0 50px; 159 padding :0; 160 float:right; 161} 162 163#topmenu ul { 164 margin: 0; 165 padding :0; 166 list-style-type : none; 167 float:right; 168} 169 170#topmenu li { 171 display : inline; 172 padding :0; 173 margin:0; 174 float:left; 175 font-size:90%; 176 font-weight:bold; 177} 178 179#topmenu a { 180 display:block; 181 border-bottom:1px solid #aac; 182 border-top:1px solid #aac; 183 border-left:1px solid #aac; 184 background-color:#dde; 185 padding:1px 0px 1px 0px; 186 text-decoration:none; 187 color:#557; 188 width:7em; 189 height:1.5em; 190 margin:0px; 191 text-align:center; 192} 193 194#topmenu a:hover { 195 display:block; 196 border-top:1px solid #777777; 197 background-color: #7777d8; 198 padding:1px 0px 1px 0px; 199 text-decoration:none; 200 color:white; 201 height:1.5em; 202 text-align:center; 203} 204 205#topmenu #menu_left a { 206 display:block; 207 border:1px solid #aac; 208 background-color:#dde; 209 padding:1px 0px 1px 0px; 210 text-decoration:none; 211 color:#557; 212 width:7em; 213 height:1.5em; 214 margin:0px; 215 text-align:center; 216} 217 218#topmenu #menu_left a:hover { 219 display:block; 220 border-top:1px solid #777777; 221 background-color: #7777d8; 222 padding:1px 0px; 223 text-decoration:none; 224 color:white;height:1.5em; 225 text-align:center; 226} 227 228span.no-exist a { 229 font-size: 80%; 230}span.no-exist a { 231 font-size: 80%; 232} 233