@charset "UTF-8";
@import url(reset.css);

div#box {
   position: absolute;
   top:  50%;
   left: 50%;
   width:  700px; 
   height: 450px; 
   margin-left: -350px;
   margin-top:  -225px;
   border: #060 1px solid;
   overflow: auto;
      background-color: #ccffcc;
color: #000000;
}

div#contents {
   margin: 5px auto;
   padding:10px;
   border: #060 1px solid;
   width:  630px; 
   height: 309px; 
   overflow: auto; 
   background-color: #ffffff;
   color: #000000; 
}

div#footer {
   position: relative;
   top:  0;
   left: 0;
   margin-left: 10px ;
   background-color: #ccffcc;
   color: #000000;
}

p
{
margin: 1em 0;
line-height: 1.4;
font-size: small;
}

	#footer p
	{
margin: 10px auto;
   background: url("../image/copyright.gif") no-repeat  center;
text-indent: -1000em;
}

ul {
margin: 1em 0 1em 1.5em;
padding: 0;
list-style-type: square;
line-height: 1.4;
font-size: small;
}

ul.topicpath,ul.topicpath ul,ul.topicpath li {
	margin: 5px 5px 0 5px;
	padding: 0;
	border: none;
	display: inline;
  	list-style-type: none;
    height: 1px;
	font-size:small;
}
ul.topicpath span {
	padding: 0 5px;
	}

#header p {
margin: 10px auto;
	margin-top: 15px;
text-indent: -1000em;
width: 276px;
height: 26px;
background: url("../image/cwilogo2.gif") no-repeat;
}

#naviback p {
	text-align:center;
}


dt,dd
{
font-size: small;
}

dt
{
font-weight: bold;
margin-left: 5px;
padding-left: 10px;
border-left: #060 5px solid;
}

dd
{
margin:0 0 1em 2em;
padding-left: 10px;
}

h1
{
padding: 2px 1px 2px 3px;
color: #fff;
background: #060;
font-size: medium;
font-weight: bold;
}

h2
{
margin: 8px 4px 4px 4px;
color: #060;
background: #fff;
font-size: medium;
font-weight: bold;
border-bottom: #060 1px solid;
}

h3
{
margin: 8px 4px 4px 4px;
padding: 2px 1px 2px 3px;
color: #060;
background: #cfc;
font-size: small;
font-weight: bold;
border: #060 1px solid;
}

a:link
{
color: #00f;
text-decoration: underline;
}

a:visited
{
color: #939;
text-decoration: underline;
}

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