/* basic resets */
html,body,form,fieldset,legend,h1,h2,h3,h4,h5,h6,dd{margin:0;padding:0;}
/*html,body{height:100%;margin-bottom:1px;}*/
p,pre,blockquote,ul,ol,dl,table{margin:0 0 1.4em;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
a img,fieldset{border:0;}
form ul,form ol{list-style:none;}
input,select,textarea{font-family:inherit;font-size:100%;}
h1,h2,h3,#nav,.feature a,.button a,.callout{text-transform:uppercase;font-weight:400;}
h1{font-size:1.1em;line-height:1.2;}
h2{font-size:1em;color:#0d96c2;}
h3{font-size:.9em;}
p{font-size:.85em;line-height:1.6;}
.content ul{line-height:1.6;}
/* anchors */
a, a:link{color:#fff;text-decoration:underline;}
.products .figcaption a { color: #0d96c2;}
a:visited{color:#8CB1B1;text-decoration:underline;}
a:hover,a:active,a:focus{text-decoration:none;}
a.more,
.evolution>a:nth-of-type(1n),
.families>a:nth-of-type(1n){display:block;}
 /*the nth selector MUST be kept to hide the rule from IE7 which wigs out?the rule must exist to fix an HTML5 FFOX bug anchor bug*/

a.more span {position:absolute; left: -9999em;}
a.nocurs{cursor:default;}

/*html { background:url(../img/bg_body.jpg) no-repeat center top;}*/
body { min-width:994px; color:#fff; background:#000; font-family:'メイリオ ','Meiryo','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','Verdana','Osaka','ＭＳ Ｐゴシック',sans-serif;}

/*body.home #wrap{background:url(../img/bg_body_top.jpg) no-repeat center top;}*/
body.home #wrap-inr{background:url(../img/bg_body_story.jpg) no-repeat center 2px;}
body.story #wrap-inr{background:url(../img/bg_body_story.jpg) no-repeat center 2px;}
body.cast #wrap-inr{background:url(../img/bg_body_duo.jpg) no-repeat center 2px;}

body.jeff #wrap-inr{background:url(../img/bg_body_jeff.jpg) no-repeat center 2px;}
body.beau #wrap-inr,
body.garret #wrap-inr{background:url(../img/bg_body_sam.jpg) no-repeat center 2px;}
body.bruce #wrap-inr{background:url(../img/bg_body_duo.jpg) no-repeat center 2px;}
body.michael #wrap-inr{background:url(../img/bg_body_villain.jpg) no-repeat center 2px;}
body.olivia #wrap-inr{background:url(../img/bg_body_quorra.jpg) no-repeat center 2px;}

body.staff #wrap-inr{background:url(../img/bg_body_staff.jpg) no-repeat center 2px;}
body.tronblue #wrap-inr{background:url(../img/bg_body_tronblue.jpg) no-repeat center 2px;}

body.bg-duo #wrap-inr{background:url(../img/bg_body_duo.jpg) no-repeat center 2px;}
body.bg-sam #wrap-inr{background:url(../img/bg_body_sam.jpg) no-repeat center 2px;}
body.bg-jeff #wrap-inr{background:url(../img/bg_body_jeff.jpg) no-repeat center 2px;}
body.bg-quorra #wrap-inr{background:url(../img/bg_body_quorra.jpg) no-repeat center 2px;}
body.bg-rinzler #wrap-inr{background:url(../img/bg_body_villain.jpg) no-repeat center 2px;}

body.index #flashcontents { width:100%; text-align:center; overflow:hidden;}
body.index #flashcontents img,
body.index #flashcontents a { border:none;}
body.index .bnr_camp {width: 625px; margin: 0 auto 30px; overflow: hidden; height: 100%; text-align: center;}
body.index .bnr_camp li {list-style: none;}
body.index .bnr_camp li.bnr-L {float: left;}
body.index .bnr_camp li.bnr-R {float: right;}
/* begin page structure */
#hd-bnr-col { width:740px; margin: 0 auto; padding:6px 0 4px;}
#hd-bnr-col span img {float:left;height:90px;width:12px; padding:0; margin:0; line-height:0; font-size:0;}
#hd-bnr-col a { display:block; height:90px; overflow:hidden;}
#hd-bnr-col object { float:left;}

#gNavi { width:994px; margin: 0 auto;}
.container{width:994px;margin:0 auto;position:relative;min-height:600px; background:url(../img/bg_body_btm.jpg) no-repeat center bottom; overflow: hidden; height: 100%;}

/*
.background_01{background:url(../img/back_villain.jpg) no-repeat right top;}
.background_02{background:url(../img/back_duo.jpg) no-repeat right top;}
.background_03{background:url(../img/back_sam.jpg) no-repeat right top;}
.background_04{background:url(../img/back_quorra.jpg) no-repeat right top;}*/
.row{overflow:hidden;}
.section,.lbox{clear:both;}
.half{width:600px;margin-left:90px;}
.third{float:left;width:196px;padding-right:22px;text-align:center;}
.games .third{padding-bottom:30px;}
.icon img{margin-right:22px;margin-left:8px;border:1px solid #0d96c2;}
.last{padding-right:0;}
/* disney chrome */
#gde_chromeContainer form{display:inline;}
#chrome form{width:1020px!important;}
#chrome table{margin-bottom:0;}

/* left sidebar area */
.sidebar1{float:left;width:228px;padding:10px 0;}
#logo{display:block;}
/* navigation styles */
.expandable{height:auto;overflow:hidden;}
#nav{margin:0;padding-left:15px;position:relative;color:#0d96c2;}
#nav_top{background:url(../img/nav_top.png) no-repeat;padding-top:34px; height:100%; margin-bottom: 15px;}
#nav_top ul{list-style:none;margin:0;}
#nav_top li{margin:0;padding:0;}
#nav_bg{background:url(../img/nav-bg.gif) 4px 0px repeat-y;}
#nav_bot{height:49px;}
#nav a{text-decoration:none;color:#0d96c2;display:block;height:1%;text-transform:uppercase;font-size:.75em;padding:.25em 0; outline:none; text-transform:none!important;}
/* This keeps the triggered LI white when it's in its open state */
#nav .selected a,#nav .selected .selected,#nav li:hover a,#nav ul li:hover a,#nav ul ul li:hover a,#nav ul ul ul li:hover a{color:#FFF;}
/* This keeps the submenus blue */
#nav .selected ul a,#nav li:hover ul a,#nav ul li:hover ul a,#nav ul ul li:hover ul a,#nav ul ul ul li:hover ul a{color:#0d96c2;}
#nav a:hover,#nav a:active,#nav a:focus,#nav .selected ul a:hover,#nav .selected ul a:active,#nav .selected ul a:focus,#nav li:hover ul a:hover,#nav li:hover ul a:active,#nav li:hover ul a:focus{color:#FFF;text-shadow:4px 4px 6px #11C3FC, -4px -4px 6px #11C3FC;-webkit-transition-property:text-shadow;-webkit-transition-duration:1s;-moz-transition-property:text-shadow;-moz-transition-duration:1s;-o-transition-property:text-shadow;-o-transition-duration:1s;}
/*added*/
.subnavtop{background:url(../img/nav_sub_top.jpg) no-repeat;height:14px;overflow:hidden;}
.subnavbot{background:url(../img/nav_sub_bott.jpg) no-repeat;height:14px;overflow:hidden;}
.innernav{display:none;}
#nav ul{background:url(../img/nav_sub_mid.jpg) repeat-y;}
#nav ul a{padding-left:15px;}
#nav ul ul a{padding-left:25px;}
#nav ul ul ul a{padding-left:35px;}
#nav .selected{display:block;}
/* #nav li:hover ul,#nav .selected ul,#nav li:hover ul ul,#nav li:hover ul ul ul{display:block;} */
#nav span{font-size:.7em;}

ul.side-btn:after { display: block; content: '';}

ul.side-btn {list-style:none;}
ul.side-btn li {margin-bottom: 8px;}
ul.side-btn li.side-btn {margin-bottom: 10px;}
.side-btn-ticket {padding-left: 2px;}
.side-nav-top p,
.side-nav-movie p {display:none; text-align:left; font-size:.63em; line-height:1.3; padding:0 17px 0 3px;}

#noflash-idx { width:100%; height:432px; background:url(../../img/idx_bg_noflash.jpg) no-repeat top center;}
#noflash-idx img{ padding-top:10px;}

#video_holder { height:380px;}

.news-col { width:627px;}
.news-col h3 { padding-bottom:5px;}
.news-col .news-col-top { font-size:0; line-height:0; margin:0; padding:0;}
.news-col .inr {background:url(../../img/idx_bg_news_rep.png) repeat-y;}
.news-col .inr div { font-size:76%; padding:0 30px; min-height:80px; height:auto !important; height:80px; background:url(../../img/idx_bg_news.png) no-repeat 0 0;}
.news-col .inr div ul { padding:0; margin:0;}
.news-col .inr div ul li { list-style:none; padding:3px 0 3px 0; margin:0;} 
.news-col .inr div ul li .date { display:block; float:left; width:80px;}
.news-col .inr div ul li .text { display:block; margin-left:6em;}
.news-col .inr div ul li a span { color:#fff;}
.news-col .inr div ul li a:hover span { text-decoration:underline;}

.news-col .inr div ul li a { text-decoration:none;}
.news-col .inr div ul li a:hover { text-decoration: underline;}
.news-col .news-col-btm { text-align:right; height:36px; background:url(../../img/idx_bg_news_btm.png) no-repeat;}
.news-col .news-col-btm p { padding-right:20px;}
.news-col .news-col-btm p a { text-decoration:none;}
.news-col .news-col-btm p a:hover { text-decoration: underline;}

/* main content area */
.content{padding:10px 0 ; width:650px;height:auto;overflow:hidden;}
/*.content .section {min-height:500px;}*/
.gallery .section {height:auto !important; min-height: 480px;}
/*.vehicle .section .figcaption{margin:0 0 1.4em}*/
.content ul,.content ol{padding:0 15px 15px 15px;}
.feature{clear:both;}
.feature a{text-decoration:none;text-align:center;font-size:.75em;}
/* Breadcrumb */
#breadcrumb{position:relative;color:#FFF;margin:0 0 8px 0;padding:20px 0 0 0;height:59px;overflow:hidden;}
#bc-left-arm{position:absolute;background:url(../img/bread_l.png) no-repeat;width:105px;height:59px;z-index:65;left:0px;}
#bc-right-arm{position:absolute;background:url(../img/bread_r.png) no-repeat top right;width:400px;height:59px;z-index:70;right:130px;overflow:hidden;}
#bc-case-bg{position:absolute;left:105px;z-index:60;background:url(../img/bread_back.png) 40px 0 repeat-x;width:350px;height:59px;}

#breadcrumb ul{
	position:absolute;
	z-index:75;
	list-style:none;
	padding:0;
/*	left:45px;*/
	left:15px;
	top: 21px;
}
#breadcrumb ul li{text-transform:uppercase;font-weight:400;text-transform:none;}
#breadcrumb ul li{float:left;padding-top:20px;padding-left:5px;font-size:.7em;}
#breadcrumb ul li h1 {font-size:1em; line-height:1.6; color:#fff; font-weight:normal;}
#breadcrumb li a{text-decoration:none;display:block;float:left;color:#fff;padding-right:5px;}
#breadcrumb li a:hover { text-decoration:underline;}
#breadcrumb li span {color: #0D96C2;}

/*#breadcrumb li a{text-decoration:none;display:block;float:left;color:#0d96c2;padding-right:5px;}*/
/* fpo for later use */
/* sidebar */
/*.sidebar2{float:left;width:120px;padding:135px 90px 10px 5px;} */
/* heading-specific styles */
.cast h2{font-size:.7em;margin-bottom:10px;}
.games h1{color:#0d96c2;}
.codex h1,.universe h1,.music h2{color:#0d96c2;margin-bottom:5px;}
.weapons h1{margin-bottom:15px;}

.figure h1,.downloads h1,.media h1,.gamedownloads h1{font-size:.8em;}
/*.music h1{padding-top:35px;font-size:1em;color:#0d96c2;}*/

.downloads h1,.media h1,.gamedownloads h1{margin:0;padding-top:15px;padding-bottom:10px;color:#0d96c2;}
.downloads .third p { line-height:1.2;}


.cast h1 { color:#0D96C2; font-weight:bold;}
.cast .section{clear:both;padding-top:0px;}
.character h1,
.vehicle h1,
.weapons h1,
.products h1 { color:#0D96C2; font-weight:bold; font-size:.9em; margin:0 0 1.4em; text-transform:none!important;}
.character .section{clear:both;padding-top:0px;}

.products .figure {height: 285px; margin-bottom: 15px;}
.products .pro-ttl {width: 220px; position: absolute; bottom: 0; right: 0;}
.products .pro-ttl h1 {margin-bottom:.5em;}
.products .pro-ttl p {color:#FFF; font-weight: normal; font-size:.9em;margin-bottom:.5em; display: block;}
.products .pro-ttl a {width: 188px; margin-bottom: 10px; display:block; height: 24px;}
.products .section { text-transform:none!important;}
.products div.rogo{ padding-left:50px;}
.products div.rogo02{ padding-left:20px;}
.products .feature a{text-decoration:none;text-align:center;font-size:.75em; text-transform:none!important;}
.products .buy {color:#0D96C2; font-size:.9em;}

.vehicle .section p,
.weapons .section p,
.products .section p,
.game .section p {font-size:.9em;}
.game .section p span {font-size: .8em;}
.game .section ul.link {width: 230px;margin: 0; padding: 0 0; line-height: 100%; height:auto; margin-left:370px;}
.game .section ul.link li {background: url(../../game/app/img/ic_link.png) no-repeat; padding-left: 20px; line-height: 20px; margin-bottom: .5em; float:none;font-size:.9em;}

.game .section ul.link02 {width: 100%;margin: 0; padding: 0 0; line-height: 100%; height:auto;}
.game .section ul.link02 li {background: url(../../game/app/img/ic_link.png) no-repeat; padding-left: 20px; line-height: 20px; margin:0;margin-bottom: .5em; float:none;font-size:.9em;margin-left: 460px;}


.game .section ul {width: 555px; height: 114px; margin: 0 auto; overflow:hidden; height: 100%;}
.game .section li {list-style: none; float: left; margin: 0 7px;}
.game .section ul.game {height: 150px;}
.game .section ul.game li {list-style: none; float: left; margin: 0 10px;}

.game .section ul.game02 {width: 558px;}
.game .section .col-wrap {width: 627px;background: url(../../game/app/img/bg_col_btm.png) no-repeat bottom left; padding-bottom: 20px; margin-bottom: 20px;}
.game .section .col-wrap02 {width: 627px;background: url(../../game/casual/img/bg_col_btm.png) no-repeat bottom left; padding-bottom: 20px; margin-bottom: 20px;}
.game .section .col {width: 627px;background: url(../../game/app/img/bg_col.png) no-repeat left top; position: relative;}
.game .section .col02 {width: 627px;background: url(../../game/casual/img/bg_col.png) no-repeat left top; position: relative;}
.game .section .inrcol {padding: 20px 20px 0; overflow:hidden; height: 100%;}

.codex .section p{margin-left:247px;}
.location .figure{text-align:center;}
/* download styles */
.downloads dl,.gamedownloads dl{margin-top:25px;}
.downloads dt,.gamedownloads dt{font-weight:700;color:#0d96c2;margin-top:10px;}
.downloads dd,.gamedownloads dd{font-size:.8em;}
.gamedownloads .feature p{line-height:0;}
.gamedownloads .downloadimages{width:180px;float:left;margin-top:20px;}
/* game styles */
.evolution{padding-top:190px;background:url(../img/back_game_evolution.jpg) no-repeat 0 23px;padding-bottom:10px;}
.families{
	padding-top:170px;
	padding-bottom:10px;
	background:url(../img/back_game_families.jpg) no-repeat 0 3px
;}
.callout{width:11em;float:right;font-size:.7em;}
.callout span{color:#0d96c2;display:block;}
.families .callout{width:5em;padding-right:7em;}
/* gallery pages */
.characters .figure{overflow:hidden;}

.figure{position:relative;}
.figure dl,.lexicon dl{color:#0d96c2;font-size:.75em;line-height:1.7;}
.section { font-size:85%; min-height:480px; height:auto !important; height:480px;}
.story .section .inr { padding-top:30px; padding-right:0px;}
.story .section .inr h1 { font-size:110%; font-weight:bold; margin-bottom:10px;}
.story .section .inr h2 { font-size:110%; font-weight:bold; color:#fff; margin:0 0 1.2em 0;}
.story .section .inr h3 {color:#0D96C2; font-size:110%; margin-bottom: .3em;}
.story .intro-col-top { padding:0; margin:0; font-size:0; line-height:0;}
.story .intro-col-btm { padding:0; margin:0; font-size:0; line-height:0;}
.story .txt-col { padding:0 22px 0 0; margin-right:2px;}
.story .txt-col p { font-size:.9em; margin-bottom:10px;}
.story .txt-col ul { font-size:.9em; margin:0; padding:0; list-style:none;}


.campaign #noflash img {background:none; border: none;}
.campaign .bg-col01 {width: 617px; padding-bottom: 10px; background: url(../../campaign/tower/img/idx_bg.png) no-repeat;}
.campaign .bg-col02 {width: 617px; padding-top: 5px; background: url(../../campaign/tower/img/idx_bg2.png) no-repeat;}

.campaign h1 {height: 77px; margin-bottom: 20px; position:relative;}
.campaign .veh-01 .txt-col {text-align: center; margin: 0 auto; min-height: 870px; position: relative;}
.campaign .veh-01 .txt-col img {display: block;}
.campaign .veh-01 .txt-col p {margin: 0;}
.campaign .veh-01 .btn {width: 276px; margin: 10px auto 0; text-align: center;}
.campaign .veh-01 .txt-col dl {width: 552px; margin: 15px auto 15px; text-align: left;}
.campaign .veh-01 .txt-col dl dt {height: 44px; margin: 0;}
.campaign .veh-01 .txt-col dl dd {margin: 0; padding: 0; font-size:0.75em;}
.campaign .veh-01 .txt-col dl dd ul {list-style: none; position: relative; height: 551px; margin: 0 0 5px; padding: 0;}
.campaign .veh-01 .txt-col dl dd ul li {position: absolute;}
.campaign .veh-01 .txt-col dl dd ul li.pre01 {top: 0; left: 0;}
.campaign .veh-01 .txt-col dl dd ul li.pre02 {top: 0; right: 0;}
.campaign .veh-01 .txt-col dl dd ul li.pre03 {top: 271px; left: 0;}
.campaign .veh-01 .txt-col dl dd ul li.pre04 {top: 271px; left: 184px;}
.campaign .veh-01 .txt-col dl dd ul li.pre05 {top: 271px; right: 0;}
.campaign .veh-01 .txt-col dl dd ul li.pre06 {top: 411px; left: 0;}
.campaign .veh-01 .txt-col dl dd ul li.pre07 {top: 411px; left: 184px;}
.campaign .veh-01 .txt-col dl dd ul li.pre08 {top: 411px; right: 0;}
.campaign .veh-01 .outline {width: 551px; margin: 0 auto 15px; padding: 10px 0 5px; background: url(../../campaign/tower/img/bg_outline.png) repeat-y;}
.campaign .veh-01 .outline a {color: #5ABDDE;}
.campaign .veh-01 .outline dl {margin: 0; padding: 5px 15px 10px; font-size:.9em;}
.campaign .veh-01 .outline dl dt,
.campaign .veh-01 .outline dl dd{margin: 0;}
.campaign .veh-01 .outline ul {margin: 0; padding-bottom: 0;}
.campaign .veh-01 .outline ul li {margin: 0 0 1em .5em;}
.campaign .veh-01 .end {margin-bottom:0;}
* html .campaign .veh-01 .outline {background: #011D26;}

.campaign .bg-col03 {width: 617px; background: url(../../campaign/3d-comments/img/idx_bg.png) no-repeat;}
.campaign .tl_comment h1 {height: 77px; margin-bottom: 10px; position:relative;}
.campaign .tl_comment h2 img {margin: 0 auto 15px; text-align: center;}
.campaign .veh-01 .bg-col03 .txt-col {text-align: center; margin: 0 auto; min-height: 0; position: relative;}

.campaign .veh-01 div.support-col {width: 548px; border: 1px solid #FFF; margin: 0 auto 15px;}
.campaign .veh-01 ul.supporter { padding: 0; margin: 10px 13px;}
.campaign .veh-01 ul.supporter li {margin: 0 auto 5px; padding: 5px 0;border-bottom: 1px dotted #FFF; list-style:none;}
.campaign .veh-01 ul.supporter li.end {border: none;}
.campaign .veh-01 ul.supporter dl {width:100%;padding-bottom: 5px; margin: 0; }
.campaign .veh-01 ul.supporter li.end dl {padding-bottom:0;}
.campaign .veh-01 ul.supporter dl dt {height: auto; margin-bottom: .3em; font-size: .9em; font-weight: bold;}
.campaign .veh-01 ul.supporter dl dd { font-size: .9em;}

.campaign .veh-01 ul.comment  {margin: 0; padding: 0;}
.campaign .veh-01 ul.comment li {width: 551px; margin: 0 auto 15px; background: url(../../campaign/tower/img/bg_outline.png) repeat-y; list-style:none;}
.campaign .veh-01 ul.comment li.end {margin-bottom: 5px;}
.campaign .veh-01 ul.comment dl {width: 520px; padding: 10px 15px; margin: 0; }
.campaign .veh-01 ul.comment dl dt {height: auto; margin-bottom: .3em; font-size: .9em; font-weight: bold;}
.campaign .veh-01 ul.comment dl dd { font-size: .9em;}
.campaign .bg-col03 .btmlink {width: 551px; margin:0 auto; padding: 0; list-style:none;}
.campaign .bg-col03 .btmlink li {text-align: right; height:15px; font-size:0;}
.campaign .bg-col03 p.note {width: 551px; margin: 0 auto 30px; text-align: right;}

.campaign .veh-02 {padding-top: 25px;}
.campaign .veh-02 ul {padding: 5px 0; text-align: right;}
.campaign .veh-02 ul li{list-style: none; display: inline; margin-left: 5px;}

.campaign .veh-03 {width: 617px; background: url(../../campaign/tower/img/thx_bg.png) no-repeat; height: 298px;}
.campaign .veh-03 h1 {margin-bottom: 40px;}
.campaign .veh-03 p {text-align: center; font-size:.9em;}
.campaign .veh-03 .btn {width: 349px; margin: 40px auto ; text-align: center;}

* html .campaign .bg-col01,
* html .campaign .bg-col02,
* html .campaign .veh-03,
* html .game .col {
behavior: expression(
this.style.behavior || (
this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=crop,src='"+this.currentStyle.getAttribute("backgroundImage").slice(5,-2)+"')",
this.style.backgroundImage = "none",
this.style.behavior = "none"
)
);
}

/*-- tronblue --*//*
body.tronblue .content{padding:0px 0 10px; width:100%; height:auto; overflow:hidden;}
body.tronblue .content h1 {height: 127px;}
body.tronblue .content #noflash img {background:none; border: none;}
body.tronblue .tl_present {margin-bottom: 25px;}
body.tronblue .top-col {height: 150px; position: relative;}
body.tronblue .top-col .twtr {position: absolute; top: 10px; left: 60px;}
body.tronblue .oubo {text-align: center;}
body.tronblue .top-col ul {margin-left: 270px;}
body.tronblue .top-col li {font-size:76%; text-align: left; list-style: none;}
body.tronblue .top-col .qr {position: absolute; right: 95px; top: 28px;}

body.tronblue .top-col02 {height: 77px; padding: 5px 0 0; position: relative;}
body.tronblue .top-col02 .oubo {position: absolute; left: 290px; top: 0;}
body.tronblue .top-col02 .qr {position: absolute; right: 305px; top: 10px;}

body.tronblue .ph-col {width: 100%; border:;background: url(../../campaign/tronblue/images/bg_ph.png) repeat-y; margin-bottom: 20px;}
body.tronblue .ph-inrcol {width: 100%; background: url(../../campaign/tronblue/images/bg_ph_btm.jpg) no-repeat bottom left;}
body.tronblue .ph-inrcol dl {background: url(../../campaign/tronblue/images/bg_ph_top.jpg) no-repeat top left; margin: 0;}
body.tronblue .ph-inrcol dl dt {padding: 15px 25px 0; position: relative;}
body.tronblue .ph-inrcol dl dt a.more {width: 80px; height: 12px; position:absolute; right: 20px; top: 20px;}
body.tronblue .ph-inrcol dl dd ul {overflow: hidden; height: 100%; margin: 0;}
body.tronblue .ph-inrcol dl dd ul li {float:left; text-align:center; width:160px; height: 120px; padding: 10px 0; list-style: none; vertical-align: middle;}
body.tronblue .ph-inrcol dl dd ul li img {vertical-align: middle; border: 2px solid #FFF;}
body.tronblue .ph-inrcol dl dd ul dl {background:none;}

body.tronblue .ph-inrcol dl.ph {background: url(../../campaign/tronblue/images/bg_ph_top02.jpg) no-repeat top left;}
body.tronblue .ph-inrcol dl dd ul.ph {overflow: hidden; height: 100%; padding: 0; margin: 0;}
body.tronblue .ph-inrcol dl dd ul.ph li {float:left; text-align:center; width:160px; height: 200px; padding: 10px 0 0; list-style: none; vertical-align: middle; font-size: .9em;}
body.tronblue .ph-inrcol dl dd ul.ph li dt {padding: 0; height: 120px;}
body.tronblue .ph-inrcol dl dd ul.ph li dd.title {font-weight: bold;}

body.tronblue #step {width: 100%; background: url(../../campaign/tronblue/images/bg_step.jpg) no-repeat 0 25px; overflow: hidden; }
body.tronblue #step dl dt {height: 28px;}
body.tronblue #step dl dd{width: 195px; float: left; text-align: center; position: relative; font-size:.9em; padding-top: 15px;}
body.tronblue #step dl dd p {padding: 23px 0 0;}
body.tronblue #step dl dd.first {width: 192px;}
body.tronblue #step dl dd img {display: block; margin: 0 auto;}
body.tronblue #step dl dd.first p {padding: 19px 0 0;}

body.tronblue .kiyaku a {color: #00BEFE;}
body.tronblue dl.kiyaku {border: 1px solid #00ADBB; padding: 1.5em 1em .5em; font-size:.9em;}
body.tronblue dl.kiyaku dt {width: 160px;float: left;}
body.tronblue dl.kiyaku dd {padding-left: 160px; padding-bottom: 1em; }
body.tronblue dl.kiyaku dd ul {margin: 0; padding: 0;}
body.tronblue dl.kiyaku dd li {list-style: none; margin: 0; padding-left: 1em; text-indent: -1em;}

body.tronblue ul.page-nav {margin: 0; padding: 15px 0; text-align: center;font-size:90%;}
body.tronblue ul.page-nav li {list-style: none; display: inline; margin: 0; padding: 0;}
body.tronblue ul.page-nav li strong {display: -moz-inline-box; /* firefox2 対応 */ 	display: inline-block; 	padding: 0.25em 0.4em; }
body.tronblue ul.page-nav li a {display: -moz-inline-box; /* firefox2 対応 */ display: inline-block; padding: 0.25em 0.4em;}
body.tronblue ul.page-nav li a:link,
body.tronblue ul.page-nav li a:visited {color: #00BEFE; }
body.tronblue ul.page-nav li a:hover,
body.tronblue ul.page-nav li a:active {color: #00BEFE;}

body#popup {width:654px!important; padding:10px 0 0; background:#000;min-width:654px!important;}
body#popup #wrap {font-size:.9em; width:654px; margin: 0 auto; background:none;}
body#popup #wrap .mainimage { position:relative; text-align:center; margin-bottom:10px;}
body#popup #wrap .mainimage .image-wrap { display:table-cell; text-align:center; width:654px; padding: 0 0 20px 0;}
body#popup #wrap .mainimage .image-wrap img {border:2px solid #ccc; padding:1px; vertical-align: middle;}

body#popup #wrap .mainimage ul.nav { zoom: 1;}
body#popup #wrap .mainimage li a { display:block; width: 325px; text-indent:-9999px; background: transparent; zoom:1;}
body#popup #wrap .mainimage li.prev { position:absolute; top: 0; left:0;}
body#popup #wrap .mainimage li.next { position:absolute; top: 0; right:0;}
body#popup #wrap .mainimage li.prev a:hover { background:url(../campaign/images/btn_prev.png) no-repeat 5% 50%;}
body#popup #wrap .mainimage li.next a:hover { background:url(../campaign/images/btn_next.png) no-repeat 95% 50%;}
body#popup #wrap dl { margin-bottom:8px;}
body#popup #wrap dl dt { float:left; width: 110px; color:#00BEFE; font-weight: bold;}
body#popup #wrap dl dd { float:right; width: 530px;}
body#popup #wrap .url { font-size:85%; text-align:center;  border:1px solid #00BEFE; padding:15px 0; color: #00BEFE;}
body#popup #wrap .btn-close {text-align: center; margin-bottom: 40px;}
body#popup #wrap .copy {color:#999; font-size:70%; padding:10px 0; text-align:left; width:100%; border-top: 1px solid #999;}
#hoverNav { padding:10px 0;}
#prevLink { text-align:right; float: left; width:45%;}
#nextLink { float: right; width:45%; text-align:left;}*/
/*-- tronblue --*/


.section .feature a { color:#fff;}
.pagenav { clear:both; padding:0; margin:30px 0 0 0;}
.pagenav li { list-style:none;}
.pagenav li.prev { float:left; text-align:left;}
.pagenav li.next { float:right; text-align:right;}
.pagenav li a { font-size:85%; text-decoration:none; color:#00A1AE; display: -moz-inline-box; /* firefox2 対応 */ display: inline-block;}
.pagenav li a:hover { text-decoration:underline;}

.staff .section h2 { font-size:110%; margin-bottom:5px;}
.soundtrack {width: 570px; border: 1px solid #00ADBB; padding: 0; overflow: hidden; height: 100%;}
.soundtrack dl {width: 320px; float: right; margin: 0; padding: 15px 15px 0 0;}
.soundtrack dl dt {margin-bottom: 1.4em;}
.soundtrack div {dloat: left;}
.soundtrack div ul {margin: 0 0 0 4px;}
.soundtrack div li {width: 188px; height: 24px; margin-bottom: 7px; font-size: 0; overflow: hidden; list-style: none; position: relative;}
.soundtrack div li a {display:block; position: relative; }
.soundtrack div li a:hover img {top: -24px; position:absolute;}

.lead-col { padding-right:120px;}
.lead-col p.act {color:#0D96C2; font-weight:bold; margin-right:-50px; padding-top:10px;}

.figcaption{position:absolute;bottom:0;left:450px;}
.figcaption p { color:#0d96c2;}
.characters .figcaption,.cast .figcaption{left:250px;}
.locations .figcaption{position:static;}
.characters dl{width:390px;}
.figure dt,.lexicon dt{float:left;}
.chron dt{color:#0d96c2;margin-top:15px;}
.chron dd{font-size:.7em;}
.chron dd{background:url('../img/disc-bullet.png') no-repeat 2px 5px;padding-left:12px;}
.figure dt:after,.lexicon dt:after{content:": ";padding:5px;}
.figure dt,.lexicon dt {after:": ";}/*for IE7*/
.lexicon dd{color:#FFF;margin-bottom:15px;}
.no-js .gallery .content .feature{display:none;}
/*.js .gallery .content .section{display:none;}*/

/* Footer */
#footer{color:#065260;font-family:"Lucida Sans Unicode","Lucida Grande",sans-serif;font-size:8px;padding:35px 0 12px 2px;width:680px;}
#footerPromos{width:610px;margin:10px 0 0 0;}
#footerPromos a{float:left;cursor:pointer;}
#footerPromo1{background:url(../img/html_promo1.jpg) no-repeat;width:300px;height:100px;display:block;}
#footerPromo2{background:url(../img/html_promo2.jpg) no-repeat;width:300px;height:100px;display:block;margin:0 0 0 10px;}
#footer3dImax{width:336px;height:43px;margin:10px 0 0 137px;background:url(../img/footer_3d.png);}
#footerButtons{width:400px;margin:10px 0 0 105px;}
#footerButtons .footerButton{padding:7px 15px;border:solid 1px #065260;float:left;width:160px;font-size:11px;text-align:center;}
#footer a{text-decoration:none;color:#065260;}
#footer a:hover{text-decoration:underline;}
#footerLinks{ color:#1b94ab; width:415px; margin:10px 0 0 98px; font-size: 10px; text-align: center; ;}
#footerLinks a{color:#1b94ab;}
#footerLinksLeft{float:left;text-align:right;width:100px;padding-right:5px;border-right:solid 1px #1b94ab;}
#footerLinksRight{width:300px;padding-left:5px;float:left;text-align:left;}
#footerBotom{margin-top:10px;font-size:9px;text-align:center;padding-right:70px;}
#footerBotom .micro{font-size:7px;}

.button{overflow:hidden;width:415px;margin:0 auto 10px;text-align:center;}
.button a{display:block;width:180px;float:right;margin-right:12px;padding:.75em 6px;text-decoration:none;color:#064459;border:1px solid #064459;font-size:.75em;}
/* miscellaneous classes */
.fltrt{float:right;margin-left:8px;}
.fltlft{float:left;margin-right:8px;}

/* added by Sebastian */

.roadshow { padding:15px 0; margin:0 0 0 50px;}
ul.menu-btn { margin: 0 0 0 90px;}
ul.menu-btn li { width:207px; float:left; text-align:center; list-style:none;}
.bnr_camp {margin: 0 auto; text-align: center; margin-bottom: 30px;}

/*--- FOOTER ---------------------------------------------*/
#footer-wrap { width:100%; padding:0;}
#global_footer{ width:994px; margin: 0 auto; font-size:10px;}
#global_footer a{ color:#fff;text-decoration:none;}
#global_footer a:hover{color:#fff;/*#0099cc;*/ text-decoration:underline;}
#global_footer ul{ display:block; float:left;}
#global_footer li{ display:inline; padding:0 2px 0 5px; background:url(../img/footer-separator.gif) no-repeat left;}
#global_footer li:first-child{ background-image:none;}
#footer_row1{ background:#000 url(../img/footer-border.gif) repeat-x left top; padding:8px 10px 3px 12px;}
#global_footer #footer_row1 ul{ padding:6px 7px 5px ; width:888px; margin:0;}
.footer_logo{ display:block; width:70px; height:24px; float:left; margin-bottom:1em;}
.footer_logo a{ background-image:url(../img/footer-logo.gif); width:70px; height:24px;}
#footer_row2 {clear:both; padding:8px 10px 8px 8px; position:relative; text-align:left; white-space:nowrap;}
.footer_row2 {background:url(../img/footer-bg.png) repeat 0 0 transparent;}
#global_footer #footer_row2 ul{ margin:2px 0; display:block; }
.copyright{ display:block; float:right; background-image:url(../img/footer-copyright.gif); width:41px; height:11px; /*margin:2px 0;*/ position:absolute; right:14px; bottom:10px;}
#footer_row3{ clear:both; text-align:right;padding:8px 10px;}
.copyright2 { font-size:10px; color:#fff; margin-bottom:0;}

/*css image*/
.footer_logo a,
.copyright{ display:block; text-indent:-9999px;/*\*/overflow: hidden;/**/ background-repeat:no-repeat;}

.br-clear { line-height:.5em;}

/* ::: clearfix ::: */
.clearfix{zoom: 100%;}
.clearfix:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}
.cfx{zoom: 100%;}
.cfx:after{content: ".";display: block;visibility: hidden;height: 0.1px;font-size: 0.1em;line-height: 0;clear: both;}

.clear{clear:both;}
.clearfloat{clear:both;display:block;}

.line { border-top:2px solid #fff; margin:15px 0;}
.line hr { display:none;}

.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}