@charset "utf-8";

body {
   font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
   background: #fff url(../images/bg_wrapper2.gif);
   background-repeat: repeat;
}

body#swai{
   font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
   background: #fff url(../images/bg_swai.gif);
   background-repeat: repeat;
}

body#toppage {
   font-family: Arial,'ＭＳ Ｐゴシック',sans-serif;
   background: #fff;
}

a {
   color: #3366FF;
   text-decoration: none;
}

a:visited {
   color: #483D8B;
}

a:hover {
   color: #ff3366;
   text-decoration: underline;
}

div#topmenu a {
   color: #fff;
}

div#topmenu a:hover {
   color: #ff3366;
   text-decoration: underline;
}

div.navi {
   font-size: 0.9em;
   margin: 10px 10px 20px 10px;
}

div.navi img {
   margin: 0px 5px 0px 5px;
}

div.navi2 {
   text-align: right;
   font-size: 0.9em;
   margin: 20px 10px 10px 10px;
}

div.navi2 img {
   margin: 0px 5px 0px 5px;
}

div#headline {
   font-size: 2em;
   color: #660000;
}

div#headline img {
   vertical-align: middle;
   margin-right: 10px;
}

h1#area{
   font-size: 18px;
   font-weight: bold;
   color: #006600;
   margin: 15px 15px 10px 15px;
   padding: 10px 0px 10px 45px;
   background-image: url(../images/point_area.gif);
   background-repeat: no-repeat;
}

h1 {
   font-size: 1.2em;
   font-weight: bold;
   color: #006600;
   margin-left: 15px;
   padding: 30px 0px 20px 45px;
   background-image: url(../images/point.gif);
   background-repeat: no-repeat;
}

h2#plugin {
   font-weight: bold;
   font-size: 20px;
   color: #000000;
   margin: 10px 10px 10px 10px;
}

h3 {
   font-weight: bold;
   margin: 30px 0px 10px 20px;
   border-bottom: 1px #666 dashed;
}

h3#plugin {
   font-size: 14px;
   font-weight: bold;
   margin: 5px 20px;
   border-bottom: 0px #666 dashed;
}
h3#area, h3#nextarea {
   font-size: 12px;
   font-weight: bold;
   margin: 5px 5px;
   border-bottom: 0px #666 dashed;
}

p {
   line-height: 170%;
   margin: 5px 0px 5px 30px;
}

span {
   font-size: 1.1em;
   font-weight: bold;
}

ul {
   margin: 20px 0px 20px 60px;
}

li {
   line-height: 170%;
   list-style-type: square;
}

div.release {
   width: 700px;
   height: 300px;
   overflow: auto;
}

div.notice {
   margin:0px 0px 10px 120px;
   }

div#wide{
   color: #003399;
   font-size: 1.2em;
   font-weight: bold;
   margin: 20px 0px 20px 20px;
}

div.container {
   width: 730px;
   height: auto;
}

div.clear {
   clear: both;
}

div.container img {
   float: left;
   margin-right: 30px;
   vertical-align: top;
}

div.container p {
   margin: 20px 0px 20px 0px;
}

table.list {
   width: 700px;
   margin-left: 20px;
}

table.list td {
   font-size: 0.9em;
   width: 120px;
   height: 40px;
   padding: 0px 5px 0px 10px;
   border: 1px #ccc solid;
}

dl { 
margin:  0px 0px 0px 60px;
padding:  0px 0px 0px 0px;
}

dt {
font-style: normal;
font-weight:bold;
line-height: 1.2em;
margin:0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:6.5em;
}

dd {
position:relative; 
top:-1.2em; 
left:6.5em;
border-width: 0px; 
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px; 
line-height: 100%;
z-index:1;
width:80%;
line-height: 1.2em;
}