@charset "shift_jis";

div#body {
  margin-bottom: 15px;
  background-repeat: no-repeat;
  background-position: 0 100%;
}

#body a:hover img {
	opacity:0.65;
	filter: alpha(opacity=65);
}

/*
div.container * { font-family: "ヒラギノ角ゴ Pro W3", Hiragino Kaku Gothic Pro, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, Arial, verdana, sans-serif; }
*/

div.container * { font-family: Arial, verdana, sans-serif; }

div.container {
  background-repeat: no-repeat;
  text-align: left;
}

div.container:after {
  display: block;
  clear: both;
  content: '';
}

div.container h3 { margin-bottom: 0; }

div.container p {
  margin: 0;
  padding: 0;
}

div.container em {
  font-style: normal;
  font-weight: bold;
}

div.container img { border: none; }

div.container table {
  border-collapse: collapse;
  border-spacing: 0;
}

/*---------------------------------------------------------------
	modules
---------------------------------------------------------------*/

/* annotation */
div.container p.annotation,
div.container dl.annotation dd {
  margin-top: 0.2em;
  margin-left: 1em;
  font-size: 11px;
  text-indent: -1em;
}

div.container dl.annotation dt {
  margin-top: 1em;
  font-size: 11px;
}

div.container p.annotation { margin-top: 0.8em; }

div.container p.annotation + p.annotation { margin-top: 0.2em; }

/*---------------------------------------------------------------
	article
---------------------------------------------------------------*/

div.article {
  float: left;
  width: 630px;
}

div.article div#keyVisual { text-indent: -9999px; }

div.article p.lead { margin-right: 10px; }

div.article div.section { margin-top: 30px; }

div.article div.section h2 {
  background-color: #fff;
  background-repeat: no-repeat;
  text-indent: -9999px
}

/* nav --------------------------------------------------------*/

div.article div.nav {
  margin-top: 25px;
  padding: 8px 0;
  text-align: center;
}

div.article div.nav ul li {
  padding: 0 8px;
  border-left: 1px solid #3e5796;
  display: inline;
}

div.article div.nav ul li:first-of-type
div.article div.nav ul li:first-child { border-left: none; }

/* prize ------------------------------------------------------*/

div.article div#prize { margin-top: 18px; }

div.article div#prize div.column h3 {
  background-repeat: no-repeat;
  text-indent: -9999px;
}

div.article div#prize div.column h4 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
}

div.article div#prize div.column p.text { margin-top: 4px; }

div.article div#prize div.column p.point {
  margin-top: 12px;
  text-align: center;
}

/* announcement ------------------------------------------------------*/

div.article div#announcement { margin-top: 18px; }

div.article div#announcement div.column h3 {
  background-repeat: no-repeat;
  text-indent: -9999px;
}

div.article div#announcement div.column h4 {
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 15px;
}

div.article div#announcement div.column p.text { margin-top: 4px; }

div.article div#announcement div.column p.point {
  margin-top: 12px;
  text-align: center;
}


/* outline ----------------------------------------------------*/

div.article div#outline table.outline {
  /*margin-top: ;*/
  border-top: 1px solid #ded5bf;
  border-right: 1px solid #ded5bf;
}

div.article div#outline table.outline th,
div.article div#outline table.outline td {
  padding: 14px 11px;
  border-bottom: 1px solid #ded5bf;
  border-left: 1px solid #ded5bf;
}

div.article div#outline table.outline th {
  width: 80px;
  vertical-align: top;
  text-align: left;
}

div.article div#outline table.outline td em { color: #ec6c1f; }

/* comment ----------------------------------------------------*/

div.article div#comment table.comment {
  /*margin-top: ;*/
  border-top: 1px solid #ded5bf;
  border-right: 1px solid #ded5bf;
}

div.article div#comment table.comment th,
div.article div#comment table.comment td {
  padding: 14px 11px;
  border-bottom: 1px solid #ded5bf;
  border-left: 1px solid #ded5bf;
}

div.article div#comment table.outline th {
  width: 80px;
  vertical-align: top;
  text-align: left;
}

div.article div#comment table.comment td em { color: #ec6c1f; }

/* postreview -------------------------------------------------*/

div.article div#postreview div.button:after {
  display: block;
  clear: both;
  content: '';
}

div.article div#postreview div.button p#button01 { float: left; }

div.article div#postreview div.button p#button02 { float: right; }

/* viewreview -------------------------------------------------*/

div.article div#viewreview h3 {
  margin-top: 25px;
  padding: 8px 15px;
  font-weight: bold;
  font-size: 14px;
}

div.article div#viewreview div.review { margin-top: 14px; }

div.article div#viewreview div.review:after {
  display: block;
  clear: both;
  content: '';
}

div.article div#viewreview div.review div.description {
  padding-bottom: 14px;
  float: right;
  width: 480px;
  background: url(../img/viewreview_frame_bottom.gif) 0 100% no-repeat;
}

div.article div#viewreview div.review div.description h4 {
  padding: 15px 35px 10px 27px;
  background: url(../img/viewreview_frame_top.gif) no-repeat;
  font-size: 14px;
}

div.article div#viewreview div.review div.description p { padding: 0 35px 0 27px; }

div.article div#viewreview div.review div.person {
  float: left;
  width: 145px;
}

div.article div#viewreview div.review div.person dl dt {
  margin-top: 8px;
  font-size: 14px;
}

div.article div#viewreview div.review div.person dl dt span {
  color: #5e391f;
  font-weight: normal;
}

div.article div#viewreview div.review div.person dl dd { font-size: 10px; }

div.article div#viewreview div.review div.person dl dd.score { margin-top: 1.3em; }

div.article div#viewreview p.button {
  margin-top: 20px;
  text-align: right;
}

/*---------------------------------------------------------------
	aside
---------------------------------------------------------------*/

div#sidebar {
  float: right;
  width: 300px;
}

/* main ------------------------------------------------------*/

div#sidebar div#main {
  border-width: 1px 1px 0 1px;
  border-style: solid;
  border-color: #ded5bf;
}

div#sidebar div#main div.section {
  padding-bottom: 20px;
  border-bottom: 1px solid #ded5bf;
}

div#sidebar div#main div.section:after {
  display: block;
  clear: both;
  content: '';
}

div#sidebar div#main div.section h2 {
  margin: 2px 2px 0;
  padding-right: 10px;
  line-height: 37px;
  font-weight: bold;
}

/* productDetails */
div#sidebar div#main div.section div.productDetails div.column {
  margin-top: 15px;
  padding: 15px 10px 0 14px;
  border-top: 1px solid #ded5bf;
}

div#sidebar div#main div.section div.productDetails div.column:after {
  display: block;
  clear: both;
  content: '';
}

div#sidebar div#main div.section div.productDetails div.column:first-of-type,
div#sidebar div#main div.section div.productDetails div.column:first-child {
  margin-top: 10px;
  padding-top: 0;
  border-top: none;
}

div#sidebar div#main div.section div.productDetails div.column div.image {
  float: left;
  width: 100px;
}

div#sidebar div#main div.section div.productDetails div.column div.image img { display: block; }

div#sidebar div#main div.section div.productDetails div.column div.image p.button { margin-top: 7px; }

div#sidebar div#main div.section div.productDetails div.column div.description {
  float: right;
  width: 165px;
}

div#sidebar div#main div.section div.productDetails div.column div.description dl dt { margin-bottom: 0.5em; }

div#sidebar div#main div.section div.productDetails div.column div.description dl dd { font-size: 11px; }

div#sidebar div#main div.section div.productDetails div.column div.description dl dd.button { margin-top: 0.4em; }

div#sidebar div#main div.section div.productDetails div.column div.description small {
  margin-top: 0.4em;
  display: block;
  color: #ec6c1f;
  font-size: 11px;
}

div#sidebar div#main div.section div.productDetails div.column div.description p {
  margin-top: 0.4em;
  font-size: 11px;
}

/* profile */
div#sidebar div#main div#profile div.description { margin: 10px 10px 0 14px; }

div#sidebar div#main div#profile div.description:after {
  display: block;
  clear: both;
  content: '';
}

div#sidebar div#main div#profile div.description h3 {
  margin-bottom: 8px;
  line-height: 1.3;
  color: #5e4035; 
  font-weight: bold;
  font-size: 14px;
}

div#sidebar div#main div#profile div.description p { font-size: 11px; }

div#sidebar div#main div#profile p.banner { margin: 12px auto 0; }

/* series */
div#sidebar div#main div#series ul {
  margin: 0 auto;
  position: relative;
  width: 230px;
}

div#sidebar div#main div#series ul:after {
  display: block;
  clear: both;
  content: '';
}

div#sidebar div#main div#series ul li {
  margin-top: 14px;
  width: 100px;
}

div#sidebar div#main div#series ul li.odd { float: left; }

div#sidebar div#main div#series ul li.even { float: right; }

div#sidebar div#main div#series ul li img { display: block; }

/* banner */

div#sidebar div.banner { text-align: center; }

div#sidebar div#large { margin-top: 15px; }

div#sidebar div#small { margin-top: 25px; }

/*---------------------------------------------------------------
	IE Legacy Layout
---------------------------------------------------------------*/

/* IE7 --------------------------------------------------------*/

*+html div.container,
*+html div.article div#postreview div.button,
*+html div.article div#viewreview div.review,
*+html div#sidebar div#main div.section,
*+html div#sidebar div#main div.section div.productDetails div.column,
*+html div#sidebar div#main div#profile div.description,
*+html div#sidebar div#main div#series ul { zoom: 1; }

*+html div.article div#viewreview h2 + h3 { margin-top: 1px; }

/* IE6 --------------------------------------------------------*/

*html div.container,
*html div.article div#postreview div.button,
*html div.article div#viewreview div.review,
*html div#sidebar div#main div.section,
*html div#sidebar div#main div.section div.productDetails div.column,
*html div#sidebar div#main div#profile div.description,
*html div#sidebar div#main div#series ul { zoom: 1; }

*html div.article div.nav ul li.first-child { border-left: none; }

*html div#sidebar div#main div.section div.productDetails div.first-child {
  margin-top: 10px;
  padding-top: 0;
  border-top: none;
}

*html div#sidebar div#main div#profile div.description img { position: relative; }