@charset 'utf-8';

/***********************************************************
 * サイト全体で共通のプロパティ
 ***********************************************************/
body {
    background:#396101 url(/static/img/28/xd/bg.jpg) no-repeat scroll center top;
    color:white;
}

#Footer {
    margin-top:20px;
    color:#FFFFFF;
    text-align:center;
}
#Footer li a {
    color:#FFFFFF;
}

/*** 左サイドナビゲーション ***/

#GlobalAvatarFooter {
    background-image:url(/static/img/28/xd/bg_globalavatar.png);
}

/*** メイン領域 ***/

#XDSiteLink {
    margin:2px 0px 10px 0px;
}

#RecommendContents ul li p.caption a:link,
#RecommendContents ul li p.caption a:visited {
    color:#FFFFFF;
}

/*** 右サブコンテンツ ***/

#RankingUnit {
    background-image:url(/static/img/28/xd/bg_ranking.png);
    background-repeat:no-repeat;
    width:300px;
    height:212px;
}
#RankingUnit ul {
    padding:28px 6px 0px 6px;
    width:288px;
    height:180px;
}
#RankingUnit ul li {
    background-image:url(/static/img/28/xd/bg_ranking_entry.png);
    background-repeat:no-repeat;
    width:288px;
    height:33px;
    margin:0px 0px 3px 0px;
    overflow:hidden;
}
#RankingUnit ul li img.rank_icon {
    vertical-align:middle;
}
#RankingUnit ul li span {
    margin-left:6px;
}
#RankingUnit ul li span a {
    color:white;
}


/* Overture AD */
#OvertureAdUnit.sub_unit .frame_contents {
    background-image:none;
    border:1px solid #9CB080;
}

#OvertureAdUnit .frame_contents p {
    line-height:1.4em;
    margin-bottom:16px;
}
#OvertureAdUnit .frame_contents p a.title {
    text-decoration:underline;
}
#OvertureAdUnit .frame_contents p a.title:hover {
    text-decoration:none;
}
#OvertureAdUnit .frame_contents p a.descr {
    color:#666666;
    text-decoration:none;
}
#OvertureAdUnit .frame_contents p a.descr:hover {
    text-decoration:none;
}
#OvertureAdUnit .frame_contents p a.host {
    text-decoration:none;
}
#OvertureAdUnit .frame_contents p a.host:hover {
    text-decoration:none;
}
#OvertureLabel {
    color:#666666;
    font-size:80%;
    text-align:right;
    height:14px;
}

/*** フッター ***/

#FooterBanners li {
    width:243px;
    float:left;
    margin-left:6px;
}

#Footer ul li {
    background:url(../../img/common/footer_border.gif) no-repeat 0 50%;
}

#YahooCookieNotice {
    color:#FFFFFF;
}
#YahooCookieNotice a {
    color:#FFFFFF;
}



/***********************************************************
 * Disney XDトップページ
 * #XDTopPage
 ***********************************************************/


#XDTopPage #GameListContainer {
    background-image:url(/static/img/28/xd/bg_game_list.png);
    background-repeat:no-repeat;
    width:449px;
    height:509px;
    margin-left:20px;
}

#XDTopPage #GameListContainer ul.tabs {
    padding:4px 0px 0px 4px;
}
#XDTopPage #GameListContainer ul.tabs li {
    display:inline;
    margin-left:-11px;
}
#XDTopPage #GameListContainer ul.tabs li.first {
    margin-left:0px;
}

#XDTopPage #GameListContainer .game_list_block {
    position:relative;
}

#XDTopPage #GameListContainer ul.game_list {
    height:451px;
    width:436px;
    margin:6px 0px 0px 6px;
    overflow:hidden;
    position:relative;
}

#XDTopPage #GameListContainer ul.game_list li {
    background-image:url(/static/img/28/xd/bg_game_list_item.png);
    background-repeat:no-repeat;
    width:215px;
    height:70px;
    margin-bottom:6px;
    position:relative;
}

#XDTopPage #GameListContainer ul.game_list li img.game_thumb {
    display:block;
    position:absolute;
    width:72px;
    height:60px;
    top:5px;
    left:6px;
}

#XDTopPage #GameListContainer ul.game_list li div.game_label {
    width:128px;
    height:60px;
    position:absolute;
    top:5px;
    left:82px;
    overflow:hidden;
}
#XDTopPage #GameListContainer ul.game_list li p.game_genre {
    font-size:9px;
    color:#33FFFF;
}
#XDTopPage #GameListContainer ul.game_list li h3 {
    font-size:10px;
}
#XDTopPage #GameListContainer ul.game_list li h3 a {
    color:#FFFF99;
}

#XDTopPage #GameListContainer .paginate_prev_button {
    display:block;
    position:absolute;
    top:200px;
    left:-22px;
}
#XDTopPage #GameListContainer .paginate_next_button {
    display:block;
    position:absolute;
    top:200px;
    left:449px;
}

#XDTopPage #GameListContainer .pages_box {
    background-image:url(/static/img/28/xd/page_box.gif);
    background-repeat:no-repeat;
    width:70px;
    height:17px;
    margin:6px 0px 0px 190px;
    font-size:9px;
    line-height:17px;
    text-align:center;
    color:#808080;
}
#XDTopPage #GameListContainer .pages_box .current_page {
    color:#C1D82F;
    margin-right:2px;
}
#XDTopPage #GameListContainer .pages_box .total_pages {
    color:white;
    margin-left:2px;
}


/***********************************************************
 * ゲームページ
 * #GamePlayPage
 ***********************************************************/

#GamePlayPage.xd #GameInfo {
    background-image:url(/static/img/28/xd/game/790_main_top_bg.png);
    height:52px;
    position:relative;
}

#GamePlayPage.xd #GameInfo #XDTopButton {
    display:block;    
    top:10px;
    left:10px;
    position:absolute;
}

/* パンくずリスト */
#BreadCrumbs li h1 {
    font-size:12px;
}

#BreadCrumbs li a {
    background:url(/static/img/28/xd/game/gt.png) center right no-repeat;
}

#GamePlayPage #MainContents #BreadCrumbs li a:link,
#GamePlayPage #MainContents #BreadCrumbs li a:visited,
#GamePlayPage #MainContents #BreadCrumbs li a:hover {
    color:#333366;
}

#GamePlayPage #BreadCrumbs {
    margin-left:74px;
    margin-top:24px;
    font-size:12px;
    color:#333366;
    float:left;
    width:580px;
    overflow:hidden;
}

/* フィーリングアイコン */
#GamePlayPage.xd #FeelingIcons {
    margin-top:23px;
    margin-right:5px;
}

#GamePlayPage.xd #FeelingIcons div {
    float:none;
}

#GamePlayPage.xd #FeelingIcons div.icons {
    background-color:transparent;
}

#GamePlayPage.xd #FeelingIcons div.icons img {
    margin:4px 3px 0px 3px;
}


#GamePlayPage.xd #MainContents .frame_bottom {
    height:13px;
}

#GamePlayPage.xd #GameContents {
    padding:10px 13px 5px 13px;
    width:764px;
    background-image:url(/static/img/28/xd/game/790_main_bg.png);
}

#GamePlayPage.xd #GameContents #GameContainer .frame_contents {
    background-image:url(/static/img/28/xd/game/bg_game_swf.png);
    background-color:transparent;
    width: 764px;
}

/* 関連リンク */
#GamePlayPage.xd #GameContents #CharacterRelatedInfo .frame_contents {
    padding:2px 12px 0px 12px;
    width:740px;
    background-image:url(/static/img/28/xd/game/bg_related_link.png);
    background-color:transparent;
    height:40px;
}

#GamePlayPage.xd #GameContents #CharacterRelatedInfo .frame_contents p {
    height:37px;
    line-height:37px;
    width:562px;
}
#GamePlayPage.xd #GameContents #CharacterRelatedInfo .frame_contents div {
    width:175px;
    padding-top:5px;
}

#GamePlayPage.xd #GameContents #IntroductionAndInstruction {
    width:490px;
    float:left;
}

#GamePlayPage.xd #GameContents #IntroductionAndInstruction .frame_contents {
    background-color:#000E10;
    background-image:url(/static/img/28/xd/game/490_frame_bg.png);
    padding:14px 12px 10px 12px;
    width:466px;
    height:55px;
    min-height:55px;
    overflow:hidden;
}
#GamePlayPage.xd #GameContents #Rating {
    float:right;
}

#GamePlayPage.xd #GameContents #IntroductionAndInstruction #Introduction {
    margin-bottom:6px;
}

#GamePlayPage.xd #GameContents #IntroductionAndInstruction #HowToPlay {
    margin-bottom:7px;
}

#GamePlayPage.xd #GameContents #IntroductionAndInstruction #HowToPlay h2 {
    float:left;
    width:56px;
}
#GamePlayPage.xd #GameContents #IntroductionAndInstruction #HowToPlay #HowToPlayIcon {
    float:left;
}
#GamePlayPage.xd #GameContents #IntroductionAndInstruction #HowToPlay #HowToPlayIcon p {
    margin-top:4px;
}

/* バナー */
#GamePlayPage.xd #GameContents #IntroductionAndInstruction #Banner {
    margin-left:11px;
    margin-bottom:3px;
}

#GamePlayPage .game_list_unit h2 {
    width:475px;
    height:33px;
    background-image:none;
}

#GamePlayPage .game_list_unit .frame_contents {
    width:455px;
    min-height:308px;
    background-color:transparent;
    background-image:url(/static/img/28/xd/game/475_frame_bg.png);
    padding:4px 10px 4px 10px;
}

#GamePlayPage .game_list_unit .frame_contents p.none {
    color:#333333;
    text-align:center;
    margin-top:170px;
}

#GamePlayPage .game_list_unit .frame_bottom {
    height:13px;
}


/***********************************************************
 * Unity Web Playerインストールガイド
 * #UnityInstallGuide
 ***********************************************************/
#UnityInstallSteps ol {
    padding:11px 9px 20px 16px;
    background-color:#333333;
    color:#ffffff;
}

#GamePlayPage #MainContents #UnityInstallGuide a:link,
#GamePlayPage #MainContents #UnityInstallGuide p a:visited {
    color:#FFFFFF;
}
#GamePlayPage #MainContents #UnityInstallGuide #UnityInstallSteps ol li.step1 div.image p a:link,
#GamePlayPage #MainContents #UnityInstallGuide #UnityInstallSteps ol li.step1 div.image p a:visited {
    color:#0978C1;
}

#UnityInstallStepsFrameFooter {
    display:none;
}

#UnityInstallGuideTitle, #UnityInstallationHeader {
    display:none;
}
#UnityInstallGuideTitleXD, #UnityInstallationHeaderXD {
    display:inline;
}

#UnityInstallSteps ol li.step1 {
    background-image:url(/static/img/28/unity/guide/step_1_xd.png);
    background-position:left 24px;
}
#UnityInstallSteps ol li.step2 {
    background:url(/static/img/28/unity/guide/step_2_xd.png) top left no-repeat;
}
#UnityInstallSteps ol li.step3 {
    background:url(/static/img/28/unity/guide/step_3_xd.png) top left no-repeat;
}
#UnityInstallSteps ol li.step4 {
    background:url(/static/img/28/unity/guide/step_4_xd.png) top left no-repeat;
}
#UnityInstallSteps ol li.step5 {
    background:url(/static/img/28/unity/guide/step_5_xd.png) top left no-repeat;
}
#UnityInstallSteps ol li.step6 {
    background:url(/static/img/28/unity/guide/step_6_xd.png) top left no-repeat;
}