@charset "shift_jis";

body.top div#container{
background-color: #f4b4cf;
background-image:none;
}

body.top div#container div{
background-image: url(images/top_bg_head.jpg);
background-repeat: no-repeat;
background-position: top;
}

body.top div#container div div{
background:none;
}

body.top div#container div div#header{
background:url(/images/bg_header.jpg) no-repeat left bottom;
}

body.top div#main .mainbanner{
width:715px;
margin:0 auto 10px;
position:relative;
}
body.top div#main .mainbanner .btn{
margin:0;
position:absolute;
bottom:16px;
right:14px;
}
body.top div#main .mainbanner .btn2{
margin:0;
position:absolute;
bottom:17px;
right:14px;
}

body.top div#main .mainbanner .btn3{
margin:0;
position:absolute;
bottom:15px;
right:379px;
}

body.top div#main .mainbanner .btn4{
margin:0;
position:absolute;
bottom:15px;
right:13px;
}

body.top div#main .mainbanner .btn5{
margin:0;
position:absolute;
bottom:42px;
right:54px;
}

body.top div#container #sub ul{
margin-bottom:0;
}

div.recipe p.main-image{
padding-bottom:1em;
text-align:center;
}

body.top div#container div div#contents div#main{
height:860px;
position:relative;
}

body.top div#container div div#contents div#main p.main-image{
margin:0;
}

body.top div#container div div#contents div#main p.bnr-01{
position:absolute;
left:20px;
right:20px;
/*bottom:65px;*/
text-align:center;
clear:both
}
body.top div#container div div#contents div#main p.copy-01{
position:absolute;
left:97px;
bottom:0;
/*bottom:35px;*/
}

body.top div#container div div#contents div#infoArea{
clear:both;
width:950px;
min-height:192px;
/*background:url(images/bg_info_bottom.gif) no-repeat left bottom;*/
margin-bottom:0.8em;
padding-bottom:0.8em;
}

body.top div#container div div#contents div#infoArea div.movie{
width:324px;
background:url(images/bg_movie_bottom.gif) no-repeat left bottom;
float:left;
}

body.top div#container div div#contents div#infoArea div.movie img{
margin:0;
}

body.top div#container div div#contents div#infoArea div.movie ul{
margin-left:61px;
margin-bottom:11px;
width:248px;
}

body.top div#container div div#contents div#infoArea div.movie li{
float:left;
margin-left:5px;
padding-bottom:3px;
}

body.top div#container div div#contents div#infoArea div.movie li.first-child{
display:block;
text-align:center;
}

body.top div#container div div#contents div#infoArea div.whats-new{
width:626px;
min-height:190px;
background:url(images/top_whats-new_bottom.gif) no-repeat left bottom;
float:right;
}

body.top div#container div div#contents div#infoArea div.whats-new img{
margin:0;
}

body.top div#container div div#contents div#infoArea div.whats-new dl.box-new {
padding:0 0 7px 55px;
overflow:auto;
height:109px;
width:520px;
}

body.top div#container div div#contents div#infoArea div.whats-new dt {
background:transparent url(images/ico_arrow.gif) no-repeat scroll 0pt;
clear:left;
float:left;
display:block;
width:60px;
padding-left:15px;
}

body.top div#container div div#contents div#infoArea div.whats-new dl.box-new dd {
display:block;
width:420px;
text-align:left;
float:left;
}

body.top div#container div div#contents ul.list_banner{
margin-left:30px;
}

body.top div#container div div#contents ul.list_banner li{
display:inline;
}

body.top div#container div div#contents p.announce{
margin-top:5px;
}

body.top div#main .mainbanner .float-L{
float:left;
margin-right:15px;
}

body.top div#main .mainbanner .float-R{
float:left;
}

body.top div#main .clearfix:after{
content:"";
display:block;
clear:both;
}

.pb-10{
padding-bottom: 10px !important;
}

/* segaID */

.segaid-links{
  display: block;
  position: absolute;
  right: 16px;
  width: 375px;
  height: 93px;
  padding: 12px 0 0 8px;
  letter-spacing:-0.5em;
  z-index: 1;
  box-sizing: border-box;
  background: url(/images/segaid_pc_header_bg.png) no-repeat;
  background-size: 100%;
  background-position: center center;
}

.segaid-link{
  display: inline-block;
  width: 284px;
  height: 59px;
  margin-right: 6px;
  background: url(/images/segaid_pc_header_txt.png) no-repeat;
  background-size: 100%;
  background-position: center center;
  vertical-align: top;
}

.about-segaid-link{
  display: inline-block;
  width: 69px;
  height: 61px;
  background: url(/images/segaid_pc_header_about.png) no-repeat;
  background-size: 100%;
  background-position: center center;
  vertical-align: top;
}

.ttl-txt-hyde {
  color: transparent;
  position: absolute;
  top: 0;
  left: 0;
}