@charset "utf-8"; /* layout default #gameNav.res1 */ #gameNav {position:fixed; z-index:11; left:0; bottom:0; top:0; width:48px; height:100%; background:#292929 url(/images/layout/bg_gamenav.png) repeat-y right 0;color:#fff; display:none;} #myPlaync {position:fixed;z-index:10;right:0;bottom:0;top:0;width:48px; height:100%; /*min-height:306px;*//*overflow:hidden;*/ background:#191919 url(/images/layout/bg_myplaync.png) repeat 0 0;color:#fff; display:none;} #gameNav li, #myPlaync li {background:url(/images/layout/bdr_sidebar.png) repeat-x 0 bottom; position:relative; } #gameNav li, #myPlaync li{padding:0 0 2px;} #gameNav .wrapper>div + ul li, #myPlaync .wrapper>div + ul li {background-position:0 0; padding:2px 0 0;} #gameNav a, #myPlaync a {display:block;text-align:center;text-indent:-9999px; height:48px; vertical-align:top;} #myPlaync ul+ul{position:absolute;left:0;bottom:0;width:100%} #myPlaync strong.msg{display:block;position:absolute;top:9px; margin-left:5px; height:12px;padding-left:3px;background:url(/images/bul/bul_no.png) no-repeat;z-index:10} #myPlaync strong.msg em{display:block;height:12px;padding-right:4px;text-align:center;font-size:9px;line-height:10px;letter-spacing:-1px;background:url(/images/bul/bul_no.png) no-repeat right} .res0~#myPlaync strong.msg{left:50%;} .res1~#myPlaync strong.msg{right:10px} #gameNav>div, #gameNav>div>div {height:100%;} #gameNav .wrapper {height:100%;} #gameNav .wrapper>div {min-height:100%; margin-bottom:-102px;} #gameNav .wrapper>div ul {padding-bottom:100px;} /*myPlaync*/ #myPlaync>div, #myPlaync>div>div {height:100%;} #myPlaync .wrapper {height:100%;} #myPlaync.login .wrapper>div {min-height:100%; margin-bottom:-152px;} #myPlaync.login .wrapper>div ul {padding-bottom:150px;} #myPlaync.logout .wrapper>div {min-height:100%; margin-bottom:-102px;} #myPlaync.logout .wrapper>div ul {padding-bottom:100px;} .res0 ~ #myPlaync.login .wrapper>div {height:50%;min-height: 50%;margin-bottom:0px;} .res0 ~ #myPlaync.login .wrapper > div ul {padding-bottom:0px;} /*side bar*/ #gameNav li a, #myPlaync li a{background-image:url('/images/layout/ico_frame5.png?140225'); background-repeat:no-repeat; -webkit-background-size: 192px 6800px;background-size : 192px 6800px;} @media screen and (-webkit-min-device-pixel-ratio:1.1) { #gameNav li a, #myPlaync li a{background-image:url('/images/layout/ico_frame5@2.png?140225');} } #gameNav li.nav0 {background-position:0 0; display:none;} #gameNav li.nav1 a {background-position:0 0;} #gameNav li.nav1 a:hover, #gameNav li.nav1 a.on {background-position:0 -1800px;} #gameNav li.nav2 a {background-position:0 -50px;} #gameNav li.nav2 a:hover, #gameNav li.nav2 a.on {background-position:0 -1850px;} #gameNav li.nav3 a {background-position:0 -100px;} #gameNav li.nav3 a:hover, #gameNav li.nav3 a.on {background-position:0 -1900px;} #gameNav li.nav4 a {background-position:0 -150px;} #gameNav li.nav4 a:hover, #gameNav li.nav4 a.on {background-position:0 -1950px;} #gameNav li.nav26 a {background-position:0 -1050px;} #gameNav li.nav26 a:hover, #gameNav li.nav26 a.on {background-position:0 -2850px;} #gameNav li.nav23 a {background-position:0 -1000px;} #gameNav li.nav23 a:hover, #gameNav li.nav23 a.on {background-position:0 -2800px;} #gameNav li.nav5 a {background-position:0 -200px;} #gameNav li.nav5 a:hover, #gameNav li.nav5 a.on {background-position:0 -2000px;} #gameNav li.nav6 a {background-position:0 -250px;} #gameNav li.nav6 a:hover, #gameNav li.nav6 a.on {background-position:0 -2050px;} #gameNav li.nav7 a {background-position:0 -300px;} #gameNav li.nav7 a:hover, #gameNav li.nav7 a.on {background-position:0 -2100px;} #gameNav li.nav8 a {background-position:0 -350px;} #gameNav li.nav8 a:hover, #gameNav li.nav8 a.on {background-position:0 -2150px;} #gameNav li.nav9 a {background-position:0 -400px;} #gameNav li.nav9 a:hover, #gameNav li.nav9 a.on {background-position:0 -2200px;} #gameNav li.nav10 a {background-position:0 -500px;} #gameNav li.nav10 a:hover, #gameNav li.nav10 a.on {background-position:0 -2300px;} #gameNav li.nav11 a {background-position:0 -450px;} #gameNav li.nav11 a:hover, #gameNav li.nav11 a.on {background-position:0 -2250px;} #gameNav li.nav22 a {background-position:0 -950px;} #gameNav li.nav22 a:hover, #gameNav li.nav22 a.on {background-position:0 -2750px;} #gameNav li.nav21 a {background-position:0 -500px;} #gameNav li.nav21 a:hover, #gameNav li.nav21 a.on {background-position:0 -2300px;} #gameNav li.nav20 a {background-position:0 -900px;} #gameNav li.nav20 a:hover, #gameNav li.nav20 a.on {background-position:0 -2700px;} #gameNav li.nav19 a {background-position:0 -850px;} #gameNav li.nav19 a:hover, #gameNav li.nav19 a.on {background-position:0 -2650px;} #gameNav li.nav18 a {background-position:0 -800px;} #gameNav li.nav18 a:hover, #gameNav li.nav18 a.on {background-position:0 -2600px;} #gameNav li.nav12 a {background-position:0 -550px;} #gameNav li.nav12 a:hover, #gameNav li.nav12 a.on {background-position:0 -2350px;} #gameNav li.nav13 a {background-position:0 -400px;} #gameNav li.nav13 a:hover, #gameNav li.nav13 a.on {background-position:0 -2200px;} #gameNav li.nav14 a {background-position:0 -700px;} #gameNav li.nav14 a:hover, #gameNav li.nav14 a.on {background-position:0 -2500px;} #gameNav li.nav15 a {background-position:0 -600px;} #gameNav li.nav15 a:hover, #gameNav li.nav15 a.on {background-position:0 -2400px;} #gameNav li.nav16 a {background-position:0 -650px;} #gameNav li.nav16 a:hover, #gameNav li.nav16 a.on {background-position:0 -2450px;} #gameNav li.nav17 a {background-position:0 -750px;} #gameNav li.nav17 a:hover, #gameNav li.nav17 a.on {background-position:0 -2550px;} #gameNav li.nav24 {display:none;} #gameNav li.nav25 {display:none;} /* ribbon */ /* [up] background-position :0 0; */ /* [new] background-position :0 -30px; */ /* [hot] background-position :0 -60px; */ /*SS new*/ /* #gameNav li.nav21 a span { width:30px; height:30px; position:absolute; top:0; left:0; display:block; cursor:pointer; background: url('/images/layout/ribbon.png?20121214') no-repeat 0 -30px;} #gameNav li.nav20 a span { width:30px; height:30px; position:absolute; top:0; left:0; display:block; cursor:pointer; background: url('/images/layout/ribbon.png?20121214') no-repeat 0 -30px;} */ /*#gameNav li.nav22 a span { width:30px; height:30px; position:absolute; top:0; left:0; display:block; cursor:pointer; background: url('/images/layout/ribbon.png?20121214') no-repeat 0 -30px;}*/ /* 汎用リボン設定 */ #gameNav li a span.ribon { width:30px; height:30px; position:absolute; top:0; left:0; display:block; cursor:pointer; background: url('/images/layout/ribbon.png') no-repeat 0 0;} #gameNav li a span.ribon.ribonUp {background-position:0 0;} #gameNav li a span.ribon.ribonNew {background-position:0 -30px;} #gameNav li a span.ribon.ribonHot {background-position:0 -60px;} /* #gameNav li.nav16 a span { width:30px; height:30px; position:absolute; top:0; left:0; display:block; cursor:pointer; background: url('/images/layout/ribbon.png') no-repeat 0 -30px;} */ @media screen and (-webkit-min-device-pixel-ratio:1.1) { /* #gameNav li.nav16 a span{ background-image: url('/images/layout/ribbon@2.png'); background-repeat:no-repeat; -webkit-background-size: 30px 90px; background-size: 30px 90px;} */ #gameNav li a span.ribon{ background-image: url('/images/layout/ribbon@2.png'); background-repeat:no-repeat; -webkit-background-size: 30px 90px; background-size: 30px 90px;} } /**/ .res0~#myPlaync li.util1 a {background-position:center -3900px;}/*Login Logout*/ .res0~#myPlaync li.util1 a:hover, .res0~#myPlaync li.util1 a.on {background-position:center -4600px;} .res0~#myPlaync li.util2 a {background-position:center -3950px;}/*会員登録*/ .res0~#myPlaync li.util2 a:hover, .res0~#myPlaync li.util2 a.on {background-position:center -4650px;} .res0~#myPlaync li.util3 a {background-position:center -3850px;}/*利用規約*/ .res0~#myPlaync li.util3 a:hover, .res0~#myPlaync li.util3 a.on {background-position:center -4550px;} .res0~#myPlaync li.util4 a {background-position:center -3600px;}/*書き込み*/ .res0~#myPlaync li.util4 a:hover, .res0~#myPlaync li.util4 a.on {background-position:center -4300px;} .res0~#myPlaync li.util5 a {background-position:center -3650px;}/*Update*/ .res0~#myPlaync li.util5 a:hover, .res0~#myPlaync li.util5 a.on {background-position:center -4350px;} .res0~#myPlaync li.util6 a {background-position:center -3700px;}/*Message*/ .res0~#myPlaync li.util6 a:hover, .res0~#myPlaync li.util6 a.on {background-position:center -4400px;} .res0~#myPlaync li.util7 a {background-position:center -3750px;}/*Friends*/ .res0~#myPlaync li.util7 a:hover, .res0~#myPlaync li.util7 a.on {background-position:center -4450px;} .res0~#myPlaync li.util8 a {background-position:center -3800px;}/*Cart*/ .res0~#myPlaync li.util8 a:hover, .res0~#myPlaync li.util8 a.on {background-position:center -4500px;} .res0~#myPlaync li.util9 a {background-position:center -3900px;}/*Logout*/ .res0~#myPlaync li.util9 a:hover, .res0~#myPlaync li.util9 a.on {background-position:center -4600px;} .res0~#myPlaync li.util10 a {background-position:center -4050px;} /* setting */ .res0~#myPlaync li.util10 a:hover, .res0~#myPlaync li.util10 a.on {background-position:center -4750px;} .res0~#myPlaync li.util11 a {background-position:center -4000px;} /* support */ .res0~#myPlaync li.util11 a:hover, .res0~#myPlaync li.util11 a.on {background-position:center -4700px;} .res1~#myPlaync li.util1 a {background-position:right -5300px;}/*Login Logout*/ .res1~#myPlaync li.util1 a:hover, .res1~#myPlaync li.util1 a.on {background-position:right -6300px;} .res1~#myPlaync li.util2 a {background-position:right -5400px;}/*会員登録*/ .res1~#myPlaync li.util2 a:hover, .res1~#myPlaync li.util2 a.on {background-position:right -6400px;} .res1~#myPlaync li.util3 a {background-position:right -5250px;}/*利用規約*/ .res1~#myPlaync li.util3 a:hover, .res1~#myPlaync li.util3 a.on {background-position:right -6250px;} .res1~#myPlaync li.util4 a {background-position:right -5000px;}/*書き込み*/ .res1~#myPlaync li.util4 a:hover, .res1~#myPlaync li.util4 a.on {background-position:right -6000px;} .res1~#myPlaync li.util5 a {background-position:right -5050px;}/*Update*/ .res1~#myPlaync li.util5 a:hover, .res1~#myPlaync li.util5 a.on {background-position:right -6050px;} .res1~#myPlaync li.util6 a {background-position:right -5100px;}/*Message*/ .res1~#myPlaync li.util6 a:hover, .res1~#myPlaync li.util6 a.on {background-position:right -6100px;} .res1~#myPlaync li.util7 a {background-position:right -5150px;}/*Friends*/ .res1~#myPlaync li.util7 a:hover, .res1~#myPlaync li.util7 a.on {background-position:right -6150px;} .res1~#myPlaync li.util8 a {background-position:right -5200px;}/*Cart*/ .res1~#myPlaync li.util8 a:hover, .res1~#myPlaync li.util8 a.on {background-position:right -6200px;} .res1~#myPlaync li.util9 a {background-position:right -5350px;}/*会員登録*/ .res1~#myPlaync li.util9 a:hover, .res1~#myPlaync li.util9 a.on {background-position:right -6350px;} .res1~#myPlaync li.util10 a {background-position:right -5500px;} .res1~#myPlaync li.util10 a:hover, .res1~#myPlaync li.util10 a.on {background-position:right -6500px;} .res1~#myPlaync li.util11 a {background-position:right -5450px;}/* support */ .res1~#myPlaync li.util11 a:hover, .res1~#myPlaync li.util11 a.on {background-position:right -6450px;} #gameNav li a:hover, #gameNav li a.on, #myPlaync li a:hover, #myPlaync li a.on {background-color:#121212;} #myContent{display:none;position:fixed;width:320px;right:48px;top:0;bottom:0;color:#dadada;background: url(/images/layout/bg_mync.jpg) repeat right 0;word-wrap:break-word;} .legacy-ie #myContent {word-wrap:normal; word-break:break-all;} #header{position:fixed; z-index:1; left:48px; height:100%; width:192px; display:none;} #header.nosub {background:none !important;} #header>div {width:100%; height:100%; position:relative;} #header>div>div {height:100%;} #header>div>div>div {position:relative; height:100%; width:100%;} #header>div>div>div>div {min-height:100%;} /*######## copyright ########*/ #header p.copyright {position:relative; padding:10px; font-family:arial; font-size:10px; line-height:1.3;} #header p.copyright strong {display:none;} #header p.copyright span {position:absolute; top:9px; left:10px; right:10px;} #header p.copyright .ncjLogo { display:block; height:18px; text-indent:-9999px;} #header p.copyright .ncjLogo a { width:81px; height:18px; background:url(/images/layout/logo_ncj.png) no-repeat; display:block; text-indent:-9999px; overflow:hidden;} #header p.copyright span {position:absolute; top:9px; left:10px; right:10px;} #header h1 a {height:95px;} #header h1 a {display:block; text-indent:-9999px;} #header h2, #header h3{display:none} #header span.gameStart, #header span.gameDownload{display:block} #header span.gameStart a, #header span.gameDownload a{display:block;text-indent:-9999px} #header span.gameStart a{height:81px; } #header span.gameDownload a{height:29px;} #header h1 a {background-position:0 0;} #header h1 a:hover {background-position:0 -300px;} #header span.gameStart a {background-position:0 -95px} #header span.gameStart a:hover {background-position:0 -395px;} #header span.gameDownload a {background-position:0 -176px;} #header span.gameDownload a:hover {background-position:0 -476px;} #header ul.lnb{font-size:13px;font-weight:bold; padding-bottom:1px; background:url(/images/layout/bg_lmenu_b.png) no-repeat 0 bottom; text-shadow:0 1px 0 rgba(0,0,0,.5);} #header ul.lnb li {vertical-align:top;background-position:0 -100px;background-repeat:no-repeat;} #header ul.lnb li:hover, #header ul.lnb li.on {background-position:-200px -100px;} #header ul.lnb li a:hover, #header ul.lnb li.on a {color:#ffa900} #header a {text-decoration:none; color:#fff;} #header ul.lnb li a {display:block; padding:12px 0 0 15px; height:29px; vertical-align:top;} .ie9 #header ul.lnb a {position:relative;z-index:1;} .ie9 #header ul.lnb a:before {content:attr(data-innertext); position:absolute; color:rgba(0,0,0,.5); margin-top:1px; z-index:-1} #header ul.lnb ul{font-size:12px; margin:-1px 0 0; padding:6px 0; background:url(/images/layout/bg_smenu_on.png); zoom:1; border-top:1px solid rgba(194,195,195,.1);} #header ul.lnb ul li a {padding-top:7px; height:24px;} #header ul.lnb ul a, #header ul.lnb li.on ul a {color:#fff;} #header ul.lnb li.on ul a:hover, #header ul.lnb ul li.on a {color:#ffa900;} /*common*/ #header .common {background:url(/images/layout/nav_common.png) repeat-y right 0;} #header .common>div{background:url(/images/layout/nav_common.png) repeat-y right 0;margin-bottom:-46px;} #header .common>div>div {padding-bottom:46px;} #header .common h1{display:none} .ie7 .res1 ~ #header .common h1, .ie7 .res2 ~ #header .common h1 {display:block; position:absolute; height:0;} #header .common h1 a {background-repeat:no-repeat;} #header .common ul.lnb>li {background-image:url(/images/layout/bg_menu_common.png);} #header ul.lnb li button.setting {position:absolute; right:0; margin-top:-40px; width:34px; height:40px; background:url(/images/layout/bul_setting.png) no-repeat 10px -1px; text-indent:-5000px; display:block; cursor:pointer;} #header ul.lnb li button.setting:hover {background-position:-40px -1px;} #header .common .copyright {color:#909090; height:26px;} #header .common .copyright span, #header .common .copyright a {color:#5b5a5a;} /*special button*/ .res1 ~ #header ul.lnb > li[an="chgMode"] {padding:13px 0; background:url(/images/layout/bg_lmenu_b.png) top no-repeat; } .res1 ~ #header ul.lnb > li[an="chgMode"] a {margin:0 13px; padding-left:10px; background:url(/images/bul/bul_spMenuBtn.gif) right top no-repeat #820900; border:1px solid #EAC375; border-radius:4px; font-size:90%;} .res1 ~ #header ul.lnb > li[an="chgMode"] a:hover {background-position:right -100px; background-color:#5B0600; } /*aion*/ #header .aion {background:url(/images/layout/nav_aion.png) repeat-y right 0; } #header .aion > div {background:url(/images/layout/nav_aion.png) repeat-y right 0;margin-bottom:-142px; } #header .aion > div > div {background:url(/images/layout/nav_aion_light.png) no-repeat right 0; padding-bottom:142px; } #header .aion h1 a, #header .aion span.gameStart a, #header .aion span.gameDownload a {background-image:url(/images/layout/bt_aion_header_notIE_1503.jpg); background-repeat:no-repeat; } #header .aion span.gameStart a:hover {cursor:default; } /* .legacy-ie #header .aion h1 a, .ie9 #header .aion h1 a, */ .legacy-ie #header .aion span.gameStart a, .ie9 #header .aion span.gameStart a, .legacy-ie #header .aion span.gameDownload a, .ie9 #header .aion span.gameDownload a {background-image:url(/images/layout/bt_aion_header_1503.jpg); background-repeat:no-repeat; } .legacy-ie #header .aion span.gameStart a:hover, .ie9 #header .aion span.gameStart a:hover {cursor:pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 up*/ #header .aion span.gameStart a, #header .aion span.gameDownload a {background-image:url(/images/layout/bt_aion_header_1503.jpg); background-repeat:no-repeat; } #header .aion span.gameStart a:hover {cursor:pointer; } } #header .aion ul.lnb {background:none; } #header .aion ul.lnb > li {background-image:url(/images/layout/bg_menu_aion.png); } #header .aion .copyright {color:#316792; height:122px; } #header .aion .copyright span, #header .aion .copyright span a {color:#1f364b; } #header .aion .copyright .ncjLogo a { background-position:0 0; } /*aionmaster*/ #header .aionmaster {background:url(/images/layout/nav_aionmaster.png) repeat-y right 0; } #header .aionmaster > div {background:url(/images/layout/nav_aionmaster.png) repeat-y right 0;margin-bottom:-142px; } #header .aionmaster > div > div {background:url(/images/layout/nav_aionmaster_light.png) no-repeat right 0; padding-bottom:142px; } #header .aionmaster h1 a, #header .aionmaster span.gameStart a, #header .aionmaster span.gameDownload a {background-image:url(/images/layout/bt_aionmaster_header_notIE.jpg); background-repeat:no-repeat; } #header .aionmaster span.gameStart a:hover {cursor:default; } /* .legacy-ie #header .aionmaster h1 a, .ie9 #header .aionmaster h1 a, */ .legacy-ie #header .aionmaster span.gameStart a, .ie9 #header .aionmaster span.gameStart a, .legacy-ie #header .aionmaster span.gameDownload a, .ie9 #header .aionmaster span.gameDownload a {background-image:url(/images/layout/bt_aionmaster_header.jpg); background-repeat:no-repeat; } .legacy-ie #header .aionmaster span.gameStart a:hover, .ie9 #header .aionmaster span.gameStart a:hover {cursor:pointer; } @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 up*/ #header .aionmaster span.gameStart a, #header .aionmaster span.gameDownload a {background-image:url(/images/layout/bt_aionmaster_header.jpg); background-repeat:no-repeat; } #header .aionmaster span.gameStart a:hover {cursor:pointer; } } #header .aionmaster ul.lnb {background:none; } #header .aionmaster ul.lnb > li {background-image:url(/images/layout/bg_menu_aionmaster.png); } #header .aionmaster .copyright {color:#316792; height:122px; } #header .aionmaster .copyright span, #header .aionmaster .copyright span a {color:#1f364b; } #header .aionmaster .copyright .ncjLogo a { background-position:0 0; } .res1 ~ #header .aion ul.lnb > li[an="chgMode"] a, .res1 ~ #header .aionmaster ul.lnb > li[an="chgMode"] a {background-color:#095267; border-color:#D3872C; } .res1 ~ #header .aion ul.lnb > li[an="chgMode"] a:hover, .res1 ~ #header .aionmaster ul.lnb > li[an="chgMode"] a:hover {background-position:right -100px; background-color:#0E394B; border-color:#D38329; } /*lineage2*/ #header .lineage2 {background:url(/images/layout/nav_l2.png) repeat-y 0 0;} #header .lineage2>div{background:url(/images/layout/nav_l2.png) repeat-y 0 0;margin-bottom:-142px;} #header .lineage2>div>div {background:url(/images/layout/nav_l2_light.png) no-repeat right 0; padding-bottom:142px;} #header .lineage2 h1 a, #header .lineage2 span.gameStart a, #header .lineage2 span.gameDownload a {background-image:url(/images/layout/bt_l2_header1312.jpg); background-repeat:no-repeat;} #header .lineage2 h1 a {height:146px;} #header .lineage2 span.gameStart {display:none;} #header .lineage2 span.gameDownload a {background-position:0 -146px} #header .lineage2 span.gameDownload a:hover {background-position:0 -446px} #header .lineage2 ul.lnb {background:none; } #header .lineage2 ul.lnb>li {background-image:url(/images/layout/bg_menu_lineage2.png);} #header .lineage2 .copyright {color:#a01816; height:122px;} #header .lineage2 .copyright span, #header .lineage2 .copyright span a {color:#690c0c;} #header .lineage2 .copyright .ncjLogo a { background-position:0 -18px;} /*lineage2classic*/ #header .lineage2classic {background:url(/images/layout/nav_l2classic.png) repeat-y 0 0;} #header .lineage2classic > div{background:url(/images/layout/nav_l2classic.png) repeat-y 0 0;margin-bottom:-142px;} #header .lineage2classic > div > div {background:url(/images/layout/nav_l2classic_light.png) no-repeat right 0; padding-bottom:142px;} #header .lineage2classic h1 a, #header .lineage2classic span.gameStart a, #header .lineage2classic span.gameDownload a {background-image:url(/images/layout/bt_l2classic_header1503.jpg); background-repeat:no-repeat;} #header .lineage2classic h1 a {height:146px;} #header .lineage2classic span.gameStart {display:none;} #header .lineage2classic span.gameDownload a {background-position:0 -146px} #header .lineage2classic span.gameDownload a:hover {background-position:0 -446px} #header .lineage2classic ul.lnb {background:none; } #header .lineage2classic ul.lnb>li {background-image:url(/images/layout/bg_menu_lineage2.png);} #header .lineage2classic .copyright {color:#a01816; height:122px;} #header .lineage2classic .copyright span, #header .lineage2classic .copyright span a {color:#690c0c;} #header .lineage2classic .copyright .ncjLogo a { background-position:0 -18px;} /*lineage*/ #header .lineage {background:url(/images/layout/nav_l.png) repeat-y 0 0;} #header .lineage>div{background:url(/images/layout/nav_l.png) repeat-y 0 0; margin-bottom:-155px;} #header .lineage>div>div {background:url(/images/layout/nav_l_light.png) no-repeat right 0;padding-bottom:155px;} #header .lineage h1 a, #header .lineage span.gameStart a, #header .lineage span.gameDownload a {background-image:url(/images/layout/bt_l_header_notIE.jpg); background-repeat:no-repeat;} #header .lineage span.gameStart a:hover{cursor:default;} /* .legacy-ie #header .lineage h1 a, .ie9 #header .lineage h1 a, */ .legacy-ie #header .lineage span.gameStart a, .ie9 #header .lineage span.gameStart a, .legacy-ie #header .lineage span.gameDownload a, .ie9 #header .lineage span.gameDownload a{background-image:url(/images/layout/bt_l_header.jpg); background-repeat:no-repeat;} .legacy-ie #header .lineage span.gameStart a:hover, .ie9 #header .lineage span.gameStart a:hover{cursor:pointer;} @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) { /* IE10 up*/ #header .lineage span.gameStart a, #header .lineage span.gameDownload a{background-image:url(/images/layout/bt_l_header.jpg); background-repeat:no-repeat;} #header .lineage span.gameStart a:hover{cursor:pointer;} } #header .lineage ul.lnb>li {background-image:url(/images/layout/bg_menu_lineage.png);} #header .lineage .copyright {color:#945518; height:135px;} #header .lineage .copyright span, #header .lineage .copyright span a {color:#5d340c;} #header .lineage .copyright .ncjLogo a { background-position:0 -36px;} /*janryumon*/ #header .jrm3 {background:url(/images/layout/nav_jrm.png) repeat-y 0 0;} #header .jrm3>div{background:url(/images/layout/nav_jrm.png) repeat-y 0 0; margin-bottom:-142px;} #header .jrm3>div>div {background:url(/images/layout/nav_jrm_light.png) no-repeat right 0;padding-bottom:142px;} #header .jrm3 h1 a, #header .jrm3 span.gameStart a, #header .jrm3 span.gameDownload a {background-image:url(/images/layout/bt_jrm_header.jpg); background-repeat:no-repeat;} #header .jrm3 span.gameStart a:hover{cursor:pointer;} /* .legacy-ie #header .jrm3 h1 a, .ie9 #header .jrm3 h1 a, */ /*.legacy-ie #header .jrm3 span.gameStart a, .ie9 #header .jrm3 span.gameStart a, .legacy-ie #header .jrm3 span.gameDownload a, .ie9 #header .jrm3 span.gameDownload a {background-image:url(/images/layout/bt_jrm_header.jpg); background-repeat:no-repeat;} .legacy-ie #header .jrm3 span.gameStart a:hover, .ie9 #header .jrm3 span.gameStart a:hover{cursor:pointer;}*/ #header .jrm3 ul.lnb>li {background-image:url(/images/layout/bg_menu_janryumon.png);} #header .jrm3 .copyright {color:#026927; height:122px;} #header .jrm3 .copyright span, #header .jrm3 .copyright span a {color:#004512;} #header .jrm3 .copyright .ncjLogo a { background-position:0 -54px;} /*R2*/ #header .r2 {background:url(/images/layout/nav_r2.png) repeat-y 0 0;} #header .r2>div{background:url(/images/layout/nav_r2.png) repeat-y 0 0;margin-bottom:-114px;} #header .r2>div>div {background:url(/images/layout/nav_r2_light.png) no-repeat right 0;padding-bottom:114px;} #header .r2 h1 a, #header .r2 span.gameStart a, #header .r2 span.gameDownload a {background-image:url(/images/layout/bt_r2_header.jpg); background-repeat:no-repeat;} #header .r2 ul.lnb>li {background-image:url(/images/layout/bg_menu_r2.png);} #header .r2 .copyright {color:#604642; height:94px;} #header .r2 .copyright span, #header .r2 .copyright span a {color:#3b2a27;} /*Blue Tears*/ #header .blueTears {background:url(/images/layout/nav_btears.png) repeat-y 0 0;} #header .blueTears>div{background:url(/images/layout/nav_btears.png) repeat-y 0 0;margin-bottom:-111px;} #header .blueTears>div>div {background:url(/images/layout/nav_btears_light.png) no-repeat right 0;padding-bottom:111px;} #header .blueTears h1 a, #header .blueTears span.gameStart a, #header .blueTears span.gameDownload a {background-image:url(/images/layout/bt_btears_header_end.jpg); background-repeat:no-repeat;} /*#header .blueTears span.gameStart a:hover{cursor:default;}*/ #header .blueTears span.gameStart a {background-position:0 -95px} #header .blueTears span.gameStart a:hover {background-position:0 -95px;} #header .blueTears span.gameDownload a {background-position:0 -176px;} #header .blueTears span.gameDownload a:hover {background-position:0 -176px;} /* .legacy-ie #header .blueTears h1 a, .ie9 #header .blueTears h1 a, */ .legacy-ie #header .blueTears span.gameStart a, .ie9 #header .blueTears span.gameStart a, .legacy-ie #header .blueTears span.gameDownload a, .ie9 #header .blueTears span.gameDownload a {background-image:url(/images/layout/bt_btears_header_end.jpg); background-repeat:no-repeat;} /* .legacy-ie #header .blueTears span.gameStart a:hover, .ie9 #header .blueTears span.gameStart a:hover{cursor:pointer;}*/ #header .blueTears ul.lnb>li {background-image:url(/images/layout/bg_menu_bt.png);} #header .blueTears .copyright {color:#046568; height:91px;} #header .blueTears .copyright span, #header .blueTears .copyright span a {color:#003e3d;} /*Guild War*/ #header .guildWar {background:url(/images/layout/nav_guildwars.png) repeat-y 0 0;} #header .guildWar>div{background:url(/images/layout/nav_guildwars.png) repeat-y 0 0; margin-bottom:-64px;} #header .guildWar>div>div {background:url(/images/layout/nav_guildwars_light.png) no-repeat right 0;padding-bottom:64px;} #header .guildWar h1 a, #header .guildWar span.gameStart a, #header .guildWar span.gameDownload a {background-image:url(/images/layout/bt_guildwars_header.jpg); background-repeat:no-repeat;} #header .guildWar h1 a {height:146px;} #header .guildWar span.gameStart {display:none;} #header .guildWar span.gameDownload a {background-position:0 -146px} #header .guildWar span.gameDownload a:hover {background-position:0 -446px} #header .guildWar ul.lnb>li {background-image:url(/images/layout/bg_menu_guildwars.png);} #header .guildWar .copyright {color:#49321c; height:44px;} #header .guildWar .copyright span, #header .guildWar .copyright span a {color:#31200b;} #header .guildWar .copyright .ncjLogo a { background-position:0 -72px;} #container {margin:0 48px 0 240px;position:relative;height:auto !important;z-index:0; min-height:100%; /*background:#fff url(/images/layout/v2/bg_body2.gif) repeat-y 1164px 0;*/} #content {left:0;right:0; min-height:100%;background:#fff;padding-bottom:50px} #container #content {/*max-width:1164px;*/} #content:after {content: ""; display: block; height:0; clear: both; visibility: hidden;line-height:0em; font-size:0;} .ie7 #content {zoom:1;} .res1 ~ #container #content.type2, .res2 ~ #container #content.type2{background:#fff url(/images/common/line_column.gif) repeat-y right 0; position:absolute; padding-bottom:0;} .res1 ~ #container #content.type3, .res2 ~ #container #content.type3{background:#fff url(/images/lineage2/bg_comic.gif) repeat-y 0 0; position:absolute; padding-bottom:0;} .res1 ~ #container #content.type4, .res2 ~ #container #content.type4{background:#fff url(/images/shop/bg_avatar_column.png) repeat-y 0 0; position:absolute; padding-bottom:0;} .res1 ~ #container #content.type4 .content_header, .res2 ~ #container #content.type4 .content_header{background:#fff;} #content.type5, #content.type6 {background:url(/images/common/bg_library.gif);} .res1 ~ #container #content.type5, .res2 ~ #container #content.type5, .res1 ~ #container #content.type6, .res2 ~ #container #content.type6{position:absolute; padding-bottom:0;} .res1 ~ #container #content.type6 {height:100%;} #gameNav.res1, .res1 ~ #header, .res0 ~ #header, .res0 ~ #myPlaync, .res1 ~ #myPlaync {display:block;} /* res0 */ #gameNav.res0 {display:none; position:absolute; left:0; right:0; bottom:auto; min-height:0; width:auto; height:auto; background:url(/images/layout/bg_sidebar.png);} #gameNav.res0.open {display:block; margin-top:42px;} #gameNav.res0>div, #gameNav.res0>div>div {height:auto;} #gameNav.res0 .wrapper {height:auto;} #gameNav.res0 .wrapper>div {min-height:0; margin-bottom:0;} #gameNav.res0 .wrapper>div ul {padding-bottom:0;} #gameNav.res0 ul li {background-position:0 0; padding-top:2px; padding-bottom:0;} .res0 ~ #myPlaync.login {position:static; width:auto; min-height:0; height:102px; background:url(/images/layout/bg_sidebar.png);} .res0 ~ #myPlaync.logout {position:static; width:auto; min-height:0; height:51px; background:url(/images/layout/bg_sidebar.png);} .ie7 .res0 ~ #myPlaync{position:relative;} .res0 ~ #myPlaync ul + ul {overflow:hidden; float:none !important; width:auto !important; position:static;} .res0 ~ #myPlaync li {float:left; background:none; padding:0 !important} .res0 ~ #myPlaync a {margin:0 auto; position:static;} .res0 ~ #myPlaync.logout ul {float:left; width:50%;} .res0 ~ #myPlaync.logout li {width:50%;} .ie7 .res0 ~ #myPlaync.logout li {width:49.95%;} .res0 ~ #myPlaync.logout ul + ul {float:left;} .res0 ~ #myPlaync.logout ul + ul li {width:50%;} .ie7 .res0 ~ #myPlaync.logout ul + ul li {width:49.95%;} .res0 ~ #myPlaync.login ul {float:left;width:100%;border-top:1px solid #464646;border-top:1px solid rgba(70, 70, 70, 0.5);} .res0 ~ #myPlaync.login li {width:16.6%;} .ie7 .res0 ~ #myPlaync.login li {width:16.6%;} .res0 ~ #myPlaync.login .wrapper>div + ul {clear:both;width:100%;} .res0 ~ #myPlaync.login .wrapper>div + ul li {width:33.3%;} .ie7 .res0 ~ #myPlaync.login .wrapper>div + ul li {width:33.3%;} .res0 ~ #header {position:static; height:auto; width:auto; padding-top:43px; } .res0 ~ #header h1 a {height:42px;margin-bottom:1px;} .res0 ~ #header span.gameStart, .res0 ~ #header span.gameDownload, .res0 ~ #header p.copyright {display:none} .res0 ~ #header>div {position:static;height:auto; width:auto;} .ie7 .res0 ~ #header>div {zoom:1;} .res0 ~ #header>div>div {height:auto;} .res0 ~ #header>div>div>div {position:static !important; height:auto; width:auto; background-repeat:repeat !important;} .res0 ~ #header>div>div>div>div {background:none !important; margin-bottom:0 !important; min-height:0;} .res0 ~ #header>div>div>div>div>div{ padding-bottom:0 !important; background:none;} .res0 ~ #header h1 {position:absolute; left:0; top:0; right:0; background:#121212 url(/images/layout/arr_gamenav.png) no-repeat right 0;} #gameNav.res0.open ~ #header h1 {background-position:right -50px;} .res0 ~ #header h1 a{background-image:url(/images/layout/ico_frame5.png); background-repeat:no-repeat;-webkit-background-size: 192px 6800px;background-size : 192px 6800px;} @media screen and (-webkit-min-device-pixel-ratio:1.1) { .res0 ~ #header h1 a{background-image:url('/images/layout/ico_frame5@2.png');} /**/ } .res0 ~ #header h2 {display:block; font-size:14px; box-shadow:inset 0 1px 0 rgba(255,255,255,.05),inset 0 -1px 0 rgba(255,255,255,.05); } .res0 ~ #header h3 {display:block; font-size:13px; background:url(/images/layout/bg_lmenu_mobile.png); box-shadow:inset 0 1px 3px rgba(26,46,67,.2),inset 0 1px 0 rgba(16,30,44,.2);} .res0 ~ #header h2 a, .res0 ~ #header h3 a {display:block; background:url(/images/layout/arr_gamenav.png) no-repeat right 0; padding:13px 0 0 15px; height:30px; color:#fff; font-weight:600;} .res0 ~ #header h3:after {display:block; content:"."; height:2px; overflow:hidden;} .res0 ~ #header .on_lnb h2 a, .res0 ~ #header .on_snb h3 a {background-position:right -50px;} .res0 ~ #header .common, .res0 ~ #header .common ul.lnb {background:url(/images/layout/nav_common_m.png);} .res0 ~ #header .common h1 {display:block;} .res0 ~ #header .common h1.common_service a, .res0 ~ #header .common_intro h1 a {background-position:0 -4px} .res0 ~ #header .service h1 a, .res0 ~ #header .login h1 a, .res0 ~ #header .account h1 a {background-position:0 0;} .res0 ~ #header .common h1.common_home a {background-position:0 -54px} .res0 ~ #header .common h1.common_community a {background-position:-0 -104px} .res0 ~ #header .common h1.common_shop a {background-position:0 -154px} .res0 ~ #header .common h1.common_setting a {background-position:0 -754px} .res0 ~ #header .common h1.common_support a {background-position:0 -704px} .res0 ~ #header .common h1.common_netcafe a {background-position:0 -604px} .res0 ~ #header .common h1.common_mobile a {background-position:0 -654px} .res0 ~ #header .common h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .aion, .res0 ~ #header .aion ul.lnb {background:url(/images/layout/nav_aion_m.png);} .res0 ~ #header .aion h1 a {background-position:0 -204px} .res0 ~ #header .aion h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .aionmaster, .res0 ~ #header .aionmaster ul.lnb {background:url(/images/layout/nav_aionmaster_m.png);} .res0 ~ #header .aionmaster h1 a {background-position:0 -204px} .res0 ~ #header .aionmaster h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .lineage2, .res0 ~ #header .lineage2 ul.lnb {background:url(/images/layout/nav_l2_m.png);} .res0 ~ #header .lineage2 h1 a {background-position:0 -254px} .res0 ~ #header .lineage2 h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .lineage2classic h1 a {background-position:0 -254px} .res0 ~ #header .lineage2classic h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .lineage2classic, .res0 ~ #header .lineage2classic ul.lnb {background:url(/images/layout/nav_l2classic_m.png);} .res0 ~ #header .lineage, .res0 ~ #header .lineage ul.lnb {background:url(/images/layout/nav_l_m.png);} .res0 ~ #header .lineage h1 a {background-position:0 -304px} .res0 ~ #header .lineage h2 {text-shadow:0 1px 0 rgba(1,1,1,.5);} .res0 ~ #header .jrm3, .res0 ~ #header .jrm3 ul.lnb {background:url(/images/layout/nav_jrm_m.png);} .res0 ~ #header .jrm3 h1 a {background-position:0 -354px} .res0 ~ #header .r2, .res0 ~ #header .r2 ul.lnb {background:url(/images/layout/nav_r2_m.png);} .res0 ~ #header .r2 h1 a {background-position:0 -404px} .res0 ~ #header .blueTears, .res0 ~ #header .blueTears ul.lnb {background:url(/images/layout/nav_btears_m.png);} .res0 ~ #header .blueTears h1 a {background-position:0 -504px} .res0 ~ #header .guildWar, .res0 ~ #header .guildWar ul.lnb {background:url(/images/layout/nav_guildwars_m.png);} .res0 ~ #header .guildWar h1 a {background-position:0 -454px} .res0 ~ #header .common_setting h1 a {background-position:0 -2156px} .res0 ~ #container {margin:0; min-height:0;} .res0 ~ #header ul.lnb {font-size:14px; font-weight:600; display:none; position:absolute; z-index:1;left:0; right:0; } /*.res0 ~ #header .on_lnb {padding-bottom:43px !important;} .res0 ~ #header .on_lnb h3 {position:absolute; width:100%; bottom:0;}*/ .res0 ~ #header .on_lnb ul.lnb{display:block; top:85px;} .res0 ~ #header .on_lnb ul.lnb:before {display:block; content:"."; height:1px; overflow:hidden; background:url(/images/layout/bdr_smenu_mobile.png) repeat-x} .res0 ~ #header ul.lnb li {background-position:0 0; background-repeat:repeat-x} .ie7 .res0 ~ #header ul.lnb li {zoom:1;} .res0 ~ #header ul.lnb li:hover, .res0 ~ #header ul.lnb li.on {background-position:0 -50px;} .res0 ~ #header ul.lnb ul {display:none; position:static; width:auto; font-size:12px; background:url(/images/layout/bg_lmenu_mobile.png); padding-top:7px; padding-bottom:6px;} .res0 ~ #header ul.lnb ul a, .res0 ~ #header ul.lnb li.on ul a {color:#fff; } .res0 ~ #header .on_snb h3:after { background:url(/images/layout/bdr_smenu_mobile.png) repeat-x;} .res0 ~ #header .on_snb ul.lnb {display:block; } .res0 ~ #header .on_snb ul.lnb li {position:absolute; left:0; right:0; height:0; visibility:hidden;} .res0 ~ #header .on_snb ul.lnb li.on {position:relative; height:auto; visibility:visible; background:none;} .res0 ~ #header .on_snb ul.lnb li.on a {position:absolute; visibility:hidden;} .res0 ~ #header .on_snb ul.lnb ul {display:block;} .res0 ~ #header .on_snb ul.lnb ul li {position:static; height:auto; visibility:visible; background:none; padding:0;} .res0 ~ #header .on_snb ul.lnb li.on ul li a {position:static; visibility:visible; height:auto; padding:8px 0 7px 15px;} .res0 ~ #header .on_snb ul.lnb li.on ul li.on {background:none;} .res0 ~ #header .on_snb ul.lnb li.on ul li.on a {position:static;} .res0 ~ #header .on_snb ul.lnb li.on ul li.on a, .res0 ~ #header .on_snb ul.lnb li.on ul li a:hover {color:#ffa900} .res0 ~ #myContent{position:static;width:100%;right:auto; bottom:auto; top:auto; padding-right:0; } .res0 ~ #myContent .section_scroll, .res0 ~ #myContent .section_btm, .res0 ~ #myContent .section_btm2 {position:static !important;} .res0 ~ #container .mid_outer{ height:auto; width:auto; display:block;} .res0 ~ #container .mid_inner {display:block} .ie7 .res0 ~ #container .mid_outer, .ie7 .res0 ~ #container .mid_inner {position:static; top:0;} body.service {background-position:1212px 0;} /* 1210add */ #gaugeBarArea{position:fixed;top:0;left:240px;bottom:0;width:21px;background:#ccc;z-index:100;background:url(/images/layout/gaugeBar.gif) #474747;z-index:999999999} #gaugeBarArea .gaugeStatus{position:absolute;} #gaugeBarArea .gaugeStatus a{display:block;width:21px;height:30px;text-indent:-9999px;} .aion #gaugeBarArea .gaugeStatus a{background-image:url(/images/layout/gaugeIconAion.png)} .lineage2 #gaugeBarArea .gaugeStatus a{background-image:url(/images/layout/gaugeIconL2.png)} #gaugeBarArea.logout .gaugeStatus a{background-position:left top} #gaugeBarArea.free .gaugeStatus a{background-position:left top} #gaugeBarArea.noGauge .gaugeStatus a{background-position:left top} #gaugeBarArea.chokotto .gaugeStatus a{background-position:-30px top} #gaugeBarArea.oneday .gaugeStatus a{background-position:-60px top} #gaugeBarArea.vip .gaugeStatus a{background-position:-90px top} #gaugeBarArea.netcafe .gaugeStatus a{background-position:-120px top} #gaugeBarArea.gauge15 .gaugeStatus a{background-position:-150px top} #gaugeBarArea.gauge30 .gaugeStatus a{background-position:-180px top} #gaugeBarArea.gauge45 .gaugeStatus a{background-position:-210px top} #gaugeBarArea.gauge60 .gaugeStatus a{background-position:-240px top} #gaugeBarArea.gauge75 .gaugeStatus a{background-position:-270px top} #gaugeBarArea.gauge90 .gaugeStatus a{background-position:-300px top} #gaugeBarArea.admin .gaugeStatus a{background-position:-330px top} #gaugeBarArea.logout .gaugeStatus a:hover{background-position:left -50px} #gaugeBarArea.free .gaugeStatus a:hover{background-position:left -50px} #gaugeBarArea.noGauge .gaugeStatus a:hover{background-position:left -50px} #gaugeBarArea.chokotto .gaugeStatus a:hover{background-position:-30px -50px} #gaugeBarArea.oneday .gaugeStatus a:hover{background-position:-60px -50px} #gaugeBarArea.vip .gaugeStatus a:hover{background-position:-90px -50px} #gaugeBarArea.netcafe .gaugeStatus a:hover{background-position:-120px -50px} #gaugeBarArea.gauge15 .gaugeStatus a:hover{background-position:-150px -50px} #gaugeBarArea.gauge30 .gaugeStatus a:hover{background-position:-180px -50px} #gaugeBarArea.gauge45 .gaugeStatus a:hover{background-position:-210px -50px} #gaugeBarArea.gauge60 .gaugeStatus a:hover{background-position:-240px -50px} #gaugeBarArea.gauge75 .gaugeStatus a:hover{background-position:-270px -50px} #gaugeBarArea.gauge90 .gaugeStatus a:hover{background-position:-300px -50px} #gaugeBarArea.admin .gaugeStatus a:hover{background-position:-330px -50px} #gaugeBarArea ul{display:none;position:absolute;top:31px;bottom:16px}/*ulの位置は背景バーよりも10px上にずらす*/ #gaugeBarArea ul li{position:absolute;left:6px;cursor:pointer;text-align:center;width:100%;font-size:11px;height:17px;width:17px;background:url(/images/layout/gaugeFlag.png) -50px top;text-indent:-9999px;overflow:hidden} #gaugeBarArea ul li.reached{background-position:left top} #gaugeBarArea ul li:hover{background-position:-50px -50px} #gaugeBarArea ul li.reached:hover{background-position:left -50px} #gaugeBarArea #gaugeItemTipArea{position:absolute;top:31px;bottom:16px} #gaugeBarArea .message{height:100%;background:url(/images/layout/gaugeTxt.png) no-repeat} *+html #gaugeBarArea .message{height:500px}/*ie7*/ #gaugeBarArea.logout .message{background-position:0 30px} #gaugeBarArea.free .message{background-position:-20px 30px} #gaugeBarArea.noGauge .message{background-position:-40px 30px} #gaugeBar{position:absolute;width:3px;left:9px;top:41px;bottom:6px;background:#fef51d;border-right:1px solid #242424} .aion #gaugeBar{background:-moz-linear-gradient(top,#ff3000,#fef51d);background:-webkit-gradient(linear,left top,left bottom,from(#fe830b),to(#fef51d));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#fe830b, endcolorstr=#fef51d));} .lineage2 #gaugeBar{background:-moz-linear-gradient(top,#01c7d3,#fef51d);background:-webkit-gradient(linear,left top,left bottom,from(#01c7d3),to(#fef51d));filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startcolorstr=#01c7d3, endcolorstr=#fef51d));} #gaugeBarCover{position:absolute;top:0;left:0;width:4px;height:100%;background:url(/images/layout/gaugeCover.gif) repeat-y} #gaugeNum{display:none;position:absolute;width:100%;text-align:center;font-size:11px;font-family:arial;color:#feec1b;font-weight:bold} /*ゲージアイテム*/ .gaugeItemView{position:absolute;left:21px;padding:9px;margin-top:-30px;width:200px;height:94px;background:url(/images/layout/blk80.png);border:2px solid #858585;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;color:#fff;font-size:85%;box-shadow:3px 3px 3px rgba(0, 0, 0, 0.8);} .gaugeItemView.reached{border-color:#fead11} .gaugeItemView img{float:left;margin-right:10px;width:68px;height:68px;border:2px solid #e3e3e3;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;} .gaugeItemView .title{margin-bottom:0.5em;font-weight:bold;} .gaugeItemView .itemViewClose{position:absolute;top:5px;right:5px;cursor:pointer;width:15px;height:15px;background:url(/images/layout/close.gif) right top no-repeat;text-indent:-9999px;overflow:hidden} .gaugeItemView .name{color:#ff9c00;line-height:1.1;font-weight:bold;font-size:95%} .gaugeItemView .date{margin-top:0.2em;font-size:90%} .gaugeItemView .btn_v2{margin-top:0.5em;width:90px} .gaugeItemView .kazari{position:absolute;top:40px;left:-8px;width:6px;height:6px;background-image:url(/images/layout/gaugeItemFuki.png)} .gaugeItemView.reached .kazari{background-image:url(/images/layout/gaugeItemFukiReached.png)} .res0 ~ #container #gaugeBarArea{display:none !important} .res0 ~ #gaugeBarArea{display:none !important} .lineage2 .res1 ~ #container{margin-left:261px ;} /* .aion .res1 ~ #container{margin-left:261px ;} */ /* ゲージバーをAION,L2で隠すための仮のCSS　※ie8は効かないので注意！ */ body:not(.aion):not(.lineage2) #gaugeBarArea{display:none} /* バー内のバナー */ #socialBarBannerArea {position:relative;margin-top:-90px;padding-bottom:110px;height:220px;} #socialBarBannerArea a {position:absolute;top:0;right:10px;width:110px;height:220px;overflow:hidden;background:url(/images/layout/1302lemuria1.jpg)} #socialBarBannerArea a:hover {background-position:-200px 0} #myPlaync.login #socialBarBannerArea {margin-top:-140px;padding-bottom:160px} .res0 ~ #myPlaync #socialBarBannerArea {display:none} #socialBarBannerArea2 {position:relative; margin-top:-90px; padding-bottom:110px; height:240px;} #socialBarBannerArea2 a {position:absolute; top:0; right:10px; width:110px; height:220px; overflow:hidden; background:url(/images/layout/1302lemuria1.jpg)} #socialBarBannerArea2 a.banner2 {top:230px;} #socialBarBannerArea2 a:hover {background-position:-200px 0} #myPlaync.login #socialBarBannerArea2 {margin-top:-140px;padding-bottom:160px} .res0 ~ #myPlaync #socialBarBannerArea2 {display:none}