/* 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.7em;
	line-height: 36px;
	margin: 13px 0;
}
h2 {
	font-weight: bold;
	font-size: 1.4em;
	line-height: 18px;
	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: 1.2em;
	line-height: 22px;
	padding:10px 5px 5px;
}
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;
}
#crossSlide {
	width: 740px;
	height: 285px;
	position: relative;
	z-index:1;
}
#menu {
	z-index:9000;
}
#levelmenu{
	z-index:9001;
}
#fullcontent,
#maincontent {
	font-size:13px;
}
#subcontent {
	clear:right;
}
#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;
	color: #0056ff;
}
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;
}
td.store .goods p,
td.store .goods h3{
	display:none;
}
.goods p.sub{
	color:#f33;
	font-weight:bold;
}
td.store .goods p.sub{
	display:block;
}
table.usbDeff tbody th,
table.usbDeff tbody td,
td.store .cart {
	padding:5px;
	text-align:center;
}
td.store .cart {
	margin:0 auto;
	width: 200px;
}
td.store .cart a {
	background-repeat: no-repeat;
	background-position: bottom left;
	background-color: transparent;
	width: 180px;
	height: 30px;
	display: block;
	outline-style: none;
}
td.store .cart a img {
	display: block;
}
td.store .cart a.buypk {
	background-image: url(/common/img/btnbg_buypk.gif);
}
td.store .cart a.buydl {
	background-image: url(/common/img/btnbg_buydl.gif);
}
td.store .cart a.vu {
	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:0;
}
table.productList td {
	border-top:1px #999 solid;
	font-size:1em;
}
table.usbDeff tbody th,
table.usbDeff tbody td,
table.productList td.store,
table.productList th ,
table.productList {
	border:1px #999 solid;
	font-size:1em;
}
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;
	font-size:1.2em;
	white-space:nowrap;
}
.submenuheader {
	clear:both;
	cursor: pointer;
}
h1 {
	clear:both;
}

.submenu ul,
.submenu dl,
.submenu p{
	padding: 10px;
	float:right;
	width:370px;
}
.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;
}
.submenu a.fly{
	float:left;
	clear:left;
	margin:10px 0 10px 10px;
}

/** // **/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
	.ui-tabs-hide {
		display: none;
	}
}

/* Hide useless elements in print layouts... */
@media print {
	.ui-tabs-nav {
		display: none;
	}
}

/* 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;
}

#fullcontent {
	padding:15px;
}
#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 {
	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;
}
#summary h2 {
	padding:24px 0;
	border:none;
}
#summary p {
	padding:10px 20px 15px;
	border:none;
}
h1.productTitle {
	margin:0;
	padding:3px 8px ;
	clear:none;
	background-color:#0062B1;
	color:#fff;
}
.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 .imgCenter{
	text-align:center;
	padding-bottom:20px;
}

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

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

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

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

#maincontent div.text h2{
	clear:both;
	padding: 5px 6px 3px;
	margin-top:30px;
	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 p,
#maincontent div.text div.imgLeft p{
	width:335px;
	font-size:1.1em;
}
#maincontent div.text dt,
#maincontent div.text h3{
	border:none;
	padding: 15px 0 5px;
	font-weight:bold;
	color:#333;
}
#maincontent div.text div.imgRight h3,
#maincontent div.text div.imgLeft h3,
#maincontent div.text h3{
	font-size:1.8em;
	color:#0062b1;
	line-height:1.2em;
}
#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-top:1.5em;
	font-size:1.8em;
	color:#0062b1;
	line-height:1.2em;
}

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

ul.caution{
	clear:both;
	text-align:left;
	font-size:1em;
	font-style:italic;
	margin:5px 10px 10px;
}
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;
}
div.vk_lic p{
	padding:3px 10px;
	margin:0 auto;
	font-size:0.9em;
}
div.vk_lic ul{
	padding:3px 10px;
	margin:0 auto;
	font-size:0.9em;
	list-style-type: disc;
}
div.vk_lic ul li{
	padding:5px 0;
}
.forProduct {
	padding:20px 10px 0;
	text-align:center;
}

#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;
}
#maincontent p ,
#maincontent .download {
	margin:0 0 1em;
}
.topNews {
	border-bottom:dotted 1px #cecece;
}
.topNews h2{
	border-bottom:dotted 2px #cecece;
}
.topNews ul{
	list-style-type:none;
}
.topNews li a{
	margin-left:0.5em;
}
.detail .moreInfo,
.topNews .moreInfo{
	clear:both;
	text-align:right;
	width:20em;
	display:block;
	font-size:0.9em;
	margin:0.5em 0 0.5em auto;
}
li span.date {
	float: left;
	width:3.7em;
	line-height:1.1;
	text-align:center;
	margin-bottom:6px;
}
.topNews li {
	clear: left;
	padding-left:2.5em;
	margin-left:-2.5em;
}
.topNews li span.date{
	margin-left:2em;
}
#billboard {
	height: 285px;
	background:#eee url('/common/img/bbbottom_line01.gif') bottom left no-repeat;
	padding-bottom:9px;
}
#crossSlide {
	width: 680px;
	height: 285px;
	float: left;
}

#news {
	float:right;
	height:281px;
	text-align:left;
	width:280px;
}

#result {
	font-size:1em;
	padding:5px;
	text-align:left;
}

#result a {
	display:block;
	line-height:1.2em;
	padding:19px 3px 3px 10px;
}

#result li {
	line-height:1.2em;
	margin:0;
	padding:3px 0;
}

#result li span.date{
	white-space:nowrap;
}

#news dt.silverheader a{
	background: black url('/common/img/silvergradient.gif') repeat-x center left;
	font: normal 14px ;
	color: white;
	display: block;
	position: relative; /*To help in the anchoring of the ".statusicon" icon image*/
	width: auto;
	height:23px;
	padding: 5px 0 1px;
	padding-left: 8px;
	text-decoration: none;
}
#news dt.silverheader a:visited, #news div.silverheader a:active{
	color: white;
}
#news dt.selected a, #news div.silverheader a:hover{
	background-image: url('/common/img/silvergradientover.gif');
	border-bottom: #9ea4ad 1px solid;
	color: white;
}

#news dd.sub{
	background: url('/common/img/news_bg.jpg') repeat;
	overflow: auto;
	height: 256px;
	padding:0 10px;
}
#news dd.sub div.field{
	position: relative;
	height: 246px;
	margin: 5px auto;
	font-weight: bold;
}
#news dd.sub div.field p{
	padding: 5px 8px;
	font-size:1em;
	line-height:1.3em;
}
#news dd.sub div.field a.tools_ol{
	float:left;
	position: absolute;
	left:1.1em;
	bottom:-5px;
}
#news dd.sub div.field div.toLink{
	text-align:right;
	padding: 5px 15px;
	font-size:1.1em;
	line-height:1.4em;
	font-style:italic;
}
#news dd.sub div.field div.toLink a{
	color:#F00;
}


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

/** // **/

#subcontent dl ,
#subcontent ol ,
#subcontent ul ,
#subcontent li {
	padding: 0;
	margin: 0;
}
#subcontent dl {
	margin: 0.1em 0.5em;
}
#subcontent dt {
	font-weight: bold;
	margin: 0;
}
#subcontent dd {
	padding: 0 0 0.7em 1em;
	margin: 0;
}
#subcontent dd ul.pkg li {
	text-align: center;
	margin: 3px auto 12px;
}
#subcontent dd ul.pkg li a span.pname {
	color: #3333FF;
	display:block;
}
#subcontent dd ul.pkg li a:hover span.pname {
	text-decoration: underline;
}
#subcontent dd ul li a{
	outline-style:none;
}