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

/* -------------------------------
	共通
------------------------------- */

p{
padding:0;
margin:0 !important;
}

.mb0{
margin-bottom:0 !important;
}

.mb5{
margin-bottom:5px !important;
}

.mb10{
margin-bottom:10px !important;
}

.mb20{
margin-bottom:20px !important;
}

.mb30{
margin-bottom:30px !important;
}

.align-C p{
text-align:center;
}

.free_area{
color:#595959;
}


a{
outline:none;
}

/* heading
------------------------------- */
.hdg3-01{
margin-bottom:15px;
height:82px;
background:url(../images/ttl_bg_01.gif) no-repeat left top;
}

.hdg3-01 img{
padding:37px 0 22px 16px;
}

.hdg4-01{
margin-left:-15px;
margin-bottom:10px;
height:43px;
background:url(../images/ttl_bg_02.gif) no-repeat left top;
}

.hdg4-01 img{
padding:13px 0 15px 39px;
}

.hdg5-01{
height:56px;
background:url(../images/ttl_bg_03.gif) no-repeat left top;
}

.hdg5-01 img{
padding-top:20px;
}

.hdg5-01 span{
text-align:center;
display:block;
}


.hdg4-01_2{
margin-bottom:10px;
height:43px;
background:url(../images/ttl_bg_02.gif) no-repeat left top;
}

.hdg4-01_2 img{
padding:12px 0 15px 39px;
}


/* layout
------------------------------- */
.section{
padding-left:15px;
margin-bottom:30px;
}

.section02{
margin-bottom:30px;
}


/* box
------------------------------- */

#info-card .box{
font-size:12px;
padding:10px;
background:url(../images/card_box_bg_01.gif) repeat-y left top;
border-bottom:1px solid #d9d9d9;
}

#info-card .box.wp01{
float:left;
width:203px;
}

#info-card .box.wp02{
float:left;
width:204px;
}

#info-card .bl .box{
border-bottom:none;
padding-bottom:3px;
}

#info-card .card_detail{
background:url(../images/card_box_bg_02.gif) no-repeat left bottom;
padding-bottom:7px;
}

#info-game .links{
background:url(../images/info01_bg_01.jpg) no-repeat left top;
height:244px;
}

#info-game .links .w01{
padding:20px 0 11px 197px;
}

#info-game .links .w02{
padding-left:16px;
}

#info-game .links .w03{
padding:9px 0 0 255px;
}

#info-game .box{
width:670px;
background:url(../images/info01_box_bg_01.gif) no-repeat left top;
padding-top:10px;
margin-bottom:20px;
}

#info-game .box-inner{
background:url(../images/info01_box_bg_02.gif) no-repeat left bottom;
padding-bottom:10px;
}

#info-game .box-inner-in{
border:1px solid #d9d9d9;
border-top:none;
border-bottom:none;
padding:0 10px;
}

#info-game .box p.img{
float:left;
padding-right:10px;
}

#info-game .box ul.cap{
padding-top:8px;
padding-left:53px;
}

#info-game .box02 div{
width:350px;
float:left;
}

#info-game .box03 div.w01{
width:372px;
float:left;
}

#info-game .box03 div.w02{
width:328px;
float:left;
}

/* list
------------------------------- */
#info-game ul.link-list-01{
margin-bottom:12px;
background:url(../images/info_btn_tab_01_h.gif) no-repeat left top;
zoom:1;
}

#info-game ul.link-list-01 li{
float:left;
margin-right:10px;
}

#info-game ul.link-list-01 li.last{
margin-right:0;
}

ul.list-notice-01{
margin-bottom:10px;
}

ul.list-notice-01 li{
font-size: 68.75%;
margin-bottom: 2px;
padding-left: 1em;
position: relative;
line-height:1.5;
*zoom:1;
}

ul.list-notice-01 li span{
left: 0;
position: absolute;
top: 0;
}


/* unique
------------------------------- */
.lyt01,
.lyt02,
.lyt03,
.lyt04{
position:relative;
}

.lyt01 h4{
position:absolute;
top:25px;
left:38px;
}

.lyt02 h4{
position:absolute;
top:20px;
left:232px;
}

.lyt03 h4{
position:absolute;
top:8px;
left:108px;
}

.lyt04 h4{
position:absolute;
top:21px;
left:336px;
}


/* js tabs
------------------------------- */

.tabContainer .tabPanel{
display:none;
}

.tabContainer .tabPanel.active{
display:block;
}

.tabContainer .tabPanel .tabTitle{
position:absolute;
left:-999em;
top:-999em;
}

.tabContainer .static .tabPanel{
display:block;
}

.tabContainer .static .tabPanel .tabTitle{
position:static;
top:auto;
left:auto;
}


.link-list-01 #tab01 a {
background:url(../images/info_btn_tab_01.gif) no-repeat left top;
display: block;
height: 40px;
text-indent: -9999px;
width: 227px;
}

.link-list-01 #tab01 a:hover {
background:url(../images/info_btn_tab_01_o.gif) no-repeat left top;
}

.link-list-01 #tab01.active a,
.link-list-01 #tab01.active a:hover {
background:url(../images/info_btn_tab_01_h.gif) no-repeat left top;
}

.link-list-01 #tab02 a {
background:url(../images/info_btn_tab_02.gif) no-repeat left top;
display: block;
height: 40px;
text-indent: -9999px;
width: 227px;
}

.link-list-01 #tab02 a:hover {
background:url(../images/info_btn_tab_02_o.gif) no-repeat left top;
}

.link-list-01 #tab02.active a,
.link-list-01 #tab02.active a:hover {
background:url(../images/info_btn_tab_02_h.gif) no-repeat left top;
}

.link-list-01 #tab03 a {
background:url(../images/info_btn_tab_03.gif) no-repeat left top;
display: block;
height: 40px;
text-indent: -9999px;
width: 226px;
}

.link-list-01 #tab03 a:hover {
background:url(../images/info_btn_tab_03_o.gif) no-repeat left top;
}

.link-list-01 #tab03.active a,
.link-list-01 #tab03.active a:hover {
background:url(../images/info_btn_tab_03_h.gif) no-repeat left top;
}


.link-list-01:after{
content:".";
display:block;
clear:both;
height:0;
visibility:hidden;
}

/*-------------------------------------*/
/*アップデート*/
#update{
 width:780px;
 padding-bottom:30px;
}
#update h2 {
 background: url("../images/h2_update.gif");
 height:41px;
 width: 780px;
 height: 41px;
 margin-bottom: 20px;
 display: block;
 text-indent: -9999px;
 overflow: hidden;
}

#update h3 {
 font-size: 14px;
 background: url("/amusement/s/products/ap_temp/default/images/h3_bg.gif") center top no-repeat;
 width:725px;
 height:30px;
 padding:10px 0 0 15px;
 font-weight: bold;
 margin-left:20px;
}
#update .topic{
 width:690px;
 margin:10px 0 15px 30px;
 background-color:#ffffff;
 border: solid 1px #999999;
 padding:10px 10px 10px 10px;
}
.topic .txt{
 font-size:12px;
 margin:0 0 15px 20px;
}

/* 調整 */
#index .news02 {
    height: 103px;
}

#index .sub_area {
    height: 130px;
}