@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;
}

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;
}

h1 {
   color: #006600;
   font-size: 1.5em;
   font-weight: bold;
   margin: 10px 5px 0px 10px;
   padding: 10px 0px 10px 50px;
}

h1#sp360 {
   background-image: url(../images/point_360.gif);
   background-repeat: no-repeat;
}

h1#swide {
   background-image: url(../images/point_swide.gif);
   background-repeat: no-repeat;
}

h1#pcci {
   background-image: url(../images/point_pcci.gif);
   background-repeat: no-repeat;
}

h1#info {
   background-image: url(../images/point_info.gif);
   background-repeat: no-repeat;
}

h2 {
   color: #003399;
   font-size: 1.1em;
   font-weight: bold;
   cursor: pointer;
}

h3 {
   font-weight: bold;
   border-bottom: 3px #993300 dotted;
}

div#subHeader a {
   background-color: red;
}

h3.new {
   margin-left: 25px;
   margin-right: 30px;
}

h3.list {
   margin-right: 10px;
}

p {
   line-height: 150%;
}

ul img {
   margin-right: 5px;
   vertical-align: middle;
}

ul.new {
   margin: 0px 5px 10px 30px;
}

ul.new li {
   margin: 5px 0px 5px 0px;
}

ul.list {
   margin: 0px 5px 20px 5px;
}

ul.list li {
   margin: 5px 0px 5px 0px;
}

ul.exp {
   margin: 5px 5px 5px 15px;
}

ul.exp li {
   padding-left: 22px;
   background: url(../images/point_star.gif);
   background-repeat: no-repeat;
   line-height: 170%;
}