body { margin:0px; padding:0px; text-align:center; color:#02004C; line-height:1.5; background:#D4ECEA; }
#main { margin-left:auto; margin-right:auto; text-align:left; width:98%; border-left:1px solid; border-right:1px solid; }
h1 { margin:0px; background:#9FD9F6; font-size:3em; font-family:serif; }
  /* hr線の背景に画像 */
hr {
  display:block; border:0; margin:0px;
  width:100%; height:90px;
  -webkit-background-size: 600px 90px; }
.pale { background: url("hr-pale.png") repeat-x top right; }
.grayish { background: url("hr-grayish.png") repeat-x top left; }
.dark { background: url("hr-dark.png") repeat-x top right; }
h2 { font-size:1.5em; background:#54C3F1; }
#navi { padding:1em; background:#F9C270; border-bottom:1px solid #FFFFFF; }
.contents { margin-bottom:1em; padding-left:1em; }
.letter { margin:1em; background:#FFFFFF; }
p { display:inline-block; vertical-align:middle; }
h3 { margin-top:2em; background:#A2D7D4; width:50%; font-size:large; }
.right { padding-left:1em; text-align:right; }
h4 { margin-bottom:0.5em; }
ul { margin-top:1.5em; list-style-type:circle; }
em { background:linear-gradient(transparent 60%, #ffff66 60%); }
#footer { background:#0075A9; }
a { border:1px solid; border-color:#CCCCCC #999999 #999999 #CCCCCC;
   /* ▼角丸 */
   -webkit-border-radius: 7px; /* Chrome,Safari */
   -moz-border-radius: 7px;    /* Firefox */
   border-radius: 7px;         /* CSS3 */
   /* ▼余白 */
   padding: 0.5em 0.8em;
   margin: 0px 0.2em;
   /* ▼背景 */
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#CCCCCC)); /* Chrome,Safari */
   filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#ffffffff,EndColorStr=#ffcccccc); zoom:1; /* IE */
   background: -moz-linear-gradient(top, #fff, #ccc); /* Firefox */
   background: -o-linear-gradient(top, #fff, #ccc);   /* Opera */
   background: linear-gradient(top, #fff, #ccc);      /* CSS3 */
   /* ▼行高 */
   line-height: 2.2em;
   /* ▼空白・改行の扱い */
   white-space: nowrap;
}