@charset "UTF-8";

/* ------------------------------------
◆　all
------------------------------------ */
html, body {
  color: #333;
  background-color: #fff;
  font-family: "ヒラギノ角ゴ Pro W3","HiraKakuPro-W3", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", sans-serif;
  font-size: 13px;
  line-height: 1.5em;
  width: 100%;
  min-width: 1000px;
  height: auto;
  -webkit-text-size-adjust: none;
}

a {
  color: #333;
  text-decoration: none;
  cursor: pointer;
}

a:hover {
  text-decoration: none;
}

li {
  list-style-type: none;
}

.clearfix:after {
  content: '';
  display: block;
  clear: both;
}

.clearfix {
  zoom: 1;
}

.hover:hover {
  cursor: pointer;
  filter: alpha(opacity=70);
  opacity: 0.7;
}

.content_width {
  width: 1000px;
  margin: 0px auto;
  position: relative;
}

/* ------------------------------------
◆　header_top
------------------------------------ */
#header_top {
  width: 100%;
  height: 140px;
  background-color: #F2F2F2;
  position: relative;
  z-index: 999;
}

#header_top .header_top_bg {
  background-image: url("../img/bg_header_top.png");
  background-repeat: no-repeat;
  background-position: center top;
  background-color: #FFF;
  max-width: 1200px;
  height: 135px;
  margin: 0px auto;
  padding: 5px 0px 0px 0px;
}

#header_top .shadow_header_top {
  width: 100%;
  height: 4px;
  background-image: url("../img/shadow_header_top.png");
  background-repeat: repeat-x;
  background-position: left bottom;
}

#header_top .logo_portal {
  width: 330px;
  margin: 0px auto -3px;
}

#header_top .global_menu {
  font-size: 14px;
  font-weight: bold;
  margin: 0px 0px 0px 132px;
}

#header_top .global_menu li {
  float: left;
  margin: 0px 43px 0px 0px;
}

#header_top .global_menu li a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#header_top .global_menu li img {
  display: block;
  float: left;
}

#header_top .global_menu li p {
  padding: 0px 0px 0px 4px;
  float: left;
}

#header_top .global_menu li.cs {
  color: #ACACAC;
}

#header_top .logo_maql {
  position: absolute;
  bottom: -3px;
  right: 0px;
}

/* ------------------------------------
◆　header
------------------------------------ */
#header {
  width: 100%;
  height: 84px;
  background-image: url("../img/bg_header.png");
  background-repeat: repeat-x;
  background-position: left top;
  position: relative;
  z-index: 999;
}

#header .logo_portal {
  float: left;
  margin: 14px 0px 0px 0px;
}

#header .global_menu {
  font-size: 14px;
  font-weight: bold;
  float: left;
  padding: 47px 0px 0px 0px;
  margin: 0px 0px 0px 23px;
}

#header .global_menu li {
  float: left;
  margin: 0px 23px 0px 0px;
  height: 16px;
}

#header .global_menu li a {
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

#header .global_menu li img {
  display: block;
  float: left;
}

#header .global_menu li p {
  padding: 0px 0px 0px 4px;
  float: left;
}

#header .global_menu li.cs {
  color: #ACACAC;
}

#header .logo_maql {
  position: absolute;
  bottom: 8px;
  right: 0px;
}

/* ------------------------------------
◆　contents / top
------------------------------------ */
#contents #slide {
  width: 100%;
  height: 470px;
  background-image: url("../img/bg_slide_dot.png");
  background-repeat: repeat;
  background-position: center center;
  position: relative;
  padding: 30px 0px 0px 0px;
}

#contents #slide .shadow_slide {
  width: 100%;
  height: 5px;
  background-image: url("../img/shadow_slide.png");
  background-repeat: repeat-x;
  background-position: left top;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#contents #top_main {
  padding: 0px 0px 48px 0px;
  background-image: url("../img/bg_top_flower01.png");
  background-repeat: no-repeat;
  background-position: left top;
  position: relative;
}

#contents #top_main .block01 {
  width: 330px;
  padding: 22px 0px 0px 0px;
  margin: 0px 12px 0px 0px;
  float: left;
}

#contents #top_main .block01 .header {
  height: 22px;
  background-image: url("../img/bg_block01_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #top_main .block01 .content {
  width: 290px;
  padding: 0px 20px 0px 20px;
  background-image: url("../img/bg_block01_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #top_main .block01 .content .movie {
	margin: 0px 0px 10px 0px;
}

#contents #top_main .block01 .content .movie.last {
	margin: 0px;
}

#contents #top_main .block01 .footer {
  height: 22px;
  background-image: url("../img/bg_block01_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#contents #top_main .block02 {
  width: 400px;
  padding: 22px 0px 0px 0px;
  margin: 0px 12px 0px 0px;
  float: left;
}

#contents #top_main .block02 .header {
  height: 22px;
  background-image: url("../img/bg_block02_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #top_main .block02 .content {
  width: 360px;
  padding: 0px 20px 0px 20px;
  background-image: url("../img/bg_block02_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #top_main .block02 .footer {
  height: 22px;
  background-image: url("../img/bg_block02_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#contents #top_main .block03 {
  width: 246px;
  padding: 22px 0px 0px 0px;
  float: left;
}

#contents #top_main .block03 .header {
  height: 22px;
  background-image: url("../img/bg_block03_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #top_main .block03 .content {
  width: 226px;
  padding: 0px 10px 0px 10px;
  background-image: url("../img/bg_block03_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #top_main .block03 .footer {
  height: 22px;
  background-image: url("../img/bg_block03_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#contents #top_main .content.more01 {
  padding: 0px 20px 35px 20px;
}

#contents #top_main .block01 .content.more01 {
  padding: 0px 20px 27px 20px!important;
}

#contents #top_main .block02 .group01 .content.more01 {
  padding: 0px 20px 41px 20px!important;
}

#contents #top_main .block02 .group02 .content.more01 {
  padding: 0px 20px 22px 20px!important;
}

#contents #top_main .group01 {
  margin: 0px 0px 12px 0px;
}

#contents #top_main .group01,
#contents #top_main .group02 {
  position: relative;
}

#contents #top_main .block02 .news {
  height: 245px;
  overflow: scroll;
  margin: 0px 0px -15px 0px;
}

#contents #top_main .block02 .news li {
  margin: 0px 0px 16px 0px;
}

#contents #top_main .block02 .news .date {
  font-weight: bold;
  margin: 0px 0px 2px 0px;
}

#contents #top_main .block02 .news a {
  color: #B20000;
  text-decoration: underline;
}

#contents #top_main .block02 .product li a {
  color: #B20000;
  text-decoration: underline;
}

#contents #top_main .block02 .product li .img {
  float: left;
  width: 134px;
  height: 134px;
  border: 1px #AAA dotted;
  padding: 2px;
  margin: 0px 0px 28px 0px;
  text-align: center;
}

#contents #top_main .block02 .product li .img a {
  display: block;
  width: 100%;
  height: 100%;
}

#contents #top_main .block02 .product li.last .img {
  margin: 0px 0px 10px 0px;
}

#contents #top_main .block02 .product li .meta {
  width: 200px;
  float: right;
}

#contents #top_main .block02 .product li .meta .name {
  font-weight: bold;
  margin: 2px 0px 7px 0px;
}

#contents #top_main .block02 .product li .meta .detail li {
  margin: 0px 0px 7px 0px;
}

#contents #top_main .block02 .product li .meta .detail li .text01 {
  font-weight: bold;
  background-image: url("../img/icn_topic01.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 0px 0px 18px;
}

#contents #top_main .block02 .product li .meta .detail li .text02 {
  margin: 0px 0px 0px 18px;
}


#contents #top_main .block03 .banner li {
  margin: 0px 0px 10px 0px;
}

#contents #top_main .block03 .banner li.last {
  margin: 0px;
}

#contents #top_main .block03 .banner img {
  display: block;
}

#contents #top_main .content .more01 {
  height: 14px;
  line-height: 14px;
  font-weight: bold;
  text-align: right;
  position: absolute;	
  bottom: 18px;
  right: 23px;
  color: #B20000;
  padding: 0px 13px 0px 0px;
  background-image: url("../img/icn_arrow01.png");
  background-repeat: no-repeat;
  background-position: right center;
}

#contents #top_main .top_main_footer {
  width: 539px;
  height: 772px;
  background-image: url("../img/bg_top_flower02.png");
  background-repeat: no-repeat;
  background-position: right bottom;
  position: absolute;
  bottom: 0px;
  right: 0px;
}

/* ------------------------------------
◆　contents / etc
------------------------------------ */
#contents #main {
  margin: -4px 0px 0px 0px;
  padding: 0px 0px 48px;
  position: relative;
  background-image: url("../img/bg_main_flower01.png");
  background-repeat: no-repeat;
  background-position: left top;
}

#contents #main .flower02 {
  width: 389px;
  height: 346px;
  background-image: url("../img/bg_main_flower02.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0px;
  right: 0px;
}

#contents #main .flower03 {
  width: 499px;
  height: 576px;
  background-image: url("../img/bg_main_flower03.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 0px;
  left: 0px;
}

#contents #main .flower04 {
  width: 539px;
  height: 772px;
  background-image: url("../img/bg_main_flower04.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  bottom: 226px;
  right: 0px;
}

#contents #main .block03 {
  width: 246px;
  padding: 46px 0px 0px 0px;
  float: right;
}

#contents #main .block03 .header {
  height: 22px;
  background-image: url("../img/bg_block03_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #main .block03 .content {
  width: 226px;
  padding: 0px 10px 0px 10px;
  background-image: url("../img/bg_block03_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #main .block03 .footer {
  height: 22px;
  background-image: url("../img/bg_block03_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#contents #main .block03 .banner li {
  margin: 0px 0px 10px 0px;
}

#contents #main .block03 .banner li.last {
  margin: 0px;
}

#contents #main .block03 .banner img {
  display: block;
}

#contents #main .block04 {
  width: 742px;
  padding: 20px 0px 0px 0px;
  float: left;
}

#contents #main .block04 .title {
  margin: 0px 0px 20px 0px;
}

#contents #main .block04 .header {
  height: 22px;
  background-image: url("../img/bg_block04_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #main .block04 .content {
  width: 702px;
  padding: 0px 20px 13px 20px;
  background-image: url("../img/bg_block04_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #main .block04 .footer {
  height: 22px;
  background-image: url("../img/bg_block04_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

#contents #main .block05 {
  width: 1000px;
  padding: 20px 0px 0px 0px;
}

#contents #main .block05 .header {
  height: 22px;
  background-image: url("../img/bg_block05_header.png");
  background-repeat: no-repeat;
  background-position: left bottom;
  margin: -6px 0px 0px 0px;
}

#contents #main .block05 .content {
  width: 920px;
  padding: 20px 40px 15px 40px;
  background-image: url("../img/bg_block05_body.png");
  background-repeat: repeat-y;
  background-position: left top;
}

#contents #main .block05 .footer {
  height: 22px;
  background-image: url("../img/bg_block05_footer.png");
  background-repeat: no-repeat;
  background-position: left bottom;
}

/* ------------------------------------
◆　contents / news
------------------------------------ */
#news .group01 {
  text-align: center;
  font-weight: bold;
  margin: 0px 0px 30px 0px;
}

#news .group01 img {
  border: 1px #333 solid;
}

#news .group01 p {
  margin: 10px 0px 0px 0px;
}

#news .group02 {
  padding: 9px 0px 30px 0px;
  position: relative;
}

#news .group02 .news {
  width: 640px;
  margin: 0px auto;
}

#news .group02 .news li {
  border-bottom: 1px #AAA solid;
  padding: 0px 0px 13px 0px;
  margin: 0px 0px 19px 0px;
}

#news .group02 .news li .date {
  float: left;
  width: 100px;
  font-weight: bold;
}

#news .group02 .news li .text {
  float: left;
  width: 540px;
}

#news .group02 .news li .text a {
  color: #B20000;
  text-decoration: underline;
}

#news .group02 .more02 {
  height: 14px;
  line-height: 14px;
  font-weight: bold;
  text-align: right;
  position: absolute;	
  bottom: 23px;
  right: 32px;
  color: #B20000;
  padding: 0px 13px 0px 0px;
  background-image: url("../img/icn_arrow04.png");
  background-repeat: no-repeat;
  background-position: right center;
  display: block;
}

#news .group02 .more_hide {
  display: none;
}

/* ------------------------------------
◆　contents / product
------------------------------------ */
#product .product_block {
  width: 720px;
  margin: -9px 0px 0px -9px;
}

#product .product_block .header {
  height: 9px!important;
  background-image: url("../img/bg_product_block_header.png")!important;
  background-repeat: no-repeat!important;
  background-position: left top!important;
  margin: 0px!important;
}

#product .product_block .content {
  width: 642px!important;
  padding: 27px 39px 19px 39px!important;
  background-image: url("../img/bg_product_block_body.png")!important;
  background-repeat: repeat-y!important;
  background-position: left top!important;
}

#contents .product_block .footer {
  height: 9px!important;
  background-image: url("../img/bg_product_block_footer.png")!important;
  background-repeat: no-repeat!important;
  background-position: left bottom!important;
}

#product .product_block .content .name {
  font-size: 18px;
  font-weight: bold;
  border-left: 6px #AAA solid;
  padding: 4px 0px 4px 10px;
}

#product .product_block .content .name a:hover {
  color: #B20000;
  text-decoration: underline;
}

#product .product_block .content .img {
  border-top: 2px #CCC dotted;
  border-bottom: 2px #CCC dotted;
  margin: 9px 0px 20px 0px;
  padding: 23px 0px 20px 0px;
}

#product .product_block .content .detail {
  margin: 0px 7px 0px 7px;
}

#product .product_block .content .detail li {
  margin: 0px 0px 7px 0px;
}

#product .product_block .content .detail li .text01 {
  float: left;
  width: 117px;
  font-weight: bold;
  background-image: url("../img/icn_topic01.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 0px 0px 18px;
}

#product .product_block .content .detail li .text02 {
  float: left;
  width: 493px;
}
#product #product09.product_block .content .detail li .text02 a{
  text-decoration:underline;
}

#product .arrow05 {
  width: 100%;
  height: 55px;
  background-image: url("../img/icn_arrow05.png");
  background-repeat: no-repeat;
  background-position: center 12px;
}

/* ------------------------------------
◆　contents / character
------------------------------------ */
#character .list {
  margin: 0px 0px 5px 0px;
}

#character .list li {
  width: 180px;
  height: 254px;
  position: relative;
  float: left;
  margin: 0px 5px 0px 0px;
}

#character .list li.last {
  margin: 0px;
}

#character .list li img {
  margin: 8px 9px 0px 9px;
}

#character .list li span {
  display: block;
  width: 180px;
  height: 254px;
  background-image: url("../img/bg_character_frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  position: absolute;
  top: 0px;
  left: 0px;
}

#character .coming_soon {
  width: 382px;
  margin: 28px auto 0px;
}

/* ------------------------------------
◆　contents / character / popup
------------------------------------ */
.popup {
  width: 100%;
  height: 100%;
  position: fixed;
  left: 0px;
  top: 0px;
  background-image: url("../img/bg_popup.png");
  background-repeat: repeat;
  background-position: left top;
  display: none;
  z-index: 9999;
  overflow: auto;
}

.popup .popup_close_area {
  width: 100%;
  height: 100%;
  position: fixed;
}

.popup .popup_close {
  position: absolute;
  top: 25px;
  right: 25px;
  width: 32px;
  height: 32px;
  background-image: url("../img/btn_popup_close.png");
  background-repeat: no-repeat;
  background-position: center center;
}

.popup .popup_inner {
  width: 750px;
  height: 540px;
  background-image: url("../img/bg_popup_character_frame.png");
  background-repeat: no-repeat;
  background-position: center center;
  margin: 20px auto;
  position: relative;
}

.popup .popup_inner .img {
  position: absolute;
  top: 0px;
  left: 0px;
}

.popup .popup_inner .img img {
  display: block;
}

.popup .popup_inner .meta {
  width: 342px;
  height: 514px;
  background-image: url("../img/bg_popup_character_bg.png");
  background-repeat: repeat-y;
  background-position: left top;
  position: absolute;
  top: 13px;
  right: 30px;
}

.popup .popup_inner .meta .name {
  margin: 35px 0px 17px 0px;
  text-align: center;
}

.popup .popup_inner .meta .cv {
  font-size: 16px;
  font-weight: bold;
  color: #fff;
  background-color: #B20000;
  padding: 6px 8px 5px 8px;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  position: absolute;
  top: 170px;
  right: 18px;
}

.popup .popup_inner .meta .detail01 {
  margin: 0px 0px 19px 19px;
}

.popup .popup_inner .meta .detail01 li {
  margin: 0px 0px 3px 0px;
  background-image: url("../img/icn_topic01.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 0px 0px 18px;
}

.popup .popup_inner .meta .title {
  width: 118px;
  height: 22px;
  line-height: 24px;
  text-align: center;
  color: #666;
  font-weight: bold;
  font-size: 14px;
  border: 2px #CCC solid;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin: 0px 0px 7px 19px;
}

.popup .popup_inner .meta .detail02 {
  margin: 0px 0px 0px 19px;
  font-weight: bold;
}

.popup .popup_inner .meta .detail02 li {
  margin: 0px 0px 4px 0px;
}

.popup .popup_inner .meta .detail02 li a {
  color: #B20000;
  text-decoration: underline;
}

.popup .popup_inner .prev {
  position: absolute;
  top: 240px;
  left: -50px;
  cursor: pointer;
}

.popup .popup_inner .next {
  position: absolute;
  top: 240px;
  right: -50px;
  cursor: pointer;
}

.characterDetail {
  display: none;
}

.popup .loading {
  width: 64px;
  height: 64px;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -32px 0 0 -32px;
  z-index: 999;
  background-image: url("../img/loading.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#characterCount {
  display: none;
}

/* ------------------------------------
◆　contents / relation
------------------------------------ */
#relation .product_block {
  width: 642px;
  margin: 0px auto 30px;
  padding: 0px 30px 25px 30px;
  border-bottom: 1px #AAA solid;
}

#relation .product_block .name {
  position: relative;
  margin: 0px 0px 12px 0px;
}

#relation .product_block .name h3 {
  font-size: 18px;
  line-height: 1.2em;
  font-weight: bold;
  border-left: 6px #AAA solid;
  padding: 3px 0px 3px 10px;
}

#relation .product_block .name .tag {
  font-size: 12px;
  line-height: 1.0em;
  font-weight: bold;
  padding: 7px 6px 7px 6px;
  color: #fff;
  position: absolute;
  bottom: 0px;
  right: 0px;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
}

#relation .product_block .name .cate01 {
  background-color: #FF8000;
}

#relation .product_block .name .cate02 {
  background-color: #FFBF00;
}

#relation .product_block .name .cate03 {
  background-color: #7BC848;
}

#relation .product_block .name .cate04 {
  background-color: #5BA3F9;
}

#relation .product_block .name .cate05 {
  background-color: #FF4D4D;
}

#relation .product_block .name a:hover {
  color: #B20000;
  text-decoration: underline;
}

#relation .product_block .img {
  margin: 0px 0px 19px 0px;
}

#relation .product_block .img img {
  display: block;
  margin: 0px auto;
}

#relation .product_block .img table {
  margin:0 0 20px;
  width: 312px;
  height: 312px;
  border: 1px #AAA dotted;
}

#relation .product_block .img .left {
  float: left;
}

#relation .product_block .img .left th {
  vertical-align: middle;
}

#relation .product_block .img .right {
  float: right;
}

#relation .product_block .img .right th {
  vertical-align: middle;
}

/*
#relation .product_block .img a {
  display: block;
  width: 100%;
  height: 100%;
}
*/

#relation .product_block .detail {
  margin: 0px 7px 0px 7px;
}

#relation .product_block .detail li {
  margin: 0px 0px 7px 0px;
}

#relation .product_block .detail li .text01 {
  float: left;
  width: 117px;
  font-weight: bold;
  background-image: url("../img/icn_topic01.png");
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 0px 0px 18px;
}

#relation .product_block .detail li .text02 {
  float: left;
  width: 493px;
}

#relation .product_block .detail li .text02 a {
  color: #B20000;
  text-decoration: underline;
}

#relation .coming_soon {
  width: 382px;
  margin: 20px auto 0px;
}

#relation .pagination {
  padding: 5px 0px 0px 0px;
  position: relative;
  overflow: hidden;
}

#relation .pagination ul {
  position: relative;
  left: 50%;
  float: left;
}

#relation .pagination ul li {
  float: left;
  margin: 0px 5px 0px 5px;
  position: relative;
  left: -50%;
}

#relation .pagination ul li a:hover {
  color: #B20000;
  text-decoration: underline;
}

#relation .pagination ul li.current {
  color: #B20000;
  text-decoration: underline;
  font-weight: bold;
}

#relation .pagination ul li .prev {
  font-weight: bold;
  margin: 0px 10px 0px 0px;
  padding: 0px 0px 0px 12px;
  background-image: url("../img/icn_arrow06.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#relation .pagination ul li a .prev:hover {
  background-image: url("../img/icn_arrow08.png");
}

#relation .pagination ul li .next {
  font-weight: bold;
  margin: 0px 0px 0px 10px;
  padding: 0px 12px 0px 0px;
  background-image: url("../img/icn_arrow07.png");
  background-repeat: no-repeat;
  background-position: right center;
}

#relation .pagination ul li a .next:hover {
  background-image: url("../img/icn_arrow09.png");
}

#relation .category {
  margin: 43px 0px 0px 0px;
  font-size: 15px;
  font-weight: bold;
}

#relation .category .header.current {
  background-image: url("../img/bg_block03_header_current.png")!important;
}

#relation .category .content {
  width: 244px!important;
  padding: 0px 1px 0px 1px!important;
}

#relation .category .footer.current {
  background-image: url("../img/bg_block03_footer_current.png")!important;
}

#relation .category .list li {
  border-bottom: 1px #AAA solid;
  padding: 17px 0px 13px 20px;
}

#relation .category .list li a {
  padding: 0px 0px 0px 20px;
  background-image: url("../img/icn_topic02.png");
  background-repeat: no-repeat;
  background-position: left center;
}

#relation .category .list li.first {
  padding-top: 0px;
  background-position: 20px top; 
  line-height: 1.0em;
}

#relation .category .list li.last {
  border-bottom: none;
  padding-bottom: 0px;
  background-position: 20px bottom; 
  line-height: 1.0em;
  margin: 0px 0px -4px 0px;
}

#relation .category .list li.first.last {
  font-size:12px;
  line-height:1.5em;
  text-indent:-1em;
}
#relation .category .list li.current {
  background-color: #FAF0F0;
}

/* ------------------------------------
◆　contents / special
------------------------------------ */
#special .special_block {
	width: 662px;
	margin: 0px auto 60px;
}

#special .special_block .topic {
  font-size: 18px;
  line-height: 1.3em;
  font-weight: bold;
  border-bottom: 2px #B20000 dotted;
  padding: 0px 0px 6px 0px;
	margin: 0px 0px 19px 0px;
}

#special .special_block .topic a:hover {
  color: #B20000;
  text-decoration: underline;
}

#special .special_block .left {
	float: left;
	margin: 0px 20px 10px 0px;
}

#special .special_block .text {
	margin: 0px 0px 15px 0px;
}

/* ------------------------------------
◆　footer
------------------------------------ */
#footer {
  width: 100%;
  height: 95px;
  position: relative;
  z-index: 888;
}

#footer .shadow_footer {
  width: 100%;
  height: 5px;
  background-image: url("../img/shadow_footer.png");
  background-repeat: repeat-x;
  background-position: left top;
  position: absolute;
  top: -5px;
  left: 0px;
}

#footer .block01 {
  width: 100%;
  height: 70px;
}

#footer .block01 .global_menu {
  font-size: 12px;
  margin: 0px 0px 0px 270px;
  padding: 15px 0px 5px 0px;
}

#footer .block01 .global_menu li {
  float: left;
  margin: 0px 10px 0px 0px;
}

#footer .block01 .global_menu li:after {
  content: '|';
  margin: 0px 0px 0px 12px;
}

#footer .block01 .global_menu li.last {
  color: #ACACAC;
}

#footer .block01 .global_menu li.last:after {
  content: '';
}

#footer .block01 .copy {
  font-size: 10px;
  color: #666;
  text-align: center;
}

#footer .block01 .copy span {
  margin: 0px 3px 0px 0px;
}

#footer .block02 {
  width: 100%;
  height: 25px;
  background-color: #000;
}

#footer .block02 .sony {
  width: 550px;
  height: 25px;
  background-image: url("../img/bg_footer_sony.png");
  background-repeat: no-repeat;
  background-position: center center;
  float: left;
  margin: 0px 0px 0px 52px;
}

#footer .block02 .nintendo {
  color: #fff;
  font-size: 11px;
  font-weight: bold;
  float: left;
  margin: 4px 0px 0px 10px;
}

.g_m {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: -1;
}

#footer .social {
  position: absolute;
  top: 12px;
  right: 130px;
}

#footer .social li.twitter {
  width: 100px;
}

#footer .social li.line {
  position: absolute;
  top: 0px;
  left: 110px;
}