/* CSS Document */ /*---------------------------------------------------- css for namco-ch talesofsymphonia_wii talesofsymphonia_wii.css ----------------------------------------------------*/ /* NAVI */ #navi {width:800px; height:55px;} #navi {float:left; margin:0px; padding:0px;} /* PRODUCT */ #HeadBg {background:url(../img/all/head_bg.gif) no-repeat;width:800pxheight:60px;display:block; clear:both; text-align:left;} a#Logo {background:url(../img/all/logo.gif) no-repeat; width:199px; height:60px; display:block;} #display {width:800px; padding:5px 0 15px 0; background:url(../img/all/bg_main.jpg) no-repeat bottom center;} .BgMain {background:url(../img/all/bg_main.jpg) no-repeat bottom center;} #display2 {width:800px; padding:5px 0 0px 0; background:url(../img/all/bg_main.jpg) no-repeat bottom center;} #Contents {width:740px; text-align:left; margin:0 30px} #title {width:800px; height:40px; background-color:#7c5537; margin-bottom:30px; text-align:left; clear:both;} #protitle {background:url(../../product/img/title01.gif) no-repeat; display:block; width:293px; height:40px;} #proSubTitle{background:url(../../product/img/subtitle01.gif) no-repeat; width:399px; height:46px; display:block;} #FootBg {width:800px; height:17px; background-color:#7c5537; text-align:right; display:block; clear:both;} #FootBg2 {width:628px; height:17px; background-color:#7c5537; text-align:right; display:block; clear:both;} a#GoTop {background:url(../img/all/gototop.gif) no-repeat; width:151px; height:17px; display:block;} a#GoTop:hover{background:url(../img/all/gototop_f.gif) no-repeat;width:151px;height:17px; display:block;} .textArea {margin:30px 0 50px 0;} .ImgTable {background:url(../img/all/img_bg.gif) repeat; display:block; height:228px; margin:0 0 45px 0;} .ImgTable2 {background:url(../img/all/img_bg.gif) repeat; display:block; height:1450px; margin:0 0 45px 0;} .ImgTable3 {background:url(../img/all/img_bg.gif) repeat; display:block; height:228px; margin:0 0 20px 0; padding: 0 50px 0 50px;} .ImgTable4 {background:url(../img/all/img_bg.gif) repeat; display:block; height:830px; margin:0 0 45px 0;} .ImgTable_song{background:url(../img/all/img_bg.gif) repeat; display:block; height:380px; padding: 20px 150px 10px 150px; margin:0 0 45px 0;} .ImgTable_cam{background:url(../img/all/img_bg.gif) repeat; display:block; height:295px; padding: 20px 0px 20px 5px; margin:0 0 45px 0;} .Sirozabu {background:url(../img/all/shiro_zabu.gif) no-repeat; width:235px; height:178px; display:block; float:left; margin:25px 0 25px 0px;} .Sirozabu img{margin:6px 0 0 6px;} .Sirozabu4 {background:url(../img/all/shiro_zabu3.gif) no-repeat; width:235px; height:136px; display:block; float:left; margin:25px 0 25px 0px;} .Sirozabu4 img{margin:6px 0 0 6px;} .ShiroLm { margin:25px 20px 25px 20px;} .ShiroLm2 { margin:25px 20px 25px 170px;} *html body .ShiroLm2 {margin:25px 20px 25px 90px;} .oozabu {margin:0 9px;} .marRL8 {margin:25px 8px 0 8px;} .marRL8b {margin:25px 8px 0 50px;} .marRL8c {margin:0 0 25px 0;} .marRL8d {margin:0 8px 25px 8px;} .marRL8e {margin:25px 0 0 40px;} .marRLscr {margin:25px 8px 0 8px;} .marSt { margin: 38px 0 38px 0;} /* STORY */ #StoryTitle {background:url(../../story/img/title01.gif) no-repeat; display:block; width:293px; height:40px;} #StoryTable {background:url(../../story/img/story_cont.gif) no-repeat; display:block;height:760px; width:740px; margin-bottom:45px;} #SImgTable {display:block; width:250px; clear:both;} #Storyimg01 {margin:20px 0 0 0px;} #Storyimg02 {float:right; margin:15px 12px 0 0 ;} #Storyimg03 {float:right; margin:30px 12px 0 0 ;} /* CHARACTER */ #CharaTitleBg{ width:628px; clear:both; background-color:#7c5537; height:40px; text-align:left;} #CharaTitle {background:url(../../character/img/title.gif) no-repeat; display:block; width:235px; height:40px;} #CharaCont {width:800px; clear:both;} #leftBg {background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:700px; text-align:center;} #leftBg2 {background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:987px; text-align:center;} #RightArea {width:628px; float:left; background:url(../img/all/bg_main.jpg) no-repeat bottom center;} #lnaviBg {background:url(../../character/img/lnavi_bg.gif) repeat-y; width:159px; height:248px; margin:40px 0 20px 6px; padding:3px 0 0px 2px; text-align:left;} #lnaviBg2 {background:url(../../character/img/lnavi_bg.gif) repeat-y; width:159px; height:196px; margin:0 0 20px 6px; padding:3px 0 0px 2px; text-align:left;} #lnavibg2_h { background: url(../img/navi/lnavi04.gif) no-repeat; margin: 0 0 0 6px; padding:0px 0 0px 2px; text-align:left; width: 159px; height: 20px;} #lnaviBg img{clear:both; margin:0px; padding:0px; } #CharaSpec {width:250px; text-align:left; padding:25px 15px 0 0 ;} #CharaSpec2 {width:270px; text-align:left; padding:8px 15px 0 0 ;} #CharaSpec3 {width:300px; text-align:left; padding:8px 15px 0 0 ;} .zabu_text {background-color:#7c5537; padding:10px; margin: 10px 0 0 0; width: 215px;} .zabu_text p{font-size:12px; color:#FFFFFF; line-height:160%;} .zabu_text2 {background-color:#7c5537; padding:10px; margin: 10px 0 0 0; width: 265px;} .zabu_text2 p{font-size:12px; color:#FFFFFF; line-height:160%;} .zabu_text3 {background-color:#7c5537; padding:10px; margin: 8px 0 0 0; width: 240px;} .zabu_text3 p{font-size:12px; color:#FFFFFF; line-height:160%;} .bannerMar {margin-top:80px;} .bannerMar2 {margin-top:720px;} #CHARA01{background:url(../../character/img/character01.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA02{background:url(../../character/img/character02.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA03{background:url(../../character/img/character03.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA04{background:url(../../character/img/character04.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA05{background:url(../../character/img/character05.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA06{background:url(../../character/img/character06.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA07{background:url(../../character/img/character07.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA08{background:url(../../character/img/character08.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA09{background:url(../../character/img/character09.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA10{background:url(../../character/img/character10.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA11{background:url(../../character/img/character11.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA12{background:url(../../character/img/character12.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA13{background:url(../../character/img/character13.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA14{background:url(../../character/img/character14.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA15{background:url(../../character/img/character15.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA16{background:url(../../character/img/character16.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA17{background:url(../../character/img/character17.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} #CHARA18{background:url(../../character/img/character18.jpg) no-repeat;width:628px;height:644px;display:block;clear:both;} .chara_text { margin: 105px 0 0 25px; float: left;} .chara_text2{ margin: 105px 0 0 23px; float: left; text-align:left;} .Sirozabu2 {background:url(../img/all/shiro_zabu.gif) no-repeat; width:235px; height:178px; display:block; margin:15px 0 15px 0px;} .Sirozabu2 img{margin:6px 0 0 6px;} .Sirozabu3 {background:url(../img/all/shiro_zabu2.gif) no-repeat; width:235px; height:178px; display:block; margin:10px 0 15px 0px;} .Sirozabu3 img{margin:6px 0 0 6px;} .keycharaBg { background: url(../../character/img/keychara_bg.gif) repeat-y; width: 628px; height: 1390px; padding: 5px 0;} /* STREAMING */ #StreamTitle{background:url(../../streaming/img/title01.gif) no-repeat; display:block; width:450px; height:40px;} #ScreenBg {background:url(../../streaming/img/stream_bg.gif) no-repeat; display:block; width:343px; height:323px; text-align:center; margin-bottom:50px; padding-top: 10px;} #ScreenImg {margin:7px 0 12px 0;} a#btn01 {background:url(../../streaming/img/btn01.gif) no-repeat; width:180px; height:43px; display:block;} a#btn01:hover {background:url(../../streaming/img/btn01_f.gif) no-repeat; width:180px; height:43px; display:block;} #kome {margin:0 0 0 0px; padding: 0 0 0 16px;} #kome li {list-style-image:url(../../streaming/img/kome.gif); font-size:12px; color:#333333; line-height:160%; padding: 0 0 0 1px; margin-left:0px;} #StreamCapA {width:410px; margin-bottom:30px; text-align:left;} #str_subt { margin:0 0 5px 0px;} .textArea_str{margin:30px 0 30px 0;} p.str_kigen {font-size: 12px; font-weight: bold;} /* screenchot */ #scrtitle {background:url(../../screenshot/img/title01.gif) no-repeat; display:block; width:450px; height:40px;} /* system */ #systitle {background:url(../../system/img/title01.gif) no-repeat; display:block; width:300px; height:40px;} .textAreaSys{margin:20px 0 20px 0; padding: 0 20px; text-align: left;} .ImgTableSys{background:url(../img/all/img_bg.gif) repeat; display:block; height:185px; margin:0 10px 45px 10px;} .ImgTableSys2{background:url(../img/all/img_bg.gif) repeat; display:block; height:220px; margin:0 10px 45px 10px;} .subtitleSys{ margin: 20px 0 0 20px; text-align: left;} .subtitleSys2{ margin: 20px 0 20px 20px; text-align: left;} .ImgTable_sys{/*background:url(../img/all/contSys_bg.gif) repeat;*/ display:block; padding: 20px 0;} .ImgTable_sysBattle{ display:block; padding: 20px 0;} /*background:url(../img/all/contSys_bg.gif) repeat;*/ .ImgTable_sysMove{/*background:url(../img/all/contSys_bg.gif) repeat;*/ display:block; height:841px; padding: 20px 0;} .ImgTable_sysSkit{/*background:url(../img/all/contSys_bg.gif) repeat;*/ display:block; height:500px; padding: 20px 0;} .ImgTable_sysSynthesis{/*background:url(../img/all/contSys_bg.gif) repeat;*/ display:block; height:750px; padding: 20px 0;} .ImgTable_sysQuest{/*background:url(../img/all/contSys_bg.gif) repeat;*/ display:block; height:1030px; padding: 20px 0;} .ImgTableSys2_battle{background:url(../img/all/img_bg.gif) repeat; display:block; height:280px; margin:0 10px 25px 10px;} .ImgTableSys2_battle2{background:url(../img/all/img_bg.gif) repeat; display:block; height:240px; margin:0 10px 25px 10px;} .ImgTableSys2_battle3{background:url(../img/all/img_bg.gif) repeat; display:block; height:185px; margin:0 10px 25px 10px;} .ImgTableSys2_battle2b{background:url(../img/all/img_bg.gif) repeat; display:block; height:340px; margin:0 10px 25px 10px;} #lnaviSysBg {background:url(../../character/img/lnavi_bg.gif) repeat-y; width:159px; height:164px; margin:40px 0 20px 6px; padding:3px 0 0px 2px; text-align:left;} #lnaviSysBg a{ margin: 0; padding:0;} #bannerMarSys {margin:10px 20px 0 20px; text-align: right;} #leftBgSys_mons{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:2367px; *height: 2351px; text-align:center;} #leftBgSys_mons2{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:3579px; *height: 3577px; text-align:center;} #leftBgSys_battle{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:4968px; *height:4945px; text-align:center;} #leftBgSys_move{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:937px; *height:958px; text-align:center;} #leftBgSys_skit{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:596px; text-align:center;} #leftBgSys_synthesis{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:846px; text-align:center;} #leftBgSys_quest{background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; height:1126px; text-align:center;} #leftBgSys {background:url(../../character/img/left_bg.gif) repeat-y; width:172px; border-top:1px solid #e1e1e1; float:left; text-align:center;} .SirozabuSys {background:url(../img/all/shiro_zabuSys.gif) no-repeat; width:183px; height:139px; display:block; float:left; margin:25px 0 25px 5px;} .SirozabuSys img{margin:5px 0 0 5px;} .SirozabuSys2 {background:url(../img/all/shiro_zabuSys.gif) no-repeat; width:183px; height:139px; display:block; margin:10px 0 10px 5px;} .SirozabuSys2 img{margin:5px 0 0 5px;} .SirozabuSys3 {background:url(../img/all/shiro_zabuSys.gif) no-repeat; width:183px; height:139px; display:block; float:left; margin:25px 0 10px 5px;} .SirozabuSys3 img{margin:5px 0 0 5px;} .ImgTableSysMons{background:url(../img/all/img_bg.gif) repeat; display:block; height:310px; margin:0 10px 45px 10px;} .ImgTableSysMons2{background:url(../img/all/img_bg.gif) repeat; display:block; height:250px; margin:0 10px 45px 10px;} .ImgMonsLeft { float: left;} .ImgMonsRight { margin: 0 0 0 200px; padding: 20px 0 0 10px;} .ImgMonsRight p { color: #333333;} .ImgMonsRight span{ font-weight: bold;} p.text_sysmini { font-size: 10px; color: #333333; line-height: 130%; margin: 10px 0;} p.text_sysmini2 { font-size: 10px; color: #333333; line-height: 130%; margin: 0 10px; width: 550px;} p.text_sysmini3 { font-size: 10px; color: #333333; line-height: 130%; margin-left: 40px; width: 520px;} p.text_sysmini4 { font-size: 10px; color: #333333; line-height: 130%; margin: 30px 10px 0 10px; width: 550px;} /* anime */ #animetitle {background:url(../../animation/img/title01.gif) no-repeat; display:block; width:600px; height:40px;} /* themesong */ #songtitle {background:url(../../themesong/img/title01.gif) no-repeat; display:block; width:400px; height:40px;} #songSubTitle{background:url(../../themesong/img/subtitle01.gif) no-repeat; width:700px; height:25px; display:block;} #song_tb p span{font-size: 10px;} #song_bn { margin: 5px 0;} .song_tbimg { margin: 5px 0;} .song_play { margin: 0 5px; padding: 0;} /* campaign */ #campaigntitle {background:url(../../campaign/img/title01.gif) no-repeat; display:block; width:500px; height:40px;} #campaignSubTitle{background:url(../../campaign/img/subtitle01.gif) no-repeat; width:700px; height:25px; display:block;} .cam_img {display:block; float:left; margin: 0 5px;} .camMar1 { margin: 60px 5px 0 10px;} #pop2_bg { background: url(../../popup/img/popup2_bg1.gif) no-repeat; width: 427px; height: 597px; margin: 0; padding: 0 12px;} #pop2_navibg{ background: url(../../popup/img/popup2_bg2.gif) no-repeat; width: 427px; height: 53px; text-align: center; padding-top: 1px;} /* comment */ #CommentTitle{background:url(../../comment/img/title01.gif) no-repeat; display:block; width:450px; height:40px;} #comment_bg1{ background: url(../../comment/img/comme_bg01.jpg) no-repeat; width: 371px; height: 392px; margin: 10px; padding: 35px 0 0 20px;} #comment_bg2{ background: url(../../comment/img/comme_bg02.jpg) no-repeat; width: 371px; height: 392px; margin: 10px; padding: 35px 0 0 20px;} #comment_bg3{ background: url(../../comment/img/comme_bg03.jpg) no-repeat; width: 371px; height: 392px; margin: 10px; padding: 35px 0 0 20px;} #comment_bg4{ background: url(../../comment/img/comme_bg04.jpg) no-repeat; width: 371px; height: 392px; margin: 10px; padding: 35px 0 0 20px;} #commeImg { margin:7px 0 12px 0;} #comme_btn { margin: 280px 0 0 80px; *margin: 330px 0 0 80px; text-align: left;} a#btn02 {background:url(../../comment/img/btn02.gif) no-repeat; width:180px; height:43px; display:block;} a#btn02:hover {background:url(../../comment/img/btn02_f.gif) no-repeat; width:180px; height:43px; display:block;} /* enquete */ #EnqueteTitle{background:url(../../enquete/img/title01.gif) no-repeat; display:block; width:320px; height:40px;} #EnqueteSubTitle{background:url(../../enquete/img/subtitle01.gif) no-repeat; width:700px; height:25px; display:block;} #enquete_bg1{ background: url(../../enquete/img/enq_bg01.jpg) no-repeat; width: 338px; height: 274px; margin: 10px; padding: 10px 0 0 0;} #enquete_bg1 img{ margin: 5px;} #enquete_bg2{ background: url(../../enquete/img/enq_bg02.jpg) no-repeat; width: 338px; height: 289px; margin: 10px; padding: 10px 0 0 0;} #enquete_bg2 img{ margin: 5px;} #enq_btnarea{ margin: 0 0 10px 0;} p.enq_text01 { font-size: 12px; font-weight: bold; margin: 5px 0;} .enq_bn { margin: 0 10px}