@@ -1,53 +1,369 @@
-div.pico_breadcrumbs{
-	font-size				:95%;
-	padding				:0 0 3px;
-	border-bottom			:1px #aaa solid;}
+/* CSS Document */
 
-.pico_body{
-	margin				:0 -2px;
-	padding				:15px 8px;
-	border-top			:1px #aaa solid;}
+/*------------body------------*/
+body {
+margin-left: 0px;
+margin-top: 0px;
+background: url(../images/idx_fixbase_r1_c1.jpg) repeat-x;
+background-color: #FFFFFF;
+font-size:small;
+color: #333333;
+}
 
-div.pico_container h2 { margin: 12px 0 0 0; padding: 3px; background-color:#eee; }
-div.pico_container h3 { margin: 12px 0 0 10px; padding: 3px; background-color:#eee; }
-div.pico_container h4 { margin: 12px 0 0 20px; padding: 3px; background-color:#eee; }
-div.pico_container h5 { margin: 12px 0 0 30px; padding: 3px; background-color:#eee; }
-div.pico_container div.level2 { margin-left: 0px; }
-div.pico_container div.level3 { margin-left: 10px; }
-div.pico_container div.level4 { margin-left: 20px; }
-div.pico_container div.level5 { margin-left: 30px; }
+h1 {
+margin: 0px;
+}
 
-em.pico_notice { font-weight: bold; font-style: normal; color: #FF0000; }
+.smalltext {
+font-size: smaller;
+}
 
+.boldtext {
+font-weight: bold;
+}
 
-div.pico_category_rss { float: right; }
-div.pico_contollers_in_menu { float: right; margin-top: -1.1em; }
 
-hr.bottom_of_content_body { clear: right; }
+/*-----------wrap-----------*/
+#wrap {
+width: 806px;
+margin: 0px auto;
+background: url(../images/datawrapbg.jpg) repeat-y;
+padding: 0;
+}
 
-ul.pico_list_contents li { list-style: none outside; }
-ul.pico_list_contents_in_menu li { list-style: none outside; }
 
-div.pico_print_icon { float: right; width: 40px; height: 40px; }
-div.pico_tellafriend_icon { float: right; width: 40px; height: 40px; }
-div.pico_vote form { display: inline; }
 
+/*-----------header-----------*/
+#header {
+width: 806px;
+height: 104px;
+background: url(../images/01_r1_c1052_r1_c1.jpg);
+padding: 0px;
+text-indent: -9999px;
+}
 
-table.pico_form_table th.pico_waiting { color: red; }
-table.pico_form_table td.pico_waiting { color: red; background-color: white ; }
+#headmenu {
+position: absolute;
+width: 142px;
+height: 24px;
+background: url(../images/home.gif) no-repeat;
+margin: 0px 0px 0px 630px;
+padding: 10px 0px 0px 10px;
+}
 
-table.pico_form_table td,
-table.pico_form_table th{
-        color: black;
-        vertical-align          :top !important;
-        text-align                      :left;}
-p.pico_submit{
-        text-align                      :center;
-        margin                          :0;
-        padding                         :10px;}
+#headmenu li {
+display: inline;
+}
 
-input.pico_ascii_only { ime-mode: disabled; }
-input.pico_number_only { ime-mode: disabled; text-align: right; }
+#homereturn a {
+float: left;
+display: block;
+width: 50px;
+padding: 0px 15px 0px 0px;
+color: #336633;
+}
+
+#sitemap a {
+float: left;
+display: block;
+width: 70px;
+color: #336633;
+}
+
+#homereturn a:hover {
+color: #FF3300;
+}
+
+#sitemap a:hover {
+color: #FF3300;
+}
+
+
+/*-----------nav-----------*/
+#nav {
+width: 782px;
+height: 30px;
+padding: 0px 0px 0px 25px;
+margin: 0dpx;
+background: url(../images/gnavbg.jpg);
+}
+
+ul {
+margin: 0px;
+padding: 0px;
+list-style-type: none;
+}
+
+#nav li {
+display: inline;
+float: left;
+margin: 0px;
+}
+
+#home a {
+display: block;
+width: 125px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat;
+position: 0px 0px;
+text-indent: -9999px;
+}
+
+#gaiyou a {
+display: block;
+width: 128px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat -125px 0px;
+text-indent: -9999px;
+}
+
+#jigyou a {
+display: block;
+width: 128px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat -253px 0px;
+text-indent: -9999px;
+}
+
+#library a {
+display: block;
+width: 127px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat -381px 0px;
+text-indent: -9999px;
+}
+
+#publication a {
+display: block;
+width: 126px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat -508px 0px;
+text-indent: -9999px;
+}
+
+#toiawase a {
+display: block;
+width: 122px;
+height: 30px;
+text-decoration: none;
+background: url(../images/gnav_all.gif) no-repeat -639px 0px;
+text-indent: -9999px;
+}
+
+
+#home a:hover {
+background: url(../images/gnav_all.gif) no-repeat 0px -30px;
+}
+
+#gaiyou a:hover {
+background: url(../images/gnav_all.gif) no-repeat -125px -30px;
+}
+
+#jigyou a:hover {
+background: url(../images/gnav_all.gif) no-repeat -253px -30px;
+}
+
+#library a:hover {
+background: url(../images/gnav_all.gif) no-repeat -381px -30px;
+}
+
+#publication a:hover {
+background: url(../images/gnav_all.gif) no-repeat -508px -30px;
+}
+
+#toiawase a:hover {
+background: url(../images/gnav_all.gif) no-repeat -639px -30px;
+}
+
+
+/*-----------mainvisual-----------*/
+
+#mainvisual {
+width: 806px;
+height: 102px;
+margin: 0;
+padding: 0;
+background: url(../images/01_r1_c1052_r3_c1.jpg) no-repeat;
+text-indent: -9999px;
+}
+
+/*-----------pankuzu-----------*/
+
+#pankuzu {
+width: 726px;
+height: 20px;
+margin: 0;
+padding: 5px 40px 0px 0px;
+background: url(images/01_r1_c1052_r4_c1.jpg);
+text-align: right;
+}
+
+#pankuzu a {
+color: #6699CC;
+}
+
+/* -----------maincol----------- */
+
+#maincol {
+width: 806px;
+margin: 0;
+padding: 0;
+}
+
+#leftcol {
+float: left;
+width: 580px;
+margin: 0;
+padding: 0;
+background: url(../images/datacolbg_r1_c1.jpg) no-repeat;
+}
+
+#maintext {
+width: 550px;
+margin: 0px 0px 0px 22px;
+padding: 0;
+}
+
+#pagetitle {
+display: block;
+width: 535px;
+height: 21px;
+margin: 0px 0px 10px 0px;
+padding: 7px 0px 0px 15px;
+background: url(../images/pagetitlebg.jpg) no-repeat;
+font-size: medium;
+font-weight: bold;
+color: #006699;
+}
+
+#lead {
+display: block;
+width: 535px;
+height: 18px;
+margin: 0px 0px 5px 0px;
+padding: 7px 0px 0px 15px;
+background: url(../images/leadbg.jpg) no-repeat;
+font-weight: bold;
+color: #339933;
+}
+
+#sect {
+font-weight: bold;
+color: #FF3300;
+margin: 0px 0px 5px 0px;
+}
+
+/* -----------rightmenu----------- */
+
+#rightmenu {
+float: right;
+width: 223px;
+margin: 0;
+padding: 0;
+background: url(../images/datarightbg.jpg)
+}
+
+
+#menutop a {
+display: block;
+width: 160px;
+height: 30px;
+margin: 0;
+padding: 5px 0px 0px 40px;
+background: url(../images/datamenutop.jpg) no-repeat;
+color: #336633;
+}
+
+#menutop a:hover {
+background: url(../images/datamenutop.jpg) no-repeat 0px -35px;
+color: #FF3300;
+}
+
+#l_menu {
+margin: 10px 0px 20px 0px;
+}
+
+#ul {
+margin: 0;
+padding: 0;
+list-style-type: none;
+}
+
+#l_menu li {
+margin: 0px;
+}
+
+#local a {
+display: block;
+width: 160px;
+height: 27px;
+margin: 0px;
+padding: 7px 0px 0px 40px;
+background: url(../images/l_menubg.jpg) no-repeat;
+color: #336633;
+}
+
+#local a:hover {
+background: url(../images/l_menubg.jpg) no-repeat 0px -34px;
+color: #FF3300;
+}
+
+#local_st a {
+display: block;
+width: 160px;
+height: 27px;
+margin: 0px;
+padding: 7px 0px 0px 40px;
+background: url(../images/l_menubg.jpg) no-repeat 0px -34px;
+color: #336633;
+text-decoration: none;
+cursor: default;
+}
+
+#sub a {
+display: block;
+width: 157px;
+height: auto;
+margin: 0;
+padding: 0;
+background: none;
+font-size: smaller;
+color: #336633;
+}
+
+#sub a:hover {
+background: none;
+color: #FF3300;
+}
+
+
+#sub_st a {
+display: block;
+width: 157px;
+height: auto;
+margin: 0;
+padding: 0;
+background: none;
+font-size: smaller;
+color: #FF3300;
+text-decoration: none;
+cursor: default;
+}
+
+/* -----------footer----------- */
+
+#footer {
+clear: both;
+width: 806px;
+height: 46px;
+margin: 0;
+padding: 0;
+background: url(../images/idx_fixbase_r6_c2.jpg) no-repeat;
+text-indent: -9999px;
+}
 
-pre.pico_history_diff del { color: red; }
-pre.pico_history_diff ins { color: blue; }