/* RESET */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input { margin: 0; padding: 0; }
h1,h2,h3,h4,h5,h6,pre,code,address,caption,cite,code,em,strong,th { font-size: 1em; font-weight: normal; font-style: normal; }
ul,ol { list-style: none; }
fieldset,img { border: none; }
caption,th { text-align: left; }
table { border-collapse: collapse; border-spacing: 0; }
/* LAYOUT */
.clear { clear: both; }
.clearer { clear: both; display: block; margin: 0; padding: 0; height: 0; line-height: 1px; font-size: 1px; }
ul,ol,li{
	margin-left:1em;
}
ul#categorymenu ,
ul#categorymenu li {
	padding:0;
	margin:0;
}
h1 { font-weight: bold; font-size: 1.4em; line-height: 1.5em; margin: 13px 0; }
h2 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.4em;
	margin: 10px 0;
	padding:10px 5px 5px;
	border-top:none;
	border-bottom:3px solid #3333CC;
	clear:both;
	font-size:1.5em;
}
h3 { font-weight: bold; font-size: 1em; line-height: 1.3em; }
h4 { font-weight: bold; font-size: 0.9em; line-height: 18px; }
body#top #mainpr {
	width: 960px;
	height: 400px;
	margin: 0;
	padding: 9px 0 0 0;
}
body#top #maincontent {
	position: relative;
	display: block;
	float: none;
	margin: 0;
	width: 960px;
}
#wrapper {
	font-family: "Lucida Grande","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",Geneva,Arial,Verdana,sans-serif !important;
	color:#333;
}
#mainpr,
#maincontent {
	font-size:12px;
}
/*#mainpr {
	background:#fff url('/common/img/storebg.gif') repeat-y scroll 740px top;
	border-bottom:#A8A8A8 9px solid;
}*/
#subcontent {
	clear:right;
}
#subcontent ul{
	list-style-type:disc;
}
#pr2, #pr3, #pr4, #categorybtn {
	position: absolute;
	top: 20px;
	width: 225px;
	height: 180px;
	display: block;
	overflow: hidden;
}
#pr2 {	left: 25px; }
#pr3 {	left: 470px; }
#pr4 {	left: 710px; }
#categorybtn {
	left: 270px;
	width: 180px;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
body#top #topics {
	margin: 220px 25px 30px 25px;
	padding: 0;
	background: transparent url('/img/topicsbg_u.gif') top left no-repeat;
	font-size: .75em;
	position: relative;
	overflow: hidden;
}
body#top #topics h2 {
	font-size: 1em;
	line-height: 1.5;
	text-align: center;
	margin: 0 0 7px 0;
	padding: 7px 0 0 0;
	width: 6em;
	position: absolute;
	top: 0;
	left: 0;
	background: transparent url('/img/topicsbg_h2.gif') top left no-repeat;
}
body#top #topics ul {
	background: transparent url('/img/topicsbg_d.gif') bottom left no-repeat;
	list-style-type: none;
	margin: 0;
	padding: 7px 0 7px 0;
}
body#top #topics ul li {
	background: transparent url('/img/topicsbg_m.gif') top left repeat-y;
	margin: 0;
	padding: 0 5px 0 6em;
	white-space: nowrap;
	overflow: hidden;
	line-height: 1.5;
}
body#top #topics ul li a {
	margin: 0;
	padding: 0 .5em;
	height: 1.5em;
	text-decoration: none;
	display: block;
	color: #009;
}
body#top #topics ul li a:hover {
	background: #ddf;
}
#categorybtn li {
	float: left;
}
#categorybtn li a, #categorybtn li a img {
	display: block;
}
#categorybtn a#catbgraphic {	background: #130f10 url(/img/btnbg_graphic.gif) bottom left no-repeat; }
#categorybtn a#catbmusic {	background: #e20a17 url(/img/btnbg_music.gif) bottom left no-repeat; }
#categorybtn a#catbgame {	background: #e38d06 url(/img/btnbg_game.gif) bottom left no-repeat; }
#categorybtn a#catbandmore {	background: #3d487e url(/img/btnbg_andmore.gif) bottom left no-repeat; }
#categorybtn a#catbgraphic:hover {	background: #4d4d4d url(/img/btnbg_graphic.gif) top left no-repeat; }
#categorybtn a#catbmusic:hover {	background: #eb545d url(/img/btnbg_music.gif) top left no-repeat; }
#categorybtn a#catbgame:hover {	background: #ebaf51 url(/img/btnbg_game.gif) top left no-repeat; }
#categorybtn a#catbandmore:hover {	background: #787fa5 url(/img/btnbg_andmore.gif) top left no-repeat; }
#maincontent th, #maincontent td {
	border:1px solid #CCCCCC;
}

#maincontent .block1 p{
	padding:10px;
}
#pagemenu li li a{
	padding:6px 4px;
}
/* anchor --------------------------------------------------------- */
a {
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
h2 a, h3 a, h4 a, h5 a, h6 a {
	color: #00f;
}
a.gopagetop {
	font-size: .85em;
	color: blue;
	text-align: right;
	margin: .5em 0 .5em auto;
	width: 7em;
	display: block;
}

/* list ----------------------------------------------------------- */
ul.note {
	margin: 0 0 .5em 0 !important;
	padding: 0 !important;
}
ul.note li {
	font-size: .85em;
	list-style-type: none;
	padding-left: 1em;
}
ul.note li:before {
	content: '※';
	margin-left: -1em;
}
ul.note li span.notelibefore {
	margin-left: -1em;
}

table{
	border-collapse: collapse;
}
table th {
	background-color:#b9b9b9;
	font-size:1.2em;
	font-weight:bold;
	text-align:center;
}
td.store {
	background-color: #F5F5E1;
	width:200px;
}
table.usbDeff tbody th,
table.usbDeff tbody td,
td.store .cart {
	padding:5px;
	text-align:center;
}
td.store .cart {
	margin:0 auto;
	width: 180px;
}
td.store .cart a {
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 180px;
	height: 30px;
	display: block;
	outline-style: none;
}
td.store .cart a img {
	display: block;
}
td.store .cart a.buypk {
	background-color: #900;
	background-image: url(/common/img/btnbg_buypk.gif);
}
td.store .cart a.buydl {
	background-color: #009;
	background-image: url(/common/img/btnbg_buydl.gif);
}
td.store .cart a.vu {
	background-color: #090;
	background-image: url(/common/img/btnbg_vu.gif);
}
td.store .cart a.buypk:hover, td.store .cart a.buydl:hover, td.store .cart a.vu:hover {
	background-position: top right;
}
table.productList {
	margin:15px;
}
table.productList td {
	border-top:1px #999 solid;
	font-size:0.9em;
}
table.usbDeff tbody th,
table.usbDeff tbody td,
table.productList td.store,
table.productList th ,
table.productList {
	border:1px #999 solid;
	font-size:0.9em;
}
table.usbDeff thead th,
table.productList tbody th {
	background-color:#fff;
}
table.productList th ,
table.productList td.price {
	white-space:nowrap;
	padding:3px 5px;
}
table.productList td.body dt,
table.productList td.body dd,
table.productList td.body dl {
	margin:0;
	padding:0;
}
table.productList td.body dt,
table.productList td.package {
	padding:5px;
}
table.productList td.body dd {
	padding:3px 8px;
}
table.productList td.body dt {
	font-weight:bold;
	white-space:nowrap;
}
.submenuheader {
	clear:both;
	cursor: pointer;
}
h1 {
	clear:both;
}

.itemLeft ul,
.itemLeft dl,
.itemLeft p{
	padding: 10px;
	float:right;
	width:450px;
}
.submenu p.lead{
	font-weight:bold;
	font-size:120%;
	padding: 20px;
}
.submenu dt{
	font-weight:bold;
	font-size:105%;
}
.submenu dd{
	margin:0 0 8px;
	padding:3px 5px 5px;
}
.submenu dd ul{
	float:none;
	width:330px;
	_width:310px;
}
.submenu dd ul li{
	margin:5px 0;
}
.itemLeft a.fly{
	float:left;
	clear:left;
	text-align:center;
	margin:10px 0 10px 10px;
	width:210px;
}

/** // **/

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
	font-family: "Trebuchet MS", Trebuchet, Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
}
.ui-tabs-nav {
	list-style: none;
	margin: 0;
	padding: 0;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
	display: block;
	clear: both;
	content: " ";
}
.ui-tabs-nav li {
	float: left;
	margin:0 7px;
	_margin:0 5px;
	text-align:center;
	width: 70px; /* be nice to Opera */
}
.ui-tabs-nav li a img{
	border: 1px solid #333;
}
.ui-tabs-nav a, .ui-tabs-nav a span {
	display: block;
}
.ui-tabs-nav li.ui-tabs-selected a img {
	border: 1px solid #F33;
}
.ui-tabs-nav a {
	margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
	padding-left: 0;
	color: #27537a;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
	text-decoration: none;
	white-space: nowrap; /* required in IE 6 */	
	outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
	position: relative;
	top: 1px;
	z-index: 2;
	margin-top: 0;
	color: #000;
}
.ui-tabs-nav a span {
	width: 64px; /* IE 6 treats width as min-width */
	min-width: 64px;
	height: 18px; /* IE 6 treats height as min-height */
	min-height: 18px;
	padding-top: 6px;
	padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
	width: auto;
	height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
	padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
	background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
	background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
	background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
	background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
	cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
	cursor: pointer;
}
.ui-tabs-disabled {
	opacity: .4;
	filter: alpha(opacity=40);
}
.ui-tabs-panel {
	padding: 1em 8px;
}
.ui-tabs-loading em {
	padding: 0 0 0 20px;
	background: url('/product/img/loading.gif') no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
	display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
	display: inline-block;
}

#summary .text {
	float:left;
	width:380px;
	text-align:center;
}
#spot {
	float:right;
	width:340px;
	text-align:center;
}
#imgStage {
	float:left;
	width:340px;
	height:220px;
	margin-top:15px;
	text-align:center;
}
#imgStage span{
	margin:0 auto;
	text-align:center;
}
.ui-tabs-nav {
	float:right;
	width:340px;
	text-align:center;
}
#store ,
#summary {
	min-height:320px;
}
#store {
	background:#F5F5E1 url('/common/img/storebg.gif') repeat-y scroll left top;
	_background:#F5F5E1 url('/common/img/storebg.gif') repeat-y scroll 7px top;
	_padding-left:7px;
}
#summary {
	background-color:#fff;
}
.sale {
	background:#F5F5E1 url('/category/img/bg_sale.jpg') no-repeat left top;
}
#summary h2 {
	padding:30px 10px 20px;
	border:none;
}
#summary p {
	padding:5px 20px;
	font-size:1.1em;
	border:none;
}
*html #levelmenu{
	padding-bottom:9px;
}
.ui-tabs-panel {
	width: 320px;
	margin: 0 auto;
	padding:10px 0 0;
	text-align:center;
}
span.reflect,
span.reflect img,
span.reflect canvas{ 
	position: static;
	margin: 0 auto;
}

#maincontent #movies{
	text-align:center;
}

#maincontent .imgCenter{
	text-align:center;
	padding-bottom:20px;
}

#maincontent div.imgLeft,
#maincontent div.imgRight{
	clear:both;
	padding-bottom:20px;
}

#maincontent .text{
	clear:both;
	padding: 10px 0;
	border-bottom:1px dotted #666;
}

#maincontent .text div.imgLeft h3,
#maincontent .text div.imgLeft ul,
#maincontent .text div.imgLeft p,
#maincontent .text div.imgRight img{
	float:right;
}

#maincontent .text div.imgRight h3,
#maincontent .text div.imgRight ul,
#maincontent .text div.imgRight p,
#maincontent .text div.imgLeft img{
	float:left;
}

#maincontent div.text h2{
	clear:both;
	text-align:left;
	padding: 5px 6px 3px;
	font-weight:bold;
	color:#333;
	font-size:1.5em;
	border-width:0 0 1px 8px;
	border-style:solid;
	border-color:#0062b1;
}

#maincontent div.text div.imgRight ul,
#maincontent div.text div.imgRight p,
#maincontent div.text div.imgLeft p{
	width:360px;
	font-size:1.1em;
}
#maincontent div.text div.imgRight h3,
#maincontent div.text div.imgLeft h3,
#maincontent div.text h3{
	border:none;
	font-size:1.4em;
	color:#0062b1;
	line-height:1.2em;
	text-align:left;
}
#maincontent div.text div.imgRight img,
#maincontent div.text div.imgLeft img,
#maincontent div.text div.imgRight h3,
#maincontent div.text div.imgLeft h3,
#maincontent div.text h3{
	padding:0.5em 0.5em 0;
	font-size:1.4em;
	color:#0062b1;
	line-height:1.2em;
}
#maincontent div.text div.imgRight img{
	padding-left:0;
}
#maincontent div.text div.imgLeft img{
	padding-right:0;
}
#maincontent div.text h4{
	padding:0.5em 0.8em 0;
	font-size:1.2em;
	line-height:1.2em;
}
#maincontent div.text div.imgRight h3,
#maincontent div.text div.imgLeft h3{
	width:350px;
}

#maincontent div.text dl,
#maincontent div.text ul,
#maincontent div.text p{
	padding: 5px 1.5em 5px 0;
	margin-bottom:0.5em;
	line-height: 1.3em;
}

ul.caution{
	clear:both;
	text-align:left;
	font-size:1em;
	font-style:italic;
	margin:5px 10px 25px;
}
#summary p.caution {
	padding-top:0;
	line-height:1.2em;
	font-size: 1em;
	color:#E33;
}
ul.caution li{
	text-indent: -1em;
	margin-left: 1em;
	line-height:1.2em;
	color:#E33;
}
a.sup{
	position: relative;
	top:-10px;
	font-weight:100;
	font-size:0.7em;
	font-style:italic;
	color:#E33;
}
a.sup:active, a.sup:visited, a.sup:link {
	text-decoration:none;
	color:#E33;
}
div.vk_orignal {
	padding:25px 10px 10px;
	text-align:right;
	font-size:0.9em;
}
#detailExp.text table.itemList{
	clear:both;
	width: 98%;
	margin:0 auto ;
	_margin-top: 30px;
	font-size: 0.9em;
}
#maincontent div.text table td,
#maincontent div.text table th,
#detailExp.text table.itemList th,
#detailExp.text table.itemList td{
	padding:5px 8px;
}

#detailExp.text table.itemList caption{
	clear:both;
	text-align: center;
	margin: 15px auto 0;
	padding:0;
	font-size:1.2em;
}
#detailExp.text table.itemList th.image{
	background-color:#FFF;
	text-align: center;
	width: 110px;
}
#detailExp.text table.itemList th.image img {
	border-width:0;
	text-align:center;
}
#detailExp.text table.itemList tbody th{
	text-align: left;
	width: auto;
	background-color:#F0F0FF;
}
#detailExp.text table.itemList tbody td h3{
	padding: 0 0 4px;
}
#detailExp.text table.itemList tbody td{
	line-height:1.2em;
}
#detailExp.text dl.itemList{
	width: 90%;
	margin:0 auto ;
}
#detailExp.text dl.itemList dd{
	text-align: right;
}
#outsideLinks dl {
	padding: 0 1em;
}
#outsideLinks dt {
	padding: 5px 0;
}
#outsideLinks dd {
	padding:0 5px 15px 10px;
}
span.boxRed {
	background-color:#CC3300;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	padding:1px 5px;
}
span.boxGreen {
	background-color:#339933;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	padding:1px 5px;
}
span.boxBlue {
	background-color:#0066CC;
	color:#FFFFFF;
	font-size:1em;
	font-weight:normal;
	padding:1px 5px;
}
ul.caution {
	clear:both;
	font-size:0.9em;
	margin:5px 10px 10px;
	text-align:left;
}
ul.caution li {
	color:#EE3333;
	line-height:1.2em;
	margin-left:1em;
	text-indent:-1em;
}
.text .itemImages li {
	float:left;
	padding:0 5px;
}
.text dt {
	font-weight:bold;
	font-size:1.1em;
}
.text dd {
	padding:3px 1em 1em;
}
#maincontent div.text table ul,
#maincontent div.text table ol,
#maincontent div.text table li{
	margin:0;
	padding:0;
}
#maincontent table.deco_none,
#maincontent table.deco_none th,
#maincontent table.deco_none td,
#maincontent table.deco_none tr{
	border:none;
	background:#fff;
}
#maincontent table.deco_none .image {
	padding:5px;
}
#maincontent table.deco_none td {
	padding:0 7px;
}

#evenLeft {
	float:left;
	width:310px;
}
#evenRight {
	float:right;
	width:310px;
}

#maincontent #tabArea p {
	text-align: left;
}
#maincontent #tabArea .ui-tabs-nav {
	float: none;
	width: 640px;
	font-size: 1.2em;
	padding-bottom: 0;
	border-bottom: 2px solid #999;
	margin-left: 0;
}
#maincontent #tabArea .ui-tabs-nav li{
	margin-right: 20px;
	margin-left: 0;
	width: 5em;
}
#maincontent #tabArea .ui-tabs-nav li a{
	width: 5em;
	color: #999;
}
#maincontent #tabArea .ui-tabs-nav li a{
	padding: 3px 5px 0;
}
#maincontent #tabArea .ui-tabs-nav li a:hover{
	text-decoration: underline;
}
#maincontent #tabArea .ui-tabs-nav li.ui-tabs-selected a{
	color: #fff;
	background-color:#999;
}
#maincontent #tabArea .ui-tabs-panel {
	float: none;
	width: 100%;
}
#maincontent #tabArea .ui-tabs-panel h3 {
	padding-top: 0.2em;
}
#store div.campaign {
	margin: 0.2em auto;
	width:180px;
}

/* == clearfix == */
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}

/** // **/

