@charset "Shift_JIS";
body{
	font: 13px/1.231 arial,helvetica,clean,sans-serif;
	color: #323232;
	text-align: center;
	margin: 0 0 20px 0;
	padding: 0;
	background: url(../img/bg.jpg) center top no-repeat #ffffff;
	font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-weight: 200; 
	font-stretch: normal;
}
a{
	font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-weight: 200; 
	font-stretch: normal;
}
h1,h2,h3,h4,h5,p,ul{
	margin: 0;
	padding: 0;
}
/*
h1,h2,h3,h4,h5{
	font-weight: 100 !important;
	font-style: italic;
	color: #262626;
}
h1{
	font-size: 46px;	
}
h2{
	font-size: 26px;
}
*/
ul{
	list-style-type: none;
}
img{
	border: 0;
}
.noOutline {
	outline: none;
}
.f_l{
	float: left;
}
.f_r{
	float: right;
}
.center{
	text-align: center !important;
}
.clearfix {
	*zoom:1;
}
.clearfix:before,.clearfix:after {
	display:table;
	content:"";
	line-height:0;
}
.clearfix:after {
	clear:both;
}
.clear {
	width: 0;
	height: 0;
	line-height: 0;
	font-size: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}
/*--------------------------------------------------*/
.cf:after {
   content: ".";
   display: block;
   clear: both;
   height: 0;
   visibility: hidden;
}
.cf {display: inline-block;}
/* exlude MacIE5 \*/
* html .cf { height: 1% }
.cf {display:block;}
/* end MacIE5 */
/*--------------------------------------------------*/
a:link,
a:visited{
	color: #333333;
	text-decoration: none;
}
a:hover{
	text-decoration: none;
}
.ta_c{
	text-align: center;
}
/* ------------------------
TOP
------------------------ */
#wrapper{
	width: 984px;
	margin: 0 auto;
	padding: 0;
}
.logo_ntd{
	float: left;
	padding: 16px 0 0 2px;
}
.logo_3ds{
	z-index: 400;
	text-align: right;
	padding-top: 17px;
}
.home_logo_3ds{
	z-index: 400;
	text-align: left;
	padding-top: 17px;
}
.top_logo{
	padding: 15px 0 0 0;
	margin-left: -19px;
}
#top_flash{
	position: absolute;
	width: 46px;
	height: 40px;
	overflow: hidden;
	min-width: 46px;
	right: 0;
	bottom: 12px;
}
#flashcontent{
	position: absolute;
	bottom: 0;
	right: -12px;
	min-width: 960px;
	width: 100%;
	height: 690px;
}
#no_flash{
	height: 690px;
	width: 954px;
	margin: 0 15px;
	text-align: left;
	position: relative;
	overflow-x: visible;
	border-bottom: solid 1px #4B4948;	
}
.over{
  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -ms-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;
}

.over:hover {
  zoom: 1;
  filter: alpha(opacity=50);
  opacity: 0.5;
}
#quotes{
	width: 400px;
	height: 58px;
	position: absolute;
	right: 117px;
	top: 35px;
	text-align: center;
	overflow: hidden;
}
.slideshow div{ 
	width: 400px; 
	height: 58px;
}
.slideshow div img{
	margin: auto;
	display: block;
}
#characters_splash{
	position: absolute;
	top:0;
	right:0;
	z-index: 0;
}
#available_eshop{
	position: absolute;
	left: 0;
	bottom: 146px;	
}
#top_menu {
    padding: 47px 0 0 0;
    font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-weight: 100; 
	font-stretch: normal;
	color: #262626;
	font-size: 24px;
	font-style: italic;
	letter-spacing: 1px;
}
#top_menu li{
    padding: 0 0 7px 0;
}
#top_menu li.nav_active{
	list-style: url('../img/active_arrow.gif');
}
#top_menu li.no_arrow{
    list-style: none !important;
}
#top_menu li a{
	font-weight: 100;
}
#top_menu li.nav_active a{
	border-bottom: 1px solid #262626;
}
#top_menu li img{
    vertical-align: bottom;
}
#top_menu li.pdl{
    margin-left:35px;
    font-size: 18px;
    padding-bottom: 8px;
}
#top_menu li.pdb{
    padding-bottom: 6px;
}
#home_buy_now{
	position: absolute;
	left: 0;
	bottom: 195px;
}
#movie_thumb_link_thumb{
	position: absolute;
	left: 0;
	bottom: 39px;
}
#movie_thumb_link_text{
	position: absolute;
	left: 0;
	bottom: 18px;
	font-size: 14px;
	font-style: normal;
	letter-spacing: 0;
}
#pi_left_box{
	float: left;
	width: 760px;
}
.pi_left{
	float: left;
	padding: 0 20px 0 2px;
	text-align: left;
}
.pi_left p.spec{
	padding: 0 0 15px 0;
}
.pi_left li{
	float: left;
	padding: 0 5px 0 0;
}
.pi_left li.manual{
	float: left;
	padding: 10px 0 0 0;
}
.pi_left2{
	float: left;
	padding: 13px 0 0 0;
}
.ct{
	text-align: left;
	padding: 13px 0 0 4px;
}
.information{
	float: left;
	width: 242px;
	height: 80px;
	text-align: left;
}
.bnr_dlc{
	float: left;
	width: 145px;
	height: 80px;
}
.top_btns{
	float: right;
	width: 184px;
	margin-bottom:10px;
}
.top_btns div.bnr{
	position: relative;
	padding: 0 0 12px 0;
}
.top_btns p.new_1{
	position: absolute;
	top: 17px;
	left: 148px;
}
.top_btns p.update{
	position: absolute;
	top: 17px;
	left: 130px;
}
#about_3ds{
	width: 954px;
	height: 43px;
	margin: 0 auto;
	background:url(../img/about_3ds_bg.png) left top no-repeat;
	text-align: left;
}
#about_3ds a{
	font-size: 10px;
	font-weight: 100;
	color: #ffffff;
}
#about_3ds p:first-child{
	padding-top: 7px;
}
#about_3ds p{
	float: left;
	padding: 3px 0 0 15px;
}
#bnr_set li.off{
	display: none;
}
#legal{
	color: #4c4948;
	text-align: center;
	font-size: 11px;
	margin: 25px 0;
	font-weight: normal;
}
#noa_footer{
	margin: 20px auto;
	width: 700px;
	height: 90px;
}

/* ------------------------
’†–Ê HEADER / FOOTER
------------------------ */
#container{
	margin: 0 auto;
	width: 960px;
	text-align: left;
}
.main_logo{
	float: left;
	padding: 20px 33px 0 0;
	margin-left: -14px;
}
.main_menu{
	float: right;
	padding: 0;
	height: 59px;
	margin: 39px 0 0 0;	
}
.main_menu ul{
	padding: 0 0 6px 0;
	height: 28px;
}
.main_menu li{
	margin-left: 32px;
	float: right;
	height: 20px;
}
.main_menu li a img{
	display: none;
}
.main_menu li a{
	display: block;
	overflow: hidden;
	height: 21px;
	font-weight: 100;
}
.main_menu li.btn2 a{
	width: 138px;
	background:url(../img/btn2_off.png) left top no-repeat;
}
.main_menu li.btn3 a{
	width: 60px;
	background:url(../img/btn3_off.png) left top no-repeat;
}
.main_menu li.btn4 a{
	width: 98px;
	background:url(../img/btn4_off.png) left top no-repeat;
}
.main_menu li.btn5 a{
	width: 90px;
	background:url(../img/btn5_off.png) left top no-repeat;
}
.main_menu li.btn6 a{
	width: 171px;
	background:url(../img/btn6_off.png) left top no-repeat;
}
.main_menu li.btn7 a{
	width: 64px;
	background:url(../img/btn7_off.png) left top no-repeat;
}

.main_menu li.btn2 a:hover{
	width: 138px;
	background:url(../img/btn2_on.png) left top no-repeat;
}
.main_menu li.btn3 a:hover{
	width: 60px;
	background:url(../img/btn3_on.png) left top no-repeat;
}
.main_menu li.btn4 a:hover{
	width: 98px;
	background:url(../img/btn4_on.png) left top no-repeat;
}
.main_menu li.btn5 a:hover{
	width: 90px;
	background:url(../img/btn5_on.png) left top no-repeat;
}
.main_menu li.btn6 a:hover{
	width: 171px;
	background:url(../img/btn6_on.png) left top no-repeat;
}
.main_menu li.btn7 a:hover{
	width: 64px;
	background:url(../img/btn7_on.png) left top no-repeat;
}
#content_frame{
	text-align: left;
	margin: 21px 0 15px 0;
	border: solid 1px #545151;
	background:url(../img/frame_bg.jpg) left top no-repeat;
	position: relative;
}
#buy_now{
	position: absolute;
	right: 20px;
	top: 20px;
}
#foot_left{
	margin: 10px 0 10px 100px;
}
#foot_left li{
	float: left;
	padding: 0 12px;
}
#foot_right{
	margin: 0 0 0 320px;
}
#foot_right li{
	float: left;
	padding: 0 0 0 12px;
}
.bar1{
	background:url(../img/linkbar.png) right top no-repeat;
}
.bar2{
	background:url(../img/linkbar.png) 4px top no-repeat;
}
/* ------------------------
gameplay
------------------------ */
#gameplay{
	padding: 45px 0 0 0;
}
#gameplay .title {
	float: left;
	width: 188px;
	height: 41px;
	padding: 0 0px 50px 64px;
}
#gameplay .mt1{
	padding: 0 0 30px 64px;
}
#gameplay .mt2{
	padding: 60px 0 20px 64px;
}
#gameplay .mt2_1{
	padding: 0 20px 18px 64px;
}
#gameplay .mt3{
	padding: 0 0 30px 36px;
}
#gameplay .mt4{
	padding: 0 0 0 64px;
}
#gameplay .mt5{
	padding: 40px 0 20px 64px;
}
#gameplay .txt1{
	padding: 0 36px 0 64px;
}
#gameplay .txt2{
	padding: 0 0 30px 64px;
}
#gameplay .txt3{
	padding: 0 0 13px 36px;
}
#gameplay .txt4{
	padding: 0 0 8px 36px;
}
#gameplay .txt5{
	padding: 0 0 8px 12px;
}
#gameplay .txt6{
	padding: 0 63px 0 64px;
}
#gameplay .txt7{
	padding: 0 0 15px 64px;
}
#gameplay .sc1{
	text-align: right;
	padding: 15px 26px 60px 0;
}
#gameplay .cap1{
	padding: 10px 0 20px 0;
}
#gameplay .pdl30{
	padding-left:30px;
}
#gameplay ul#sysmenu li{
	float: left;
	padding: 14px 0 0 40px;
}
#gameplay ul#sysmenu li a img{
	display: none;
}
#gameplay ul#sysmenu li a{
	display: block;
	overflow: hidden;
	height: 27px;
}
#gameplay ul#sysmenu li.btn_sys1 a{
	width: 72px;
	background:url(../gameplay/img/btn_sys1_off.png) left top no-repeat;
}
#gameplay ul#sysmenu li.btn_sys2 a{
	width: 69px;
	background:url(../gameplay/img/btn_sys2_off.png) left top no-repeat;
}
#gameplay ul#sysmenu li.btn_sys3 a{
	width: 76px;
	background:url(../gameplay/img/btn_sys3_off.png) left top no-repeat;
}
#gameplay ul#sysmenu li.btn_sys1 a:hover{
	width: 72px;
	background:url(../gameplay/img/btn_sys1_on.png) left top no-repeat;
}
#gameplay ul#sysmenu li.btn_sys2 a:hover{
	width: 69px;
	background:url(../gameplay/img/btn_sys2_on.png) left top no-repeat;
}
#gameplay ul#sysmenu li.btn_sys3 a:hover{
	width: 76px;
	background:url(../gameplay/img/btn_sys3_on.png) left top no-repeat;
}
#gameplay ul.battle_menu{
	padding: 50px 0 0 37px;
}
#gameplay ul.battle_menu2{
	padding: 13px 0 0 37px;
}
#gameplay ul.battle_menu li,
#gameplay ul.battle_menu2 li{
	float: left;
	padding: 0 0 0 27px;
}
.bonds_new{
	position: relative;
}
.bonds_new .new{
	position: absolute;
	top: 25px;
	left: 425px;
}
.gameplay_battle_mov{
	height:307px;
	float: left;
}
.battle1_box{
	width: 830px;
	margin: 0 auto;
	padding: 35px 0 30px 0;
	border: solid 1px #787878;
	text-align: left;
}
.battle_point{
	width:720px;
	margin: 0 auto;
	padding: 15px 0 30px 0;
	text-align: left;
}
.battle_point p{
	padding: 0 0 8px 0;
}
.battle_point .bp_left{
	float: left;
}
.battle_point .bp_right{
	float: right;
}
#kizuna_sc{
	position: relative;
	width: 335px;
	height: 201px;
}
#kizuna_sc li{
	position: absolute;
	top: 0px;
	left: 0px;
}
#gameplay #battle_cnt{
	height: 1380px;
}
#gameplay #battle_cnt2{
	height:1000px;
}
#gameplay #bonds_cnt{
	height:650px;
}
#gameplay .d_box{
	display:none;
}
/* ------------------------
gameplay Training
------------------------ */
.training_menu{
	position: relative;
}
.training1_sc{
	padding: 0 65px 90px 0;
}
.training2_sc{
	padding: 0 65px 0 0;
	height: 240px;
}
.training3_sc{
	padding: 0 65px 0 0;
	height: 218px;
}
.training4_sc1{
	padding: 0 64px 30px 0;
}
.training4_sc2{
	padding: 0 64px 60px 0;
}
#gameplay #training_cnt .div0 {
	padding: 0 0 0 88px;
}
#gameplay #training_cnt .div0 .p0 {
	padding: 27px 40px 41px 40px;
}
#gameplay #training_cnt .div0 .p1 {
	padding: 60px 30px 0 0;
}
#gameplay #training_cnt .div0 .p2 {
	padding: 31px 0 0 0;
}
#gameplay #training_cnt .div0 .p3 {
	padding: 10px 0 0 0;
}
#gameplay #training_cnt .div0 .p4 {
	padding: 60px 30px 0 30px;
}
#gameplay #training_cnt .div0 .p5 {
	padding: 0 0 15px 0;
}
#gameplay #training_cnt .div0 .p6 {
	padding: 25px 0 0 44px;
}
.training3_box{
	border: solid 1px #4b4948;
	padding: 30px 0 30px 68px;
	margin: 23px 63px 50px 63px;
}
#gameplay #training_cnt .div1 .p0 {
	padding: 68px 36px 16px 0;
}
#gameplay #training_cnt .div1 .p1 {
	padding: 0 0 0 48px;
}
#gameplay #training_cnt .div1 .p2 {
	padding: 106px 23px 0 0;
}
#gameplay #training_cnt .div1 .p3 {
	padding: 75px 38px 16px 0;
}
#gameplay #training_cnt .div1 .p4 {
	padding: 0 0 0 25px;
}
#gameplay #training_cnt .div1 .p5 {
	padding: 50px 23px 87px 0;
}
#gameplay #training_cnt .div1 .p6 {
	padding: 55px 23px 95px 0;
}
#gameplay #training_cnt .div1 .p7 {
	padding: 17px 0 25px 0;
}
#gameplay #training_cnt .div2 {
  margin: 0 0 25px 60px;
  padding: 35px 0 25px;
}
#gameplay #training_cnt .p8 {
  padding: 0 0 10px 0;
}
#gameplay #training_cnt .div3 {
  width: 406px;
  margin-right: 21px;
}
#gameplay #training_cnt .p9 {
  padding: 30px 0 10px 0;
}
.btn_heishu{
	float: right;
	padding-right: 64px;
}
/* ------------------------
PRODUCT
------------------------ */
#product{
	padding: 45px 0 0 0;
}
#product .title{
	padding: 0 0 40px 64px;
}
#product .pr{
	padding: 30px 0 40px 0;
}
#product .pr .mt1{
	padding: 0 0 20px 64px;
}
#product .pr .pd1{
	float: left;
	padding: 15px 0 0 104px;
}
#product .pr .pi1{
	float: left;
	padding: 30px 0px 0px 50px;
}
#product .pr .cero{
	float: left;
	padding: 145px 0 0 10px;
}
#product .pr .nn{
	float: left;
	padding: 142px 0 0 12px;
}
#product .pr .tt{
	padding: 34px 0 80px 64px;
}
#product .pr .mt2{
	padding: 0 0 20px 64px;
}
#product .pr .pd2{
	float: left;
	padding: 30px 20px 0px 43px;
}
#product .pr .pi2{
	float: left;
	position: relative;
	padding: 10px 0 10px 8px;
}
#product .pr .pi2 p{
	position: absolute;
	top: 67px;
	left: 166px;
}
#product .pr .pi3{
	float: left;
	padding: 0 0 0 5px;
}
#set{
	margin: 20px 0 15px 64px;
	width: 830px;
	height: 213px;
	overflow: hidden;
	background:url(../product/img/set_bg.png) left top no-repeat;
}
#set p{
	padding: 0 0 10px 0;
}
.set1{
	float: left;
	text-align: center;
	padding: 60px 0 0 70px;
}
.set2{
	float: left;
	text-align: center;
	padding: 60px 0 0 80px;
}
.set3{
	float: left;
	text-align: center;
	padding: 20px 0 0 80px;
}
/* ------------------------
ABOUT
------------------------ */
#about{
	padding: 45px 0 0 0;
}
#about .title{
	padding: 40px 0 20px 64px;
}
#about .txt1{
	padding: 0 0 40px 64px;
	margin: 0;
}
#about .mt{
	padding: 0 0 12px 64px;
	background:url(../about/img/line.png) center bottom no-repeat;
}
.about_set{
	padding: 17px 0 0 64px;
	margin: 0 0 73px 0;
}
.about_sc{
	float: left;
	width: 407px;
	position: relative;
}
.about_sc .on{
	z-index:10;
}
#about_sc1,
#about_sc2,
#about_sc3{
	width: 388px;
	height: 233px;
}
#about_sc1 li,
#about_sc2 li,
#about_sc3 li{
	position: absolute;
	top: 0px;
	left: 0px;
}
.about_thum{
	width: 425px;
	float: left;
}
.about_thum p{
	float: left;
	padding: 0 0 0 3px;
}
.about_txt{
	float: left;
	padding: 18px 0 0 3px;
}
#sc1_1,#sc1_2,#sc1_3,
#sc2_1,#sc2_2,#sc2_3,
#sc3_1,#sc3_2,#sc3_3{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
/* ------------------------
CHARACTERS
------------------------ */
#characters{
	padding: 45px 0 0 0;
}
#characters .title{
	padding: 0 0 20px 64px;
}
#chara_navi{
	width: 660px;
	margin: 20px 0 0 150px;
}
.voice_button{
	display: inline-block;
	text-indent: -9999px;
	width: 86px;
	height: 28px;
}
.voice_button_1{
	background: url('../img/voice_button_1.png');
}
.voice_button_2{
	background: url('../img/voice_button_2.png');
}
#chara_navi p.chara_new{
	top: 71px;
	right: 5px;
	position: absolute;
	z-index: 999;
}
#characters #thum1,
#characters #thum2,
#characters #thum3,
#characters #thum4,
#characters #thum5,
#characters #thum6,
#characters #thum7,
#characters #thum8,
#characters #thum9,
#characters #thum10,
#characters #thum11,
#characters #thum12,
#characters #thum13,
#characters #thum14,
#characters #thum15,
#characters #thum16,
#characters #thum17,
#characters #thum18,
#characters #thum19,
#characters #thum20,
#characters #thum21,
#characters #thum22,
#characters #thum23,
#characters #thum24,
#characters #thum25,
#characters #thum26,
#characters #thum27,
#characters #thum28,
#characters #thum29,
#characters #thum30,
#characters #thum31,
#characters #thum32,
#characters #thum33,
#characters #thum34,
#characters #thum35,
#characters #thum36,
#characters #thum37{
	position: relative;
	float: left;
	width: 66px;
	height: 74px;
	overflow: visible;
	z-index: 100;
}
#chara_navi p.chara_on {
	position: absolute;
	width: 70px;
	height: 82px;
	top: -4px;
	left: -2px;
	z-index: 200;
}
#chara_body{
	width:958px;
	min-height: 680px;
	overflow: hidden;
	padding-top: 20px;
}
#chara01,
#chara02{
	position: relative;
	width: 958px;
	height: 680px;
}
.navi_back{
	position: absolute;
	top: 225px;
	left: 29px;
}
.navi_next{
	position: absolute;
	top: 225px;
	left: 888px;
}
/* chara1 */
#chara01 .illust{
	position: absolute;
	top: 58px;
	left: 530px;
}
#chara01 .illust3{
	position: absolute;
	top: 69px;
	left: 545px;
}
#chara01 .illust4{
	position: absolute;
	top: 30px;
	left: 546px;
}
#chara01 .illust5{
	position: absolute;
	top: 41px;
	left: 603px;
}
#chara01 .illust6{
	position: absolute;
	top: 0;
	left: 600px;
}
#chara01 .illust7{
	position: absolute;
	top: 0;
	left: 547px;
}
#chara01 .illust8{
	position: absolute;
	top: 100px;
	left: 541px;
}
#chara01 .illust9{
	position: absolute;
	top: 18px;
	left: 512px;
}
#chara01 .illust10{
	position: absolute;
	top: 118px;
	left: 554px;
}
#chara01 .illust11{
	position: absolute;
	top: 0;
	left: 624px;
}
#chara01 .illust12{
	position: absolute;
	top: 0;
	left: 602px;
}
#chara01 .illust13{
	position: absolute;
	top: 29px;
	left: 553px;
}
#chara01 .illust14{
	position: absolute;
	top: 0;
	left: 631px;
}
#chara01 .illust15{
	position: absolute;
	top: 0;
	left: 620px;
}
#chara01 .illust16{
	position: absolute;
	top: 236px;
	left: 432px;
}
#chara01 .illust17{
	position: absolute;
	top: 07px;
	left: 594px;
}
#chara01 .illust18{
	position: absolute;
	top: 145px;
	left: 631px;
}
#chara01 .illust19{
	position: absolute;
	top: 212px;
	left: 448px;
}
#chara01 .illust20{
	position: absolute;
	top: 174px;
	left: 500px;
}
#chara01 .illust21{
	position: absolute;
	top: 69px;
	left: 558px;
}
#chara01 .illust22{
	position: absolute;
	top: 36px;
	left: 487px;
}
#chara01 .illust23{
	position: absolute;
	top: 0;
	left: 630px;
}
#chara01 .illust24{
	position: absolute;
	top: 165px;
	left: 502px;
}
#chara01 .illust25{
	position: absolute;
	top: 16px;
	left: 549px;
}
#chara01 .illust26{
	position: absolute;
	top: 46px;
	left: 546px;
}
#chara01 .illust27{
	position: absolute;
	top: 44px;
	left: 537px;
}
#chara01 .illust28{
	position: absolute;
	top: 179px;
	left: 547px;
}
#chara01 .illust29{
	position: absolute;
	top: 36px;
	left: 619px;
}
#chara01 .illust30{
	position: absolute;
	top: 13px;
	left: 540px;
}
#chara01 .illust31{
	position: absolute;
	top: 13px;
	left: 540px;
}
#chara01 .illust32{
	position: absolute;
	top: 13px;
	left: 550px;
}
#chara01 .illust33{
	position: absolute;
	top: 0;
	left: 500px;
}
#chara01 .illust34{
	position: absolute;
	top: 13px;
	left: 610px;
}
#chara01 .illust35{
	position: absolute;
	top: 123px;
	left: 500px;
}
#chara01 .illust36{
	position: absolute;
	top: 13px;
	left: 550px;
}
#chara01 .illust37{
	position: absolute;
	top: 33px;
	left: 580px;
}
#chara01 .c1_1{
	position: absolute;
	top: 129px;
	left: 157px;
}
#chara01 .c1_2{
	position: absolute;
	top: 190px;
	left: 157px;
}
#chara01 .c1_3{
	position: absolute;
	top: 354px;
	left: 157px;
}
#chara01 .c1_4{
	position: absolute;
	top: 354px;
	left: 350px;
}
#chara01 .c3_1{
	position: absolute;
	top: 130px;
	left: 157px;
}
#chara01 .c3_2{
	position: absolute;
	top: 190px;
	left: 157px;
}
#chara01 .c3_3{
	position: absolute;
	top: 372px;
	left: 157px;
}
#chara01 .c3_4{
	position: absolute;
	top: 372px;
	left: 350px;
}
#chara01 .c4_1{
	position: absolute;
	top: 129px;
	left: 157px;
}
#chara01 .c4_2{
	position: absolute;
	top: 190px;
	left: 157px;
}
#chara01 .c4_3{
	position: absolute;
	top: 311px;
	left: 157px;
}
#chara01 .c4_4{
	position: absolute;
	top: 311px;
	left: 350px;
}
#chara01 .c7_3{
	position: absolute;
	top: 354px;
	left: 157px;
}
#chara01 .c7_4{
	position: absolute;
	top: 473px;
	left: 157px;
}
#chara01 .c8_3{
	position: absolute;
	top: 334px;
	left: 157px;
}
#chara01 .c8_4{
	position: absolute;
	top: 334px;
	left: 350px;
}
#chara01 .c20_3{
	position: absolute;
	top: 302px;
	left: 157px;
}
#chara01 .c20_4{
	position: absolute;
	top: 302px;
	left: 350px;
}
#chara01 .c25_3{
	position: absolute;
	top: 377px;
	left: 157px;
}
#chara01 .c25_4{
	position: absolute;
	top: 495px;
	left: 157px;
}
#chara01 .c30_3{
	position: absolute;
	top: 334px;
	left: 157px;
}
#chara01 .c30_4{
	position: absolute;
	top: 453px;
	left: 157px;
}
#chara01 .voice1{
	position: absolute;
	top: 311px;
	left: 158px;
}
#chara01 .voice2{
	position: absolute;
	top: 330px;
	left: 158px;
}
#chara01 .voice3{
	position: absolute;
	top: 269px;
	left: 157px;
}
#chara01 .voice4{
	position: absolute;
	top: 291px;
	left: 157px;
}
/* myunit */
#chara02 .c2_1{
	position: absolute;
	top: 122px;
	left: 157px;
}
#chara02 .c2_2{
	position: absolute;
	top: 183px;
	left: 157px;
}
#chara02 .c2_3{
	position: absolute;
	top: 285px;
	left: 157px;
}
#chara02 .c2_4{
	position: absolute;
	top: 285px;
	left: 350px;
}
#chara02 .c2_5{
	position: absolute;
	top: 416px;
	left: 157px;
}
#chara02 .c2_6{
	position: absolute;
	top: 0px;
	left: 573px;
}
#chara_myunit li{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}
#chara_myunit li.on{
	display: block;
}
/* ------------------------
MOVIE
------------------------ */
#movie{
	padding: 45px 0 0 0;
}
#movie .title{
	padding: 0 0 50px 64px;
}
#movie #movie_1{background: url('../movie/img/video_thumb_01.jpg') no-repeat;}
#movie #movie_2{background: url('../movie/img/video_thumb_02.jpg') no-repeat;}
#movie #movie_3{background: url('../movie/img/video_thumb_03.jpg') no-repeat;}
#movie #movie_4{background: url('../movie/img/video_thumb_04.jpg') no-repeat;}
#movie #movie_5{background: url('../movie/img/video_thumb_05.jpg') no-repeat;}
#movie #movie_6{background: url('../movie/img/video_thumb_06.jpg') no-repeat;}
#movie #movie_7{background: url('../movie/img/video_thumb_07.jpg') no-repeat;}
#movie #movie_8{background: url('../movie/img/video_thumb_08.jpg') no-repeat;}

#movie .movie_thumb{
	height: 0px;
	width: 234px;
	margin: 0 25px 50px 51px;
	display: inline-block;
	padding: 145px 0 0 0;
	text-align: center;
	font-size: 18px;
}
#movie_flash{
	margin: 0 50px;
}
#movie .msg{
	text-align: center;
	padding: 30px 0 0 0;
}
#movie_body{
	height: 520px;
}
#movie_sp{
	padding: 40px 0 0 0;
}
#movie_sp p{
	font-size: 11px;
	padding: 0 0 20px 50px;
	text-align: center;
}
.movie_sp1{
	margin: 0;
	padding: 20px 0 10px 0;
	border-top: solid 1px #afafaf;
}
/* ------------------------
STORY 3/22
------------------------ */
#story{
	padding: 45px 0 30px 0;
}
#story .title{
	padding: 0 0 30px 64px;
}
.story_text{
	margin: 0 0 0 64px;
	background: url('../story/img/story-bg.png') no-repeat;
	background-position: center;
}
.story_text p{
	font-size: 18px;
	font-family: "HelveticaNeueUltraLight", "HelveticaNeue-Ultra-Light", "Helvetica Neue Ultra Light", "HelveticaNeue", "Helvetica Neue", 'TeXGyreHerosRegular', "Arial", sans-serif; 
	font-weight: 100; 
	font-stretch: normal;
	line-height: 40px;
	margin-bottom: 30px;
	width: 720px;
}
.story_text a{
	font-weight: bold;
	text-decoration: underline;
}
/* ------------------------
connect
------------------------ */
#connect{
	padding: 45px 0 0px 0;
}
#connect .title{
	float: left;
	width: 328px;
	height: 41px;
	padding: 0 30px 50px 64px;
}
.com_menu{
	position: relative;
}
.com_menu .update{
	position: absolute;
	top: 8px;
	left: 400px;
	z-index:999;
}
.com_menu .update2{
	position: absolute;
	top: 8px;
	left: 826px;
	z-index:999;
}
#connect .mt1{
	padding: 50px 0 30px 64px;
}
#connect .mt2{
	padding: 30px 0 30px 64px;
}
#connect .com4_txt1{
	padding: 0 0 30px 64px;
}
#connect .com_txt{
	padding: 0 0 60px 64px;
}
#connect .txt1{
	padding: 0 0 50px 64px;
}
#connect ul.com_menu1{
	padding: 0 0 0 36px;
}
#connect ul.com_menu2{
	padding: 13px 0 0 36px;
}
#connect ul.com_menu1 li,
#connect ul.com_menu2 li{
	float: left;
	padding: 0 0 0 27px;
}
#connect .d_box{
	display: none;
}
#connect #com_cnt{
	min-height: 930px;
}
#connect .sc{
	padding: 0 0 15px 0;
}
#connect .cap{
	padding: 0 0 31px 0;
}
#connect .com1_set{
	width: 650px;
	margin: 0 0 0 152px;
}
#connect .localplay{
	float: right;
	padding: 0 67px 0 0;
}
#connect .com2_set{
	width: 696px;
	margin: 0 0 10px 130px;
}
#connect #com2_ss{
	width: 317px;
}
#connect .com3_btn{
	padding-top:30px;
	text-align: center;
}

#connect .com4_btn{
	text-align: center;
}
table.comm4_table{
	margin: 0 0 25px 64px;
	width: 691px;
	font-size: 14px;
	color: #262626;
}
table.comm4_table td{
	position: relative;
} 
table.comm4_table td h1{
	font-size: 18px;
	font-weight: normal;
	color: #4b4948;
	max-width: 250px;
}
table.comm4_table td.t0{
	background: #898989;
	color: #fff;
	text-align: center;
	font-size: 14px;
}
table.comm4_table td.t1{
	text-align: left;
	background-color: #eeefef;
	vertical-align: middle;
}
table.comm4_table td.t2{
	text-align: left;
	background-color: #f8f8f8;
}
table.comm4_table td.t_sp{
	width: 8px;
}
table.comm4_table td.smallfont{
	font-size: 14px;
}
table.comm4_table td a{
	font-size: 14px;
	color: #4b4948;
	display: block;
	width: 457px;
	height: 100%;
	padding: 20px 30px;
	-webkit-transition: opacity 0.3s;
	-moz-transition: opacity 0.3s;
	-ms-transition: opacity 0.3s;
	-o-transition: opacity 0.3s;
	transition: opacity 0.3s;
}
table.comm4_table td a:hover {
	opacity: 0.5;
	alpha(opacity=50);
}
table.comm4_table td a strong{
	display: block;
	font-size: 18px;
	margin-bottom: 4px;
}
table.comm4_table td a strong.alignmid {
	padding-top: 24px;
}
table.comm4_table td a img{
	float: right;
	margin-left: 15px;
}

#infoText a {
	text-decoration: none;
}

#infoText a:hover {
	text-decoration: underline;
}

#dlc_popup{
	position: absolute;
	top: 50%;
	left: 50%;
	width: 916px;
	min-height: 500px;
	margin-left: -458px;
	z-index: 9999;
	background: #ffffff;
	border: 1px solid #4b4948;
	display: none;
}

#dlc_popup_close{
	position: absolute;
	top: -1px;
	right: -1px;
	display: block;
	text-indent: -9999px;
	background: url('../connect/img/dlc_popup_close.png') no-repeat;
	width: 37px;
	height: 38px;
}

#overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	background-color: rgba(0, 0, 0, 0.7);
}

#overlay_content {
	position: absolute;
	top: 50%;
	left: 50%;
	width: 622px;
	height: 355px;
	margin-top: -181.5px;
	margin-left: -315px;
	z-index: 9998;
	background: #000000;
}
#noa_video{
	margin-top: 6px;
}

#lightbox-close a, #lightbox-prev a, #lightbox-next a {
	display: block;
	background: no-repeat center center;
	text-indent: -9999px;
}

#lightbox-close a {
	width: 36px;
	height: 25px;
	background-image: url('../movie/img/close.png');
}

#lightbox-close {
	top: -27px !important;
	right: 0px !important;
}

#lightbox-close, #lightbox-prev, #lightbox-next, #lightbox-obj {
	position: absolute;
	top: 0;
	z-index: 3;
}
/* B U Y   N O W   S T Y L E S */
#buy_now_overlay{
	position: fixed;
	top: 0;
	left: 0;
	z-index: 9998;
	width: 100%;
	height: 100%;
	display: none;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#cc000000,endColorstr=#cc000000);
	zoom: 1;
	background-color: rgba(0, 0, 0, 0.7);
}
#buy_now_popup{
	position: fixed;
	top: 50%;
	left: 50%;
	width: 759px;
	height: 516px;
	margin-top: -258px;
	margin-left: -387px;
	z-index: 9999;
	background: url('../img/buy_now_bg.jpg');
	display: none;
	border: 7px solid #ffffff;
}
#buy_now_popup a#buy_now_close{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: -8px;
	right: -8px;
	width: 37px;
	height: 38px;
	background: url('../img/buy_now_close.png');
}
#buy_now_popup img{
	position: absolute;
	left: 0;
	top: 24px;	
}
#buy_now_popup p{
	font-size: 21px;
	color: #484848;
	position: absolute;
	top: 45px;
	left: 408px;
}
#buy_now_popup #buy_now_us_link{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 77px;
	left: 399px;
	width: 316px;
	height: 77px;
	background: url('../img/buy_now_us_link.jpg');
}
#buy_now_popup #buy_now_ca_link{
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 165px;
	left: 399px;
	width: 316px;
	height: 77px;
	background: url('../img/buy_now_ca_link.jpg');
}
#buy_now_popup a#eshop_cta{
	text-indent: -9999px;
	display: block;
	width: 191px;
	height: 13px;
	background: url('../img/buy_now_eshop_cta.png');
	position: absolute;
	bottom: 61px;
	left: 375px;
}
footer{
text-align: center;
display: block;
overflow: hidden;
padding-bottom: 10px;
height: 22px;
}

.addthis_toolbox {
display: inline-block;
height: 41px;
}

.addthiscontainer{
width: 230px;
text-align: center;
height: 80px;
margin: 0 auto;
height: 41px;
}

.addthis_toolbox .addthis_label {
float: left;
color: #a0a0a0;
font-size: 12px;
margin: 3px 4px 0 0;
}

.addthis_toolbox .addthis_button_facebook, footer .addthis_toolbox .addthis_button_twitter, footer .addthis_toolbox .addthis_button_compact, 
.addthis_toolbox .addthis_button_facebook_like {
margin-left: 5px;
float: left;
display: block;
}

.addthis_toolbox .addthis_button_facebook_like {
width: 47px;
overflow: hidden;
margin-left: 3px;
}
/* C A R O U S E L   S T Y L E S */
#support_carousel {
	width: 954px;
	padding: 29px 15px 0 15px;
	margin: 0 auto 50px auto;
	position: relative;
}
#support_carousel:after {
	content: '';
	width: 90px;
	height: 100%;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: -45px;
	z-index: 1;
}
#support_carousel h5 {
	width: 90px;
	height: 40px;
	line-height: 45px;
	position: absolute;
	z-index: 0;
	top: -40px;
	left: 50%;
	margin-left: -45px;
	text-transform: uppercase;
	font-size: 17px;
	font-weight: 900;
	text-align: center;
	background: #0D6870;
	-moz-box-shadow: inset 0 4px 4px rgba(0,0,0,0.21);
	-webkit-box-shadow: inset 0 4px 4px rgba(0,0,0,0.21);
	box-shadow: inset 0 4px 4px rgba(0,0,0,0.21);
	-moz-border-radius: 10px 10px 0 0;
	-khtml-border-radius: 10px 10px 0 0;
	-webkit-border-radius: 10px 10px 0 0;
	border-radius: 10px 10px 0 0;
}
#support_carousel_container {
	position: relative;
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
}
#extra_carousel {
	position: relative;
	z-index: 2;
}
#support_carousel_container li {
	display: inline-block;
	width: 135px;
	float: left;
	margin-right: 65px;
	position: relative;
	cursor: pointer;
}
#support_carousel_container li:hover:after {
	width: 135px;
	height: 80px;
	top: 20px;
	left: 0;
}
#support_carousel_container .video_promo a {
	font-size: 12px;
	line-height: 14px;
	text-align: center;
	color: #fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.23);
	text-transform: uppercase;
}
#support_carousel_container a.video {
	display: block;
	margin-top: 20px;
	padding-top: 100px;
}
#support_carousel_container a.video:before,
#support_carousel_container a.video:after {
	width: 135px;
	height: 80px;
	top: 0;
	left: 0;
}
#support_carousel_container a.video:before {
	background: url('../img/fpo-boxart.jpg') no-repeat left top;
}
#support a.car_prev_next,
#support .car_prev_next span {
	display: block;
	width: 50px;
	height: 50px;
	-moz-border-radius: 100px;
	-khtml-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
}
#support a.car_prev_next {
	padding: 8px;
	position: absolute;
	top: 50%;
	margin-top: -33px;
	left: -33px;
	cursor: default;
	background-color: #0D6870;
	background-image: -ms-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -moz-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -o-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #115E64), color-stop(1, #248C94));
	background-image: -webkit-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: linear-gradient(to bottom, #115E64 0%, #248C94 100%);
}
#support #car_next.car_prev_next {
	left: auto;
	right: -33px;
}
#support a.car_prev_next:after {
	content: '';
	position: absolute;
	z-index: 0;
	top: 0;
	height: 65px;
	width: 33px;
	border-bottom: solid 1px #41ced7;
	background-color: #0D6870;
	background-image: -ms-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -moz-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -o-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #115E64), color-stop(1, #248C94));
	background-image: -webkit-linear-gradient(top, #115E64 0%, #248C94 100%);
	background-image: linear-gradient(to bottom, #115E64 0%, #248C94 100%);
}
#support #car_next.car_prev_next:after {
	right: 0;
	-moz-box-shadow: inset -2px 2px 3px rgba(0,0,0,0.21);
	-webkit-box-shadow: inset -2px 2px 3px rgba(0,0,0,0.21);
	box-shadow: inset -2px 2px 3px rgba(0,0,0,0.21);
	-moz-border-radius: 0 100px 100px 0;
	-khtml-border-radius: 0 100px 100px 0;
	-webkit-border-radius: 0 100px 100px 0;
	border-radius: 0 100px 100px 0;
}
#support #car_prev.car_prev_next:after {
	left: 0;
	-moz-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.21);
	-webkit-box-shadow: inset 2px 2px 3px rgba(0,0,0,0.21);
	box-shadow: inset 2px 2px 3px rgba(0,0,0,0.21);
	-moz-border-radius: 100px 0 0 100px;
	-khtml-border-radius: 100px 0 0 100px;
	-webkit-border-radius: 100px 0 0 100px;
	border-radius: 100px 0 0 100px;
}
#support .car_prev_next span {
	border-top: solid 1px #9b9b8;
	border-right: solid 1px #9b9b8;
	border-bottom: solid 1px #e59291;
	border-left: solid 1px #e59291;
	position: relative;
	z-index: 1;
	cursor: pointer;
	background-color: #DB7978;
	background-image: -ms-radial-gradient(center top, circle farthest-corner, #F5A09F 0%, #F5A09F 55.00000000000001%, #DB7978 55.00000000000001%, #DB7978 100%);
	background-image: -moz-radial-gradient(center top, circle farthest-corner, #F5A09F 0%, #F5A09F 55.00000000000001%, #DB7978 55.00000000000001%, #DB7978 100%);
	background-image: -o-radial-gradient(center top, circle farthest-corner, #F5A09F 0%, #F5A09F 55.00000000000001%, #DB7978 55.00000000000001%, #DB7978 100%);
	background-image: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #F5A09F), color-stop(0.55, #F5A09F), color-stop(0.55, #DB7978), color-stop(1, #DB7978));
	background-image: -webkit-radial-gradient(center top, circle farthest-corner, #F5A09F 0%, #F5A09F 55.00000000000001%, #DB7978 55.00000000000001%, #DB7978 100%);
	background-image: radial-gradient(circle farthest-corner at center top, #F5A09F 0%, #F5A09F 55.00000000000001%, #DB7978 55.00000000000001%, #DB7978 100%);
	-moz-box-shadow: 0 2px 3px rgba(0,0,0,0.40);
	-webkit-box-shadow: 0 2px 3px rgba(0,0,0,0.40);
	box-shadow: 0 2px 3px rgba(0,0,0,0.40);
}
#support .car_prev_next span:hover {
	background-color: #FF9E9D;
	background-image: -ms-radial-gradient(center top, circle farthest-corner, #FFBAB9 0%, #FFBAB9 55.00000000000001%, #FF9E9D 55.00000000000001%, #FF9E9D 100%);
	background-image: -moz-radial-gradient(center top, circle farthest-corner, #FFBAB9 0%, #FFBAB9 55.00000000000001%, #FF9E9D 55.00000000000001%, #FF9E9D 100%);
	background-image: -o-radial-gradient(center top, circle farthest-corner, #FFBAB9 0%, #FFBAB9 55.00000000000001%, #FF9E9D 55.00000000000001%, #FF9E9D 100%);
	background-image: -webkit-gradient(radial, center top, 0, center top, 553, color-stop(0, #FFBAB9), color-stop(0.55, #FFBAB9), color-stop(0.55, #FF9E9D), color-stop(1, #FF9E9D));
	background-image: -webkit-radial-gradient(center top, circle farthest-corner, #FFBAB9 0%, #FFBAB9 55.00000000000001%, #FF9E9D 55.00000000000001%, #FF9E9D 100%);
	background-image: radial-gradient(circle farthest-corner at center top, #FFBAB9 0%, #FFBAB9 55.00000000000001%, #FF9E9D 55.00000000000001%, #FF9E9D 100%);
}
#support .car_prev_next span:after {
	content: '';
	width: 14px;
	height: 21px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -9px 0 0 -9px;
	background: url('../img/prev_next.png') no-repeat left top;
}
#car_next.car_prev_next span:after {
	background-position: left bottom;
	margin-left: -7px;
}

#support_carousel #car_next, #support_carousel #car_prev{
	position: absolute;
	top: 70px;
	display: block;
	text-indent: -9999px;
	background-repeat: none;
	width: 15px;
	height: 42px;
	z-index: 10;
}
#support_carousel #car_prev{
	background: url('../img/promo_prev.png') no-repeat;
	left: 0;
}
#support_carousel #car_next{
	background: url('../img/promo_next.png') no-repeat;
	right: 0;
}
#support_carousel ul{
	width: 954px;
	margin-left: 12px;
}
#support_carousel ul li{
	display: inline-block;
	float: left;
	width: 219px;
	margin: 0 0 0 11px;
	height: 286px;
	padding: 0;
	text-align: left;
	color: #363636;
	position: relative;
}
#support_carousel ul li .home_promo_last{
	margin: 0 !important;
}
#support_carousel ul li h1{
	font-size: 16px;
	font-weight: normal;
	margin: 12px 0 10px 0;
}
#support_carousel ul li p{
	font-size: 14px;
	margin: 0;
}
#support_carousel ul li a.home_promo_learnmore{
	position: absolute;
	bottom: 0;
	left: 0;
	text-indent: -9999px;
	display: block;
	background: url('../img/home_promo_learnmore.jpg') no-repeat;
	width: 142px;
	height: 36px;
}


.downloads-content {
	padding:0 0 50px 64px;
}

.downloads-content h2 {
	margin:0 0 20px 0;	
}

.downloads-content .wallpaper, .downloads-content .icons, .downloads-content .timelines, .downloads-content .fb-icons {
	margin:0 0 40px 0;	
	clear:both;
}

.downloads-content ul li {
	float:left;	
	margin: 0 20px 0 0;
}

.downloads-content ul li img {
	margin:0 0 10px 0;	
}

.downloads-content ul li.no-margin {
	margin:0;	
}

.downloads-content .wallpaper {
	height:290px;	
}

.downloads-content .wallpaper ul li a {
		display:block;
		color: #1851a7;
}

.downloads-content .wallpaper ul li a:hover {
		text-decoration:underline;	
}

.downloads-content  p {
	font-weight:bold;	
	text-decoration:underline;
	margin:0 0 10px 0;
}

.downloads-content .icons, .downloads-content .fb-icons ul {
	height:240px;	
}

.downloads-content .icons ul, .downloads-content .fb-icons ul {
	width: 505px;	
}

.downloads-content .timelines {
	height:220px;	
}

#popup_wrapper {
	background-color:#fff;	
}

.atclear {
	clear:both;
}

/*Developer Interview*/

#developer-interview {
	padding: 45px 0 0;
}

#developer-interview .title {
    padding: 0 0 0 64px;
}


#developer-interview #header {
	padding: 40px 0 40px 0;
	height:250px;
	width:830px;
	margin:0 auto;	
}

#developer-interview #header img {
	border:1px solid;
	height:250px;
	width:830px;	
}

#developer-interview #interview-intro {
	width:830px;
	margin:0 auto 40px;	
	font-size:120%;
}

#developer-interview #interview {
	margin: 0 auto 40px auto;
	width:830px;	
}

#developer-interview #interview div {
	font-size:110%;
	float: left;
    height: 100%;
    line-height: 20px;
    margin: 0 5px 20px 0;
    padding: 3px;
	
}

#developer-interview #interview div span.author {
	display: block;
    float: left;
    margin-right: 20px;
    text-align: right;
    width: 84px;
}

#developer-interview #interview div p {
    display: block;
    float: left;
    margin: 0;
    padding: 0;
    width: 644px;
}

#developer-interview #interview div span.note {
    color: #666666;
    display: block;
    font-size: 12px;
    margin: 20px 0 0;
}


#developer-interview #pagination a {
    background: url("http://iwataasks.nintendo.com/_ui/images/common/pagination-btn.jpg") no-repeat scroll 0 0 transparent;
    color: #1851a7;
    cursor: pointer;
    display: block;
    font-weight: bold;
    height: 55px;
    line-height: 57px;
    margin: 40px 0 0;
    text-align: center;
    width: 162px;
}
#developer-interview #pagination {
    height: 55px;
	width:830px;
	margin:0 auto;
}

#developer-interview #pagination a#nextBtn span {
    float: left;
    margin: 0 0 0 56px;
}

#developer-interview #pagination a#nextBtn img {
    float: left;
    margin: 20px 0 0 15px;
}

#developer-interview #pagination a#prevBtn img {
    float: left;
    margin: 20px 15px 0 35px;
}

#pagination a#prevBtn span {
    float: left;
}

#developer-interview #pagination a#prevBtn {
    float: left;
}

#developer-interview #pagination a#nextBtn {
    float: right;
}

#developer-interview p img.photo {
    display: block;
    margin: 20px auto 0;
	width:300px;
}

#developer-interview p img.photo.left{
	float:left;	
	margin:20px 10px 0 0;
}

#developer-interview p img.photo-big {
    display: block;
    margin: 20px auto 0;
	width:500px;
}

#developer-interview p img.photo-small {
    display: block;
    margin: 20px auto 0;
}

#developer-interview p img.photo-small.left {
    display: block;
	float:left;
    margin: 20px 10px 0 0;
}

#developer-interview p a  {
	color: #1851a7;
}

