@charset "utf-8"; /* 2_introduce */ /* -- aboutAION */ .AION_intro { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_intro_bg.jpg) no-repeat right top ; height:420px ; padding-top:45px ;} .AION_intro ul { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_intro_tabs.jpg) ; height:213px ; } .AION_intro ul li {width:183px ; float:left ; text-indent:-10000px ;} .AION_intro ul li.free_event {width:331px ;} .AION_intro ul li a {width:162px ; height:45px ; display:block ; margin:155px 0 0 11px} .AION_intro ul li.free_event a {width:250px ; height:113px ; margin:85px 0 0 67px ;overflow:hidden } .AION_details {} .AION_details p.text, .AION_details h5 { height:1px ; overflow:hidden ; } .AION_details .step1 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info1.gif) ; width:600px ; height:306px ; float:left ; } .AION_details .step1 a.more {margin:140px 0 0 0 ; display:block ;width:66px} .AION_details .step1 ul {padding-top:25px ;} .AION_details .step1 li {display:inline ; padding-right:5px ;} .AION_details .step2 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info2.gif) ; width:600px ; height:356px ; float:left ; } .AION_details .step2 a.more {margin:117px 0 0 0 ; display:block ;width:66px;} .AION_details .step2 ul {padding-top:25px ;} .AION_details .step2 li {display:inline ; padding-right:5px ;} .AION_details .step3 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info3_2.jpg) ; width:340px ; height:662px ; float:right ; margin-top:-306px ;margin-right:-60px;} .AION_details .step3 a.more {margin:140px 0 0 38px ; display:block ;} .AION_details .step4 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info4.jpg) ; width:600px ; height:332px ; float:left } .AION_details .step4 a.more {margin:285px 0 0 0 ; display:block ;width:66px} .AION_details .step5 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info5.gif) ; width:280px ; height:332px ; float:right } .AION_details .step5 a.more {margin:233px 0 0 38px ; display:block ;} .AION_details .step6 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info6.gif) ; width:600px ; height:342px ; float:left } .AION_details .step6 ul {padding-top:80px ;} .AION_details .step6 li {display:inline ; padding:0 5px 0 0;} .AION_details .step6 a.more {clear:both ; padding:10px 0 0 0 ; display:block ;width:66px} .AION_details .step7 { background:url(http://images.plaync.jp/aion/2_introduce/aboutAION_info7.gif) ; width:280px ; height:342px ; float:right } .AION_details .step7 p {padding:80px 0 0 38px ; } .AION_details .step7 a.more {margin:10px 0 0 38px ; display:block ;width:66px} #tutorial {background:#000 ; } /* -- episode */ #episode_tabs {width:880px ; height:42px ; margin-bottom:10px ; background:url(http://images.plaync.jp/aion/2_introduce/episode_tabs3.gif) ;} #episode_tabs a {display:block ; height:42px ; width:176px ; text-indent:-10000px ; background:url(http://images.plaync.jp/aion/2_introduce/episode_tabs3.gif) ; } #episode_tabs li {float:left ; } #episode_tabs .t1 a { background-position:-352px 0 ; } #episode_tabs .t2 a { background-position:-528px 0 ; } #episode_tabs .t3 a { background-position:-176px 0 ; } #episode_tabs .t4 a { background-position:0 0 ; } #episode_tabs .t1on a, #episode_tabs .t1 a:hover { background-position:-352px 42px ; } #episode_tabs .t2on a, #episode_tabs .t2 a:hover { background-position:-528px 42px ;} #episode_tabs .t3on a, #episode_tabs .t3 a:hover { background-position:-176px 42px ;} #episode_tabs .t4on a, #episode_tabs .t4 a:hover { background-position:0px 42px ;} .feed {text-align:right ; margin-bottom:20px ; width:880px ;} .feed img {vertical-align:middle ; } #episodeList { font-family:'メイリオ',Meiryo;} #episodeList li {margin-bottom:5px;} #episodeList a { width:501px; height:110px; padding:75px 0 0 379px; display:block;} #episodeList a .title { margin-bottom:10px; display:block; font-size:20px; color:#343434;} #episodeList a .title span.date { font-size:11px; color:#b7b7b7;} #episodeList a .desc { display:block; font-size:13px; color:#666; line-height:19px;} #episodeList li.ep31 a { background: url(http://images.plaync.jp/aion/episode/listEp31.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep31 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp31On.jpg) no-repeat 0 0;} #episodeList li.ep30 a { background: url(http://images.plaync.jp/aion/episode/listEp30.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep30 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp30On.jpg) no-repeat 0 0;} #episodeList li.ep29 a { background: url(http://images.plaync.jp/aion/episode/listEp29.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep29 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp29On.jpg) no-repeat 0 0;} #episodeList li.ep28 a { background: url(http://images.plaync.jp/aion/episode/listEp28.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep28 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp28On.jpg) no-repeat 0 0;} #episodeList li.ep27 a { background: url(http://images.plaync.jp/aion/episode/listEp27.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep27 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp27On.jpg) no-repeat 0 0;} #episodeList li.ep26 a { background: url(http://images.plaync.jp/aion/episode/listEp26.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep26 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp26On.jpg) no-repeat 0 0;} #episodeList li.ep25 a { background: url(http://images.plaync.jp/aion/episode/listEp25.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep25 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp25On.jpg) no-repeat 0 0;} #episodeList li.ep21 a { background: url(http://images.plaync.jp/aion/episode/listEp21.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep21 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp21On.jpg) no-repeat 0 0;} #episodeList li.ep20 a { background: url(http://images.plaync.jp/aion/episode/listEp20.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep20 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp20On.jpg) no-repeat 0 0;} #episodeList li.ep19 a { background: url(http://images.plaync.jp/aion/episode/listEp19.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep19 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp19On.jpg) no-repeat 0 0;} #episodeList li.ep15 a { background: url(http://images.plaync.jp/aion/episode/listEp15.jpg) no-repeat 0 0; text-decoration:none;} #episodeList li.ep15 a:hover { background: url(http://images.plaync.jp/aion/episode/listEp15On.jpg) no-repeat 0 0;} .epi20SubTitle{float:left;margin-top:30px} #epi20Menu{float:right;height:87px;margin:30px 0 27px;} #epi20Menu ul.categorys{position:relative;width:526px;height:87px;background:url(http://images.plaync.jp/aion/2_introduce/epi20menuTab3.gif) no-repeat} #epi20Menu ul.categorys li.category{float:left;width:87px;} #epi20Menu ul.categorys li.category1{width:89px} #epi20Menu ul.categorys li.category a{display:block;width:87px;height:56px;text-indent:-9999px;overflow:hidden} #epi20Menu ul.categorys li.category span.gray{display:block;width:88px;height:56px;text-indent:-9999px;} #epi20Menu ul.categorys li.category ul.subMenu{display:none;position:absolute;top:56px;left:0;width:526px;height:24px;padding-top:7px;background:url(http://images.plaync.jp/aion/2_introduce/epi20menuBg.gif)} #epi20Menu ul.categorys li.category ul.subMenu li{float:left;padding:0 3px;border-right:1px solid #dedede} #epi20Menu ul.categorys li.category ul.subMenu li a{display:block;width:168px;height:18px;} #epi20Menu ul.categorys li.category1 ul.subMenu li.subMenuList1 a{background-image:url(http://images.plaync.jp/aion/2_introduce/epi20menu1_1.gif)} #epi20Menu ul.categorys li.category1 ul.subMenu li.subMenuList2 a{background:url(http://images.plaync.jp/aion/2_introduce/epi20menu1_2.gif)} #epi20Menu ul.categorys li.category1 ul.subMenu li.subMenuList3 a{background:url(http://images.plaync.jp/aion/2_introduce/epi20menu1_3.gif)} #epi20Menu ul.categorys li.category2 ul.subMenu li.subMenuList1 a{background-image:url(http://images.plaync.jp/aion/2_introduce/epi20menu2_1.gif)} #epi20Menu ul.categorys li.category2 ul.subMenu li.subMenuList2 a{background:url(http://images.plaync.jp/aion/2_introduce/epi20menu2_2.gif)} #epi20Menu ul.categorys li.category2 ul.subMenu li.subMenuList3 a{background:url(http://images.plaync.jp/aion/2_introduce/epi20menu2_3.gif)} #epi20Menu ul.categorys li.category ul.subMenu1 li.subMenuList3{border-right:0} #epi20Menu ul.categorys li.category ul.subMenu1 li a:hover{background-position:0 -30px;} .epi20_sec1 p{margin:10px 2px -10px 0;text-align:right} .epi20_sec2{margin:30px 0 0;width:615px ; float:left ; } .epi20_sec2 .contents .swfArea{margin:13px 0 33px;background:#111} .epi20_sec2 .update {margin-left:-60px;width:615px ; float:left ; } .epi20_sec3{float:right;margin:48px 0 0;text-align:right} .epi20_sec3 ul li{position:relative;margin-bottom:15px;} .epi20_sec3 ul li .update{position:absolute;top:114px;left:181px;} .epi20_sec3 h4{margin-bottom:15px;} .epi20_sec4{margin:0} .epi20_sec4 img{margin-top:30px;} .epi20_sec5{margin-top:40px;} .epi19_sec1 {background:url(http://images.plaync.jp/aion/2_introduce/epi19_sec1_line.gif) no-repeat left bottom ; padding-bottom:2px ;} .epi19_sec1 {*zoom:1;} /* IE5.5~7 */ .epi19_sec1:after {content:""; display:block; clear:both;} /* */ .epi19_sec1 .contents {width:615px ; float:left ; } .epi19_sec1 .contents .download {background:url(http://images.plaync.jp/aion/2_introduce/epi_down_bg.gif) ; height:29px; padding:13px 20px 0 10px ; margin-bottom:62px ; overflow:hidden ; } .epi19_sec1 ul.up_list1 {clear:both ; float:none ; padding:0 ; margin:0 ;margin-top:40px; width:615px ; } .epi19_sec1 ul.up_list1 li {height:136px ; } .epi19_sec1 ul.up_list1 li p.thum {border:1px solid #ccc ; float:left ; margin-right:20px ; } .epi19_sec1 .update{position:relative;width:232px ;height:962px; float:right; padding-top:50px ; } .epi19_sec1 ul.up_list2 {position:absolute;background:url(http://images.plaync.jp/aion/2_introduce/epi19_update_2.gif) ; width:292px ; height:912px ; } .epi19_sec1 li.u1 {height:204px;} .epi19_sec1 li.u2 {height:261px;} .epi19_sec1 li.u3 {height:224px;} .epi19_sec1 li.u4 {height:223px;} .epi19_sec2 {padding-top:45px ;margin-right:-10px } .epi19_sec2 li {float:left ; width:222px ; height:175px ; } .epi19_sec2 li img {border:1px solid #ccc ; margin-bottom:7px ;} .epi15_sec1 {background:url(http://images.plaync.jp/aion/2_introduce/epi15_bg1.jpg) no-repeat right top ; height:422px ; margin-top:-10px ; } .epi15_sec2 {border-bottom:1px solid #D9D9D9 ; } .epi15_sec2 {*zoom:1;} /* IE5.5~7 */ .epi15_sec2:after {content:""; display:block; clear:both;} /* */ .epi15_sec2 .contents {width:615px ; float:left ; } .epi15_sec2 .contents .download {background:url(http://images.plaync.jp/aion/2_introduce/epi_down_bg.gif) ; height:29px; padding:13px 20px 0 10px ; margin-bottom:40px ; overflow:hidden ; } .epi15_sec2 .contents .text {background:url(http://images.plaync.jp/aion/2_introduce/epi15_bg2.jpg) no-repeat ; height:444px ; margin-left:-60px ; padding-left:60px ; z-index:1000 ; position:relative ;} .epi15_sec2 .new_place {width:233px ; float:right; } .epi15_sec2 .new_place li {padding:18px 0 10px 0 ;border-bottom:1px solid #d9d9d9 ; } .epi15_sec2 .new_place li.last {border:0;} .epi15_sec3 {margin-top:40px ; border-bottom:1px solid #D9D9D9 ; } .epi15_sec3 {*zoom:1;} /* IE5.5~7 */ .epi15_sec3:after {content:""; display:block; clear:both;} /* */ .epi15_sec3 .weapon1 {width:615px ; float:left ; } .epi15_sec3 .weapon1 ul {width:615px ; } .epi15_sec3 .weapon1 li {height:136px ; } .epi15_sec3 .weapon1 li p.thum {border:1px solid #ccc ; float:left ; margin-right:20px ; } .epi15_sec3 .weapon2 {width:233px ; float:right; margin-top:47px ; } .epi15_sec3 .weapon2 ul {background:url(http://images.plaync.jp/aion/2_introduce/epi15_weapon2.gif) ; height:428px ; } .epi15_sec3 .weapon2 li.wp1 {height:178px ; } .epi15_sec3 .weapon2 li.wp2 {height:250px ; } .epi15_sec4 {border-bottom:2px solid #3D3A3A; margin-top:40px ; } .epi15_sec4 {*zoom:1;} /* IE5.5~7 */ .epi15_sec4:after {content:""; display:block; clear:both;} /* */ .epi15_sec4 .bg {background:url(http://images.plaync.jp/aion/2_introduce/epi15_bg3.jpg) no-repeat right top; width:940px ; height:537px ; position:absolute ; z-index:99 ; } .epi15_sec4 ul {width:672px; position:relative ; z-index:1000 ; margin-left:-25px ;} .epi15_sec4 li {float:left;} .epi15_sec4 li.last {padding:35px 0 0 50px ;} .epi15_sec5 { margin-top:50px ; } .epi15_sec5 {*zoom:1;} /* IE5.5~7 */ .epi15_sec5:after {content:""; display:block; clear:both;} /* */ .epi15_sec5 .behind {width:263px ; float:left ; border-right:1px solid #E9E7E7 ; } .epi15_sec5 .behind li {height:149px ; } .epi15_sec5 .paint {float:right ; width:582px; } .epi15_sec5 .paint li {padding-left:8px ; float:left ; height:160px ; } .epi15_sec5 .paint li img {border:1px solid #ccc ; margin-bottom:8px ; } .epi15_sec6 { margin-top:15px ; height:300px ; _overflow:hidden ; background:url(http://images.plaync.jp/aion/2_introduce/epi15_comic_bg.gif) no-repeat left 30px ; margin-left:-25px ; z-index:1000 ; } .epi15_sec6 {*zoom:1;} /* IE5.5~7 */ .epi15_sec6:after {content:""; display:block; clear:both;} /* */ .epi15_sec6 ul {margin-top:106px ; float:right ; } .epi15_sec6 ul li {float:left ; padding-left:5px ; width:148px ; } .epi15_sec6 ul span {display:block ; padding:5px 0 ; height:35px ;} /* -- epi_behind */ ol.behind {background:url(http://images.plaync.jp/aion/2_introduce/epi15behind_tabs.gif) ;width:880px ;height:32px ; margin-top:-10px ; overflow:hidden ; } ol.behind a {display:block ; height:32px ;text-indent:-10000px ; background:url(http://images.plaync.jp/aion/2_introduce/epi15behind_tabs.gif) ;} ol.behind li {float:left ; } ol.behind .b1 a { background-position:771px 0 ; width:93px ; margin-left:109px ; } ol.behind .b2 a { background-position:678px 0 ; width:126px ; } ol.behind .b3 a { background-position:552px 0 ; width:113px ; } ol.behind .b1on a, ol.behind .b1 a:hover { background-position:771px 32px ; width:93px ; margin-left:109px ; } ol.behind .b2on a, ol.behind .b2 a:hover { background-position:678px 32px ; width:126px ; } ol.behind .b3on a, ol.behind .b3 a:hover { background-position:552px 32px ; width:113px ; } ol.behind .tag {float:right;padding:4px 10px 0 0 ; _width:84px ;} ol.behind .tag a {text-indent:0 ; background:none ; } .behind1_sec1{margin-right:-60px;background:url(http://images.plaync.jp/aion/2_introduce/epi15behind1_bg1.jpg) ; height:460px ; padding-top:50px ; color:#8C8C8C ;line-height:1.8 ; } .behind1_sec1 h4 {padding-bottom:35px ;} .behind1_sec1 p.img {border:1px solid #CCC ; float:left ; margin-right:20px ;} .behind1_sec1 p.cont {width:384px ; float:left ; } .behind1_sec2 {background:url(http://images.plaync.jp/aion/2_introduce/epi15behind1_bg2.jpg) left bottom no-repeat ; width:880px; height:650px ; color:#8C8C8C ; padding-top:40px ; margin-bottom:40px ; line-height:1.8} .behind1_sec2 .text1 {width:580px ;} .behind1_sec2 .text2 {width:305px ;} .behind1_sec2 ul {width:232px ; float:right ; } .behind1_sec2 li {height:170px ; color:#535252 ;} .behind1_sec2 li img {border:1px solid #CCC ; margin-bottom:5px ;} .behind_btns {border:1px solid #c8c8c8 ; background:#f0f0f0 ;height:38px ; text-align:right ; width:878px ;} .behind_btns img {vertical-align:middle ; } .behind_btns a.r {float:right;} .behind_btns a.l {float:left;} .behind2_sec1 {margin-right:-60px;background:url(http://images.plaync.jp/aion/2_introduce/epi15behind2_bg1.jpg) no-repeat ; height:720px ; padding-top:50px ; color:#8C8C8C ;line-height:1.8 ; } .behind2_sec1 h4 {margin-bottom:40px ;} .behind2_sec1 .text1 {width:425px ; } .behind2_sec1 .text2 {width:570px ; } .behind2_sec2 {width:880px; margin-top:40px ; color:#8C8C8C ;line-height:1.8 ; margin-bottom:40px ;} .behind2_sec2 {*zoom:1; } /* IE5.5~7 */ .behind2_sec2:after {content:""; display:block; clear:both;} /* */ .behind2_sec2 .text {width:570px ;} .behind2_sec2 ul {width:232px ; float:right ; } .behind2_sec2 li {height:175px ; color:#535252 ;} .behind2_sec2 li img {border:1px solid #CCC ; margin-bottom:5px ;} .behind3_sec1 {margin-right:-60px;background:url(http://images.plaync.jp/aion/2_introduce/epi15behind3_bg1.jpg) no-repeat ; height:450px ; padding-top:50px ; color:#8C8C8C ;line-height:1.8 ; } .behind3_sec1 h4 {margin-bottom:40px ;} .behind3_sec1 .text {width:564px ; } .behind3_sec2 {width:880px; margin-top:40px ; color:#8C8C8C ;line-height:1.8; border-bottom:1px solid #D9D9D9 ; padding-bottom:25px ; } .behind3_sec2 {*zoom:1; } /* IE5.5~7 */ .behind3_sec2:after {content:""; display:block; clear:both;} /* */ .behind3_sec2 .bg {background:url(http://images.plaync.jp/aion/2_introduce/epi15behind3_bg2.jpg) ; width:637px ; height:512px ;margin-left:-60px ; position:absolute ; z-index:1000 ; } .behind3_sec2 ul {width:232px ; float:right ; } .behind3_sec2 li {height:172px ; letter-spacing:-1px ; color:#535252 ;} .behind3_sec2 li img {border:1px solid #CCC ; margin-bottom:5px ;} .behind3_sec2 .st {margin-bottom:445px; position:relative ; z-index:1001 ; } .behind3_sec2 .text {width:580px ; _width:590px ;} .behind3_sec3 {background:url(http://images.plaync.jp/aion/2_introduce/epi15behind3_bg3.jpg) no-repeat right bottom ; height:350px ;color:#8C8C8C ;line-height:1.8 ; padding-top:40px ;} .behind3_sec3 .text {width:570px ; padding-top:35px ;} /* -- epi_comic */ ol.comic {background:url(http://images.plaync.jp/aion/2_introduce/epi15comic_tabs.gif) ;width:880px ;height:43px ; margin-top:-10px ; overflow:hidden ; } ol.comic a {display:block ; height:43px ;text-indent:-10000px ; background:url(http://images.plaync.jp/aion/2_introduce/epi15comic_tabs.gif) ;} ol.comic li {float:left ; } ol.comic .c1 a { background-position:802px 0 ; width:130px ; margin-left:78px ; } ol.comic .c2 a { background-position:672px 0 ; width:113px ; } ol.comic .c3 a { background-position:559px 0 ; width:116px ; } ol.comic .c4 a { background-position:443px 0 ; width:98px ; } ol.comic .c5 a { background-position:345px 0 ; width:93px ; } ol.comic .c1on a, ol.comic .c1 a:hover { background-position:802px 43px ; width:130px ; margin-left:78px ; } ol.comic .c2on a, ol.comic .c2 a:hover { background-position:672px 43px ; width:113px ; } ol.comic .c3on a, ol.comic .c3 a:hover { background-position:559px 43px ; width:116px ; } ol.comic .c4on a, ol.comic .c4 a:hover { background-position:443px 43px ; width:98px ; } ol.comic .c5on a, ol.comic .c5 a:hover { background-position:345px 43px ; width:93px ; } ol.comic .tag {float:right;padding:10px 10px 0 0 ; _width:84px ;} ol.comic .tag a {text-indent:0 ; background:none ; } .comic_contents {margin-top:30px; width:880px ; padding-top:30px ;} .comic_contents .bg {background:url(http://images.plaync.jp/aion/2_introduce/epi15comic_bg.jpg) ; height:419px ; width:880px ; z-index:99 ; position:absolute ; margin-top:-30px ;} .comic_contents .cont {padding-bottom:27px ;position:relative ; z-index:100 ; text-align:center ; border-left:1px solid #D5D5D5 ; border-right:1px solid #D5D5D5 ; } .comic_contents .cont img { border:1px solid #fff ; } .comic_contents .fin {background:url(http://images.plaync.jp/aion/4_world/server_bg_btm.gif) ; height:3px ; overflow:hidden ; margin-bottom:30px ;} /* -- library */ #library_tabs {width:880px ; height:42px ; margin-bottom:10px ;background:url(http://images.plaync.jp/aion/2_introduce/episode_tabs.gif)} #library_tabs a {display:block ; height:42px ; text-indent:-10000px ; background:url(http://images.plaync.jp/aion/2_introduce/library_tabs.gif) ; } #library_tabs li {float:left ; } #library_tabs .t1 a { background-position:0 0 ; width:78px; } #library_tabs .t2 a { background-position:802px 0 ; width:77px; } #library_tabs .t3 a { background-position:725px 0 ; width:87px; } #library_tabs .t4 a { background-position:638px 0 ; width:77px; } #library_tabs .t5 a { background-position:561px 0 ; width:77px; } #library_tabs .t6 a { background-position:484px 0 ; width:134px; } #library_tabs .t7 a { background-position:350px 0 ; width:77px; } #library_tabs .t8 a { background-position:273px 0 ; width:140px; } #library_tabs .t9 a { background-position:133px 0 ; width:133px; } #library_tabs .t1on a, #library_tabs .t1 a:hover { background-position:0 42px ; width:78px; } #library_tabs .t2on a, #library_tabs .t2 a:hover { background-position:802px 42px ; width:77px; } #library_tabs .t3on a, #library_tabs .t3 a:hover { background-position:725px 42px ; width:87px; } #library_tabs .t4on a, #library_tabs .t4 a:hover { background-position:638px 42px ; width:77px; } #library_tabs .t5on a, #library_tabs .t5 a:hover { background-position:561px 42px ; width:77px; } #library_tabs .t6on a, #library_tabs .t6 a:hover { background-position:484px 42px ; width:134px; } #library_tabs .t7on a, #library_tabs .t7 a:hover { background-position:350px 42px ; width:77px; } #library_tabs .t8on a, #library_tabs .t8 a:hover { background-position:273px 42px ; width:140px; } #library_tabs .t9on a, #library_tabs .t9 a:hover { background-position:133px 42px ; width:133px; } h4.library {height:1px ; overflow:hidden ; position:absolute ; } #IONAir { background:url(http://images.plaync.jp/aion/2_introduce/IONAir_bg.gif) ;} #IONAir {*zoom:1;} /* IE5.5~7 */ #IONAir:after {content:""; display:block; clear:both;} /* */ #IONAir .contents {width:604px ; padding:0 20px ; float:left ; background:url(http://images.plaync.jp/aion/2_introduce/IONAir_bg_left.gif) no-repeat ; padding-top:25px ;} #IONAir .list {width:236px ; float:right ;background:url(http://images.plaync.jp/aion/2_introduce/IONAir_bg_right.gif) no-repeat ;padding-top:58px ;} #IONAir p.fin {background:url(http://images.plaync.jp/aion/2_introduce/IONAir_bg2.gif) ; height:7px ; overflow:hidden ; clear:both ; } #IONAir h5 {color:#333 ; font-weight:bold ; font-size:16px ; padding-bottom:15px ; } #IONAir .list img {vertical-align:middle ; margin-right:5px ; } #IONAir .list li {background:url(http://images.plaync.jp/aion/2_introduce/IONAir_right_off.gif) ; height:28px ; padding:8px 0 0 17px } #IONAir .list li.on {background:url(http://images.plaync.jp/aion/2_introduce/IONAir_right_on.gif) ; } #IONAir .list li.on a , #IONAir .list li a:hover { color:#fff ; } #IONAir .list li a { color:#7B7A7A ; } #IONAir .copy {background:url(http://images.plaync.jp/aion/2_introduce/IONAir_movie_copy.gif) ; height:24px ; padding:10px 10px 0 0 ; text-align:right ; } #IONAir .copy a {color:#fff ; text-decoration:underline ; } #reply {border-top:1px solid #C5C5C5 ; margin:15px 0 25px 0; } #reply li {border-bottom:1px solid #C5C5C5; padding:10px 0 0 0 ;} #reply li {*zoom:1;} /* IE5.5~7 */ #reply li:after {content:""; display:block; clear:both;} /* */ #reply dl.mem_info {width:264px ; float:left ; padding-top:4px ;} #reply dl.mem_info li {border:0 ; padding:0 ;} #reply dl.mem_info dt {width:75px ; padding-left:4px ; float:left ;} #reply dl.mem_info dt img {border:1px solid #D0D0D0 ; } #reply dl.mem_info dd {width:185px ; float:left ; } #reply li.name a {font-weight:bold ; color:#1B6588 ; } #reply li.name span {color:#838383 ; font-weight:bold ; } #reply li.spec {color:#303030 ; } #reply li.spec span {color:#B7B7B7 ; } #reply li.legion {margin-top:5px ;background:url(http://images.plaync.jp/aion/common/icon_legion.gif) no-repeat 0 1px; } #reply li.legion a {color:#784731 ; text-decoration:underline ; padding-left:16px ;} #reply div.text {width:340px ; float:left ; padding-bottom:10px ;} #reply div.text p {padding-top:8px ;} #reply div.text p span {font-family:verdana ; color:#989898 ; font-size:9px ; } #reply div.text p a {font-weight:bold ; text-decoration:underline ; } #reply div.text p img {vertical-align:middle ; padding:0 5px 0 2px ; } #reply div.write p.regist { text-align:right ; padding:5px 0 10px 0 ;} #reply div.write p img {vertical-align:middle ; } #reply div.write p span {font-family:verdana ; color:#989898 ; font-size:9px ; } #reply div.write textarea {border:1px solid #CDC4C4 ; padding:5px 10px ; width:580px ; height:60px ; } #reply div.replay {border-top:1px dashed #C5C5C5; padding:10px 0 ; clear:both ; } #reply div.replay p.regist a {font-weight:normal ; color:#838383 ; } #reply .pagelist {clear:both ; text-align:center; float:none ; } .download {background:url(http://images.plaync.jp/aion/2_introduce/library_down_bg.gif) ; height:29px; padding:13px 20px 0 10px ; } .download .st {float:left ; padding-top:2px ; } .download li span {color:#fff ; text-decoration:underline;cursor:pointer} .download li {float:left ; padding:0 9px 0 7px ; background:url(http://images.plaync.jp/aion/2_introduce/library_movie_bar.gif) no-repeat right 4px ; } .download li.last {background:none;} .download li a {font-family:Verdana ; font-size:11px ;} .download .copy {float:right;} #thum_list {background:url(http://images.plaync.jp/aion/2_introduce/library_thum_bg.gif) ; height:101px ; } #thum_list ul {padding-top:11px ;float:left; width:786px ; overflow:hidden ; } #thum_list li {width:126px ; height:80px ;overflow:hidden ; float:left ; margin:0 5px 0 0 ; text-align:center; padding-top:10px ;color:#BCBCBC ; font-size:10px ;cursor:pointer;background-repeat:no-repeat } #thum_list li.on {background:url(http://images.plaync.jp/aion/2_introduce/library_movie_liston.gif) ; color:#fff ; } #thum_list li span {display:block ; padding-top:9px ; } #thum_list li p{margin-top:3px;} #thum_list span.off { filter:progid:DXImageTransform.Microsoft.alphaimageloader(enabled=true, sizingMethod=crop, src='http://images.plaync.jp/aion/2_introduce/library_movie_listoff.png'); width:104px ; height:63px ; position:absolute ; display:block ; padding:0 ; margin:-1px 0 0 12px ; cursor:pointer ;_margin-left:-1px;} #thum_list .arr1 {float:left; padding:12px 6px 0 0; width:43px ; overflow:hidden ; } #thum_list .arr2 {float:right; padding:12px 0 0 0; width:43px ; overflow:hidden ; } .expTxtArea {background:url(http://images.plaync.jp/aion/2_introduce/library_down_bg.gif) ; height:29px; padding:13px 15px 0 15px ;color:#fff } #thum_list2 {background:url(http://images.plaync.jp/aion/2_introduce/library_thum_bg2.gif) ; height:111px ; } #thum_list2 ul {padding-top:11px ;float:left; width:786px ; overflow:hidden ; } #thum_list2 li {width:126px ; height:80px ;overflow:hidden ; float:left ; margin:0 5px 0 0 ; text-align:center; padding-top:10px ;color:#BCBCBC ; font-size:10px ;cursor:pointer } #thum_list2 li.on {background:url(http://images.plaync.jp/aion/2_introduce/library_movie_liston.gif) ; color:#fff ; } #thum_list2 li span {display:block ; padding-top:9px ; } #thum_list2 li p{margin-top:3px;} #thum_list2 span.off { filter:progid:DXImageTransform.Microsoft.alphaimageloader(enabled=true, sizingMethod=crop, src='http://images.plaync.jp/aion/2_introduce/library_movie_listoff.png'); width:104px ; height:63px ; position:absolute ; display:block ; padding:0 ; margin:-1px 0 0 12px ; cursor:pointer ;_margin-left:-1px;} #thum_list2 .arr1 {float:left; padding:12px 6px 0 0; width:43px ; overflow:hidden } #thum_list2 .arr2 {float:right; padding:12px 0 0 0; width:43px ; overflow:hidden } #screensaver {background:url(http://images.plaync.jp/aion/2_introduce/ssaver_bg.gif) ; height:363px; padding:25px 0 0 30px ; overflow:hidden ; } #screensaver li { filter:progid:DXImageTransform.Microsoft.alphaimageloader(enabled=true, sizingMethod=crop, src='http://images.plaync.jp/aion/2_introduce/ssaver_thum_bg.png'); width:156px ; height:182px ; color:#A9A6A6 ; padding-right:10px ; float:left ; } #screensaver li span.thum {padding:1px 0 10px 1px ; display:block ; } #screensaver li p {text-align:center ;} #screensaver li p a{color:#a9a6a6;display:block} #screensaver li p img {margin-top:5px} #fansite {background:url(http://images.plaync.jp/aion/2_introduce/fansite_bg.jpg) ; height:487px ; } #fansite .indent {padding-left:30px ; height:350px ; } #fansite dl {color:#757575 ; margin:18px 0 0 20px; } #fansite dl dt {padding-bottom:5px ; font-weight:bold ; } #fansite dl dd {font-family:tahoma ; font-size:11px; }