@import "impstyle.css";

/**************基礎**************/
html,body,iframe,
div,p,blockquote,form,hr,
h1,h2,h3,h4,h5,h6,
dl,dt,dd,ol,ul,li,
table,caption,thead,tbody,tfoot,tr,th,td{
  scrollbar-face-color:#e6e6e6;
  scrollbar-track-color:#e9e9e9;
  scrollbar-arrow-color:#000000;
  scrollbar-highlight-color:#cccccc;
  scrollbar-shadow-color:#cccccc;
  scrollbar-3dlight-color:#999999;
  scrollbar-darkshadow-color:#999999;
  font-size:12px;
  line-height:150%;
  font-family:"Meiryo UI","Verdana","Arial","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#000000;
  vertical-align:middle;
  border:none;
  outline:none;
  list-style-type:none;
  margin:0;
  padding:0;
}
input,textarea,select,option{
  font-size:12px;
  line-height:100%;
  font-family:"Meiryo UI","Verdana","Arial","ＭＳ Ｐゴシック","MS PGothic",sans-serif;
  color:#000000;
}
html{
  height:100%;
  /overflow:hidden;
}
body{
  text-align:center;
  overflow-y:scroll;
  /position:relative;
  height:100%;
}
img{
  border:none;
}
hr{
  /border-top:1px solid transparent;
  display:block;
  /margin:-9px;
  /height:0px;
}
a{
  color:#000000;
  text-decoration:none;
}
a:hover{
  color:#cc0000;
  text-decoration:underline;
}
/**************inside**************/
.whiteboard{
  border-collapse:collapse;
  margin:0px auto;
  width:635px;
  height:300px;
}
.whiteboard td{
  font-family:"あんずもじ";
  font-size:16px;
  line-height:130%;
  text-align:left;
  padding:110px 20px 20px 25px;
}
.whiteboard a{
  background:#ffffcc;
  text-decoration:none;
}
.whiteboard a:hover{
  background:#6DCFF6;
  color:#ffffff;
}
.liech td{
  background:url(wpc_img21-1.gif) no-repeat center;
}
.liech a{
  color:#cc3399;
}
.eliza td{
  background:url(wpc_img21-2.gif) no-repeat center;
}
.eliza a{
  color:#5bffad;
}
#evelist{
  background:#ffffcc;
  border:5px solid #7B0046;
  margin:30px auto;
  padding:10px;
  width:600px;
  clear: both;
}
#evelist li{
  background:#ffffff;
  border:1px dashed #1B1464;
  clear:both;
  margin:15px;
  padding:10px 5px;
}
#evelist p{
  line-height:30px;
  text-align:center;
  width:240px;
  float:left;
}
/**************wpcside**************/
body#wpcside{
  background:url(wpc_img01.jpg) fixed;
  overflow:hidden;
}
#wpcside #mission{
  font-size:45px;
  line-height:50px;
  font-family:"Love Ya Like A Sister";
  color:#ffffff;
}
#wpcside #mission a{
  color:#ffffff;
  text-decoration:none;
  display:inline-block;
  width:50px;
}
#wpcside #mission a:hover{
  color:#cc0000;
}
#wpcside #mission s{
  visibility:hidden;
}
#wpcside #contents{
  display:table;
  width:100%;
  height:100%;
}
#wpcside #menu_out{
  display:table-cell;
  width:200px;
  height:100%;
  /float:left;
}
#wpcside #menu_in{
  height:100%;
  position:relative;
}
#wpcside #menu_in ul{
  background:url(wpc_img02.gif) no-repeat center;
  position:absolute;
  top:50%;
  left:5px;
  margin-top:-300px;
}
#wpcside #menu_in a{
  display:block;
}
#wpcside #menu_in a img{
  visibility:hidden;
}
#wpcside #menu_in a:hover img{
  visibility:visible;
}
#wpcside #base_out{
  background:#ffffff;
  border-top:2px solid #666666;
  border-left:2px solid #666666;
  display:table-cell;
  height:100%;
}
#wpcside #base_in{
  border-top:1px solid #333333;
  border-left:1px solid #333333;
  position:relative;
  height:100%;
}
#wpcside #base_in iframe{
  height:100%;
  position:absolute;
  top:0px;
  right:0px;
}

/**************dataside**************/
#dataside #head{
  background:url(wpc_img05-ytop.gif) no-repeat center bottom;
  text-align:right;
  padding-right:40px;
}
#dataside #head li{
  font-size:20px;
  font-family:"Wallpoet";
  line-height:25px;
  text-align:center;
  display:inline-block;
  /display:inline;
  /zoom:1;
}
#dataside #head a{
  color:#000000;
  text-decoration:none;
  display:block;
  padding:15px 0px 20px;
  width:187px;
}
#dataside #contents{
  margin:0px auto;
  width:750px;
  height:100%;
}
#dataside #wrapping{
  background:url(wpc_img05-ycen.gif) repeat-y center;
  padding:5px 25px 0px 17px;
}
#dataside #documents{
  background:#ffffff;
  border:1px solid;
  border-color:#cccccc #777777 #555555 #999999;
  position:relative;
  padding:15px 15px 5px;
}
#dataside .rule{
  margin:10px 10px -10px;
}
#dataside .rule dt{
  background:#ffff99 url(wpc_img04.gif) no-repeat 2px bottom;
  font-weight:bold;
  font-size:14px;
  font-family:"メイリオ","Meiryo";
  line-height:25px;
  text-align:left;
  padding-left:30px;
}
#dataside .rule dd{
  text-align:left;
  padding:5px 50px 20px;
}
#dataside #pair img{
  vertical-align:middle;
}
#dataside #pair td{
  white-space:nowrap;
}
#dataside #pair th{
  width:100%;
}
#dataside #pair #sps div{
  background:url(wpc_img22.png) repeat-x center;
  /position:relative;
  margin:100px -18px 10px;
  height:18px;
}
#database table{
  margin:0px auto;
}
div#database > img{
  margin-right:350px;
}
#topcall{
  border-collapse:collapse;
  width:425px;
}
#topcall tr + tr td,
#topcall tr + tr th{
  border-top:3px double #cccccc;
}
#topcall td{
  text-align:right;
  border-right:3px double #cccccc;
  width:150px;
  padding-right:10px;
}
#topcall th{
  text-align:left;
  padding:5px 10px;
}
#years{
  border-spacing:2px;
}
#years th{
  background:#ccffcc;
  font-weight:normal;
  line-height:25px;
  width:45px;
}
#years td{
  text-align:left;
  border-bottom:1px solid #cccccc;
  padding:0px 10px;
  width:350px;
}
#high{
  border-collapse:collapse;
}
#high th{
  background:url(cookie/d5.jpg) repeat-y center 1px;
  width:20px;
}
#high td{
  text-align:left;
  border-bottom:1px solid;
  line-height:20px;
  width:190px;
}
#imagecolor{
  background:url(cookie/d4.gif) repeat-y left top;
  border:1px solid #cccccc;
  border-spacing:2px;
}
#imagecolor th{
  line-height:35px;
  padding-right:5px;
}
#imagecolor tbody th{
  border-top:1px solid #cccccc;
}
#imagecolor th{
  font-weight:normal;
  text-align:right;
  width:170px;
}
#imagecolor td{
  background:url(wpc_img23.png) right top;
  width:230px;
}

/**************noside**************/
#movetop{
  text-align:right;
  margin-top:-30px
}