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

/* h1 (current_issue) */
#current_issue #content h1 {
  width: 512px; height: 50px;
  margin-left: 7px;
  background-image: url(/images2/enjoy/bbp/shared/h1.gif);
}

/* h2 */
#main_content h2 {
  width: 486px; height: 30px;
  background: url(/images2/enjoy/bbp/shared/h2.jpg) no-repeat;
  margin: 0 0 0.1em 10px; padding: 10px 0 0 20px;
  font-size: 1.08em;
  letter-spacing: 0.1em;
  color: #747474;
}

/* h2 (current_issue) */
#current_issue #content h2 {
  width: 720px; height: 30px;
  background: url(/images2/enjoy/bbp/current_issue/h2.jpg) no-repeat;
  margin: 0 0 0.1em 7px; padding: 10px 0 0 20px;
  font-size: 1.08em;
  letter-spacing: 0.1em;
  color: #747474;
}

/* h3 */
#main_content h3 {
  width: 498px; height: 31px;
  margin: 0; padding: 1.7em 0 0 14px;
  background: url(/images2/enjoy/bbp/shared/h3.jpg) no-repeat;
  font-size: 1em;
}

/* h4 */
#main_content h4 {
  width: 280px;
  margin: 10px 0 1em 180px; padding: 0.1em 0 0.1em 8px;
  border-bottom: 1px solid #007BBB;
  font-size: 1em;
}


/*------- p ---------------*/
#category_index #main_content .issue p {
  width: 160px;
  margin: 8px 0 0 20px; _margin-left: 10px; padding: 0;
  float: left;
  text-indent: 0;
}

#category_index #main_content .issue p.bbp_exnote {
  float: none;
  margin-left: 180px;
  width: 300px;
}

#category_index #main_content .issue p.red {
  color: #FF0000;
}

#back_number #main_content p.border_red {
  clear: both;
  text-align: center;
  border: solid 2px #FF0000;
  padding: 10px 0px 10px 0px;
}

/*------- list ------------*/
/* relative_link (category_index) */
#category_index #main_content .relative_link ul li {
  display: inline;
}

#category_index #main_content dl.relative_link {
  width: 490px;
  margin: 1em 0 0 16px; padding: 0;
}

#category_index #main_content dl.relative_link dt {
  margin: 0 0 1px 0; padding: 0 0 0 0.5em;
  background: #DCF1FE;
  border: 1px solid #A0DAFC;
  font-weight: normal;
  font-size: 1em;
}

#category_index #main_content dl.relative_link dd {
  margin: 0 0 1em 0; padding: 0.25em 0.5em;
  border: 1px solid #D6D6D6;
}

#category_index #main_content dl.relative_link dd ul {
  margin: 0.3em 0;
}

#category_index #main_content dl.relative_link dd ul li {
  margin-left: 0.3em; padding-left: 18px;
  background: url(/images2/shared/ul_link_listmark.gif) no-repeat;
}

/* issue (category_index) */
#category_index #main_content .issue ul {
  width: 300px;
  /* min-height: 210px; _height: 220px;*/
  margin: 0 0 0 180px;
}

/* issue (back_number) */
#back_number #main_content dl {
  width: 166px;
  margin: 0 0 1em 6px; _margin: 0 0 1em 4px; padding: 0;
  background: none;
  float: left;
}

#back_number #main_content dl dt {
  margin: 0; padding: 0;
  font-weight: bold;
  color: #007BBB;
}

#back_number #main_content dl dd.date {
  margin: 0; padding: 0.2em 0 0.2em 0;
  line-height: 1em;
  font-weight: bold;
}

#back_number #main_content dl dd.toc {
  font-size: 0.9em;
}

#back_number #main_content dl dd.toc ul {
  margin-top: 0.5em;
  margin-left: 0;
}
#back_number #main_content dl dd.toc ul li {
  margin-bottom: 0.3em;
  line-height: 1.2em;
}


/*------- image -----------*/
#back_number #main_content dl dd a img {
  border: 1px solid #FFF;
}

#back_number #main_content dl dd a img:hover {
  border: 1px solid #1796B9;
}

/* image (back_number) */
#back_number #main_content dl dd.pages {
	overflow: hidden; visibility: hidden;
	margin: 0; padding: 0; height: 1px;
	text-indent: -9999px;
}

/*------- section ---------*/
#category_index #main_content .issue {
  width: 512px;
  margin-left: 7px; margin-bottom: 7px;
  background: url(/images2/enjoy/bbp/shared/issue_background.jpg) center bottom;
  float: clear;
  overflow: hidden;
  padding-bottom: 20px;
}

/*------- banner image ---------*/
#category_index #main_content .mobile_banner {
  width: 512px;
  height: 57px;
  margin: 12px 0 14px 7px;
  text-indent: 0;
}

#category_index #main_content .mobile_banner a {
  display: block;
  height: 57px;
}