@charset "utf-8";
/*-------------------------------------
  /whats_new/
-------------------------------------*/
/*------- heading ---------*/
/* h1 */
#main_content h1 {
  width: 512px; height: 50px;
  margin-left: 10px;
  background: url(/images2/whats_new/h1.gif) no-repeat;
}

/* h2 (year list) */
#category_index #main_content h2,
#article_list #main_content h2 {
  width: 492px; height: 24px;
  margin: 0 0 1px 10px; padding: 6px 0 0 20px;
  background: url(/images2/whats_new/category_index/h2.jpg) no-repeat;
  color: #747474;
  font-size: 1.28em;
}

/* h2 (article page) */
#whats_new .article h2,
#article #main_content h2 {
  width: 498px; height: 34px;
  margin: 5px 0 8px 10px; padding: 19px 0 0 14px;
  background: url(/images2/whats_new/h2.gif) no-repeat;
  font-weight: bold;
  font-size: 1.1em;
  color: #747474;
  letter-spacing: 0.09em;
}

#whats_new .article h2.two-line,
#article #main_content h2.two-line {
  width: 498px; height: 43px;
  margin: 5px 0 8px 10px; padding: 8px 0 0 14px;
  background: url(/images2/whats_new/h2.gif) no-repeat;
  font-weight: bold;
  font-size: 1.1em;
  color: #747474;
  line-height: 1.3em;
}

#whats_new .article h2 span,
#article h2 span {
  font-size: 0.9em;
  font-weight: normal;
  text-indent: 1em;
}


/*-------------------------------------
  category index & article list
                /whats_new/
                /whats_new/list/YYYY/
-------------------------------------*/
/*------- list ------------*/
/* ul */
#category_index #main_content ul,
#article_list #main_content ul {
  margin: 0 0 0 10px; padding: 0;
}

#category_index #main_content ul li,
#article_list #main_content ul li {
  list-style-type: none;
  width: 482px;
  margin: 0; padding: 0;
  background: none;
  line-height: 1.3em;
}

#category_index #main_content ul li span.date,
#article_list #main_content ul li span.date {
  float: left;
  width: 50px;
  display: block;
}

#category_index #main_content ul li span.heading,
#article_list #main_content ul li span.heading {
  margin-left: 50px;
  display: block;
}


#category_index #main_content ul li a,
#article_list #main_content ul li a,
#category_index #main_content ul li span.section,
#article_list #main_content ul li span.section {
  display: block;
  width: 482px;
  margin-bottom: 1px; padding: 0.25em 0 0.25em 30px;
  background: url(/images2/whats_new/category_index/listmark.gif) no-repeat 10px 0.3em #48A5BF;
  color: #FFF;
  text-decoration: none;
}

#category_index #main_content ul li a:hover,
#article_list #main_content ul li a:hover,
#category_index #main_content ul li span.section:hover,
#article_list #main_content ul li span.section:hover {
  background-image: url(/images2/whats_new/category_index/listmark_hover.gif);
  background-color: #F3F3F3;
  color: #48A5BF;
  text-decoration: none;
}

#category_index #main_content ul li span.section:hover,
#article_list #main_content ul li span.section:hover {
  cursor: not-allowed;
}

/* dl (backnumber link) */
#category_index #main_content dl,
#article_list #main_content dl {
  width: 512px;
  margin-left: 10px; margin-top: 1.5em;
}

#category_index #main_content dl dt,
#article_list #main_content dl dt {
  margin: 0 0 1px 0; padding: 0 0 0 0.5em;
  background: #A6D2DF;
  border: 1px solid #48A5BF;
}

#category_index #main_content dl dd,
#article_list #main_content dl dd {
  margin: 0; padding: 0;
  border: 1px solid #D6D6D6;
}

#category_index #main_content dl dd ul,
#article_list #main_content dl dd ul {
  margin: 0.5em 0 0.5em 0.8em;
}

#category_index #main_content dl dd ul li,
#article_list #main_content dl dd ul li {
  display: inline;
  margin: 0 1em 0 0; padding: 0 0 0 17px;
  background: url(/images2/whats_new/category_index/dl-ul_listmark.gif) no-repeat;
}

#category_index #main_content dl dd ul li a,
#article_list #main_content dl dd ul li a {
  display: inline;
  margin: 0; padding: 0;
  background: none;
  color: #007BBB;
}

#category_index #main_content dl dd ul li a:hover,
#article_list #main_content dl dd ul li a:hover {
  background: none;
  color: #007BBB;
  text-decoration: underline;
}


/*------------------------------------------
  article page
------------------------------------------*/
/* p */
#whats_new .article p,
#article #main_content p {
  width: 493px;
  margin-left: 16px; margin-bottom: 0.6em;
  line-height: 1.5em;
  text-indent: 1em;
}

#whats_new .article p.back_to_top,
#article #main_content p.back_to_top {
  margin: 1em 0; padding: 2px 16px 0 0;
  background: url(/images2/shared/back_to_top.jpg) right top no-repeat #FFF;
  text-align: right;
}

#whats_new .article p.photo,
#article #main_content p.photo {
  margin: 1em;
  text-align: center;
}

#whats_new .article p.photo a:hover,
#article #main_content p.photo a:hover {
  position: relative; top: 1px; left: 1px;
}