@import "block.css";
@import "txt.css";

*  {
 margin: 0px;
 padding: 0px;
}

body { 
 margin: 0 auto 0 auto; 
 text-align: center; 
 background: url(../../_common/_img/back.gif) repeat-x top left; 
}
body#top { 
 background: url(../../_img/back.gif) repeat-x top left; 
}
body#citra {
 background: #fff;
 margin: 10px auto;
 text-align: center;
}

#wrapper {
 margin: 0 auto 0 auto; 
 text-align: center;
 display: block;
}

#header {
 margin: 0 auto 0px auto; 
 text-align: center;
 background: url(../../_common/_img/header_back.gif) no-repeat 0px 13px;
 height: 81px;
 width: 870px;
}

.logo {
 float: left;
 clear: left;
 margin: 30px 0 0 10px; _margin: 30px 0 0 5px;
}

.navi {
 float: right;
 clear: right;
 width: 372px;
 text-align: right;
 margin-right: 2px;
}
.navi img {
 display: inline;
}

#flash,#flashcontent {
 margin: 0px auto 0 auto; 
 text-align: center;
 width: 900px;
}

table.nonflash {
 height: 308px;
}


/*                                                                             content inside 
--------------------------------------------------------------------------------------------------
*/

#shadow {
 background: url(../../_common/_img/c_back.gif) repeat-y top center #ffffff;
 margin: 0px auto;
 text-align: center;
}

#contents {
 margin: -1px auto 0 auto; 
 text-align: center;
 background: #ffffff;
 width: 848px;
 padding: 0px 10px;
 display: block;
 clear: both;
 border-bottom: 1px solid #fff;
 border-left: 1px solid #fff;
 border-right: 1px solid #fff;
}

#top #contents {
 margin: 0px auto;background: transparent;
}


/* top page */

.headline { 
 float: left;
 margin-top: 15px;
 display: block;
 clear: both;
}

#main {
 width: 850px;
 margin: 0px auto;
 text-align: center;
 display: block;
 clear: both;
}


.left {
 float: left;
 display: block;
 width: 520px;
 margin: 10px 0 10px 0; _margin: 10px 0 0 0;
 text-align: left;
}
.left table { 
 margin-left: 15px;
}
.left table td {
 padding: 5px;
}
.left table td.etc {
 background: url(../../_img/img01.jpg) no-repeat top right;
 height: 150px;
}

.right {
 float: left;
 display: block;
 width: 287px;
 margin: 10px 0 0 0;
 text-align: left;
}

.mid {
 background: #F3F2F2;
 display: block;
 clear: both;
 text-align: left;
 padding:10px;
}
.mid p {
 margin: 5px 20px 5px 20px;
}

#sub {
 margin: 0px auto 10px auto; 
 text-align: center;
 display: block;
 clear: both;
 width: 850px;
}
#sub .anna {
 width: 390px;
 float: left;
 display: block;
 margin: 10px 0 20px 10px;
 _margin: 10px 0 20px 5px;
 text-align:left;
 padding-bottom: 20px;
}

#sub .citra {
 width: 390px;
 float: left;
 display: block;
 margin: 10px 0 20px 30px;
 _margin: 10px 0 20px 18px;
 text-align: left;
 padding-bottom: 20px;
}

#sub p, #sub img {
 margin-left: 10px;
}

/* lower */

#menu { 
 float: left; 
 clear: both;
 width:175px; 
 display:block;
 text-align:left;
 padding-bottom: 5px; 
 margin-left: 3px;_margin-left: 1px;
}

#menu img.menu_top { 
 margin: 0px auto 0px auto; 
 text-align: center; 
 display: block;
 clear: both;
 width: 175px;
 background: #fff;
 padding-bottom: 0px;
}
#menu img.ad { 
 margin: 0px auto 0px auto; 
 text-align: center; 
 display: block;
 clear: both;
 width: 175px;
 background: #fff;
 padding-bottom: 8px;
 padding-top: 12px;
}

#menu img.menu_title {
 padding: 5px 0 0px 0;
 background: #fff;
 display: block;
}
#menu img.bottom {
 padding: 0;
 background: #fff;
 display: block;
 margin-bottom: 5px;
}
#menu img.bottom2 {
 padding: 0;
 background: #fff;
 display: block;
 margin-bottom: 5px;
 margin-top: -1px;
}

#menu ul#menu01, #menu ul#menu02, #menu ul#menu03, #menu ul#menu04, #menu ul.menu05, #menu ul#menu06 {
 background: url(../../_common/_img/menu_line.gif) repeat-y top center;
 margin: 0;
 padding: 0 0 0 10px;
 display: block;
 list-style: none outside;
}
#menu ul#menu01 li {
 background: url(../../_common/_img/arrow01.gif) no-repeat 0px 9px;
 padding: 5px 0 0 17px;
}

#menu ul#menu02 li {
 background: url(../../_common/_img/arrow02.gif) no-repeat 0px 9px;
 padding: 5px 0 0 17px;
}

#menu ul#menu03 li {
 background: url(../../_common/_img/arrow04.gif) no-repeat 0px 9px;
 padding: 5px 0 0 17px;
}

#menu ul#menu04 li {
 background: url(../../_common/_img/arrow2.gif) no-repeat 0px 9px;
 padding: 5px 0 0 17px;
}

#menu ul.menu05 li {
 background: url(../../_common/_img/arrow2.gif) no-repeat 0px 4px;
 padding: 1px 0 0 17px; _padding: 0 0 0 17px;
}

#menu ul#menu06 li {
 background: url(../../_common/_img/arrow2.gif) no-repeat 0px 9px;
 padding: 5px 0 0 17px;
}


a.list { 
 padding: 3px 5px 3px 17px;
 width: 143px;
 display: block;
 background:url(../../_common/_img/arrow2.gif) no-repeat 0px 7px;
 _background:url(../../_common/_img/arrow2.gif) no-repeat 0px 6px;
}

a.list2 { 
 padding: 3px 5px 0px 17px;
 width: 143px;
 display: block;
 background:url(../../_common/_img/arrow2.gif) no-repeat 0px 7px;
 _background:url(../../_common/_img/arrow2.gif) no-repeat 0px 6px;
}

.here {
 background: #D9E0E6;
}

ul.list01 {
 list-style: none outside;
 padding-bottom: 2px;
}
ul.list01 li {
 list-style: none outside;
 background: url(../../_common/_img/arrow.gif) no-repeat 17px 6px;
 margin: 0px 0 3px 0;
 padding-left: 30px;
}
ul.list02 {
 list-style: none outside;
 margin: 0 0 0 -30px;
}
ul.list02 li {
 list-style: none outside;
 background: transparent;
 /**/margin: 0px 0 3px 0;
}
ul.list02 li a, ul.list02 li {
 font-size: 90%;
 _font-size: 88%;
}

/**/

#content { 
 width: 660px; 
 float: left; 
 display: block; 
 margin: 0 0 10px 10px; 
 text-align: center;
}

.inside {
 margin: 0px auto 5px auto;
 text-align: center;
 padding-left: 10px;
 padding-top: 5px; 
}
.inside p.main { 
 text-align: left; 
 margin: 5px 30px;
}
.inside .main {
 text-align: left;
 width: 600px;
 margin: 0px auto;
 }


/*                                                                                         footer 
--------------------------------------------------------------------------------------------------
*/

#footer { 
 margin: 0 auto 0 auto; 
 text-align: center;
 background: #e9eaea;
 border-top: 1px solid #E3E3E3;
 padding: 5px 0 20px 0;_padding: 5px 0 0px 0;
 display: block;
 clear:both;
}

#footer .fnavi {
 text-align: center;
 width: 810px;
 border: 1px soild #ccc;
 margin: 0 auto;
}

.fnavi ul {
 list-style: none outside;
 margin: 0 0 10px 0;
 text-align: left;
}
.fnavi ul li {
 background: url(../../_common/_img/arrow.gif) no-repeat 0px 4px;
 _background: url(../../_common/_img/arrow.gif) no-repeat 0px 2px;
 padding-left: 9px;
 display: inline;
 margin-right: 8px; 
}

#footer a {
 font-size: 10px;
 text-decoration: none;
 color: #666666;
}

img.copy {
 float: left;
}