*{
  margin:0;
  padding:0;
}
body {
  padding: 0;
  margin: 0;
  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
  font-size: 13px;
  text-align:center;
}
img{
  border:none;
}
h1, h2, h3, h4, h5, h6 {
    margin: 0;
}
#page{
  border-top:3px solid #055BA7;
  margin:0 auto;
  width:780px;
}
#header {
  text-align:left;
  display:block;
  padding:17px 0 17px 13px;
}
#header a{
  font-size:12px;
  color:#065ca8;
}
#maincontent{
  text-align:left;
  border-top:1px solid #ccc;
  padding:20px;
}
h1{
  color:#7a7a7a;
  font-size:16px;
  font-weight:normal;
}
h1 span{
  font-weight:bold;
  margin-right:5px;
  color:#065ca8;
}
#list ul {
  list-style: none outside none;
  margin: 0;
  padding: 0 0 0.5em 0;
}

#list li {
  padding:10px 0;
  overflow: hidden;
  list-style: none;
  margin:1em 0 0;
  background-color: #f3f2de;
}

.content-wrap{
  padding-left:25px;
  clear:left;
}
.content{
  padding:10px 0 0 3px;
}
.content p {
  line-height: 20px;
}
.eyecatch {
  width: 200px;
  margin:0 1em;
  float: right;
  display:inline;
  -webkit-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.8);
  -moz-box-shadow:0px 0px 10px -5px rgba(0,0,0,0.8);
  box-shadow:0px 0px 10px -5px rgba(0,0,0,0.8);
  
}
.list-title{
  width:450px;
  height:26px;
  margin:10px 0 0 0;
  vertical-align:middle;
 }
.list-title h2{
  background:url(../image/list-square.png) no-repeat left top;
  padding-left:25px;
  margin:0;
  font-size:18px;
  color:#065ca8;
  text-align:left;
  float:left;
}
.list-title img{
  float:right;
  margin-top:4px;
}
h3{
  margin:0;
  padding:0;
  font-weight:normal;
  font-size:11px;
  color:#065ca8;
}
h3 a{
  text-decoration:none;
  color:#065ca8;
}
h3 a:hover{
  text-decoration:underline;
}
#link-allcontents {
  color:#7a7a7a;
  text-align:left;
  padding-top: 5px;
}
/**
 *   button style
 */
.openbtn-wrap{
  margin:10px 0;
    vertical-align:bottom;
  max-width: 480px; /* add */
}
.openbtn {
/*  margin: 10px 10px 10px 0;*/
  text-decoration: none;
  font: bold 1.2em 'Trebuchet MS', Arial, Helvetica;
  display: inline-block;
  text-align: center;
  color: #fff;
  border: 1px solid #9c9c9c;
  border: 1px solid rgba(0, 0, 0, 0.3);
}
.openbtn, .openbtn span {
  -moz-border-radius: .3em;
  border-radius: .3em;
}
.openbtn span {
  border-top: 1px solid #fff; /* Fallback style */
  border-top: 1px solid rgba(255, 255, 255, 0.5);
  display: block;
  padding: 0.3em 1.5em;
}
.openbtn:hover {
  box-shadow: 0 0 .2em rgba(0, 0, 0, 0.8);
  -moz-box-shadow: 0 0 .2em rgba(0, 0, 0, 0.8);
  -webkit-box-shadow: 0 0 .2em rgba(0, 0, 0, 0.8);
}
.openbtn:active {
  /* When pressed, move it down 1px */
  position: relative;
  top: 1px;
}
.btn-blue {
  background-color: #065fad;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#0084c3), to(#065fad) );
  background-image: -webkit-linear-gradient(#0084c3,#065fad);
  background-image: -moz-linear-gradient(-90deg, #0084c3, #065fad);
  /* ie6 +*/
  filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084c3', endColorstr='#065fad');
  /* ie8+ */
  -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0084c3', endColorstr='#065fad');
  /* ie10 */
  background-image:-ms-linear-gradient(#0084c3, #065fad);
  /* opera */
  background-image:-os-linear-gradient(#0084c3, #065fad);
  background-image:linear-gradient(#0084c3, #065fad);
 }
/**
 *   footer style
 */
#footer{
  clear:both;
    border-top:3px solid #005aaa;
    padding:10px 15px 40px 15px;
    color:#999;
}
#copyright{
  text-align:left;
  float:left;
}
#footer a{
  text-align:right;
  float:right;
}