@charset "euc-jp";

/*ゲーム紹介*/
#G_lnavi_bg			{background:url(/cs/list/idolmaster/sp/game/img/bg_lnavi.gif) repeat-y left top; width:948px; display:table; margin:10px auto 0 auto; padding:0; text-align:left; clear:both;}
#G_lnavi_btn		{ float:left; display:table;}
#G_lnavi_btn a		{border:none;}
#G_lnavi_btn img	{ margin:0 0 3px 15px; display:block; border:none;}
#G_rightContent_area{width:741px; margin:22px 0 0 0; padding:0; float:right; display:table;}


p.wihte				{ color: #FFFFFF;}


.section			{ width: 714px; margin-bottom:30px; clear:both; display:table;}
.section2			{ width: 714px; margin-bottom:20px; clear:both; display:table;}

.G_leftArea			{width:431px; float:left; margin-right:27px; padding:0; display:table; text-align:center;}
.G_leftArea2		{width:714px; float:left; margin:20px 0; padding:0; display:table; text-align:center;}
.G_leftArea .item	{width:35px; height:32px; margin:10px auto 0 auto; display:block; clear:both; text-align:center;}
.G_rightArea		{width:250px; float:left; margin:0; padding:0; display:table; text-align: right;}

.G_leftArea a		{border:0px;}
.G_leftArea img,
.G_leftArea2 img	{vertical-align:text-bottom; border:none;}			


#shopMainBg			{ background: url(/cs/list/idolmaster/sp/765shop/img/areaBg.gif) repeat-y; width: 713px; margin: 0 auto;}
p.shopText			{ font-size: 12px; margin: 10px 20px;}
p.shopText2			{ font-size: 14px; color: #22567c; margin: 15px 0; font-weight: bold; text-align: center;}

.shopTableHdBg		{ background: url(/cs/list/idolmaster/sp/765shop/img/tableHdBg.gif) no-repeat; width: 591px; height: 36px; margin: 0 auto; text-align: center;}
.shopTableHdBg img	{ margin: 0;}
.shopTableBg		{ background: url(/cs/list/idolmaster/sp/765shop/img/tableBg.gif) repeat-y; width: 591px; margin: 0 auto 30px auto; text-align: center;}
.shop_cap			{ margin: 8px 0;}

.shopSection		{ width: 530px; margin: 5px auto; background: url(/cs/list/idolmaster/sp/765shop/img/line.gif) bottom no-repeat; padding-bottom: 10px; display: table;}
.shopImg1			{ margin: 2px 0; float: left;}
.shopComent			{ margin: 2px 0 2px 10px; width: 73%; float: right; background: #FFFFFF;}
.shopComent2		{ margin: 2px 0 2px 10px; width: 78%; float: right; background: #FFFFFF;}

.shopTB1			{ background-color: #95cff6; height: 23px; text-align: left;}
.shopTB1 p			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
p.shopMail1			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 5px; padding: 0; line-height: 140%; float: left;}
p.shopMail2			{ font-size: 12px; font-weight: normal; color: #333333; margin: 0 5px; padding: 0; line-height: 140%; float: right;}

.shopTB2			{ background-color: #c6e3f6; height: 20px; text-align: right;}
.shopTB2 p			{ font-size: 12px; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
.shopTB2 p span.line{ text-decoration: line-through;}
.shopTB2 p span.red	{ color: #CC3333; font-weight: bold;}
.shopTBtext			{ background-color: #e9f6fe; height: 50px; text-align: left; vertical-align: top;}
.shopTBtext p		{ font-size: 12px; color: #333333; margin: 2px 5px; padding: 0; line-height: 140%;}

/*楽曲テーブル*/
.shopTB1b			{ background-color: #95cff6; height: 20px; text-align: left; width: 140px;}
.shopTB1b p			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
.shopTB2b			{ background-color: #c6e3f6; height: 20px; text-align: right; width: 70px;}
.shopTB2b p			{ font-size: 12px; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}

.shopTB1c			{ background-color: #95cff6; height: 20px; text-align: left; width: 155px;}
.shopTB1c p			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 3px; padding: 0; line-height: 140%;}
.shopTB1c p span	{ font-size: 10px;}
.shopTB2c			{ background-color: #c6e3f6; height: 20px; text-align: right; width: 70px;}
.shopTB2c p			{ font-size: 12px; color: #333333; margin: 0 3px; padding: 0; line-height: 140%;}

.shopTB1d			{ background-color: #95cff6; height: 20px; text-align: left; width: 110px;}
.shopTB1d p			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
.shopTB2d			{ background-color: #c6e3f6; height: 20px; text-align: right; width: 70px;}
.shopTB2d p			{ font-size: 12px; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}

.shopTB1s			{ background-color: #95cff6; height: 20px; text-align: left; width: 80px;}
.shopTB1s p			{ font-size: 12px; font-weight: bold; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
.shopTB2s			{ background-color: #c6e3f6; height: 20px; text-align: right; width: 70px;}
.shopTB2s p			{ font-size: 12px; color: #333333; margin: 0 5px; padding: 0; line-height: 140%;}
/**/

.shopTBtextB		{ background-color: #e9f6fe; text-align: left; vertical-align: top; width: 190px;}
.shopTBtextB p		{ font-size: 12px; color: #333333; margin: 2px 5px; padding: 0; line-height: 140%;}


#itemPreArea		{ margin: 10px auto; width: 560px; height: 181px; background: url(/cs/list/idolmaster/sp/765shop/img/t01_preBack.gif) no-repeat;}
#itemPreArea #preCap{ float: left; margin: 25px 0 0 10px;}
#itemPreArea #preImg{ float: right; margin: 10px 15px 0 0;}

#itemPreArea2		{ margin: 10px auto; width: 560px; height: 150px; background: url(/cs/list/idolmaster/sp/765shop/img/t01_preBack2.gif) no-repeat;}
#itemPreArea2 #preCap{ float: left; margin: 25px 0 0 10px;}
#itemPreArea2 #preImg{ float: right; margin: 10px 15px 0 0;}


#kotoriArea			{ width: 550px; margin: 0 auto; display: table;}
#kotoriArea img		{ float: left; margin: 0 10px 0 0;}
#kotoriCation		{ float: right; margin: 0 10px; width: 350px; border: 1px solid #666666;}
#kotoriCation p		{ font-size: 12px; color:#333333; margin: 10px; line-height: 140%;}
#kotoriCation ul	{ font-size: 12px; color:#333333; margin: 10px; line-height: 140%;}
#kotoriCation li	{ list-style: circle outside; margin: 0 0 0 10px;}
#kotoriCation ul span{ font-weight: bold;}

#shopCation			{ margin: 10px 60px; border: 1px solid #CCCCCC; background: #c5dae8;}
#shopCation p		{ font-size: 12px; margin: 10px; color: #333333;}


.btnBlue			{ margin: 0 0 20px 0; text-align: center;}
.btnRed				{ margin: 0 0 20px 0; text-align: center;}
.shopBanner			{ margin: 10px 0 15px 0; text-align: center;}

#shopAttentionArea		{ width: 450px; border: 1px solid #990000; margin: 10px auto 20px auto; padding: 0;}
#shopAttentionArea p	{ font-size: 12px; color: #333333; line-height: 140%; text-align: left; margin: 0; padding: 2px 10px;}
#shopAttentionArea p.saaTitle{ text-align: left; font-weight: bold; margin-bottom: 5px;}
#shopAttentionArea dl	{ font-size: 12px; color: #333333; line-height: 140%; text-align: left; margin: 0;}
#shopAttentionArea dt	{ background: #CCCCCC; border-bottom: 1px solid #990000; margin: 0;}
#shopAttentionArea dd	{ margin: 0;}

#shopCatalog3_TopArea	{ margin: 0 auto 30px auto; width: 670px; display: table;}
#shopCatalog3_TopAreaImg{ margin: 0; float: left;}
#shopCatalog3_TopArea #ctlg3Right{ margin: 30px auto 0 auto; float: right; text-align: center;}
#shopCatalog3_TopArea #ctlg3Right ul{ margin: 0; padding: 0;}
#shopCatalog3_TopArea #ctlg3Right li{ list-style: none; margin: 0 0 20px 0;}

#shopCatalog3_TopArea #ctlg7Right{ margin: 0 auto; float: right; text-align: center;}
#shopCatalog3_TopArea #ctlg7Right ul{ margin: 0; padding: 0;}
#shopCatalog3_TopArea #ctlg7Right li{ list-style: none; margin: 0 0 10px 0;}


#shopDown_img01		{ width: 571px; height: 95px; margin: 10px auto; display: table;}
#shopDown_img01	p	{ width: 420px; text-align: left; font-size: 14px; margin: 20px 0 0 120px;}
.shopDown_imgAll	{ margin: 15px auto; text-align: center;}
.shopbtnDown		{ margin: 15px 0;}

#charamelArea		{ width: 520px; margin: 0 auto 30px auto; display: table;}
#charamelArea p		{ margin: 15px 10px 0 0; float: left; width: 270px;}
#charamelArea img	{ margin: 0; float: right;}

#idraArea			{ width: 540px; margin: 20px auto; display: table;}
#idraArea p			{ margin: 5px 12px; float: right; text-align: left; line-height: 140%; color: #333333;}
#idraArea img		{ margin: 0; float: left;}
#idraArea .idraPArea{ margin: 25px 10px 0 0; width: 280px; background: #e9f6fe; float: right;}