/* CSS Document */
/*----------------------------------------------------
     css for bandai namco-ch enq
     virtual_console.css
----------------------------------------------------*/
body		{margin:0; padding:0;}
.gray		{ color:#999999;}
.red		{color:#CC0000;}
img			{ border: 0px; margin:0; padding:0;}
ul			{ margin-left:12px;}
li			{ padding:0px; margin:0px; list-style:none; font-size: 12px; color: #333333; line-height: 140%;}
#disp		{ width: 100%; margin: 0px; padding: 0px; text-align: center; }

p			{ font-size: 13px; color: #666666; line-height: 24px; margin:0px; padding:0px;}
p.small		{ font-size: 10px; color: #333333; line-height: 180%; }
p.foot		{ font-size: 12px; color: #333333; line-height: 180%; margin: 0 5px; }
a			{ font-size: 12px; color: #CC0000; margin:0; padding:0; text-decoration:underline;}
a:hover		{ font-size: 12px; color: #FF6600; text-decoration:underline; margin:0; padding:0; }
td			{ margin:0 auto; padding:0 auto;}
tr			{ margin:0 auto; padding:0 auto;}
.bold		{ font-weight:bold;}
.small		{ font-size:10px;}
.gray		{ color:#999999;}
.red		{color:#CC0000;}

.FR			{ float:right;}
.FL			{ float:left;}
.FL2			{ float:left; margin: 10px 0 0 18px;}
.CB			{ clear:both;}
.clear		{ display:none;}

/*-----------------------------------------------------------------------------------------------------------------------*/
/*.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-table;min-height: 1%; border: 1px solid red;}*/
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-Mac */


#TopBg		{/*width:762px;*/ height:27px; display:block; background:url(../img/all/top_bg.gif) no-repeat; clear:both;}
#WhiteBg	{background-color:#FFFFFF; /*width:762px;*/ margin:0 auto; padding: 10px 0;}
#PinkBg		{background-color:#ffe4e4; /*width:762px;*/ margin:0 auto; padding: 10px 0; height: 100%;}
#Content	{ width:730px;display:table; margin:0 auto; text-align:left; clear:both;}
#Underg		{ height:52px; display:block; clear:both; margin-bottom:30px;}

#Head		 { width:730px; clear:both; display:table; margin-bottom:25px; background:#FFFFFF; height:85px;}
#Head_p		 { width:730px; clear:both; display:table; margin-bottom:25px; background:#ffe4e4; height:85px;}
#NaviArea	 { clear:both; display:table; height:35px; margin-bottom:10px; padding-top:20px; width:730px;}
#NaviArea img{float:left; margin-right:2px;}

.LineW		 {background:url(../img/all/line_w.gif) left center no-repeat; width:729px; height:20px; display:block; clear:both; margin:5px 0;}

#MoveiArea	{ display:block; height:300px; margin:25px auto; clear:both;}
#contentarea{ display:table; margin:25px auto; padding: 0 15px; clear:both;}
#contentarea_p{ display:table; margin:25px auto; clear:both;background-color:#ffe4e4;}
#copy		{margin:0px 0 0 0; float:left; display:block;}

#Flash		{width:289px; display:inline; height:60px; float:right; text-align:right; margin-top:0px; margin-right:0px; }

#Title01	{width:729px; height:40px; margin:20px 0 25px 0; background:url(../../title/img/title01.gif) no-repeat; display:block; clear:both;}
#Title02	{width:729px; height:40px; margin:25px 0 25px 0; background:url(../../title/img/title02.gif) no-repeat; display:block; clear:both;}
#Title03	{width:729px; height:40px; margin:25px 0 25px 0; background:url(../../title/img/title03.gif) no-repeat; display:block; clear:both;}
#Title04	{width:729px; height:40px; margin:25px 0 25px 0; background:url(../../title/img/title04.gif) no-repeat; display:block; clear:both;}

a.GoTop		{ background:url(../../title/img/gotop.gif) no-repeat; width:127px; height:18px; margin:11px 15px 0 0; float:right;}
a.GoTop:hover{ background:url(../../title/img/gotop_f.gif) no-repeat; width:127px; height:18px; margin:11px 15px 0 0; float:right;}

.ImgArea	{width:730px; display:table; margin: 0 0 0px 15px; clear:both;}
.ImgBox		{width:178px; display:table; text-align:left; float:left;}
.ImgBox img	{clear:both; margin-bottom:8px;}

.ImgBoxCenter		{width:180px; display:table; text-align:left; float:left;}
.ImgBoxCenter img	{clear:both; margin:0 0 8px 0;}

#HowtoBgT	{background:url(../../howto/img/howto_bg01.gif) no-repeat bottom; width:733px; height:7px; display:block;}
#HowtoBgC	{background:url(../../howto/img/howto_bg02.gif) repeat-y; width:733px; display:table;}
#HowtoBgB	{background:url(../../howto/img/howto_bg03.gif) no-repeat; width:733px; height:7px; display:block;}

#HowtoContens{ display:table; margin:13px 0 20px 0;}

#HowtoMain	{width:723px; margin: 15px 0; text-align:center;}
#HowtoImgArea{width:723px; clear:both; margin:35px 0 0 0; text-align:center;}
#HowtoImgArea .HImgBox{float:left; margin-right:3px;}

.HImgBox	{text-align:center; display:block;}
.HImgBox img{clear:both;}
.Sign		{margin-top:38px;}

.cap1		{margin-left:20px; margin-top:8px;}
.cap2		{margin-left:10px; margin-top:8px;}
.cap3		{margin-left:15px; margin-top:8px;}

.MarT20		{margin-top:45px; margin-bottom:30px;}
.MarT10		{margin-top:20px; margin-bottom:0px;}
.MarB20		{margin-bottom:20px;}

.Btn		{margin-bottom:10px; clear:both;}

.RIBM		{margin-left:0px; float:left; width:170px;}

/*title_select*/

#SelectTable{margin:20px 0; width:733px;}
.ImgTM		{margin-bottom:25px; margin-top:10px;}
.ImgCenter	{margin:0px 30px;}
.Cero		{margin-right:25px;}
.SelectTitle{margin-bottom:10px;}

.Back		{margin:15px 45px 0 0;}
.TopM		{margin-right:20px;}
.capL		{text-align:left; clear:both;}

/* Popup */

.Close		{background-color:#36c4f5; padding:10px 0;}
.Caption	{margin:15px 0 0 25px;}


/*----header&footer----*/

#header			{width:792px; height:125px; background:url(/img/header.gif) no-repeat; display:table; margin:0px auto;}
a#logo			{width:100px; height:90px; margin:5px 0 0 35px; background-image:url(/img/bngi_logo2.gif); float:left;}
#sarchArea		{display:table; text-align:right; border:1px solid #000; vertical-align:top;}
#SeachContent	{float:right; margin:0 auto; padding:5px 25px 0 0; display:table-cell;}

#footer			{width:760px; display:table; margin:0 auto; padding-top:5px; clear:both;}
#footerTop		{width:760px; height:9px; display:block; background:url(/img/footer_top.gif) top no-repeat; padding-top:9px;}
#footerCenter	{width:760px; display:table; background:url(/img/footer_center.gif) repeat-y;}
#footerBottom	{width:760px; height:8px; display:table; background:url(/img/footer_bottom.gif) bottom no-repeat;}

.float1			{float:left; width:670px; display:block;}
.float2			{float:left; width:50px; display:block;}
.footerLink		{float:left; width:690px; text-align:center; padding-top:10px; font-size:13px; color:#888;}
.footerLink a	{margin:10px 5px 0 5px; color:#888888; text-decoration:none;}
.footerLink a:hover{margin:10px 5px 0 5px; text-decoration:none; color:#ff9800;}
a#logo2			{background:url(/img/bn_hd.gif) no-repeat; margin-top:10px; display:block; width:50px; height:50px;}
#copyright		{width:770px; margin:0 auto; font-size:10px; line-height:120%; color:#666; clear:both; padding-top:15px;}
#copyright p	{font-size:11px; line-height:130%; color:#666;}

#Vfoot			{display:table; clear:both;}
/*#Vfoot2			{background:url(/virtual_console/common/img/all/line_w.gif) no-repeat center top; padding-top:20px; width:713px; display:table; clear:both; margin-left:15px; padding-right:20px;}*/


/*090319*/

div.clear{
	clear: both;
	margin: 0;
	padding: 0;
	visibility: hidden;
	font-size: 0;
	line-height: 0;
}

div.clear img{
	margin-top: -1px;
	width: 100%;
	height: 1px;
}

#peripheralsBG01{
	background:url(../../peripherals/img/bg_main01.gif) repeat-y;
	display:table;
	width:733px;
	margin: 10px 0;
}

#peripheralsBG02{
	background:url(../../peripherals/img/bg01.gif) left top no-repeat;
	display:table;
	width:733px;
	padding-top:20px;
}

#peripheralsBG03{
	width:733px;
	background:url(../../peripherals/img/bg03.gif) left bottom no-repeat;
	display:table;
	padding-bottom:20px;
}

#peripheralsCont{
	width:690px;
	display:table;
	margin-left:20px;
	text-align:left;
}

#peripheralsCont img{
	float:left;
}

.Contper01{
	height:84px;
	margin-bottom:10px;
}

#peripheralsCont p{
	width:380px;
	padding-left:19px;
	text-align:left;
	float:right;
}.contbox {
	float:left;
	width:200px;
	margin-right:50px;
	display:block;
}
.contboxlast {
	float:left;
	width:200px;
	display:block;
	margin-bottom:30px;
}

.signUnder	{
	margin-top: 5px;
}

/*blog*/
.blogTitle		{ background: url(../../blog/img/title_line.gif) bottom no-repeat; height: 27px; width: 705px; margin: 0 auto; text-align: left;}
.blogTitle p	{ font-size: 18px; font-weight: bold; color: #999999; line-height: 140%; margin: 0 0 0 5px;}
.blogDay		{ width: 710px; text-align: left; font-size: 10px; color: #999999; font-weight: bold; margin: 0 0 0 12px;}
.blogName		{ width: 710px; text-align: right; font-size: 12px; color: #999999; font-weight: bold; margin: 2px 0 0 0;}
.blogTextArea	{ width: 710px; text-align: left;}
.blogTextArea p	{ font-size: 12px; color: #666666; line-height: 150%; text-align: left; margin: 10px 5px 10px 20px;}
.blogTextArea p span.f16{ font-size: 16px; color: #666666; line-height: 150%;}

.blogImgArea	{ margin: 20px 0 10px 0; text-align: center;}

.BlogBgT	{background:url(../../howto/img/howto_bg01.gif) no-repeat bottom; width:733px; height:7px; display:block;}
.BlogBgC	{background:url(../../howto/img/howto_bg02.gif) repeat-y; width:733px; display:table;}
.BlogBgB	{background:url(../../howto/img/howto_bg03.gif) no-repeat; width:733px; height:7px; display:block;}

.BlogContens{ display:table; margin:13px 0 20px 0;}

.BlogMain	{width:723px; margin: 15px 0; text-align:center;}