
/* =====================================

	+-----+ jidpo_basic.css +-----+

last updata: 2006/03/27,T
===================================== */

/* +-----+ base +-----+ */

body {
  margin: 0px;
  padding: 0px;
  background: #fff;
  font-family: sans-selif;
  font-size: 12px;
  color: #666;
  line-height: 110%;
  overflow:scroll
}

a {
  color: #666;
  text-decoration: none;
}

a:hover {
  color: #06f !important;
  text-decoration: none !important;
}

a:visited {
  color: #666;
  text-decoration: none;
}

p {
  margin: 0;
  padding: 0;
}

img {
  border: none;
  vertical-align: top;
}

ul,ol,li {
  margin: 0;
  padding: 0;
}

h1,h2,h3,h4 {
  margin: 0;
  padding: 0;
}



/* +-----+ contentbody +-----+ */

#contentbody {
  width: 704px;
  margin: 28px auto 0 auto;
  padding: 30px 0 0 0;
  background: #fff;
}


/* +-----+ header +-----+ */

#header {
  margin: 0 0 16px 0;
}

#header h1 {
  width: 704px;
  height: 146px;
  background: url(img/jidpo-e_header.jpg)
  no-repeat top left #fff; 
  font-size: 11px;
}

#header span {
  display: none;
}

#header .logo {
  margin: 96px 0 0 0; 
}


/* +-----+ contents +-----+ */

#contents {
  float: left;
  width: 500px;
  margin: 0 0 30px 0;
}

#contents p {
  margin: 0;
  padding: 8px 0;
}

#contents ul {
  margin: 8px 0;
  padding: 0;
}

#contents li {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

#contents a {
  text-decoration: underline !important;
}

#contents a:hover {
  text-decoration: underline !important;
}

#contents table {
  margin: 8px 0;
  border: 0;
}

#contents td {
  padding: 3px;
  vertical-align: top;
}

#contents img {
  margin: 2px 0;
}

#contents h4 {
  font-size: 14px;
}

#contents .img_right {
  float: right;
  padding-left: 10px;
  padding-bottom: 10px;
}

#contents .img_left {
  float: left;
  padding-right: 10px;
  padding-bottom: 10px;
}


/* +-----+ contents h3 +-----+ */

.title_outline {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_outline.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_outline span {
  display: none;
}

.title_history {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_history.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_history span {
  display: none;
}

.title_vision {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_vision.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_vision span {
  display: none;
}

.title_location_contact {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_location_contact.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_location_contact span {
  display: none;
}

.title_gda {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_gda.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_gda span {
  display: none;
}

.title_dbforum {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_dbforum.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_dbforum span {
  display: none;
}

.title_tdmarket {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_tdmarket.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_tdmarket span {
  display: none;
}

.title_c_development {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_c_development.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_c_development span {
  display: none;
}

.title_p_support {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_p_support.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_p_support span {
  display: none;
}

.title_j_publications {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_j_publications.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_j_publications span {
  display: none;
}

.title_dnews_b {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_dnews_b.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_dnews_b span {
  display: none;
}


.title_dn_back_number {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_dn_back_number.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_dn_back_number span {
  display: none;
}


.title_library {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_library.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_library span {
  display: none;
}

.title_press {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_press.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_press span {
  display: none;
}

.title_event {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_event.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_event span {
  display: none;
}

.title_download {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_download.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_download span {
  display: none;
}

.title_p_network {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_p_network.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_p_network span {
  display: none;
}

.title_r_organizations {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_r_organizations.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_r_organizations span {
  display: none;
}

.title_d_publications {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_d_publications.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_d_publications span {
  display: none;
}

.title_pressletter {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_pressletter.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_pressletter span {
  display: none;
}


.title_p_contact {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_p_contact.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_p_contact span {
  display: none;
  }
  
.title_inquiry {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_inquiry.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_inquiry span {
  display: none;
}

.title_sitemap {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_sitemap.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_sitemap span {
  display: none;
}

.title_terms_conditions {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_terms_conditions.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_terms_conditions span {
  display: none;
}

.title_d_liaisoncenter {
  width: 486px;
  height: 20px;
  margin: 0 0 3px 0;
  padding: 3px 0 0 14px;
  background: url(img/title_d_liaisoncenter.jpg)
  no-repeat top left #fff;
  font-size: 11px;
}

.title_d_liaisoncenter span {
  display: none;
}


/* +-----+ sidemenu +-----+ */

#sidemenu {
  float: right;
  width: 170px;
  margin: 0 0 30px 0;
}

#sidemenu ul {
  margin: 0;
  padding: 8px 0 16px 0;
}

#sidemenu li {
  margin: 0;
  padding:0;
  list-style: none;
}

#sidemenu a {
  display: block;
  width: 164px;
  margin: 3px 0 0 0;
  padding: 0 0 0 6px;
  background: #fff;
  color: #666;
  text-decoration: none;
}

#sidemenu a:hover {
  background: #fff;
  text-decoration: underline;
}


#sidemenu li.btn_active a {
  color: #0066ff;
	}


#sidemenu p {
  width: 164px;
  margin: 3px 0 0 0;
  padding: 0 0 0 6px;
  background: #fff;
  color: #06f;
}

.aboutjidpo {
  width: 170px;
  height: 20px;
  background: url(img/aboutjidpo.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}

.aboutjidpo span {
  display: none;
} 

.activity {
  width: 170px;
  height: 20px;
  background: url(img/activity.jpg)
  no-repeat top left #fff;
  font-size:10px;
}

.activity span {
  display: none;
} 

.communication_press {
  width: 170px;
  height: 20px;
  background: url(img/communication_press.jpg)
  no-repeat top left #fff;
  font-size:10px;
}

.communication_press span {
  display: none;
} 

.resources {
  width: 170px;
  height: 20px;
  background: url(img/resources.jpg)
  no-repeat top left #fff;
  font-size:10px;
}

.resources span {
  display: none;
} 

#sidemenu ul li p a {
	padding-left:0px;color:#000;
}

/* +-----+ home +-----+ */

#home {
  width: 170px;
  height: 12px;
  margin-left: auto;
  padding-top: 2px;
  padding-bottom: 5px;
}

#home span {
  display: none;
}

#home a {
  display: block;
  width: 40px;
  height: 10px;
  background: url(img/home.jpg)
  no-repeat left top #fff;
  text-align: center;
  text-decoration: none;
}

#home a:hover {
  background: url(img/home.jpg)
  no-repeat 0 -10px #fff;
}


/* +-----+ top menu +-----+ */

#topmenu {
  position: absolute;
  top: 28px;
  height: 10px;
  padding: 12px 0 0 0;
  text-align: right;
}

#topmenu_button_box {
  width: 704px;
}

#topmenu_button {
  width: 216px;
  margin: 0 0 0 auto;
  text-align: right;
}
/*
a.newsletter {
  display: block;
  width: 77px;
  height: 10px;
  margin: 0 30px 0 0;
  background: url(img/newsletter.jpg)
  no-repeat left top #fff;
  text-align: center;
  text-decoration: none;
}

a:hover.newsletter {
  background: url(img/newsletter.jpg)
  no-repeat 0 -10px #fff;
}
*/
a.inquiry {
  display: block;
  width: 47px;
  height: 10px;
  margin: 0 30px 0 0;
  background: url(img/inquiry.jpg)
  no-repeat left top #fff;
  text-align: center;
  text-decoration: none;
}

a:hover.inquiry {
  background: url(img/inquiry.jpg)
  no-repeat 0 -10px #fff;
}

a.sitemap {
  display: block;
  width: 52px;
  height: 10px;
  margin: 0 30px 0 0;
  background: url(img/sitemap.jpg)
  no-repeat left top #fff;
  text-align: center;
  text-decoration: none;
}

a:hover.sitemap {
  background: url(img/sitemap.jpg)
  no-repeat 0 -10px #fff;
}

a.japanese {
  display: block;
  width: 57px;
  height: 10px;
  background: url(img/japanese.jpg)
  no-repeat left top #fff;
  text-align: center;
  text-decoration: none;
}

a:hover.japanese {
  background: url(img/japanese.jpg)
  no-repeat 0 -10px #fff;
}

#topmenu_button ul {
  margin: 0;
  padding: 0;
}

#topmenu_button li {
  float: left;
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#topmenu_button span {
  display: none;
}


/* +-----+ clear +-----+ */

.clear {
  clear: both;
}


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

#footer_bg {
  float: left;
  width: 704px;
  margin: 0 auto;
  background: #fff;
}

#footer {
  width: 704px;
  background: #fff;
  font-size: 11px;
}

#footer_left {
  float: left;
  width: 156px;
  padding: 7px;
  background: #fff;
  text-align: left;
}

#footer_right {
  float: right;
  width: 486px;
  padding: 7px;
  background: #fff;
  text-align: right;
}


/* +-----+ nondisplay +-----+ */

.nondisplay {
  display: none;
}

.tl_nondisplay {
  display: none;
  margin: 0;
  padding: 0;
  font-size: 10px;
  color: #fff;
}

/* +-----+ hr +-----+ */

.hr_bg {
  width: 704px;
  height: 1px;
  background: url(img/hr_bg.jpg)
  no-repeat top left #fff; 
  clear:both;
}

.hr_bg span {
  display: none;
}


/* +-----+ h +-----+ */

.top_tl {
  margin-top: 5px;
  font-size: 14px;
}

.middle_tl {
  margin-top: 5px;
  margin-bottom: 5px;
  font-size: 14px;
}

/* +-----+ table +-----+ */

#t_border table {
  width: 100%;
  margin: 8px 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#t_border td {
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

#t_border th {
  padding: 4px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eee;
  text-align: left;
  vertical-align: middle;
}


/* +-----+ index +-----+ */

.day {
  position: relative;
  margin: 0;
  padding: 0;
}

.title {
  width: 470px;
  font-size: 14px;
  color: #000;
  font-weight: bold;
  line-height: 110%;
}

.title img {
	display:none;
}

.title a {
  font-size: 12px;
  color: #666;
  font-weight: bold;
  line-height: 110%;
}

.body {
  width: 470px;
}

.body img {
  font-size: 12px;
  line-height: 110%;
}

.body p {
  line-height: 110%;
  clear:both;
}

.readmore {
  display: block;
  float: right;
}

.lm {
  clear: both;
  width: 470px;
  text-align: right;
  font-size: 10px;
}

.day h3 {
	display:none !important;
}

.day img.left {
  float: left;
  padding: 0 15px 0 1px;
}

.day img.right {
  float: right;
  padding: 0 1px 0 15px;
}

.day img.first {
  float: left;
  width:122px !important;
  padding: 0 15px 0 1px;
}

.day img.photo {
  float: left;
  padding: 0 15px 0 1px;
}

/* +-----+ inquiry +-----+ */

#inquiry form {
  margin: 0;
  padding: 0;
}

#inquiry table {
  width: 100%;
  margin: 8px 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#inquiry td.left {
  width: 30%;
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eee;
  vertical-align: top;
  color: #000;
}

#inquiry td.right {
  width: 70%;
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

#inquiry .submit_erea {
  margin: 15px 0;
  text-align: center;
}

#inquiry img.checked {
  float: left;
  margin: 0 5px 0 0;
  vertical-align: middle;
}

.attention {
  color: #f00;
}

.confirm-tl {
  margin: 0 3px 2px 0;
  color: #000;
}

.lastname {
  margin: 0 3px 5px 0;
}


/* +-----+ space +-----+ */

.sp {
  font-size: 1px;
  line-height: 1px;
}

/*.sep {display:none;}*/


/* +-----+ dn_list +-----+ */

#dn_listbody ul,li {
  margin: 0;
  padding: 0;
  list-style-type: none;
}

#dn_listbody ul {
  margin: 5px 0 0 10px;
}

#dn_listbody li {
  float: left;
  width: 115px;
}

#dn_listbody p {
  clear: both;
  margin: 5px 0 5px 0;
  padding: 4px;
  background: #FFF;
}

#dn_listbody div.sp15 {
  clear: both;
  height: 5px;
  font-size: 1px;
  line-height: 1px;
}

#dn_listbody p.list_p {
  padding: 0 0 0 10px;
  border-bottom: 1px solid #999;
  font-weight: bold;
}


/* +-----+ download +-----+ */

#download img {
  margin: 0;
  vertical-align: top;
}

#download h4 {
  margin: 5px 0;
  padding: 0;
  font-size: 12px;
}

#download .image {
  float: left;
  width: 122px;
  margin-right: 10px;
}@

#download .text {
  float: right;
  width: 368px;
}

.download_files {
  clear: left;
  margin-bottom: 10px;
}

.download_files2 {
  clear: left;
  margin-bottom: 10px;
}

ul.download_files  {
  width: 300px;
  margin: 0;
  padding: 0;
}

ul.download_files2  {
  width: 350px;
  margin:0;
  padding:0;
}

.download_files li {
  float: left;
  margin:0;
  padding:0;
  list-style-type: none;
}

.download_files2 li {
  margin:10px;
  padding:5px 0 0 0 !important;
  list-style-type: none;
}

.download_files a {
  display: block;
  width: 140px;
  padding-left: 10px;
  background:url(img/download_files.gif) left top no-repeat;
  text-align: left;
}

.download_files a:hover {
  background:url(img/download_files.gif) left -120px no-repeat;
}

.download_files2 a {
  display: block;
  width:320px;
  padding-left: 10px;
  background:url(img/download_files.gif) left top no-repeat;
  text-align: left;
}

.download_files2 a:hover {
  background:url(img/download_files.gif) left -120px no-repeat;
}
/* +-----+ sitemap +-----+ */

#sitemapbody .mapblock {
  float: left;
  width: 240px;
}
#sitemapbody .clear {
  clear:both;
  height: 10px;
}
#sitemapbody span {
  display: none;
}
#sitemapbody li {
  display: inline;
}
#sitemapbody h4.category_aj {
  width: 240px;
  height: 20px;
  background: url(img/sitemap01.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}
#sitemapbody h4.category_a {
  width: 240px;
  height: 20px;
  background: url(img/sitemap02.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}
#sitemapbody h4.category_c {
  width: 240px;
  height: 20px;
  background: url(img/sitemap03.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}
#sitemapbody h4.category_r {
  width: 240px;
  height: 20px;
  background: url(img/sitemap04.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}

#sitemapbody h4.category_o {
  width: 240px;
  height: 20px;
  background: url(img/sitemap05.jpg)
  no-repeat top left #fff;
  font-size: 10px;
}
#sitemapbody a.first {
  display: block;
  margin: 3px 0 0 10px;
  padding: 0 0 0 10px;
  background: url(img/sitemap_arrow01.gif)
  no-repeat left center #fff;
  text-decoration: none;
  color: #666;
}
#sitemapbody a.second {
  display: block;
  margin: 3px 0 0 20px;
  padding: 0 0 0 10px;
  background: url(img/sitemap_arrow02.gif)
  no-repeat left center #fff;
  color: #666;
  text-decoration: none;
}
#sitemapbody a:hover {
  background: url(img/sitemap_arrow03.gif)
  no-repeat left center #fff;
  text-decoration: underline;
}


/* +-----+ T-diary +-----+ */

form.update {
  padding: 10px;
  border: 1px solid #666;
}

div.caption {
  margin: 5px 0;
  font-size: 12px;
  color: #333;
}

div.form div {
  margin: 5px 0;
  font-size: 12px;
  color: #333;
  font-weight: normal;
}

div.adminmenu {
  position: absolute;
  top: 2px;
  left: 2px;
}

span.adminmenu {
  float: left;
  margin: 2px;
}

span.adminmenu a {
  display: block;
  width: 190px;
  padding: 5px;
  border: 1px solid #666;
}

span.adminmenu a:hover {
  background: #eee !important;
}


/* +-----+ pressletter +-----+ */

#pressletter form {
  margin: 0;
  padding: 0;
}

#pressletter table {
  width: 100%;
  margin: 8px 0;
  border-top: 1px solid #ccc;
  border-left: 1px solid #ccc;
}

#pressletter td.left {
  width: 30%;
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #eee;
  vertical-align: top;
  color: #000;
}

#pressletter td.right {
  width: 70%;
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
}

#pressletter td.center {
  width: 70%;
  padding: 3px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  vertical-align: top;
  text-align: center;
}

#pressletter .submit_erea {
  margin: 15px 0;
  text-align: center;
}

.attention {
  color: #f00;
}