body {
 margin:  0;
 padding: 0;
 color: #000000;
 background-color: #FFFFFF;
 background:url(c_img/bg.gif) left top repeat-x;
 text-align: center;
 font-size: 10pt;
}



/* master init styles */
h1 {
 margin-bottom: 15px;
 padding: 1px;
 font-size: 12pt;
 line-height: 150%;
 border-bottom: solid 1px #000000;
 border-left:   solid 5px #000000;
 text-indent: 15px;
}

h2 {
 margin-bottom: 15px;
 padding: 1px;
 font-size: 12pt;
 line-height: 150%;
 border-bottom: solid 1px #000000;
 border-left:   solid 5px #000000;
 text-indent: 15px;
}

h2#blue {
 color: #009999;
 border-bottom: solid 1px #009999;;
 border-left:   solid 5px #009999;;
}

h3 {
 margin-bottom: 15px;
 padding: 1px;
 font-size: 11pt;
 line-height: 150%;
 text-indent: 15px;
}

h3#red {
 border-left: solid 5px #CC0000;
}

h3#blue {
 background:url(c_img/h3_blue.gif) no-repeat;
}

ul, li {
 margin:  0;
 padding: 0 10px;
 line-height: 150%;
}

p {
 margin:  0;
 padding: 0;
 line-height: 150%;
}

a {
 text-decoration: none;
}

a:link, a:visited {
 color: #0066CC;
}

a:active, a:hover {
 color: #CC0000;
}



/* contents styles */

div#container {
 width:   900px;
 height:  auto;
 margin:  auto;
 padding: 0;
 background-color: transparent;
 text-align: left;
}



div#header {
 width:   auto;
 height:  80px;
 padding: 10px 0;
 background-color: transparent;
 background-image: url("c_img/logo_01.gif");
 background-repeat: no-repeat;
 background-position: 0 10px;
 text-align: left;
}



div#navigation {
 width:  auto;
 height: auto;
 padding: 5px 0;
}



div#wrapperbg {
 width:   900px;
 height:  auto;
 padding: 5px;
 background-image: url("c_img/bg_line.gif");
 background-repeat: repeat;
}

div#wrapper {
 width:  880px;
 height: auto;
 margin: 0;
 padding: 10px 10px 20px 10px;
 position: relative;
 overflow: hidden;
 background-color: #FFFFFF;
}



/* div#banner */
div#banner {
 width: 880px;
 height: 80px;
 padding: 0;
 margin-bottom: 10px;
 background-color: transparent;
}



div#contents {
 position: relative;
 left: 200px;
 margin:  0;
 padding: 0;
 width: 680px;
 height: auto;
}



div#article {
 width: 680px;
 height: auto;
 margin:  0 0 40px 0;
 padding: 0;
/*   ********** test code **********   */
/*
 border: 1px solid #000000;
*/
}

div#article_02 {
 width: 655px;
 height: auto;
 margin:  5px 5px 40px 0px;
 padding: 10px;
 border: 1px solid #009999;
}



/* div#sidebar */
div#sidebar {
 position: absolute;
 top: 100px;
 width:  170px;
 height: auto;
 padding: 5px;
}

div#sidebar ul {
 list-style-type:none;
}

div#sidebar li {
 background: url("c_img/sideber_li.gif") left no-repeat;
}

div#sidebar a {
 text-decoration: none;
}

div#sidebar a:link, a:visited {
 color: #000000;
}

div#sidebar a:active, a:hover {
 color: #CC0000;
}



/* #footer */
div#footer {
 width:  auto;
 height: auto;
 margin-top: 10px;
 padding-top: 5px;
 text-align: center;
}