@charset "utf-8";
/* ---------------------------------- */

/*
 * contents.css
 *
 */

/* ---------------------------------- */

#contents {
  width: 100%;
  min-width: 1000px;
  background: url(/common/common/pc/images/nod/shared/contents_bg.png) repeat-x center top;
}
.layernavi {
  width: 960px;
  margin: 0 auto;
  text-align: left;
  padding: 15px 0 10px 0;
}
.layernavi p {
  color: #ff005a;
}
.layernavi p a {
  text-decoration: underline;
}
#mainarea {
  padding: 20px 0 0 0;
}
#preload {
  height: 0px;
  overflow: hidden;
  visibility: hidden;
}
/* genre */

.genre h1 {
  font-size: 200%;
  color: #ff005a;
  padding: 0 0 15px 0;
}
.genre .import {
  margin: 0 0 10px 0;
}
.genre #control .refine {
  width: 959px;
  height: 42px;
  background: url(/common/common/pc/images/nod/genre/refine_bg.png) no-repeat top right;
  position: relative;
  margin: 0 0 5px 0;
}
.genre #control .refine .label {
  float: left;
}
.genre #control .refine .refinebox {
  float: left;
  padding: 13px 0 0 20px;
}
.genre #control .refine .refinebox ul {
  float: left;
}
.genre #control .refine p.btn {
  position: absolute;
  top: 4px;
  right: 6px;
}
.genre #control .refine p.btn a#btn_refine {
  display: block;
  width: 136px;
  height: 36px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/refine_btn.png) no-repeat 0 0;
}
.genre #control .refine p.btn a#btn_refine:hover {
  background: url(/common/common/pc/images/nod/genre/refine_btn.png) no-repeat 0 -36px;
}
.genre .refinebox ul li {
  float: left;
}
.genre .refinebox ul li {
  display: block;
  min-height: 15px;
  margin: 0 40px 0 0;
}
.genre .refinebox ul li input {
  margin-right: 5px;
}
.genre .refinebox ul li a.checked {
  background: url(/common/common/pc/images/nod/genre/refine_checkbox_checked.png) no-repeat center left;
}
.genre #control .sort {
  width: 280px;
  height: 42px;
  background: url(/common/common/pc/images/nod/genre/order_bg.png) no-repeat top right;
  position: relative;
  float: left;
  margin: 0 5px 10px 0;
}
.genre #control .sort .label {
  float: left;
}
.genre .sortbox {
  padding: 5px 0 0 0;
}
.genre .sortbox ul li {
  float: left;
  margin: 0 5px 0 0;
}
.genre .sortbox ul li a#sort_new {
  display: block;
  width: 61px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/order_new_off.png) no-repeat 0 0;
}
.genre .sortbox ul li a#sort_new.on {
  background: url(/common/common/pc/images/nod/genre/order_new_on.png) no-repeat 0 0;
}
.genre .sortbox ul li a#sort_old {
  display: block;
  width: 61px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/order_old_off.png) no-repeat 0 0;
}
.genre .sortbox ul li a#sort_old.on {
  background: url(/common/common/pc/images/nod/genre/order_old_on.png) no-repeat 0 0;
}
.genre .sortbox ul li a#sort_name {
  display: block;
  width: 76px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/order_name_off.png) no-repeat 0 0;
}
.genre .sortbox ul li a#sort_name.on {
  background: url(/common/common/pc/images/nod/genre/order_name_on.png) no-repeat 0 0;
}
.genre #control .view {
  width: 134px;
  height: 42px;
  background: url(/common/common/pc/images/nod/genre/order_bg.png) no-repeat top right;
  position: relative;
  float: left;
  margin: 0 0 10px 0;
}
.genre #control .view .label {
  float: left;
}
.genre .viewbox {
  padding: 5px 0 0 0;
}
.genre .viewbox ul li {
  float: left;
  margin: 0 5px 0 0;
}
.genre .viewbox a#view_grid {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 0;
}
.genre .viewbox a#view_grid.on {
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 -21px;
}
.genre .viewbox a#view_grid.off {
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 0;
}
.genre .viewbox a#view_list {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 0;
}
.genre .viewbox a#view_list.on {
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 -21px;
}
.genre .viewbox a#view_list.off {
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 0;
}
.genre .pagenavi {
  text-align: center;
  margin: 20px 0 20px 0;
  height: 32px;
}
.genre .pagenavi p {
  display: inline;
  height: 32px;
  vertical-align: bottom;
}
.genre .pagenavi p.preview {
  line-height: 0;
}
.genre .pagenavi p.next {
  line-height: 0;
}
.genre .pagenavi p.number {
  font-size: 180%;
  line-height: 1;
}
.genre .pagenavi p.number span {
  margin: 0 15px;
}
.genre .pagenavi p.number a {
  color: #ff005a;
}
.genre #programlist.gridview {
  margin: 0 -7px 0 0;
}
.genre #programlist.gridview li.boxwrap {
  float: left;
  width: 154px;
  height: 160px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_bottom.png) no-repeat bottom center;
  margin: 0 7px 8px 0;
  position: relative;
}
.genre #programlist.gridview li .box01 {
  width: 140px;
  padding: 6px 7px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_top.png) no-repeat top center;
}
.genre #programlist.gridview li .box01 p.thumb {
  margin: 0 0 3px 0;
}
.genre #programlist.gridview li .box01 h3 {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.genre #programlist.gridview li .box01 p.sub {
  display: none;
}
.genre #programlist.gridview li .box01 .icons {
  margin: 0 -3px 0 -1px;
}

/* ▼130227位置・サイズ変更 */
.genre #programlist.gridview li .box02 {
  width: 350px;
  position: absolute;
  top: -100px;
  left: 0;
  display: none;
  background: url(/common/common/pc/images/nod/genre/genre_balloon_bottom.png) no-repeat bottom center;
  padding: 0 0 19px 0;
  min-height: 80px;
}
/* ▲130227位置・サイズ変更 */

.genre #programlist.gridview li:hover .box02 {
  display: block;
  z-index: 99;
}
/* ▼130227サイズ変更 */
.genre #programlist.gridview li .box02 .boxinner {
  width: 350px;
  background: url(/common/common/pc/images/nod/genre/genre_balloon_top.png) no-repeat top center;
  padding: 10px 0 0 0;
}
/* ▲130227サイズ変更 */

.genre #programlist.gridview li .box02 .boxinner .boxbody {
  background: #fff;
  border-left: 1px solid #ccc;
  border-right: 1px solid #ccc;
}
.genre #programlist.gridview li .icons li {
  float: left;
  margin: 0 2px 2px 0;
  line-height: 0;
}
.genre #programlist.gridview li .box02 h3 {
  padding: 0 11px 5px 11px;
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.genre #programlist.gridview li .box02 p.sub {
  padding: 5px 11px 0 11px;
  font-size: 90%;
}
.genre #programlist.gridview li .box02 .icons {
  padding: 0 11px 5px 11px;
  border-bottom: 1px solid #ccc;
}
.genre #programlist.listview li.boxwrap {
  width: 951px;
  min-height: 101px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_bottom.png) no-repeat bottom center;
  margin: 0 0 10px 0;
  position: relative;
}
.genre #programlist.listview li .box01 {
  width: 929px;
  padding: 10px 11px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_top.png) no-repeat top center;
}
.genre #programlist.listview li .box01 p.thumb {
  margin: 0 0 3px 0;
  float: left;
}
.genre #programlist.listview li .box01 h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.genre #programlist.listview li .icons {
  margin: 0 0 5px 0;
}
.genre #programlist.listview li .icons li {
  float: left;
  margin: 0 2px 0 0;
  line-height: 0;
}
.genre #programlist.listview li .box01 p.sub {
  font-size: 90%;
  margin: 0;
}
.genre #programlist.listview li .box01 .boxbody {
  float: left;
  width: 775px;
  margin: 0 0 0 10px;
}
.genre #programlist.listview .box02 {
  display: none;
}
/* program */

#programmain .mainimage {
  float: left;
  padding: 2px 0 0 0;
}
/* ▼130323追加 */
#programmain .mt10 {
    float: left;
    padding: 2px 0 0 0;
}
/* ▲130323追加 */
#programmain .mainbtn {
  float: right;
  width: 300px;
}
#programmain .mainbtn #guide {
  width: 297px;
  height: 70px;
  background: url(/common/common/pc/images/nod/shared/main_guide_bg.png) no-repeat 0 0;
  margin: 0 auto 5px auto;
}
#programmain .mainbtn #guide p {
  padding: 6px 5px;
}
#programmain .mainbtn #guide p a.btn_guidance {
  display: block;
  width: 287px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_guide_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #guide p a.btn_guidance:hover {
  background: url(/common/common/pc/images/nod/shared/main_guide_btn.png) 0 -55px;
}
/* ▼20140827追加▼ */
.mainbtn #guide p a.btn_firstguidance {
    display: block;
    width: 287px;
    height: 55px;
    background: url(/common/common/pc/images/nod/shared/main_firstguide_btn.png) no-repeat 0 0;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.mainbtn #guide p a.btn_firstguidance:hover {
    background: url(/common/common/pc/images/nod/shared/main_firstguide_btn.png) 0 -55px;
}
/* ▲20140827追加▲ */

#programmain .mainbtn #login {
  width: 297px;
  height: 185px;
  background: url(/common/common/pc/images/nod/top/main_login_bg.png) no-repeat 0 0;
  margin: 0 auto;
}
#programmain .mainbtn #login h3 {
  padding: 14px 10px 10px 10px;
}
#programmain .mainbtn #login p {
  padding: 0 10px 5px 10px;
}
#programmain .mainbtn #login p a.btn_member {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_member_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #login p a.btn_member:hover {
  background: url(/common/common/pc/images/nod/shared/main_member_btn.png) no-repeat 0 -55px;
}
#programmain .mainbtn #login p a.btn_login {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_login_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #login p a.btn_login:hover {
  background: url(/common/common/pc/images/nod/shared/main_login_btn.png) no-repeat 0 -55px;
}
#programmain #login.logged p.btn01 {
  padding: 10px 10px 5px 10px;
}
#programmain .mainbtn #login p a.btn_mypage {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_mypage_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #login p a.btn_mypage:hover {
  background: url(/common/common/pc/images/nod/shared/main_mypage_btn.png) no-repeat 0 -55px;
}
#programmain .mainbtn #login p a.btn_point {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_point_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #login p a.btn_point:hover {
  background: url(/common/common/pc/images/nod/shared/main_point_btn.png) no-repeat 0 -55px;
}
#programmain .mainbtn #login .point {
  margin: 3px 10px 0 10px;
  width: 277px;
  height: 40px;
  background: url(/common/common/pc/images/nod/shared/main_point_bg.png) no-repeat top center;
  position: relative;
}
#programmain .mainbtn #login .point p.number {
  color: #ff005a;
  font-size: 180%;
  padding: 4px 40px 3px 100px;
}
#programmain .mainbtn #login .point p.number .unit {
  color: #444444;
}
#programmain .mainbtn #login .point p.btn03 {
  position: absolute;
  padding: 0;
  top: 8px;
  right: 7px;
  width: 63px;
  height: 24px;
}
#programmain .mainbtn #login .point p.btn03 a.btn_logout {
  display: block;
  width: 63px;
  height: 24px;
  background: url(/common/common/pc/images/nod/shared/main_logout_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#programmain .mainbtn #login .point p.btn03 a.btn_logout:hover {
  background: url(/common/common/pc/images/nod/shared/main_logout_btn.png) no-repeat 0 -24px;
}
#programmain .mainbtn .bannerarea {
  margin: 0 auto;
}
#programmain .mainbtn .bannerarea p {
  margin: 10px 0 0 0;
  text-align: center;
}
#programdetail {
  width: 960px;
  margin: 10px 0 20px 0;
  background: url(/common/common/pc/images/nod/program/program_detail_bottom.png) no-repeat bottom center;
}
#programdetail .detailbox {
  width: 940px;
  margin: 0;
  padding: 10px;
  background: url(/common/common/pc/images/nod/program/program_detail_top.png) no-repeat top center;
  position: relative;
}
#programdetail .share {
  position: absolute;
  top: 10px;
  right: 10px;
}
#programdetail .share li {
  float: left;
  margin: 2px 0 0 10px;
  position: relative;
  width: 105px;
  height: 20px;
}
#programdetail .share li.site_btn {
  margin: 0 0 0 10px;
  width: 130px;
  height: 24px;
}
#programdetail .share li.site_btn a.btn_site {
  width: 130px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_site.png) no-repeat 0 0;
}
#programdetail .share li.site_btn a.btn_site:hover {
  background: url(/common/common/pc/images/nod/program/btn_site.png) no-repeat 0 -24px;
}
#programdetail h1 {
  font-size: 200%;
  color: #ff005a;
  padding: 0;
  margin: 0 0 10px 0;
  max-width: 460px;
}
#programdetail h2 {
  font-size: 100%;
  color: #ff005a;
  padding: 0;
  margin: 0 0 5px 0;
}
#programdetail .detailtext {
  padding: 10px 0 0 0;
}
#programdetail .detailtext p {
  padding: 0;
  margin: 0 0 5px 0;
}
#programdetail .detailbtn {
  margin: 10px 0 0 0;
}
#programdetail .detailbtn li {
  float: left;
  margin: 0 10px 0 0;
}
#programdetail .detailbtn a.btn_buy_pack {
  width: 236px;
  height: 35px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_buy_pack.png) no-repeat 0 0;
}
#programdetail .detailbtn a.btn_buy_pack:hover {
  background: url(/common/common/pc/images/nod/program/btn_buy_pack.png) no-repeat 0 -35px;
}
#programdetail .detailbtn a.btn_buy_one {
  width: 226px;
  height: 35px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_buy_one.png) no-repeat 0 0;
}
#programdetail .detailbtn a.btn_buy_one_game {
  width: 226px;
  height: 35px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_buy_one_game.png) no-repeat 0 0;
}
#programdetail .detailbtn a.btn_buy_one_simple {
  width: 226px;
  height: 35px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_buy_one_simple.png) no-repeat 0 0;
}
#programdetail .detailbtn a.btn_buy_one:hover {
  background: url(/common/common/pc/images/nod/program/btn_buy_one.png) no-repeat 0 -35px;
}
#programdetail .detailbtn a.btn_buy_one_game:hover {
  background: url(/common/common/pc/images/nod/program/btn_buy_one_game.png) no-repeat 0 -35px;
}
#programdetail .detailbtn a.btn_buy_one_simple:hover {
  background: url(/common/common/pc/images/nod/program/btn_buy_one_simple.png) no-repeat 0 -35px;
}
#programdetail .detailbtn .plan {
  float: right;
}
#programdetail .detailbtn .plan a.btn_plan {
  width: 135px;
  height: 35px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_plan.png) no-repeat 0 0;
}
#programdetail .detailbtn .plan a.btn_plan:hover {
  background: url(/common/common/pc/images/nod/program/btn_plan.png) no-repeat 0 -35px;
}
.program #control .view {
  width: 134px;
  height: 42px;
  background: url(/common/common/pc/images/nod/genre/view_bg.png) no-repeat top right;
  position: relative;
  margin: 0 0 10px 0;
}
.program #control .view .label {
  float: left;
}
.program .viewbox {
  padding: 5px 0 0 0;
}
.program .viewbox ul li {
  float: left;
  margin: 0 5px 0 0;
}
.program .viewbox a#view_grid {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/view_grid.png) no-repeat 0 0;
}
.program .viewbox a#view_grid.on {
  background: url(/common/common/pc/images/nod/program/view_grid.png) no-repeat 0 -21px;
}
.program .viewbox a#view_grid.off {
  background: url(/common/common/pc/images/nod/program/view_grid.png) no-repeat 0 0;
}
.program .viewbox a#view_list {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/view_list.png) no-repeat 0 0;
}
.program .viewbox a#view_list.on {
  background: url(/common/common/pc/images/nod/program/view_list.png) no-repeat 0 -21px;
}
.program .viewbox a#view_list.off {
  background: url(/common/common/pc/images/nod/program/view_list.png) no-repeat 0 0;
}
.program .pagenavi {
  text-align: center;
  margin: 20px 0 20px 0;
  height: 32px;
}
.program .pagenavi p {
  display: inline;
  height: 32px;
  vertical-align: bottom;
}
.program .pagenavi p.preview {
  line-height: 0;
}
.program .pagenavi p.next {
  line-height: 0;
}
.program .pagenavi p.number {
  font-size: 180%;
  line-height: 1;
}
.program .pagenavi p.number span {
  margin: 0 15px;
}
.program .pagenavi p.number a {
  color: #ff005a;
}
.program #free {
  margin: 0 0 15px 0;
}
.program #free .title {
  margin: 0 0 10px 0;
}
.program #freelist.gridview {
  margin: 0 -7px 0 0;
}
.program #freelist.gridview li.boxwrap {
  float: left;
  width: 154px;
  height: 175px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_bottom.png) no-repeat bottom center;
  margin: 0 7px 8px 0;
  position: relative;
}
.program #freelist.gridview li .box01 {
  width: 140px;
  padding: 6px 7px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_top.png) no-repeat top center;
}
.program #freelist.gridview li .box01 p.thumb {
  margin: 0 0 3px 0;
  text-align: center;
}
.program #freelist.gridview li .box01 p.btn {
  text-align: center;
  margin: 0 0 5px 0;
  font-size: 90%;
}
.program #freelist.gridview li .box01 p.btn a {
  color: #ff005a;
  text-decoration: underline;
}
.program #freelist.gridview li .box01 h3 {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.program #freelist.gridview li .box01 p.sub {
  display: none;
}

.program #freelist.gridview li .box01 p.sub02 {
  display: none;
}
.program #freelist.gridview li .box01 .data {
  margin: 0 -3px 0 0;
}
.program #freelist.gridview li .box01 .data li {
  float: left;
  margin: 0 2px 5px 0;
  min-height: 14px;
  font-size: 75%;
}
.program #freelist.gridview li .box01 .data li.point {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/program/icon_point_s.png) no-repeat center left;
  color: #ff005a;
}
.program #freelist.gridview li .box01 .data li.time {
  padding: 1px 0 0 30px;
  background: url(/common/common/pc/images/nod/program/icon_time_s.png) no-repeat center left;
}
.program #freelist.gridview li .box01 p.more {
  display: none;
}

.program #freelist.listview li.boxwrap {
  width: 951px;
  min-height: 101px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_bottom.png) no-repeat bottom center;
  margin: 0 0 10px 0;
  position: relative;
}
.program #freelist.listview li .box01 {
  width: 929px;
  padding: 10px 11px 0 11px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_top.png) no-repeat top center;
}
.program #freelist.listview li .box01 p.thumb {
  margin: 0 0 0 0;
  float: left;
}
.program #freelist.listview li .box01 h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.program #freelist.listview li .box01 .data {
  margin: 0 0 5px 0;
}
.program #freelist.listview li .box01 .data li {
  float: left;
  margin: 0 15px 0 0;
  min-height: 21px;
  font-size: 110%;
}
.program #freelist.listview li .box01 .data li.point {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_point_l.png) no-repeat center left;
  color: #ff005a;
  font-weight: bold;
}
.program #freelist.listview li .box01 .data li.time {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_time_l.png) no-repeat center left;
}
.program #freelist.listview li .box01 p.sub {
  font-size: 90%;
  margin: 0 0 10px 0;
}
.program #freelist.listview li .box01 p.sub02 {
  font-size: 90%;
  margin: 0 0 10px 0;
  display: none;
}

.program #freelist.listview li .box01 .boxbody {
  float: left;
  width: 655px;
  margin: 0 0 0 10px;
}
.program #freelist.listview li .box01 p.more {
  position: absolute;
  bottom: 9px;
  right: 142px;
  font-size: 90%;
}
.program #freelist.listview li .box01 p.more a {
  color: #ff005a;
  text-decoration: underline;
}
.program #buy_pack {
  margin: 0 0 15px 0;
}
.program #buy_pack .title {
  margin: 0 0 10px 0;
}
.program #packlist.gridview .tab {
  display: none;
}
.program #packlist.gridview {
  margin: 0 -7px 0 0;
}

.program #packlist.gridview #packcontents ul.on {
    display: block;
}
.program #packlist.gridview #packcontents ul.off {
    display: block;
}
.program #packlist.listview #packcontents ul.on {
    display: block;
}
.program #packlist.listview #packcontents ul.off {
    display: none;
}

.program #packlist.gridview li.boxwrap {
  float: left;
  width: 154px;
  height: 200px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_bottom.png) no-repeat bottom center;
  margin: 0 7px 8px 0;
  position: relative;
}
.program #packlist.gridview li .box01 {
  width: 140px;
  padding: 6px 7px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_top.png) no-repeat top center;
}
.program #packlist.gridview li .box01 p.thumb {
  margin: 0 0 3px 0;
  text-align: center;
}
.program #packlist.gridview li .box01 p.btn {
  text-align: center;
  margin: 0 0 5px 0;
  font-size: 90%;
}
.program #packlist.gridview li .box01 p.btn a {
  color: #ff005a;
  text-decoration: underline;
}
.program #packlist.gridview li .box01 h3 {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.program #packlist.gridview li .box01 p.sub {
  display: none;
}
.program #packlist.gridview li .box01 p.sub02 {
  display: none;
}
.program #packlist.gridview li .box01 .data {
  margin: 0 -3px 0 0;
}
.program #packlist.gridview li .box01 .data li {
  margin: 0 2px 5px 0;
  min-height: 14px;
  font-size: 75%;
}
.program #packlist.gridview li .box01 .data li.point {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/program/icon_point_s.png) no-repeat center left;
  color: #ff005a;
}
.program #packlist.gridview li .box01 .data li.term {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/program/icon_term_s.png) no-repeat center left;
}
.program #packlist.gridview li .box01 .data li.time {
  padding: 1px 0 0 30px;
  background: url(/common/common/pc/images/nod/program/icon_time_s.png) no-repeat center left;
}
.program #packlist.gridview li .box01 p.more {
  display: none;
}
.program #packlist.listview .tab li {
  float: left;
  width: 181px;
}
.program #packlist.listview .tab li a.tab_all {
  display: block;
  width: 181px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/tab_all.png) no-repeat 0 0;
}
.program #packlist.listview .tab li.taboff a.tab_all {
  background: url(/common/common/pc/images/nod/program/tab_all.png) no-repeat 0 -35px;
}
.program #packlist.listview .tab li a.tab_multi {
  display: block;
  width: 181px;
  height: 35px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/tab_multi.png) no-repeat 0 0;
}
.program #packlist.listview .tab li.taboff a.tab_multi {
  background: url(/common/common/pc/images/nod/program/tab_multi.png) no-repeat 0 -35px;
}
.program #packlist.listview .tab {
  width: 951px;
  background: url(/common/common/pc/images/nod/program/pack_top.png) no-repeat bottom center;
  padding: 0 0 11px 0;
}
.program #packlist.listview .list {
  width: 931px;
  background: url(/common/common/pc/images/nod/program/pack_bottom.png) no-repeat bottom center;
  padding: 0 10px 0 10px;
}

.program #packlist.listview #packcontents.off .list {
  display: none;
}

.program #packlist.listview #packcontents.on .list {
  display: block;
}

.program #packlist.listview li.boxwrap {
  width: 931px;
  min-height: 101px;
  background: url(/common/common/pc/images/nod/program/pack_box_bottom.png) no-repeat bottom center;
  margin: 0 0 10px 0;
  position: relative;
}
.program #packlist.listview li .box01 {
  width: 909px;
  padding: 10px 11px 0 11px;
  background: url(/common/common/pc/images/nod/program/pack_box_top.png) no-repeat top center;
}
.program #packlist.listview li .box01 p.thumb {
  margin: 0 0 3px 0;
  float: left;
}
.program #packlist.listview li .box01 h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.program #packlist.listview li .box01 .data {
  margin: 0 0 5px 0;
}
.program #packlist.listview li .box01 .data li {
  float: left;
  margin: 0 15px 0 0;
  min-height: 21px;
  font-size: 110%;
}
.program #packlist.listview li .box01 .data li.point {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_point_l.png) no-repeat center left;
  color: #ff005a;
  font-weight: bold;
}
.program #packlist.listview li .box01 .data li.time {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_time_l.png) no-repeat center left;
}
.program #packlist.listview li .box01 .data li.term {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_term_l.png) no-repeat center left;
}
.program #packlist.listview li .box01 p.sub {
  font-size: 90%;
  margin: 0 0 10px 0;
}
.program #packlist.listview li .box01 p.sub02 {
  font-size: 90%;
  margin: 0 0 10px 0;
  display: none;
}
.program #packlist.listview li .box01 .boxbody {
  float: left;
  width: 635px;
  margin: 0 0 0 10px;
}
.program #packlist.listview li .box01 p.more {
  position: absolute;
  bottom: 9px;
  right: 142px;
  font-size: 90%;
}
.program #packlist.listview li .box01 p.more a {
  color: #ff005a;
  text-decoration: underline;
}
.program #buy_one {
  margin: 0 0 15px 0;
}
.program #buy_one .title {
  margin: 0 0 10px 0;
}
.program #onelist.gridview {
  margin: 0 -7px 0 0;
}
.program #onelist.gridview li.boxwrap {
  float: left;
  width: 154px;
  height: 195px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_bottom.png) no-repeat bottom center;
  margin: 0 7px 8px 0;
  position: relative;
}
.program #onelist.gridview li .box01 {
  width: 140px;
  padding: 6px 7px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_top.png) no-repeat top center;
}
.program #onelist.gridview li .box01 p.thumb {
  margin: 0 0 3px 0;
  text-align: center;
}
.program #onelist.gridview li .box01 p.btn {
  text-align: center;
  margin: 0 0 5px 0;
  font-size: 90%;
}
.program #onelist.gridview li .box01 p.btn a {
  color: #ff005a;
  text-decoration: underline;
}
.program #onelist.gridview li .box01 h3 {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.program #onelist.gridview li .box01 p.sub {
  display: none;
}
.program #onelist.gridview li .box01 p.sub02 {
  display: none;
}
.program #onelist.gridview li .box01 .data {
  margin: 0 -3px 0 0;
}
.program #onelist.gridview li .box01 .data li {
  float: left;
  margin: 0 2px 5px 0;
  min-height: 14px;
  font-size: 75%;
}
.program #onelist.gridview li .box01 .data li.point {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/program/icon_point_s.png) no-repeat center left;
  color: #ff005a;
}
.program #onelist.gridview li .box01 .data li.time {
  padding: 1px 0 0 30px;
  background: url(/common/common/pc/images/nod/program/icon_time_s.png) no-repeat center left;
}
.program #onelist.gridview li .box01 .data li.term {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/program/icon_term_s.png) no-repeat center left;
}
.program #onelist.gridview li .box01 p.more {
  display: none;
}
.program #onelist.listview li.boxwrap {
  width: 951px;
  min-height: 101px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_bottom.png) no-repeat bottom center;
  margin: 0 0 10px 0;
  position: relative;
}
.program #onelist.listview li .box01 {
  width: 929px;
  padding: 10px 11px 0 11px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_top.png) no-repeat top center;
}
.program #onelist.listview li .box01 p.thumb {
  margin: 0 0 3px 0;
  float: left;
}
.program #onelist.listview li .box01 h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.program #onelist.listview li .box01 .data {
  margin: 0 0 5px 0;
}
.program #onelist.listview li .box01 .data li {
  float: left;
  margin: 0 15px 0 0;
  min-height: 21px;
  font-size: 110%;
}
.program #onelist.listview li .box01 .data li.point {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_point_l.png) no-repeat center left;
  color: #ff005a;
  font-weight: bold;
}
.program #onelist.listview li .box01 .data li.time {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_time_l.png) no-repeat center left;
}
.program #onelist.listview li .box01 .data li.term {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/program/icon_term_l.png) no-repeat center left;
}
.program #onelist.listview li .box01 p.sub {
  font-size: 90%;
  margin: 0 0 10px 0;
}
.program #onelist.listview li .box01 p.sub02 {
  font-size: 90%;
  margin: 0 0 10px 0;
  display: none;
}

.program #onelist.listview li .box01 .boxbody {
  float: left;
  width: 655px;
  margin: 0 0 0 10px;
}
.program #onelist.listview li .box01 p.more {
  position: absolute;
  bottom: 10px;
  right: 142px;
  font-size: 90%;
}
.program #onelist.listview li .box01 p.more a {
  color: #ff005a;
  text-decoration: underline;
}
.listview li .box01 p.btn {
  position: absolute;
  top: 1px;
  right: 0px;
  width: 108px;
  height: 80px;
  padding: 19px 0 0 24px;
  background: url(/common/common/pc/images/nod/program/sep.png) no-repeat left top;
}
.listview li .box01 p.btn a.btn_free {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_free.png) no-repeat 0 0;
}
.listview li .box01 p.btn a.btn_free:hover {
  background: url(/common/common/pc/images/nod/program/btn_free.png) no-repeat 0 -64px;
}
.listview li .box01 p.btn a.btn_buy {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_buy.png) no-repeat 0 0;
}
.listview li .box01 p.btn a.btn_buy:hover {
  background: url(/common/common/pc/images/nod/program/btn_buy.png) no-repeat 0 -64px;
}
.listview li .box01 p.btn a.btn_view {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_view.png) no-repeat 0 0;
}
.listview li .box01 p.btn a.btn_view:hover {
  background: url(/common/common/pc/images/nod/program/btn_view.png) no-repeat 0 -64px;
}
.listview li .box01 p.btn a.btn_bought {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_bought.png) no-repeat 0 0;
}
.listview li .box01 p.btn a.btn_bought:hover {
  background: url(/common/common/pc/images/nod/program/btn_bought.png) no-repeat 0 -64px;
}
.listview li .box01 p.btn a.btn_end {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_end.png) no-repeat 0 0;
}
/* template */

.normal #mainarea {
  padding: 20px 0 30px 0;
}
.normal #mainarea h1 {
  font-size: 200%;
  color: #ff005a;
  margin: 0 0 15px 0;
  font-weight: bold;
}
.normal #mainarea h2 {
  font-size: 150%;
  padding: 6px 15px;
  margin: 0 20px 15px 20px;
  width: 890px;
  height: 24px;
  background: url(/common/common/pc/images/nod/shared/normal_tit02_bg.png) no-repeat top center;
  color: #fff;
  font-weight: bold;
}
.normal #mainarea h3 {
  font-size: 130%;
  padding: 6px 15px;
  margin: 0 24px 15px 24px;
  width: 882px;
  height: 22px;
  background: url(/common/common/pc/images/nod/shared/normal_tit03_bg.png) no-repeat top center;
  font-weight: bold;
}
.normal #mainarea h4 {
  font-size: 110%;
  padding: 1px 2px;
  margin: 0 35px 15px 35px;
  color: #ff005a;
  font-weight: bold;
  border-bottom: 3px solid #ff005a;
}
.normal #mainarea p {
  margin: 0 35px 15px 35px;
}
/* play */

#playmain #moviebox {
  float: left;
  border: 4px solid #000;
  background: #000;
  margin-top: 2px;
}
#playmain .movieview {
  width: 640px;
  height: 360px;
}
#playmain .mainbtn {
  float: right;
  width: 300px;
}
#playmain .mainbtn #guide {
  width: 297px;
  height: 70px;
  background: url(/common/common/pc/images/nod/shared/main_guide_bg.png) no-repeat 0 0;
  margin: 0 auto 5px auto;
}
#playmain .mainbtn #guide p {
  padding: 6px 5px;
}
#playmain .mainbtn #guide p a.btn_guidance {
  display: block;
  width: 287px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_guide_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #guide p a.btn_guidance:hover {
  background: url(/common/common/pc/images/nod/shared/main_guide_btn.png) 0 -55px;
}
#playmain .mainbtn #login {
  width: 297px;
  height: 185px;
  background: url(/common/common/pc/images/nod/top/main_login_bg.png) no-repeat 0 0;
  margin: 0 auto;
}
#playmain .mainbtn #login h3 {
  padding: 14px 10px 10px 10px;
}
#playmain .mainbtn #login p {
  padding: 0 10px 5px 10px;
}
#playmain .mainbtn #login p a.btn_member {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_member_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #login p a.btn_member:hover {
  background: url(/common/common/pc/images/nod/shared/main_member_btn.png) no-repeat 0 -55px;
}
#playmain .mainbtn #login p a.btn_login {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_login_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #login p a.btn_login:hover {
  background: url(/common/common/pc/images/nod/shared/main_login_btn.png) no-repeat 0 -55px;
}
#playmain #login.logged p.btn01 {
  padding: 10px 10px 5px 10px;
}
#playmain .mainbtn #login p a.btn_mypage {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_mypage_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #login p a.btn_mypage:hover {
  background: url(/common/common/pc/images/nod/shared/main_mypage_btn.png) no-repeat 0 -55px;
}
#playmain .mainbtn #login p a.btn_point {
  display: block;
  width: 277px;
  height: 55px;
  background: url(/common/common/pc/images/nod/shared/main_point_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #login p a.btn_point:hover {
  background: url(/common/common/pc/images/nod/shared/main_point_btn.png) no-repeat 0 -55px;
}
#playmain .mainbtn #login .point {
  margin: 3px 10px 0 10px;
  width: 277px;
  height: 40px;
  background: url(/common/common/pc/images/nod/shared/main_point_bg.png) no-repeat top center;
  position: relative;
}
#playmain .mainbtn #login .point p.number {
  color: #ff005a;
  font-size: 180%;
  padding: 4px 40px 3px 100px;
}
#playmain .mainbtn #login .point p.number .unit {
  color: #444444;
}
#playmain .mainbtn #login .point p.btn03 {
  position: absolute;
  padding: 0;
  top: 8px;
  right: 7px;
  width: 63px;
  height: 24px;
}
#playmain .mainbtn #login .point p.btn03 a.btn_logout {
  display: block;
  width: 63px;
  height: 24px;
  background: url(/common/common/pc/images/nod/shared/main_logout_btn.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .mainbtn #login .point p.btn03 a.btn_logout:hover {
  background: url(/common/common/pc/images/nod/shared/main_logout_btn.png) no-repeat 0 -24px;
}
#playmain .aboutmovie {
  margin: 8px 0 0 0;
}
#playmain .aboutmovie a.btn_aboutmovie {
  display: block;
  width: 300px;
  height: 50px;
  background: url(/common/common/pc/images/nod/program/btn_aboutmovie.png) no-repeat 0 0;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#playmain .aboutmovie a.btn_aboutmovie:hover {
  background: url(/common/common/pc/images/nod/program/btn_aboutmovie.png) no-repeat 0 -50px;
}
#playmain .aboutmovie .movietype {
  margin: 20px 0 0 0;
  text-align: left;
}
#playdetail {
  width: 960px;
  margin: 10px 0 20px 0;
  background: url(/common/common/pc/images/nod/program/program_detail_bottom.png) no-repeat bottom center;
}
#playdetail .detailbox {
  width: 940px;
  margin: 0;
  padding: 10px 10px 5px 10px;
  background: url(/common/common/pc/images/nod/program/program_detail_top.png) no-repeat top center;
  position: relative;
}
#playdetail .pnavi {
  position: absolute;
  top: 10px;
  right: 10px;
}
#playdetail .pnavi li {
  float: left;
  margin: 0 0 0 10px;
  width: 130px;
  height: 24px;
}
#playdetail .pnavi li.next_btn a.btn_next {
  width: 130px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_nextstory.png) no-repeat 0 0;
}
#playdetail .pnavi li.next_btn a.btn_next:hover {
  background: url(/common/common/pc/images/nod/program/btn_nextstory.png) no-repeat 0 -24px;
}
#playdetail .pnavi li.before_btn a.btn_before {
  width: 130px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_beforestory.png) no-repeat 0 0;
}
#playdetail .pnavi li.before_btn a.btn_before:hover {
  background: url(/common/common/pc/images/nod/program/btn_beforestory.png) no-repeat 0 -24px;
}
#playdetail .pnavi li.site_btn a.btn_site {
  width: 130px;
  height: 24px;
  display: block;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/program/btn_site.png) no-repeat 0 0;
}
#playdetail .pnavi li.site_btn a.btn_site:hover {
  background: url(/common/common/pc/images/nod/program/btn_site.png) no-repeat 0 -24px;
}
#playdetail h1 {
  color: #ff005a;
  padding: 0;
  margin: 0 0 10px 0;
  font-size: 130%;
  line-height:1.4em;
  width:600px;
}
#playdetail h1 .pnumber {
  font-size: 50%;
  color: #000;
  margin: 0 0 0 10px;
}
#playdetail h2 {
  font-size: 100%;
  color: #ff005a;
  padding: 0;
  margin: 0 0 5px 0;
}
#playdetail .detailtext {
  padding: 0;
}
#playdetail .detailtext p {
  padding: 0;
  margin: 0 0 5px 0;
}
#playdetail .detailtext p.time {
  padding: 3px 0 0 65px;
  margin: 0 0 5px 0;
  min-height: 22px;
  background: url(/common/common/pc/images/nod/program/icon_time_l.png) no-repeat top left;
}
.play #control .view {
  width: 134px;
  height: 42px;
  background: url(/common/common/pc/images/nod/genre/view_bg.png) no-repeat top right;
  position: relative;
  margin: 0 2px 0 2px;
}
.play #control .view .label {
  float: left;
}
.play .viewbox {
  padding: 5px 0 0 0;
}
.play .viewbox ul li {
  float: left;
  margin: 0 5px 0 0;
}
.play .viewbox a#view_grid {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 0;
}
.play .viewbox a#view_grid.on {
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 -21px;
}
.play .viewbox a#view_grid.off {
  background: url(/common/common/pc/images/nod/genre/view_grid.png) no-repeat 0 0;
}
.play .viewbox a#view_list {
  display: block;
  width: 21px;
  height: 21px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 0;
}
.play .viewbox a#view_list.on {
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 -21px;
}
.play .viewbox a#view_list.off {
  background: url(/common/common/pc/images/nod/genre/view_list.png) no-repeat 0 0;
}
.play #other {
  margin: 0 0 50px 0;
}
.play #other .title {
  margin: 0 0 10px 0;
}
.play #otherlist.gridview {
  margin: 0 -7px 0 0;
}
.play #otherlist.gridview li.boxwrap {
  float: left;
  width: 154px;
  height: 185px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_bottom.png) no-repeat bottom center;
  margin: 0 7px 8px 0;
  position: relative;
}
.play #otherlist.gridview li .box01 {
  width: 140px;
  padding: 6px 7px;
  background: url(/common/common/pc/images/nod/shared/thumbbox01_top.png) no-repeat top center;
}
.play #otherlist.gridview li .box01 p.thumb {
  margin: 0 0 3px 0;
  text-align: center;
}
.play #otherlist.gridview li .box01 p.btn {
  text-align: center;
  margin: 0 0 5px 0;
  font-size: 90%;
}
.play #otherlist.gridview li .box01 p.btn a {
  color: #ff005a;
  text-decoration: underline;
}
.play #otherlist.gridview li .box01 h3 {
  font-size: 90%;
  font-weight: bold;
  margin: 0 0 3px 0;
}
.play #otherlist.gridview li .box01 p.sub {
  display: none;
}
.play #otherlist.gridview li .box01 p.sub02 {
  display: none;
}
.play #otherlist.gridview li .box01 .data {
  margin: 0 -3px 0 0;
}
.play #otherlist.gridview li .box01 .data li {
  float: left;
  margin: 0 2px 5px 0;
  min-height: 14px;
  font-size: 75%;
}
.play #otherlist.gridview li .box01 .data li.point {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/play/icon_point_s.png) no-repeat center left;
  color: #ff005a;
}
.play #otherlist.gridview li .box01 .data li.time {
  padding: 1px 0 0 30px;
  background: url(/common/common/pc/images/nod/play/icon_time_s.png) no-repeat center left;
}
.play #otherlist.gridview li .box01 .data li.term {
  padding: 1px 0 0 42px;
  background: url(/common/common/pc/images/nod/play/icon_term_s.png) no-repeat center left;
}
.play #otherlist.gridview li .box01 p.more {
  display: none;
}
.play #otherlist.listview li.boxwrap {
  width: 951px;
  min-height: 101px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_bottom.png) no-repeat bottom center;
  margin: 0 0 10px 0;
  position: relative;
}
.play #otherlist.listview li .box01 {
  width: 929px;
  padding: 10px 11px 0 11px;
  background: url(/common/common/pc/images/nod/shared/thumbbox03_top.png) no-repeat top center;
}
.play #otherlist.listview li .box01 p.thumb {
  margin: 0 0 0 0;
  float: left;
}
.play #otherlist.listview li .box01 h3 {
  font-size: 110%;
  font-weight: bold;
  margin: 0 0 5px 0;
}
.play #otherlist.listview li .box01 .data {
  margin: 0 0 5px 0;
}
.play #otherlist.listview li .box01 .data li {
  float: left;
  margin: 0 15px 0 0;
  min-height: 21px;
  font-size: 110%;
}
.play #otherlist.listview li .box01 .data li.point {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/play/icon_point_l.png) no-repeat center left;
  color: #ff005a;
  font-weight: bold;
}
.play #otherlist.listview li .box01 .data li.time {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/play/icon_time_l.png) no-repeat center left;
}
.play #otherlist.listview li .box01 .data li.term {
  padding: 2px 0 0 64px;
  background: url(/common/common/pc/images/nod/play/icon_term_l.png) no-repeat center left;
}
.play #otherlist.listview li .box01 p.sub {
  font-size: 90%;
  margin: 0 0 10px 0;
}
.play #otherlist.listview li .box01 p.sub02 {
  font-size: 90%;
  margin: 0 0 10px 0;
  display: none;
}
.play #otherlist.listview li .box01 .boxbody {
  float: left;
  width: 655px;
  margin: 0 0 0 10px;
}
.play #otherlist.listview li .box01 p.more {
  position: absolute;
  bottom: 9px;
  right: 142px;
  font-size: 90%;
}
.play #otherlist.listview li .box01 p.more a {
  color: #ff005a;
  text-decoration: underline;
}
.play .listview li .box01 p.btn {
  position: absolute;
  top: 1px;
  right: 0px;
  width: 108px;
  height: 80px;
  padding: 19px 0 0 24px;
  background: url(/common/common/pc/images/nod/play/sep.png) no-repeat left top;
}
.play .listview li .box01 p.btn a.btn_free {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/play/btn_free.png) no-repeat 0 0;
}
.play .listview li .box01 p.btn a.btn_free:hover {
  background: url(/common/common/pc/images/nod/play/btn_free.png) no-repeat 0 -64px;
}
.play .listview li .box01 p.btn a.btn_buy {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/play/btn_buy.png) no-repeat 0 0;
}
.play .listview li .box01 p.btn a.btn_buy:hover {
  background: url(/common/common/pc/images/nod/play/btn_buy.png) no-repeat 0 -64px;
}
.play .listview li .box01 p.btn a.btn_view {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/play/btn_view.png) no-repeat 0 0;
}
.play .listview li .box01 p.btn a.btn_view:hover {
  background: url(/common/common/pc/images/nod/play/btn_view.png) no-repeat 0 -64px;
}
.play .listview li .box01 p.btn a.btn_bought {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/play/btn_bought.png) no-repeat 0 0;
}
.play .listview li .box01 p.btn a.btn_bought:hover {
  background: url(/common/common/pc/images/nod/play/btn_bought.png) no-repeat 0 -64px;
}
.play .listview li .box01 p.btn a.btn_end {
  display: block;
  width: 90px;
  height: 64px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/common/common/pc/images/nod/play/btn_end.png) no-repeat 0 0;
}
/* mypage */

.mypage #mainarea {
  padding: 20px 0 30px 0;
}
.mypage h1 {
  font-size: 200%;
  color: #ff005a;
  padding: 0;
  margin: 0 0 10px 0;
}
.mypageheader {
  position: relative;
}
.mypageheader p.logout {
  position: absolute;
  top: 8px;
  right: 0px;
}
.mypageheader p.logout a.btn_logout {
  display: block;
  width: 83px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_logout.png) no-repeat 0 0;
}
.mypageheader p.logout a.btn_logout:hover {
  background: url(/mypage/pc/images/btn_logout.png) no-repeat 0 -24px;
}
.mypageheader .pointarea {
  width: 960px;
  background: url(/mypage/pc/images/point_bottom.png) no-repeat bottom center;
}
.mypageheader .pointbox {
  width: 920px;
  background: url(/mypage/pc/images/point_head.png) no-repeat top center;
  padding: 20px;
}
.mypageheader .pointbox .pointboxinner {
  background: #fff;
  border: 1px solid #ffabc9;
  padding: 20px 20px 10px 20px;
  position: relative;
  min-height: 80px;
}
.mypageheader .points01 {
  font-size: 150%;
  margin: 0 0 10px 0;
  position: relative;
}
.mypageheader .points01 .pnumber {
  font-size: 150%;
  font-weight: bold;
  color: #ff005a;
}
.mypageheader .points01 .unit {
  font-weight: bold;
  padding-right: 10px;
}
.mypageheader .points01 .text {
  position: absolute;
  bottom: 2px;
  /* left: 240px; */
}
.mypageheader .points02 {
  font-size: 150%;
  position: relative;
  margin: 0 0 10px 0;
}
.mypageheader .points02 .course {
  font-size: 130%;
  font-weight: bold;
  color: #ff005a;
  padding-right: 10px;
}
.mypageheader .points02 .text {
  position: absolute;
  bottom: 2px;
  /* left: 240px; */
}
.mypage .pointboxinner .btn {
  position: absolute;
  top: 30px;
  right: 20px;
}
.mypage .pointboxinner .btn a.btn_point_course {
  display: block;
  width: 292px;
  height: 55px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_point_course.png) no-repeat 0 0;
}
.mypage .pointboxinner .btn a.btn_point_course:hover {
  background: url(/mypage/pc/images/btn_point_course.png) no-repeat 0 -55px;
}
#mypagenavi {
  margin: 20px 0 15px 0;
}
#mypagenavi ul {
  margin: 0 -10px 0 -2px;
}
#mypagenavi li {
  margin: 0 9px 5px 0;
  float: left;
  width: 234px;
  height: 50px;
}
#mypagenavi li a {
  display: block;
  width: 234px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
}
#mypagenavi li a.btn_mypagenavi01 {
  background: url(/mypage/pc/images/maypagenavi_01.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi01:hover {
  background: url(/mypage/pc/images/maypagenavi_01.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi02 {
  background: url(/mypage/pc/images/maypagenavi_02.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi02:hover {
  background: url(/mypage/pc/images/maypagenavi_02.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi03 {
  background: url(/mypage/pc/images/maypagenavi_03.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi03:hover {
  background: url(/mypage/pc/images/maypagenavi_03.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi04 {
  background: url(/mypage/pc/images/maypagenavi_04.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi04:hover {
  background: url(/mypage/pc/images/maypagenavi_04.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi05 {
  background: url(/mypage/pc/images/maypagenavi_05.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi05:hover {
  background: url(/mypage/pc/images/maypagenavi_05.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi06 {
  background: url(/mypage/pc/images/maypagenavi_06.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi06:hover {
  background: url(/mypage/pc/images/maypagenavi_06.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi07 {
  background: url(/mypage/pc/images/maypagenavi_07.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi07:hover {
  background: url(/mypage/pc/images/maypagenavi_07.png) no-repeat 0 -50px;
}
#mypagenavi li a.btn_mypagenavi08 {
  background: url(/mypage/pc/images/maypagenavi_08.png) no-repeat 0 0;
}
#mypagenavi li a.btn_mypagenavi08:hover {
  background: url(/mypage/pc/images/maypagenavi_08.png) no-repeat 0 -50px;
}
.mypage .history_movie {
  margin: 0 0 20px 0;
}
.mypage .history_movie .contentsbox {
  border: 1px solid #cccccc;
  background: #fcfcfc;
  padding: 20px;
}
.mypage .history_movie .contentsbox .contentsdata {
  height: 530px;
  overflow-y: auto;
}
.mypage .history_movie table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.mypage .history_movie table th {
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
  padding: 15px 10px;
  font-size: 105%;
}
.mypage .history_movie table th.th01 {
  width: 24px;
}
.mypage .history_movie table th.th02 {
  width: 100px;
}
.mypage .history_movie table th.th03 {
  width: 200px;
}
.mypage .history_movie table th.th04 {
  width: 200px;
}
.mypage .history_movie table td {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  padding: 10px;
  font-size: 90%
}
.mypage .history_movie .txtpagetop {
  margin: 10px 0 0 0;
  text-align: right;
}
.mypage .history_movie .txtpagetop a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage .history_point {
  margin: 0 0 20px 0;
}
.mypage .history_point .contentsbox {
  border: 1px solid #cccccc;
  background: #fcfcfc;
  padding: 20px;
}
.mypage .history_point .contentsbox .contentsdata {
  height: 285px;
  overflow-y: auto;
}
.mypage .history_point table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.mypage .history_point table th {
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
  padding: 15px 10px;
  font-size: 105%;
}
.mypage .history_point table th.th01 {
  width: 24px;
}
.mypage .history_point table th.th02 {
  width: 140px;
}
.mypage .history_point table th.th04 {
  width: 110px;
}
.mypage .history_point table th.th07 {
  width: 110px;
}
.mypage .history_point table td {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  padding: 10px;
  font-size: 90%
}
.mypage .history_point .txtpagetop {
  margin: 10px 0 0 0;
  text-align: right;
}
.mypage .history_point .txtpagetop a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage .limit_point {
  margin: 0 0 30px 0;
}
.mypage .limit_point .contentsbox {
  border: 1px solid #cccccc;
  background: #fcfcfc;
  padding: 20px 20px 5px 20px;
}
.mypage .limit_point .contentsbox p strong {
  font-weight: bold;
  color: #ff005a;
}
.mypage .limit_point .contentsbox p {
  font-size: 110%;
}
.mypage .limit_point .limits li {
  padding: 0 0 15px 0;
  margin: 15px 0;
  border-bottom: 1px dotted #ccc;
}
.mypage .limit_point .limits li .limit {
  font-weight: bold;
  font-size: 180%;
  color: #ff005a;
  border: 1px solid #ffabc9;
  padding: 10px 15px;
  margin: 0 0 10px 0;
  background: #fff1f6
}
.mypage .limit_point .limits li .target .date {
  font-size: 120%;
  font-weight: bold;
  margin: 0 5px;
}
.mypage .limit_point .limits li .target .num {
  font-size: 120%;
  font-weight: bold;
  margin: 0 5px;
}
.mypage .limit_point .txtpagetop {
  margin: 10px 0 0 0;
  text-align: right;
}
.mypage .limit_point .txtpagetop a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage #mainarea h2.txttitle01 {
  font-size: 150%;
  padding: 6px 15px;
  margin: 0 0 15px 0;
  width: 930px;
  height: 24px;
  background: url(/common/common/pc/images/nod/shared/normal_tit02l_bg.png) no-repeat top center;
  color: #fff;
  font-weight: normal;
}
.mypage p.read {
  font-size: 110%;
}
.mypage .buy_movie {
  margin: 0 5px;
}
.mypage .buy_contents table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 110%;
}
.mypage .buy_contents th {
  text-align: left;
  padding: 20px 15px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: 160px;
}
.mypage .buy_contents td {
  text-align: left;
  padding: 20px 15px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.mypage .formbtn {
  position: relative;
  overflow: hidden;
  margin: 30px 0;
}
.mypage .btnlist {
  float: left;
  position: relative;
  left: 50%;
}
.mypage .btnlist li.btn {
  float: left;
  position: relative;
  left: -50%;
  margin: 0 8px;
}
.mypage .formbtn li.btn a.btn_back {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_back.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_back:hover {
  background: url(/mypage/pc/images/btn_back.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_buypoint {
  display: block;
  width: 224px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_buypoint.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_buypoint:hover {
  background: url(/mypage/pc/images/btn_buypoint.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_pointbuy {
  display: block;
  width: 224px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_pointbuy.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_pointbuy:hover {
  background: url(/mypage/pc/images/btn_pointbuy.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_movie {
  display: block;
  width: 224px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_movie.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_movie:hover {
  background: url(/mypage/pc/images/btn_movie.png) no-repeat 0 -50px;
}
.mypage .lack {
  text-align: center;
  color: #ff005a;
  margin: 0 0 20px 0;
}
.mypage .formbtn li.btn a.btn_payment {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_payment.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_payment:hover {
  background: url(/mypage/pc/images/btn_payment.png) no-repeat 0 -50px;
}
.mypage .buy_point {
  margin: 0 5px;
}
.mypage .buy_point p.read a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage .buy_point table {
  width: 520px;
  margin: 15px auto;
  font-size: 110%;
}
.mypage .buy_point table th {
  width: 140px;
  margin: 15px auto;
}
.mypage .buy_point table.data01 td {
  padding: 20px 15px 10px 15px;
}
.mypage .buy_point table.data01 td p {
  margin: 0 0 10px 0;
}
.mypage .buy_point table.data01 td p.name {
  margin: 0;
  padding: 2px 0 0 0;
}
.mypage .buy_point table.data02 td {
  padding: 20px 15px 5px 15px;
}

.mypage .buy_point table.separate td {
  text-align: left;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.mypage .buy_point table.data02 td .course {
  margin: 0;
  padding: 15px;
  position: relative;
  min-height: 21px;
}

.mypage .buy_point table.data02 td .course.d2{
  background: #f9f9f9;
}

.mypage .buy_point table.data02 td .course p.btn {
  position: absolute;
  top: 13px;
  right: 15px;
}
.mypage .buy_point table.data02 td .course p.btn a.sbtn_select {
  display: block;
  width: 50px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_select.png) no-repeat 0 0;
}
.mypage .buy_point table.data02 td .course p.btn a.sbtn_select:hover {
  background: url(/mypage/pc/images/sbtn_select.png) no-repeat 0 -24px;
}
.mypage .buy_point table.data02 td .course p.btn.off {
  display: block;
  width: 50px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_joined.png) no-repeat 0 0;
}
.mypage .buy_point table.data02 td .course p.btn.unavailable {
  display: block;
  width: 50px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_joined2.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_buy {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_buy.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_buy:hover {
  background: url(/mypage/pc/images/btn_buy.png) no-repeat 0 -50px;
}
.mypage .samplemovie {
  width: 520px;
  margin: 0 auto 15px auto;
}
.mypage .samplemovie .attention {
  color: #ff005a;
  margin: 0 0 10px 0;
  font-size: 110%;
}
.mypage .samplemovie .samplelink {
  text-align: center;
}
.mypage .samplemovie .samplelink a {
  color: #ff005a;
  text-decoration: underline;
  background: url(/common/common/pc/images/nod/shared/link_arrow01.png) no-repeat left center;
  font-size: 130%;
  padding: 0 0 0 10px;
}
.mypage #rulelink {
  text-align: center;
  margin: 30px 0 0 0;
}
.mypage #rulelink a {
  text-decoration: underline;
}
.mypage #rule {
  width: 580px;
  margin: 30px auto 0 auto;
  background: #eeeeee;
  border: 1px solid #cccccc;
  display: none;
}
.mypage #rule.open {
  display: block;
}
.mypage #rule.close {
  display: none;
}
.mypage #rule p {
  padding: 15px 25px;
}
.mypage #rule p a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage #rule p#close {
  padding: 0 25px 15px 25px;
  text-align: right;
}
.mypage .formbtn li.btn a.btn_fin {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_fin.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_fin:hover {
  background: url(/mypage/pc/images/btn_fin.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_pchoice {
  display: block;
  width: 310px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_choicepoint_02.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_pchoice:hover {
  background: url(/mypage/pc/images/btn_choicepoint_02.png) no-repeat 0 -50px;
}
.mypage .credit {
  margin: 0 5px;
}
.mypage .credit .cardimage {
  margin: 10px 0 10px 0;
}
.mypage .error {
  margin: 15px 0;
  background: #fff1f6;
  border: 1px solid #ffabc9;
}
.mypage .error p {
  color: #ff005a;
  font-weight: bold;
  padding: 10px 20px;
}
.mypage .credit table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 110%;
}
.mypage .credit th {
  text-align: left;
  padding: 20px 15px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: 160px;
}
.mypage .credit td {
  text-align: left;
  padding: 20px 15px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.mypage .textform01 {
  width: 300px;
  height: 28px;
}
.mypage .textform02 {
  width: 200px;
  height: 28px;
}
.mypage .textarea01 {
  width: 400px;
  height: 100px;
}
.mypage table .required {
  color: #ff005a;
}
.mypage .subtxt {
  margin: 10px 0 0 0;
}
.mypage .formbtn li.btn a.btn_regist {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_regist.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_regist:hover {
  background: url(/mypage/pc/images/btn_regist.png) no-repeat 0 -50px;
}
.mypage .contentslist {
  margin: 0 0 30px 0;
}
.mypage .contentslist table {
  margin: 15px 0;
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
}
.mypage .contentslist table th {
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
  padding: 15px;
  font-size: 110%;
}
.mypage .contentslist table td {
  border: 1px solid #ccc;
  background: #fff;
  text-align: center;
  padding: 10px;
  font-size: 90%
}
.mypage .contentslist table td a {
  color: #ff005a;
  text-decoration: underline;
}
.mypage .contentslist table td a.sbtn_cancel {
  margin: 0 auto 10px auto;
  display: block;
  width: 80px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_cancel.png) no-repeat 0 0;
}
.mypage .contentslist table td a.sbtn_cancel:hover {
  background: url(/mypage/pc/images/sbtn_cancel.png) no-repeat 0 -24px;
}
.mypage .contentslist .nocontentsdata {
  border: 1px solid #ccc;
  background: #eee;
  text-align: center;
  padding: 20px;
}
.mypage .contentslist .contentsdata02 table th {
  border: 1px solid #ccc;
  background: #eee;
  text-align: left;
  padding: 15px;
  font-size: 110%;
  width: 200px
}
.mypage .contentslist .contentsdata02 table td {
  border: 1px solid #ccc;
  background: #fff;
  text-align: left;
  padding: 15px;
  font-size: 110%;
}
.mypage .formbtn li.btn a.btn_cancel {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_cancel.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_cancel:hover {
  background: url(/mypage/pc/images/btn_cancel.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_mypage {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_mypage.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_mypage:hover {
  background: url(/mypage/pc/images/btn_mypage.png) no-repeat 0 -50px;
}
.mypage .question table {
  width: 100%;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 15px 0;
  font-size: 110%;
}
.mypage .question th {
  text-align: left;
  padding: 20px 15px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: 160px;
}
.mypage .question td {
  text-align: left;
  padding: 20px 15px;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}
.mypage .settle table {
  width: 520px;
  margin: 15px auto;
  font-size: 110%;
}
.mypage .settle table th {
  text-align: left;
  padding: 20px 15px;
  background-color: #eeeeee;
  border: 1px solid #cccccc;
  width: 140px;
  margin: 15px auto;
}
.mypage .settle table td {
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px 15px;
}

.mypage .settle table.data01 td p {
  margin: 0 0 10px 0;
}

.mypage .settle table.data01 td p.name {
  margin: 0;
  padding: 2px 0 0 0;
}
.mypage .settle table.data01 td {
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  padding: 20px 15px 5px 15px;
}

.mypage .settle table.separate td {
  text-align: left;
  padding: 0;
  background-color: #ffffff;
  border: 1px solid #cccccc;
}

.mypage .settle table.data01 td .method {
  margin: 0;
  padding: 15px;
  position: relative;
  min-height: 21px;
}
.mypage .settle table.data01 td .method p.btn {
  position: absolute;
  top: 15px;
  right: 15px;
}
.mypage .settle table.data01 td .method p.btn a.sbtn_delete {
  display: block;
  width: 50px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_delete.png) no-repeat 0 0;
}
.mypage .settle table.data01 td .method p.btn a.sbtn_delete:hover {
  background: url(/mypage/pc/images/sbtn_delete.png) no-repeat 0 -24px;
}
.mypage .settle table.data01 td .method p.btn a.sbtn_add {
  display: block;
  width: 50px;
  height: 24px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/sbtn_add.png) no-repeat 0 0;
}
.mypage .settle table.data01 td .method p.btn a.sbtn_add:hover {
  background: url(/mypage/pc/images/sbtn_add.png) no-repeat 0 -24px;
}
.mypage .settle .process {
  font-size: 90%;
  width: 520px;
  margin: 0 auto;
  text-align: center;
}
.mypage .formbtn li.btn a.btn_auth {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_auth.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_auth:hover {
  background: url(/mypage/pc/images/btn_auth.png) no-repeat 0 -50px;
}
.mypage .formbtn li.btn a.btn_delete {
  display: block;
  width: 174px;
  height: 50px;
  text-indent: 100%;
  white-space: nowrap;
  overflow: hidden;
  background: url(/mypage/pc/images/btn_delete.png) no-repeat 0 0;
}
.mypage .formbtn li.btn a.btn_delete:hover {
  background: url(/mypage/pc/images/btn_delete.png) no-repeat 0 -50px;
}

/* 利用規約（20130319追加） */

.mypage #rule {
  width:100%;
}

.mypage .inner-box {
  margin:20px;
}

.mypage .inner-box h2 {
  font-size:130%;
  font-weight:bold;
  margin:0 0 15px 0;
}

.mypage .inner-box h3 {
  font-weight:bold;
  font-size:110%;
  margin:20px 0 7px 0;
}

.inner-box ul {
  margin:0 0 0 23px;
  padding:0;
}

.inner-box li {
  list-style:decimal;
  margin-bottom:5px;
}

.inner-box p {
  margin:0 0 10px 0 !important;
  padding:0 !important;
}

.mypage .buy_point table {
  width:860px !important;
  margin:20px 0 !important;
}

.mypage .buy_point table th {
  background: none repeat scroll 0 0 #F7F7F7;
}

.mypage .buy_point table td {
  background: none repeat scroll 0 0 #FFF;
}

.mypage #rule p#close {
  padding:20px 20px 0 0 !important;
  font-size:16px;
}

.inner-box .intext {
  margin-left:20px;
}


/* programlist */

.programlist #mainarea {
  padding: 20px 0 50px 0;
}


.programlist h1 {
  font-size: 200%;
  color: #ff005a;
  padding: 0;
  margin: 0 0 10px 0;
}

.programlist .programnavi {
  margin: 0 0 20px 0;
}

.programlist .programnavi a {
  color: #ff005a;
}

.programlist .programnavi .line {
  margin: 0 10px;
}

.programlist .maincontentinner h2 {
  font-size: 150%;
  padding: 6px 15px;
  margin: 0 0 15px 0;
  width: 930px;
  height: 24px;
  background: url(/common/common/pc/images/nod/shared/normal_tit02l_bg.png) no-repeat top center;
  color: #fff;
  font-weight: normal;
}

.programlist .maincontentinner ul{
  margin: 0 0 5px 10px;
}

/* ▼130308▼ */
.programlist .maincontentinner ul li {
  float: left;
  width: 220px;
  margin: 0 15px 15px 0;
}
/* ▲130308▲ */

.programlist .maincontentinner ul li a{
  background: url(/common/common/pc/images/nod/shared/link_arrow01.png) no-repeat 0 5px;
  display: block;
  padding: 0 0 0 10px;
}

.programlist .maincontentinner ul li a:hover {
  color:#ff005a;
}

/* ▼130527 ジャイアンツLIVE 購入月額コース対応▼ */
.listview li .box01 p.btn a.btn_buy_gray {
    display: block;
    width: 90px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/common/common/pc/images/nod/program/btn_buy_gray.png) no-repeat 0 0;
}
.program #packlist.gridview li .box01 .data li.price {
    padding: 1px 0 0 35px;
    background: url(/common/common/pc/images/nod/program/icon_price_s.png) no-repeat center left;
    color: #ff005a;
}
.program #packlist.listview li .box01 .data li.price {
    padding: 2px 0 0 64px;
    background: url(/common/common/pc/images/nod/program/icon_price_l.png) no-repeat center left;
    color: #ff005a;
    font-weight: bold;
}
/* ▲130527 ジャイアンツLIVE 購入月額コース対応▲ */

/* ▼131108 アンパンマン単話販売対応▼ */
.mypage .buy_point p.txt_orange_b {
  font-weight: bold;
  color: #F60;
  margin-top:3px;
}
.mypage .buy_point  img.icom_osuusme {
  vertical-align:bottom;
  margin-left:5px;

}
/* ▲131108 アンパンマン単話販売対応▲ */

/* ▼20140220項目追加▼---------------------------------- */
.listview li .box01 p.btn a.btn_sponly {
    display: block;
    width: 90px;
    height: 64px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
    background: url(/common/common/pc/images/nod/program/btn_view_sp.png) no-repeat 0 0;
}
/* ▲20140220項目追加▲---------------------------------- */