/* CSS Document */
/*----------------------------------------------------
     css for bandai namco-ch enq
     virtual_console.css
----------------------------------------------------*/

body	    { margin: 0px; padding: 0px; }
.bold		{ font-weight:bold; line-height:170%;}
.small		{ font-size:10px;}
.gray		{ color:#999999;}
.red		{color:#CC0000;}
.center		{ text-align: center;}
.under		{ text-decoration: underline;}

.FR			{ float:right;}
.FL			{ float:left;}
.CB			{ clear:both;}
.clear		{ display:none;}

.mb20		{ margin-bottom: 20px;}

/*-----------------------------------------------------------------------------------------------------------------------*/

#Main		{ display:table; margin:10px 0 10px 13px;}
#TopBg		{ height:27px; display:block; background:url(../img/top_bg.gif) no-repeat; clear:both;}
#WhiteBg	{background-color:#FFFFFF; }
#Content	{display:table; margin: 0 0 0 15px ; text-align:left; clear:both;}
#Underg		{ height:52px; display:block; clear:both;}

#Head		 {width:725px; clear:both; display:table; margin-bottom:25px;}
#NaviArea	 {width:725px; clear:both; display:table; height:35px; margin-bottom:15px;}
#NaviArea img{float:left; margin: 0 10px;}

.LineW		 {background:url(../img/line_dot.gif) no-repeat center; width:715px; height:11px; margin: 5px auto 15px auto; display:block; clear:both;}

.titleArea	{ margin: 0 20px;}
.titleArea img	{ margin: 0 15px 30px 15px;}

#totop		{ margin: 10px 20px 5px 0; text-align: right;}


/*
#footer			{width:780px; height:66px; margin:0 auto; padding-top:5px; background:url(/img/footer_bg.gif) no-repeat center;}
*/
#footer			{width:760px; display:table; margin:0 auto; padding-top:5px; clear:both;}
#footerTop		{width:760px; height:9px; display:table; background:url(/img/footer_top.gif) top no-repeat;}
#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:10px 0; font-size:10px; line-height:120%; color:#666; clear:both; text-align:right;}
#copyright p	{font-size:11px; line-height:130%; color:#666; padding-right:5px;}

/*diet*/
.titleLogo		{ margin: 0 auto 20px auto; text-align: center;}
.titleLogo2		{ width: 400px; margin: 0 0 20px 170px; text-align: center;}
.titleCap		{ width: 650px; margin: 0 auto 20px auto; text-align: left;}
.dietMainArea	{ width: 680px; margin: 10px auto; display: table;}

.dietArea1		{ width: 680px; margin: 0 auto 20px auto; display: table;}
.dietArea1 p	{ font-size: 12px; color: #666666; line-height: 150%; width: 400px; margin: 0 0 0 10px; float: left;}
.dietArea1Img	{ width: 260px; float: right; text-align: center;}
.dietArea1Img p	{ width: 140px; float: left; margin: 20px 0;}
.dietArea1Img .qrImg{ float: right;}

.dietArea2		{ width: 680px; margin: 0 auto 20px auto; display: table;}
.dietArea2 p	{ font-size: 12px; color: #666666; line-height: 150%; width: 400px; margin: 0 10px 0 0; float: right;}
.dietArea2Img	{ width: 260px; float: left; text-align: center;}

.dietArea2_2	{ width: 680px; margin: 0 auto 20px auto; display: table;}
.dietArea2_2 p	{ font-size: 12px; color: #666666; line-height: 150%; width: 240px; margin: 0 8px 0 0; float: right;}
.dietArea2_2Img	{ width: 420px; float: left; text-align: center;}
.dietArea2_2Img img{ margin: 0 5px;}

.dietArea3		{ width: 680px; margin: 0 auto 20px auto; display: table;}
.dietArea3 p	{ font-size: 12px; color: #666666; line-height: 150%; margin: 0 10px;}
.dietArea3Img	{ width: 580px; margin: 20px auto 10px auto; text-align: center;}
.dietArea3Img img{ float: left; margin: 0 8px;}

p.dietText		{ font-size: 12px; color: #666666; line-height: 150%; width: 660px; margin: 0 auto 15px auto;}

#dietSpecArea	{ width: 400px; margin: 0 auto 10px auto; padding: 10px; display: table; text-align: center; border: 1px solid #CCCCCC;}
#dietSpecArea p	{ font-size: 12px; color: #666666; line-height: 150%;}
#dietSpecText	{ width: 300px; margin: 0; text-align: left; float: left;}
#dietSpecCero	{ margin: 30px 0; float: right;}