2 a:link { color: #E09990;}
\r
3 a:visited { color: #C09990;}
\r
4 a:active { color: #F0DDDD;}
\r
5 a:hover { color: #F0DDDD;}
\r
11 background-color: #300900;
\r
13 flex-direction: column;
\r
14 justify-content: space-between;
\r
15 align-content: center;
\r
16 align-items: center;
\r
21 font-family:"メイリオ","Meiryo",Osaka, "ヒラギノ角ゴ Pro W3", Arial, Helvetica, sans-serif;
\r
23 line-height: 1.2rem;
\r
27 background-color: #000000;
\r
32 padding: 0px 0px 0px 0px;
\r
37 /* ヘッダ/フッタ ////////////////////////////////////////////////// */
\r
41 background-color : #000000;
\r
43 flex-direction: column;
\r
49 background-color: #000000;
\r
53 flex-direction: row;
\r
54 justify-content: space-around;
\r
64 /* タイトル系統 ////////////////////////////////////////////////// */
\r
69 margin-right : auto;
\r
73 justify-content: space-between;
\r
74 align-content: center;
\r
106 /* メインメニュー系統 ////////////////////////////////////////////////// */
\r
111 margin-right : auto;
\r
112 margin-left : auto;
\r
113 background-color: #000000;
\r
115 justify-content: center;
\r
116 align-content: center;
\r
120 section#mainMenu > a {
\r
121 position: relative;
\r
122 display: inline-block;
\r
123 padding: 0.25em 0.5em;
\r
124 text-decoration: none;
\r
125 background: #302010;
\r
127 border-radius: 0.3vw;
\r
128 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
130 border: solid 2px #d27d00;/*線色*/
\r
133 section#mainMenu > span {
\r
134 position: relative;
\r
135 display: inline-block;
\r
136 padding: 0.25em 0.5em;
\r
137 text-decoration: none;
\r
139 background: #442200;
\r
140 border-radius: 0.3vw;
\r
141 box-shadow: inset 0 2px 0 rgba(255,255,255,0.2), inset 0 -2px 0 rgba(0, 0, 0, 0.05);
\r
143 border: solid 2px #d27d00;/*線色*/
\r
146 section#mainMenu > a:hover
\r
148 background: #A06535;
\r
149 box-shadow: 0 0 2px rgba(0, 0, 0, 0.30);
\r
153 /* 本文系統 ////////////////////////////////////////////////// */
\r
157 line-height: 1.3rem;
\r
161 flex-direction: column;
\r
166 margin: 0.5rem 1.6rem;
\r
174 flex-direction: row;
\r
175 justify-content: center;
\r
176 justify-items: center;
\r
177 align-content: space-around;
\r
178 align-items: center;
\r
182 text-align: center;
\r
191 margin: 0px 15px 0px 15px;
\r
199 text-align: center;
\r
204 padding: 10px 10px 6px 10px;
\r
205 border: 3px #554433 solid;
\r
206 background-color: #000000;
\r
212 border: 1px #554433 solid;
\r
213 background-color: #000000;
\r
219 background-color: #000000;
\r
227 /* common footer */
\r
237 border: 3px #554433 solid;
\r
238 text-align: center;
\r
242 white-space: -moz-pre-wrap; /* Mozilla */
\r
243 white-space: -pre-wrap; /* Opera 4-6 */
\r
244 white-space: -o-pre-wrap; /* Opera 7 */
\r
245 white-space: pre-wrap; /* CSS3 */
\r
246 word-wrap: break-word; /* IE 5.5+ */
\r