/*----------------------------------------------------------------------------
	common
----------------------------------------------------------------------------*/
#mainvisual {
  height: 313px;
}

.pageTitle {
  margin: 0 0 25px;
  line-height: 1;
}

/*----------------------------------------------------------------------------
	topics
----------------------------------------------------------------------------*/
#topics .topicsBox {
  width: 100%;
  margin: 0 0 49px;
  background: url(../images/topics/bg_topicsbox_mdl.gif) repeat-y left top;
}
#topics .topicsBox .boxIn {
  padding: 0 0 4px 0;
  background: url(../images/topics/bg_topicsbox_ft.jpg) no-repeat left bottom;
}
#topics .topicsBox .boxIn .inner {
  padding: 10px 17px;
  background: url(../images/topics/bg_topicsbox_hd.gif) no-repeat left top;
  /*@include min-height(410px);*/
}
#topics .topicsBox .boxIn .inner .topicsTitle {
  zoom: 1;
  margin: 0 0 20px;
  padding: 18px 0 18px;
  border-bottom: 1px solid #6c6c6c;
  line-height: 1.5;
}
#topics .topicsBox .boxIn .inner .topicsTitle:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#topics .topicsBox .boxIn .inner .topicsTitle .date {
  display: block;
  float: left;
  width: 130px;
  padding: 2px 0 0 34px;
  background: url(../images/common/ico_adv_ttl.png) no-repeat left 5px;
  font-size: 15px;
}
#topics .topicsBox .boxIn .inner .topicsTitle .title {
  display: block;
  float: right;
  width: 695px;
  padding: 0 34px 0 0;
  background: url(../images/common/ico_adv_ttl.png) no-repeat right 5px;
  color: #af0810;
  font-size: 18px;
}
#topics .topicsBox .boxIn .inner .cont {
  width: 100%;
}
#topics .topicsBox .boxIn .inner .cont .img {
  margin: 0 0 1em;
}
#topics .topicsBox .boxIn .inner .cont .inTxt {
  padding: 0 8px;
}
#topics .topicsBox .boxIn .inner .contL, #topics .topicsBox .boxIn .inner .contR {
  width: 895px;
}
#topics .topicsBox .boxIn .inner .contL p, #topics .topicsBox .boxIn .inner .contR p {
  margin: 0 0 1em;
}
#topics .topicsBox .boxIn .inner .contL .contIn, #topics .topicsBox .boxIn .inner .contR .contIn {
  overflow: hidden;
  width: 100%;
}
#topics .topicsBox .boxIn .inner .contL .contIn .txt, #topics .topicsBox .boxIn .inner .contR .contIn .txt {
  display: inline;
}
#topics .topicsBox .boxIn .inner .contL {
  margin: 0 auto 0 0;
}
#topics .topicsBox .boxIn .inner .contL .contIn .img {
  display: inline;
  float: left;
  padding: 0 15px 5px 0;
}
#topics .topicsBox .boxIn .inner .contR {
  margin: 0 0 0 auto;
}
#topics .topicsBox .boxIn .inner .contR .contIn .img {
  display: inline;
  float: right;
  padding: 0 0 5px 15px;
}

/*----------------------------------------------------------------------------
	summary
----------------------------------------------------------------------------*/
#summary .pageTitle {
  position: relative;
}
#summary .pageTitle .listBtn, #summary .pageTitle .newBtn {
  display: block;
  position: absolute;
  top: 9px;
}
#summary .pageTitle .listBtn a:hover img, #summary .pageTitle .newBtn a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
#summary .pageTitle .listBtn {
  left: 29px;
}
#summary .pageTitle .newBtn {
  right: 29px;
}
#summary .summaryList .item {
  margin: 0 0 12px;
  padding: 4px 0 0;
  background: white url(../images/summary/bg_summarylist_hd.gif) no-repeat left top;
}
#summary .summaryList .item a {
  display: block;
}
#summary .summaryList .item a:hover {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#summary .summaryList .item a:hover .title {
  text-decoration: underline;
}
#summary .summaryList .item .itemIn {
  zoom: 1;
  padding: 14px 17px 18px;
  background: url(../images/summary/bg_summarylist_ft.jpg) no-repeat left bottom;
  line-height: 1.1;
}
#summary .summaryList .item .itemIn:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#summary .summaryList .item .itemIn .index {
  display: block;
  float: left;
  width: 116px;
  padding: 5px 0 0 48px;
  background: url(../images/common/ico_adv_ttl.png) no-repeat left 5px;
  font-size: 15px;
}
#summary .summaryList .item .itemIn .title {
  display: block;
  float: left;
  width: 538px;
  padding: 2px 10px 0;
  color: #af0810;
  font-size: 18px;
}
#summary .summaryList .item .itemIn .date {
  display: block;
  float: right;
  width: 150px;
  padding: 5px 34px 0 0;
  background: url(../images/common/ico_adv_ttl.png) no-repeat right 5px;
  font-size: 15px;
  text-align: right;
}
#summary .summaryBox {
  width: 100%;
  background: url(../images/summary/bg_summarydetail_mdl.gif) repeat-y left top;
}
#summary .summaryBox .boxIn {
  padding: 0 0 4px 0;
  background: url(../images/summary/bg_summarydetail_ft.jpg) no-repeat left bottom;
}
#summary .summaryBox .boxIn .inner {
  padding: 10px 17px 20px;
  background: url(../images/summary/bg_summarydetail_hd.gif) no-repeat left top;
  /*@include min-height(410px);*/
}
#summary .summaryBox .boxIn .inner .titleBox {
  margin: 0 0 5px;
  padding: 0 0 18px;
  background: url(../images/common/line_double_01.gif) repeat-x left bottom;
}
#summary .summaryBox .boxIn .inner .titleBox .summaryTitle {
  zoom: 1;
  padding: 18px 0 0;
  line-height: 1.5;
}
#summary .summaryBox .boxIn .inner .titleBox .summaryTitle:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#summary .summaryBox .boxIn .inner .titleBox .summaryTitle .index {
  display: block;
  float: left;
  width: 211px;
  /*245px;*/
  padding: 2px 0 0 34px;
  background: url(../images/common/ico_adv_ttl.png) no-repeat left 5px;
  font-size: 15px;
  text-align: center;
}
#summary .summaryBox .boxIn .inner .titleBox .summaryTitle .title {
  display: block;
  float: left;
  width: 464px;
  /*489px;*/
  padding: 0 25px 0 0;
  color: #af0810;
  font-size: 18px;
}
#summary .summaryBox .boxIn .inner .titleBox .summaryTitle .date {
  display: block;
  float: right;
  width: 138px;
  /*172px;*/
  padding: 2px 34px 0 0;
  background: url(../images/common/ico_adv_ttl.png) no-repeat right 5px;
  font-size: 15px;
  text-align: right;
}
#summary .summaryBox .boxIn .inner .titleBox .info {
  padding: 14px 0 0;
  text-align: center;
}
#summary .summaryBox .boxIn .inner .titleBox .info li {
  display: inline-block;
  *display: inline;
  *zoom: 1;
  padding: 0 10px;
}
#summary .summaryBox .boxIn .inner .cont {
  zoom: 1;
  width: 100%;
  padding: 15px 0 0;
}
#summary .summaryBox .boxIn .inner .cont:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#summary .summaryBox .boxIn .inner .cont .imgCol {
  margin: -17px 0 0;
  float: left;
}
#summary .summaryBox .boxIn .inner .cont .imgCol li {
  padding: 17px 0 0;
}
#summary .summaryBox .boxIn .inner .cont .txtCol {
  float: right;
  width: 540px;
  padding: 0 15px 0;
  color: #5c4a4a;
  font-size: 15px;
}
#summary .summaryBox .boxIn .inner .cont .txtCol .info {
  margin: 0 0 20px;
}
#summary .summaryBox .boxIn .inner .cont .txtCol .txt {
  word-break: break-all;
}
#summary .summaryBox .boxIn .inner .cont .txtCol .txt p {
  margin: 0 0 1em;
  word-break: break-all;
}

.txtCS {
  padding: 100px 0 100px;
  text-align: center;
}

/*----------------------------------------------------------------------------
	about
----------------------------------------------------------------------------*/
#about .aboutBox {
  width: 100%;
  margin: 0 0 29px;
}
#about .aboutBox .boxIn {
  padding: 0 0 4px 0;
}
#about .aboutBox .boxIn .inner {
  padding: 6px 17px 10px;
}
#about .aboutBox .boxIn .inner .cont {
  zoom: 1;
  padding: 14px 0 4px 0;
  background: url(../images/common/bg_box_inner.png) repeat left top;
}
#about .aboutBox .boxIn .inner .cont:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#about .aboutBox .boxIn .inner .cont p.img {
  margin: 0 0 0;
  padding-bottom: 10px;
}
#about .aboutBox .boxIn .inner .cont p {
  margin: 0 0 1em;
}
#about .introBox {
  background: url(../images/about/bg_introbox_mdl.gif) repeat-y left top;
}
#about .introBox .boxIn {
  background: url(../images/about/bg_introbox_ft.jpg) no-repeat left bottom;
}
#about .introBox .boxIn .inner {
  background: url(../images/about/bg_introbox_hd.gif) no-repeat left top;
  /*@include min-height(410px);*/
}
#about .introBox .boxIn .inner .cont {
  font-size: 15px;
  padding-right: 5px;
}
#about .introBox .boxIn .inner .cont .copy {
  font-size: 19px;
  font-weight: bold;
}
#about .staffcastBox {
  background: url(../images/about/bg_staffcast_mdl.gif) repeat-y left top;
}
#about .staffcastBox .boxIn {
  background: url(../images/about/bg_staffcast_ft.jpg) no-repeat left bottom;
}
#about .staffcastBox .boxIn .inner {
  background: url(../images/about/bg_staffcast_hd.gif) no-repeat left top;
  /*@include min-height(410px);*/
}
#about .songBox {
  background: url(../images/about/bg_songbox_mdl.gif) repeat-y left top;
}
#about .songBox .boxIn {
  background: url(../images/about/bg_songbox_ft.jpg) no-repeat left bottom;
}
#about .songBox .boxIn .inner {
  background: url(../images/about/bg_songbox_hd.gif) no-repeat left top;
  /*@include min-height(410px);*/
}
#about .songBox .boxIn .inner .cont {
  padding: 12px 0 0;
}
#about .songBox .boxIn .inner .inBox {
  width: 443px;
  padding: 0 463px 0 0;
  background: url(../images/about/bg_songbox_illust.png) no-repeat 478px bottom;
  line-height: 1;
  text-align: center;
}
#about .songBox .boxIn .inner .inBox .title {
  margin: 0 0 10px;
}
#about .songBox .boxIn .inner .inBox .meta {
  margin: 0 0 14px;
}
#about .songBox .boxIn .inner .inBox .img {
  margin: 0 0 0;
}
#about .songBox .boxIn .inner .inBox .txt {
  padding: 12px 3px 6px;
  line-height: 1.5;
  text-align: left;
}
#about .songBox .boxIn .inner .inBox.right {
  float: right;
}
#about .aboutTitle {
  margin: 0 -11px 10px;
  line-height: 1;
}

/*----------------------------------------------------------------------------
	character
----------------------------------------------------------------------------*/
#character #contentsT {
  width: 940px;
  margin: 0 auto;
}
#character #charNavBelt {
  overflow: hidden;
  width: 100%;
  height: 274px;
  margin: 0 0 30px;
  border-top: 2px solid #3f3327;
  background: #3a2813 url(../images/character/bg_char_nav.jpg) no-repeat center top;
  line-height: 1;
}
#character #charNavBelt #charNavBox {
  zoom: 1;
  width: 940px;
  height: 100%;
  margin: 0 auto;
  background: url(../images/character/bg_char_nav_in.png) no-repeat 564px bottom;
}
#character #charNavBelt #charNavBox:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#character #charNavBelt #charNavBox .navList {
  zoom: 1;
  float: left;
  width: 546px;
  padding: 8px 0 0;
}
#character #charNavBelt #charNavBox .navList:after {
  content: ".";
  display: block;
  visibility: hidden;
  height: 0.1px;
  font-size: 0.1em;
  line-height: 0;
  clear: both;
}
#character #charNavBelt #charNavBox .navList li {
  float: left;
  margin: 0 5px 0 0;
}
#character #charNavBelt #charNavBox .switchList {
  display: table;
  float: right;
  height: 254px;
  padding: 8px 0 0;
}
#character #charNavBelt #charNavBox .switchList li {
  display: table-cell;
  margin-top: 10px;
  vertical-align: bottom;
}
#character #charNavBelt #charNavBox .switchList li a {
  display: block;
  background: #FFFFFF;
}
#character #charNavBelt #charNavBox .switchList li a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
}
#character .characterBox {
  width: 100%;
  margin: 0 0 29px;
  background: url(../images/character/bg_charbox_mdl.gif) repeat-y left top;
}
#character .characterBox .boxIn {
  padding: 0 0 4px 0;
  background: url(../images/character/bg_charbox_odd_ft.jpg) no-repeat left bottom;
}
#character .characterBox .boxIn .inner {
  padding: 14px 17px 14px;
  background: url(../images/character/bg_charbox_hd.gif) no-repeat left top;
}
#character .characterBox .boxIn .inner .cont {
  background: url(../images/common/bg_box_inner.png) repeat left top;
}
#character .characterBox .boxIn .inner .cont .contIn {
  position: relative;
  min-height: 341px;
  height: auto !important;
  height: 341px;
  background: url(../images/character/bg_box_deco.png) no-repeat right bottom;
}
#character .characterBox .boxIn .inner .cont .contIn .name {
  position: absolute;
  top: -2px;
  left: 0;
  z-index: 5;
}
#character .characterBox .boxIn .inner .cont .contIn .img {
  position: absolute;
  top: -11px;
  left: -1;
  z-index: 3;
}
#character .characterBox .boxIn .inner .cont .contIn .txt {
  width: 350px;
  padding: 10px 0 0 550px;
  font-size: 15px;
}
#character .characterBox .boxIn .inner .cont .contIn .txt p {
  margin: 0 0 1em;
}
#character .characterBox.even .boxIn {
  background: url(../images/character/bg_charbox_even_ft.jpg) no-repeat left bottom;
}