@charset "UTF-8";

@import url("joypolis.css");

/*---------------------------
 jpmain
---------------------------*/
#shop .jpmain {  }
#shop .jpmain p { margin:10px 0 0 0; }
#shop .jpmain h3 { margin:50px 0 0 0; }
#shop .jpmain h4 { margin-top:25px; }
#shop .jpmain em.attrmainimg { display:block; height:137px; }
#shop .jpmain img.dplblk { margin:0; padding:0; font-size:0; display:block; }

#shop .jpmain .infobox { margin-left:40px; }

#shop .jpmain a { color: #F9C;}


/*--------------------------------
 detail
--------------------------------*/
#shop .jpmain .attdetail {
	width:835px;
	margin-top:20px;
	background:transparent url(../images/bg_attdetail.gif) 568px top repeat-y;
}
#shop .jpmain .attdetail h3 { margin:0; }
#shop .jpmain .attdetail em { margin:10px 0 0 0; }
#shop .jpmain .attdtbtm {
	width:835px;
	background:transparent url(../images/bg_attdtbtm.gif) 568px bottom no-repeat;
}
#shop .jpmain .attdtbtm .attdt_l { float:left; width:524px; }
#shop .jpmain .attdtbtm .attdt_r {
	float:right;
	width:267px;
	padding-top:10px;
	background:transparent url(../images/bg_attdt_r.gif) left top no-repeat;
}
#shop .jpmain .attdtbtm .attdt_r #flBox { margin-left:10px; }
#shop .jpmain .attdtbtm .attdt2_r {
	float:right;
	width:267px;
	padding-top:10px;
	background:transparent url(../images/bg_attdt2_r.gif) left top no-repeat;
}
#shop .jpmain .attdtbtm .attdt2_r #flBox { margin-left:10px; }


/*--------------------------------
 detail main
--------------------------------*/
#shop .jpmain .shoptopbox { width:524px; margin-top:15px; }
#shop .jpmain .shoptopbox em { display:block; margin:0 0 10px 5px; }
#shop .jpmain .shoptopbox .shoptopboxl { float:left; width:254px; }
#shop .jpmain .shoptopbox .shoptopboxr { float:right; width:254px; }

#shop .jpmain .sptthumbbox {
	width:254px;
	margin-top:1px;
	padding:5px 0;
	background:transparent url(../images/bg_shopdtl01_top.gif) left top no-repeat;
}
#shop .jpmain .sptthumbbox p { margin:10px; }
#shop .jpmain .sptthumbbox p.todtl { margin:32px 0 0 15px; }
#shop .jpmain .sptthumbbox p.todtl2 { margin:20px 0 0 15px; }
#shop .jpmain .sptthumbbox p.todtl3 { margin:36px 0 0 15px; }
#shop .jpmain .shoptopbox img.shopttbtmimg { display:block; height:4px; font-size:0; }

#shop .jpmain .attdt_r em,
#shop .jpmain .attdt_r em img { display:block; }
#shop .jpmain .attdt_r ul.shopname { margin:8px 0 20px 10px; padding-bottom:120px; }
#shop .jpmain .attdt_r ul.shopname li { display:inline; }
#shop .jpmain .attdt_r ul.shopname li img { display:block; margin-bottom:5px; }
#shop .jpmain .attdt2_r em,
#shop .jpmain .attdt2_r em img { display:block; }
#shop .jpmain .attdt2_r ul.shopname { margin:8px 0 20px 10px; padding-bottom:120px; }
#shop .jpmain .attdt2_r ul.shopname li { display:inline; }
#shop .jpmain .attdt2_r ul.shopname li img { display:block; margin-bottom:5px; }

#shop .jpmain .shoptopdot {
	width:524px;
	height:30px;
	background:transparent url(../images/bg_evedotline.gif) bottom left repeat-x;
}

#shop .jpmain .shoptopbox2 {
	width:524px;
	padding-bottom:20px;
	background:transparent url(../images/bg_evedotline.gif) bottom left repeat-x;
}
#shop .jpmain .shoptopbox2 em { display:block; margin:20px 0 15px; }
#shop .jpmain .shoptopbox2 .sptthumbbox2 { width:524px; }
#shop .jpmain .shoptopbox2 .sptthumbbox2 .spttbbl { float:left; width:95px; }
#shop .jpmain .shoptopbox2 .sptthumbbox2 .spttbbr { float:right; width:414px; }
#shop .jpmain .shoptopbox2 .sptthumbbox2 .spttbbr p { font-size:90%; line-height:140%; margin:0 0 5px 0; }
#shop .jpmain .shoptopbox2 .sptthumbbox2 .spttbbr p b { font-size:110%; }



/*--------------------------------
 game detail main
--------------------------------*/
#shop .jpmain .gamedtmain {
	margin-top:10px;
	padding-top:10px;
	padding-left:14px;
	background:transparent url(../images/bg_attdtmain.gif) left top no-repeat;
}
#shop .jpmain .gamedtmain em { margin-left:15px; margin-top:15px; }
#shop .jpmain .gamedtmain p { margin:5px 15px 0 0; }
#shop .jpmain .gamedtmain p.kome { font-size:88%; }
#shop .jpmain .gamedtmain .gamettl { margin-left:15px; margin-top:5px; }
#shop .jpmain .gamedtmain .gamettl2 { margin-left:15px; margin-top:15px; }

#shop .jpmain .photobox {
	margin-top:5px;
	width:496px;
}
#shop .jpmain .photobox p { font-size:84%; margin:4px 0 0; }
#shop .jpmain .photobox .photol { float:left; width:230px; }
#shop .jpmain .photobox .photor { float:right; width:230px; }
#shop .jpmain .photobox .photol p { font-size: 100%; }
#shop .jpmain .photobox .photor p { font-size: 100%; }
#shop .jpmain .photobox .photor strong { font-size: 105%; color: #F00;}
#shop .jpmain .atttbl {
	width:510px;
	margin:25px 0 0 0;
}
#shop .jpmain .atttbl img {
	display:block;
	margin:0;
	padding:0;
	font-size:0;
}
#shop .jpmain .atttbl3 {
	width:510px;
	margin:5px 0 0 0;
}
#shop .jpmain .atttbl3 img {
	display:block;
	margin:0;
	padding:0;
	font-size:0;
}
#shop .jpmain .atttbl1 {
	width:496px;
	background:transparent url(../images/bg_gametbl.gif) left top repeat-y;
}
#shop .jpmain .atttbl2 {
	width:496px;
	background:#1161a5 url(../images/bg_gametbl.gif) left top repeat-y;
}
#shop .jpmain .atttbl1 .attbl_l,
#shop .jpmain .atttbl2 .attbl_l {
	float:left;
	width:76px;
	font-weight:bold;
	padding:5px 0;
}
#shop .jpmain .atttbl1 .attbl_r,
#shop .jpmain .atttbl2 .attbl_r {
	float:right;
	padding:5px 0;
	width:419px;
}
#shop .jpmain .atttbl1 .attbl_l span,
#shop .jpmain .atttbl2 .attbl_l span,
#shop .jpmain .atttbl1 .attbl_r span,
#shop .jpmain .atttbl2 .attbl_r span { margin-left:10px; }
#shop .jpmain .atttbl1 .attbl_r p,
#shop .jpmain .atttbl2 .attbl_r p { margin-left:10px; margin-top:0; margin-bottom:5px; }
#shop .jpmain .atttbl1 .attbl_r p.kome,
#shop .jpmain .atttbl2 .attbl_r p.kome { font-size:90%; }

#shop .jpmain .atttbl1 .attbl_r a:hover,
#shop .jpmain .atttbl2 .attbl_r a:hover{color:#ffde00;}




/*--------------------------------
 shop detail main
--------------------------------*/
#shop .jpmain .attrdtl_mainimg {
	margin-top:15px;
	background:#2971ae url(../images/bg_attrdtl_mainimg_top.gif) left top no-repeat;
}
#shop .jpmain .attrdtl_mainimg dl.box01 { width:494px; margin-left:15px; padding-top:15px; padding-bottom:15px; }
#shop .jpmain .attrdtl_mainimg dl.box02 { width:509px; margin-left:7px; padding-top:7px; padding-bottom:2px; }
#shop .jpmain .attrdtl_mainimg dl.box01 dt { float:left; width:230px; }
#shop .jpmain .attrdtl_mainimg dl.box01 dd { float:right; width:250px; }
#shop .jpmain .attrdtl_mainimg dl.box02 dt { float:left; width:162px; }
#shop .jpmain .attrdtl_mainimg dl.box02 dd { float:right; width:339px; }
#shop .jpmain .attrdtl_mainimg dl.box01 dt p { margin:0; font-size:84%; }
#shop .jpmain .attrdtl_mainimg dl.box01 dd p { margin:0 0 7px 0; }
#shop .jpmain .attrdtl_mainimg dl.box01 dd p.sp2 { margin:8px 0 0 0; }
#shop .jpmain .attrdtl_mainimg dl.box01 dd p.sp2_2 { margin:8px 0 0 0; }
#shop .jpmain .attrdtl_mainimg dl.box01 dd p.sp2_2 a:hover{color:#ffde00}
#shop .jpmain .attrdtl_mainimg dl.box01 dd p.kome { font-size:84%; }
#shop .jpmain .attrdtl_mainimg div.box03 { width:489px; margin-left:20px; padding-top:15px; padding-bottom:15px; }
#shop .jpmain .attrdtl_mainimg div.box03 ul { margin-top:20px; }
#shop .jpmain .attrdtl_mainimg div.box03 ul li { margin-right:10px; display:inline; }
#shop .jpmain .attrdtl_mainimg div.box03 ul li img { vertical-align:top; display:inline; }

#shop .jpmain .attrdtl_mainimg dd strong {
	display:block;
	margin-bottom:5px;
}
#shop .jpmain .shopphotobox { width:496px; margin-top:30px; }
#shop .jpmain .shopphotobox2 { width:496px; margin-top:5px; }
#shop .jpmain .shopphotobox img,
#shop .jpmain .shopphotobox2 img { display:block; }
#shop .jpmain .bgshopphotobox {
	padding:10px 0;
	background:#2971ae url(../images/bg_shopphotobox.gif) left top repeat-y;
}
#shop .jpmain .bgshopphotobox h5 { margin:0 0 10px 15px; }
#shop .jpmain .bgshopphotobox ul { display:block; width:480px; margin-left:8px; padding-bottom:5px; margin-top:5px; }
#shop .jpmain .bgshopphotobox ul img { display:inline; }
#shop .jpmain .bgshopphotobox ul span { font-size:84%; }
#shop .jpmain .bgshopphotobox ul p { font-size:84%; margin:2px 6px 8px; text-align:left; }
#shop .jpmain .bgshopphotobox ul p b { line-height:180%; }
#shop .jpmain .bgshopphotobox ul li { display:block; }
#shop .jpmain .bgshopphotobox ul li.bgshopphotobox_l { float:left; width:160px; text-align:center; }
#shop .jpmain .bgshopphotobox ul li.bgshopphotobox_m { float:left; width:160px; text-align:center; }
#shop .jpmain .bgshopphotobox ul li.bgshopphotobox_mm { float:left; width:480px; text-align:center; }
#shop .jpmain .bgshopphotobox ul li.bgshopphotobox_r { float:right; width:160px; text-align:center; }
#shop .jpmain .bgshopphotobox dl { width:470px; margin:10px 0 0 15px; }
#shop .jpmain .bgshopphotobox dl dt { float:left; width:146px; }
#shop .jpmain .bgshopphotobox dl dd { float:right; width:316px; font-size:85%; }

#shop .jpmain h4.shopdt { margin:30px 0 10px 0; }
#shop .jpmain .shopbox04 { width:470px; margin:10px 0 30px 13px; }
#shop .jpmain .shopbox04 p { margin:0 0 8px 0; }
#shop .jpmain .shopbox04 .fleft { width:185px; }
#shop .jpmain .shopbox04 .fright { width:267px; }

#shop .bold{ font-weight: bold; }
/*--#shop .cap{ font-weight: bold; font-size:84%;}--*/
#shop .cap{font-size:100%;}
#shop .mb5 { margin-bottom:5px; }