/* ----------------------------------------
* X^CΜZbg
* ---------------------------------------- */

body, div, 
h1, h2, h3, h4, h5, h6, 
dl, dt, dd, ol, ul, li, 
form, textarea {
  margin: 0;
  padding: 0;
}

a img {
  border-style: none;
}

a {
  text-decoration:none;
}

a:hover { 
  text-decoration:underline;
}

a:visited {
  text-decoration:none;
}
  

body {
  background-color:#F200FF;
  text-align:center;
  margin-right: auto;
  margin-left: auto;
  font-family: "lr SVbN", Osaka, "qMmpS Pro W3" ,sans-serif;
}

h1 {
  display: block;
  margin-left:auto;
  margin-right:auto;
  text-align:left;
  font-size: 25px;
  overflow: hidden;
  border-bottom:#FFFFFF double 3px;
}


/* ----------------------------------------
* #container@@SΜ
* ---------------------------------------- */

div#container {
  width: 950px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
  font-size: 12px;
  color:#000000;
  border:#FFFFFF double 3px;
}

div#container:after {
  content:"";
  display: block;
  height: 0;
  clear: both;
}


/* ----------------------------------------
* #header@wb_[
* ---------------------------------------- */

div #header {
  width: 948px;
  margin-right: auto;
  margin-left: auto;
  text-align: center;
  border-bottom: 3px double #FFFFFF;
  color:#0000FF;

}


/* ----------------------------------------
* #contents     Rec
* ---------------------------------------- */

div#contents{
  margin-left:auto;
  margin-right:auto;
  width:948px;
  height:500px;
}

div#main{
  float:left;
  height:500px;
}

div#cont {
  float: left;
  width:726px;
  height:500px;
  overflow:auto;
}


div#cont dl{
  float: left;
  line-height:20px;
  padding:15px 5px 10px 15px;
  width:688px;
}

div#cont dt{
  font-size:20px;
  font-weight:bold;
  padding: 0px 0px 0px 15px;
}

div#cont dd{
   font-size:14px;
  padding: 0px 0px 0px 20px;
  vertical-align:text-top;
  }
  
div#cont table {
  border:#0000ff outset 2px;
  width:100%;
}
  
div#cont table th {
  border:#FFFFFF inset 2px;
  text-align:center;
  padding:5px;
}
  
div#cont table td {
  border:#FFFFFF inset 2px;
  text-align:left;
  padding:5px 10px;
}

div#cont dl dd img{
  vertical-align:baseline;
  }


div#cont dl dd ol{
	margin:10px 40px;
  }


div#cont dl dd ul{
	margin-top:10px;
	margin-left:30px;
	list-style:none;
  }

div#cont dl dd strong{
	font-weight:bold;
	font-size:18px;
	
}

div#cont table td.no-line{
	border-right:none;
}

/* ----------------------------------------
 * #menu
 * ---------------------------------------- */


div#menu01 {
  width: 210px;
  margin: 0px;
  float:left;
}

div#menu01 ul#sliding-navigation{
  width: 210px;
  height:auto;
  vertical-align:middle;
  text-align:center;
  list-style:none;
  color:#FFFFFF;
  margin-left:auto;
  margin-right:auto;
}

div#menu01 ul#sliding-navigation li.sliding-element a{
  font-size:14px;
  font-weight:bold;
  color:#FFFFFF;
  height:45px;
  vertical-align:middle;
  line-height:45px;
  width: 200px;
  display: block;
  background:#C800C8 url(image/tab_bg.jpg) repeat-y;
  border:#FFFFFF outset 2px;
  padding:5px 0px;
}

div#menu01 ul#sliding-navigation li.sliding-element a:hover{
  font-size:14px;
  color:#0000FF;
  vertical-align:middle;
  line-height:45px;
  width: 200px;
  height:45px;
  text-decoration:none;
  display: block;
  background:#FFFF00 url(image/tab_bg.jpg) repeat-y;
  border:#FFFFFF outset 2px;
  padding:5px 0px;
}
/* ----------------------------------------
 * #footer
 * ---------------------------------------- */

div#footer{
  width:948px;
  height:60px;
  line-height:15px;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  vertical-align:middle;
  clear: left;
  border-top:#FFFFFF double 3px;
  font-size:9px;

}

