@charset "utf-8";

/* ===================================================================

CSS information
File Name  : style_2014.css
Author     : 
Style Info : 2014年AMリニューアル用css

=================================================================== */

/* ----------------------- Browser Default Initialization */

#am2014 div, #am2014 dl, #am2014 dt, #am2014 dd, #am2014 ul, #am2014 ol, #am2014 li, #am2014 h1, #am2014 h2, #am2014 h3, #am2014 h4, #am2014 h5, #am2014 h6, #am2014 pre, #am2014 fieldset, #am2014 input, #am2014 textarea, #am2014 p, #am2014 blockquote, #am2014 th, #am2014 td { margin:0; padding:0; border:none; }
#am2014 address, #am2014 caption, #am2014 em, #am2014 strong, #am2014 th { font-style:normal; }
#am2014 table { border-collapse:collapse; border-spacing:0; }
#am2014 caption, #am2014 th	{ text-align: left; }
#am2014 q:before, #am2014 q:after { content: ''; }
#am2014 object, #am2014 embed { vertical-align:top; }
#am2014 hr, #am2014 legend { display: none; }
#am2014 h1, #am2014 h2, #am2014 h3, #am2014 h4, #am2014 h5, #am2014 h6 { font-size:100%; }
#am2014 img, #am2014 abbr, #am2014 acronym, #am2014 fieldset { border:0; }
#am2014 li { list-style-type:none; }
#am2014 p, #am2014 dd, #am2014 blockquote { text-align:justify; text-justify:inter-ideograph; }
#am2014 ul, #am2014 dl { vertical-align:top; }
/*#am2014 img { vertical-align:baseline; }*/
#am2014 li img, #am2014 dt img, #am2014 dd img { vertical-align:top; }
#am2014 .fL { float:left; }
#am2014 .fR { float:right; }
#am2014 .clearfix:after { content: "."; display: block; clear: both; height: 0; visibility: hidden; }
#am2014 .clearfix { min-height: 1px; height:auto; _overflow:hidden; _zoom: 1; }
#am2014 .clear { clear:both; }

/* ----------------- Basic Style ---------------*/

#am2014, #cmnSideCont2014 { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; line-height:150%; margin:0px; padding:0px; color:#333; }
/*#am2014 #wrapper { width:100%; min-width:960px; margin-top:20px; }
#am2014 #container { width:960px; margin:0 auto; }*/
#am2014 a:hover.mo01 img, #cmnSideCont2014 a:hover.mo01 img { filter: alpha(opacity=75); opacity: 0.75; }
#am2014 input:hover.mo01, #cmnSideCont2014 input:hover.mo01 { filter: alpha(opacity=75); opacity: 0.75; }
#am2014 a, #cmnSideCont2014 a { text-decoration:none; }
#am2014 a:hover, #cmnSideCont2014 a:hover { text-decoration:underline; }
#am2014 input[type="text"], #cmnSideCont2014 input[type="text"] { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; text-indent:4px; border:1px solid #999; }
#am2014 select, #cmnSideCont2014 select { font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size:12px; border:1px solid #999; }

#cmnSideCont2014 { float:left; width:190px; margin:0 25px 0 0; }
#am2014 .amTop .mainCont { float:right; width:745px; }
#am2014 #pan { margin:7px 0px 15px 10px; display:block; height:18px; }
#am2014 .pagetop { position:fixed; width:41px; height:40px; left:auto; margin:0 0 0 980px; z-index: 1500; }


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

　共通サイドナビ（_side.html）

---------------------------------------------*/
/*共通フレーム*/
#cmnSideCont2014 .cmnBgt { width:190px; height:8px; background:url(../images/am2014/sideCmn_bgt.gif) no-repeat top;}
#cmnSideCont2014 .cmnBgm { width:160px; padding:7px 15px; background:url(../images/am2014/sideCmn_bgm.gif) repeat-y;}
#cmnSideCont2014 .cmnBgb { width:190px; height:8px; background:url(../images/am2014/sideCmn_bgb.gif) no-repeat top; margin-bottom:20px; }
#cmnSideCont2014 .cmnBgb.last { margin-bottom:0 !important; }

/*アミューズメント検索*/
#cmnSideCont2014 .cont01 .cmnBgb { position:relative; top:-11px; margin-bottom:9px !important; }
#cmnSideCont2014 .cont01 h2 { position:relative; top:0; z-index:1000;}
#cmnSideCont2014 .cont01 h3 { margin:0 0 7px 0; }
#cmnSideCont2014 .cont01 .wrap01 { position:relative; top:-11px; z-index:100; background:url(../images/am2014/sideCmn_bgm.gif) repeat-y; padding:15px 15px 8px 15px; text-align:left; }
#cmnSideCont2014 .cont01 .wrap01 input.txt01 { width:160px; /*height:23px; text-align:23px; padding:0 5px;*/ margin:5px 0 10px 0; }
#cmnSideCont2014 .cont01 .wrap01 input[type="text"] { height:23px; line-height:23px; vertical-align:middle; }
#cmnSideCont2014 .cont01 .wrap01 select { height:23px; line-height:23px; padding:0 0 0 3px; margin-bottom:10px; display:inline; }
#cmnSideCont2014 .cont01 .wrap01 input.btn01 { margin-bottom:10px; }

#cmnSideCont2014 .cont01 .wrap01 .kwBox .bgt { width:160px; height:4px; background:url(../images/am2014/sideSrch_kwBgt.png) no-repeat; }
#cmnSideCont2014 .cont01 .wrap01 .kwBox .bgm { width:136px; background:#555; padding:3px 12px; color:#fff; }
#cmnSideCont2014 .cont01 .wrap01 .kwBox .bgb { width:160px; height:4px; background:url(../images/am2014/sideSrch_kwBgb.png) no-repeat; }
#cmnSideCont2014 .cont01 .wrap01 .kwBox a { color:#fff; }
#cmnSideCont2014 .cont01 .wrap01 .kwBox a:hover { color:#999; text-decoration:none; }
#cmnSideCont2014 .cont01 .wrap01 .kwBox form { display:inline; }

/*カテゴリメニュー*/
#cmnSideCont2014 .cont02 ul li { position:relative; width:170px; height:35px; margin-bottom:10px; z-index:10; }
#cmnSideCont2014 .cont02 ul li.end { margin-bottom:0 !important; }
#cmnSideCont2014 .cont02 ul li p.new { position:absolute; right:-7px; top:-7px; z-index:1000; width:40px; height:16px; background:url(../images/am2014/new.png) no-repeat; }

/*バナーエリア*/
#cmnSideCont2014 .contBnr .cmnBgm { width:170px; padding:7px 10px; background:url(../images/am2014/sideCmn_bgm.gif) repeat-y;}
#cmnSideCont2014 .contBnr p { margin-bottom:10px; }
#cmnSideCont2014 .contBnr p.end { margin-bottom:0 !important; }

/*各リンクメニュー（お問い合わせ等）*/
#cmnSideCont2014 .cont03 p.btn01 { margin-bottom:10px; }
#cmnSideCont2014 .cont03 p.p01 { margin-bottom:10px; }
#cmnSideCont2014 .cont03 p.p02 { margin-left:-5px; }
#cmnSideCont2014 #randomList02 .cont03 { margin-bottom:20px; }


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

　AMトップ（index.php）

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

/*表示順序変更時*/
#randomList02 #contList04 { margin-bottom:20px; } 


/*--------メインスライド関連--------*/
#am2014 .mainSlideArea,
#am2014 .mainSlideArea * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; margin:0; padding:0; vertical-align:baseline; }
#am2014 .mainSlideArea { width:745px; margin:0 auto 30px auto; }

/*大バナースライド*/
#am2014 .slideWrp01 { float:left; width:484px; background:#3f3f3f; padding:12px; border-radius:6px; }
#am2014 #slide01 { position:relative; /*overflow:hidden;*/ margin:0 auto; background:#3bcf32; padding:2px; }
#am2014 #slide01 div { width:100%; margin:0 auto; padding:0; }
#am2014 #slide01 div img { width:100%; }
#am2014 #slide01 .slick-prev,
#am2014 #slide01 .slick-next { position:absolute; display:block; width:26px; height:34px; top:50%; margin-top:-17px; text-indent:-9999px; overflow:hidden; border:none; cursor:pointer; }
#am2014 #slide01 .slick-prev { background:url(../images/top/arw_left.png) no-repeat center center; background-size:contain; left:-24px; }
#am2014 #slide01 .slick-next { background:url(../images/top/arw_right.png) no-repeat center center; background-size:contain; right:-24px; }

/*小バナースライド*/
#am2014 .mainSlideArea .slideWrp02 { float:right; width:247px; height:484px; background:url(../images/top/smallbnr_bg.jpg) no-repeat left top; padding:11px 8px; }
#am2014 #slide02_outBox { width:100%; height:470px; /*padding-bottom:50%;*/ margin:0 auto; position:relative; overflow:hidden; }
#am2014 #slide02_outBox img { width:100%; }
#am2014 #slide02 { position:absolute; top:0; left:0; width:100%; /*height:100%;*/ }
#am2014 #slide02 .slick-list,
#am2014 #slide02 .slick-track { height:100% !important; }
#am2014 #slide02 li { width:100%; height:100%; position:relative; }
#am2014 #slide02 li figure { width:100%; height:100%; float:left; position:relative; padding:4px; }
#am2014 #slide02 li figure a { width:100%; height:100%; display:block; position:relative; }
#am2014 #slide02 li figure a img { border:#b5b5b5 4px solid; }

/* 小バナーclearfix element */
#am2014 #slide02 li:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #am2014 #slide02 li { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #am2014 #slide02 li { zoom:1; }


/*共通フレーム（更新情報など）*/
#am2014 .amTop .mainCont .cmnFrame01 .bgm { border-right:4px solid #dedede; border-left:4px solid #dedede; padding:10px; /*height:auto; max-height:300px; overflow-y:scroll;*/ }
#am2014 .amTop .mainCont .cmnFrame01 .bgm.ud { height:325px; overflow-y:scroll; }
#am2014 .amTop .mainCont .cmnFrame01 .bgb { width:745px; height:7px; background:url(../images/am2014/update_bgb.gif) no-repeat; }
#am2014 .amTop .mainCont .cmnFrame01 .bgm table tr { border-bottom:1px dotted #888; }
/*#am2014 .amTop .mainCont .cmnFrame01 .bgm table tr:last-child { border-bottom:none; }*/
#am2014 .amTop .mainCont .cmnFrame01 .bgm table tr td a { color:#f8490c; }
#am2014 .amTop .mainCont .cmnFrame01 .bgm table tr.none { text-align:center; }
#am2014 .amTop .mainCont .cmnFrame01 .bgm table tr.none td { width:660px !important; }

/*イベント情報*/
#am2014 .amTop .mainCont .eventInfo { margin-bottom:20px; }
#am2014 .amTop .mainCont .eventInfo .ttl01 { position:relative; width:745px; height:43px; }
#am2014 .amTop .mainCont .eventInfo .bgm { padding-top:0 !important; }
#am2014 #infoWrap,
#am2014 #infoWrap * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#am2014 #eventWrap { width:100%; }
#am2014 #eventWrap li { width:100%; border-bottom:#999 1px dotted; }
#am2014 #eventWrap li.even { background:#f4f4f4; }
#am2014 #eventWrap li a { width:100%; display:table; padding:10px 12px; text-decoration:none !important; }
#am2014 #eventWrap li a > * { display:table-cell; vertical-align:middle; }
#am2014 #eventWrap li a .infoImage { width:100px; }
#am2014 #eventWrap li a .infoImage img { width:100%; }
#am2014 #eventWrap li a .infoData { padding:0 0 0 20px; line-height:140%; }
#am2014 #eventWrap li a .infoData h4 { font-size:13px; color:#555; }
#am2014 #eventWrap li a .infoData p { font-size:12px; color:#555; padding:6px 0 0 0; }
#am2014 #eventWrap li a .infoData p span { display:inline-block; padding-right:10px; color:#f8490c; font-weight:bold; }
#am2014 #eventWrap li a:hover .infoData p span { text-decoration:underline; }
/* clearfix element */
#am2014 #eventWrap:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #am2014 #eventWrap { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #am2014 #eventWrap { zoom:1; }


/*更新情報*/
#am2014 .amTop .mainCont .update { margin-bottom:20px; }
#am2014 .amTop .mainCont .update .ttl01 { position:relative; width:745px; height:43px; }
#am2014 .amTop .mainCont .update .ttl01 span.p01 { position:absolute; top:9px; right:87px; }
#am2014 .amTop .mainCont .update .ttl01 span.p02 { position:absolute; top:9px; right:15px; }
#am2014 #infoWrap, #am2014 #infoWrap * { -webkit-box-sizing:border-box; -moz-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box; }
#am2014 #infoWrap { width:100%; }
#am2014 #infoWrap li { width:50%; float:left; border-bottom:#999 1px dotted; }
#am2014 #infoWrap li.odd { border-right:#999 1px dotted; }
#am2014 #infoWrap li.color01 { background:#f4f4f4; }
#am2014 #infoWrap li a { width:100%; display:table; padding:10px 12px; text-decoration:none !important; }
#am2014 #infoWrap li a > * { display:table-cell; vertical-align:top; }
#am2014 #infoWrap li a .infoImage { width:80px; height:80px; }
#am2014 #infoWrap li a .infoImage img { width:100%; }
#am2014 #infoWrap li a .infoData { padding:0 0 0 15px; }
#am2014 #infoWrap li a .infoData .date { font-size:12px; color:#555; line-height:120%; }
#am2014 #infoWrap li a .infoData h4 { font-size:12px; color:#f8490c; line-height:140%; padding:3px 0 0 0; }
#am2014 #infoWrap li a:hover .infoData h4 { text-decoration:underline; }
/* clearfix element */
#am2014 #infoWrap:after { visibility:hidden; display:block; font-size:0; content:"." ; clear:both; height:0; }
* html #am2014 #infoWrap { zoom:1; /*\*//*/ height:auto; overflow:hidden; /**/ }
*:first-child+html #am2014 #infoWrap { zoom:1; }

/*お知らせ*/
#am2014 .amTop .mainCont .info > h3 { position:relative; width:745px; height:43px; }
#am2014 .amTop .mainCont .info table tr th { width:110px; padding:12px 10px; color:#555; }
#am2014 .amTop .mainCont .info table tr td { width:572px; padding:12px 0; }

/*製品バナーエリア*/
#am2014 .amTop .mainCont .mainBnr .bgt { width:745px; height:8px; background:url(../images/am2014/mainBnr_bgt.jpg) no-repeat; }
#am2014 .amTop .mainCont .mainBnr .bgm { background:#3f3f3f; padding:6px 0 0 15px; }
#am2014 .amTop .mainCont .mainBnr .bgb { width:745px; height:8px; background:url(../images/am2014/mainBnr_bgb.jpg) no-repeat; margin-bottom:20px; }
#am2014 .amTop .mainCont .mainBnr p { float:left; margin:0 6px 6px 0; border:1px solid #4d4d4d; }

/*バンダイナムコゲームチャンネル・注目情報【共通】*/
#am2014 .amTop .mainCont .contWrap01 { margin-bottom:20px; }
#am2014 .amTop .mainCont .contWrap01 h3 { margin-bottom:7px; }

/*バンダイナムコゲームチャンネル(YOUTUBE)*/
#am2014 .amTop .mainCont .contWrap01 .movCont { float:left; width:463px; height:309px; background:url(../images/am2014/yt_bg01.gif) no-repeat; padding:15px 20px 0 20px; }
#am2014 .amTop .mainCont .contWrap01 .movCont h3 { position:relative; width:96px; height:34px; }
#am2014 .amTop .mainCont .contWrap01 .movCont h3 span { position:absolute; top:-9px; left:5px; }

#am2014 .amTop .mainCont .contWrap01 .movCont2 { float:left; width:463px; height:309px; background:url(../images/am2014/yt_bg01.gif) no-repeat; padding:15px 15px 0 15px; }
#am2014 .amTop .mainCont .contWrap01 .movCont2 h3 { position:relative; width:96px; height:34px; }
#am2014 .amTop .mainCont .contWrap01 .movCont2 h3 span { position:absolute; top:-9px; left:5px; }
#am2014 .amTop .mainCont .contWrap01 .movCont2 .wrap01 { height:252px; position:relative; overflow-y:scroll; background:#fff; border:1px solid #E8E8E8; border-radius:4px; }
#am2014 .amTop .mainCont .contWrap01 .movCont2 .wrap01 #load { background:url(../images/am2014/loadingIcon.gif) center center no-repeat; width:100%; height:100%; }
#am2014 .amTop .mainCont .contWrap01 #showCt { padding:5px 10px 10px 10px !important; }
#am2014 .amTop .mainCont .contWrap01 #showCt dl { padding:5px 0; border-bottom:1px solid #E8E8E8; }
#am2014 .amTop .mainCont .contWrap01 #showCt dt { width:85px; height:48px; padding-top:2px; float:left; -webkit-border-radius:3px; border-radius:3px; }
#am2014 .amTop .mainCont .contWrap01 #showCt dt img { overflow:hidden; width:85px; height:48px; }
#am2014 .amTop .mainCont .contWrap01 #showCt dd { margin:0 0 0 100px; }
#am2014 .amTop .mainCont .contWrap01 #showCt dd div.title a { font-weight:bold; color:#F8490C; }
#am2014 .amTop .mainCont .contWrap01 #showCt dd p.col01 { height:34px; overflow:hidden; /*white-space: nowrap; text-overflow: ellipsis;*/ position:relative; z-index:1; }
#showCt dd p.col01:after { position: absolute; display: block; content: '…'; width: 12px; height: 15px; right: 0px; bottom: 0px; background: #fff; z-index: 2; }
#am2014 .amTop .mainCont .contWrap01 #showCt dd p.col02 { color:#888; }

/*注目情報*/
#am2014 .amTop .mainCont .contWrap01 .subBnr { float:right; width:207px; height:309px; background:url(../images/am2014/subBnr_bg01.gif) no-repeat; padding:15px 15px 0 15px; }
/*#am2014 .amTop .mainCont .contWrap01 .subBnr p { margin-bottom:8px; }*/

#am2014 .amTop .mainCont .contWrap01 .subBnr2 { float:right; width:207px; height:309px; background:url(../images/am2014/subBnr_bg01.gif) no-repeat; padding:15px 15px 0 15px; }
#am2014 .amTop .mainCont .contWrap01 .subBnr2 a.twitter-timeline { display:none; }
#am2014 .amTop .mainCont .contWrap01 .subBnr2 p.bt01 { width:160px; margin:20px auto; }

/*権利表記*/
#am2014 .amTop .mainCont .crBtn { text-align:right; margin:8px 0 0 0; }

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

　更新情報一覧（update.php）

---------------------------------------------*/
#am2014 .udPage .mainCont .update .ttl01 { position:relative; width:745px; height:43px; }
#am2014 .udPage .mainCont .update .ttl01 select { position:absolute; top:9px; right:15px; }

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

　権利表記一覧（copyright.html）

---------------------------------------------*/
#am2014 .crPage { padding:40px 0; line-height:1.6; color:#555; }
#am2014 .crPage h1 { font-size:16px; margin-bottom:10px; }