@charset "UTF-8";

/* base.css --------------------

1: Reset
2: Font (YUI Fonts)
3: Font-family

4: Common Style
    * font color
    * common structure
    * general purpose
    * clearfix

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

/* 1:reset ------------------ */
html {
	color: #000;
	background: #FFF;
}
body,
div,
p,
dl,dt,dd,
pre,code,
blockquote {
	margin: 0;
	padding: 0;
}
abbr {
	border: none;
}
/* *heading */
h1,
h2,
h3,
h4,
h5,
h6 {
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: bold;
}
/* *list */
ul,
ol,
li {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* *table */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
th,
td {
	margin: 0;
	padding: 0;
}
/* *image */
img {
	border: 0;
}
/* *form */
form,
fieldset,
legend,
input,
button,
textarea,
label {
	margin: 0;
	padding: 0;
}
input,
button,
textarea,
select,
optgroup,
option {
	font-family: inherit;
	font-size: inherit;
	font-style: inherit;
	font-weight: inherit;
}
input,
button,
textarea,
select {
	*font-size: 100%;
}
fieldset {
	border: 0;
}

/* 2:font  --------------------

YUI Fonts
Copyright (c) 2009, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.8.0r4
-----------------------------*/
body {
	font:13px/1.231 arial,helvetica,clean,sans-serif; /* 通常のブラウザ */
	*font-size:small; /* IE6/7 */
	*font:x-small; /* for IE6/7後方互換モード */
}
select,input,button,textarea,button { /* form関連要素の調整 */ 
	font:99% arial,helvetica,clean,sans-serif;
}
table { /*tableへのフォントサイズ継承（IE6以前）*/
	font-size:inherit;
	font:100%;
}
pre,code,kbd,samp,tt { /* 等幅フォントの調整（IE全般） */
	font-family:monospace;
	*font-size:108%;
	line-height:100%;
}
	/*
	 [Appendix : Font-Size Adjustment]
	  10px => 77%
	  11px => 85%
	  12px => 93%
	  13px => 100%
	  14px => 108%
	  15px => 116%
	  16px => 123.1%
	  17px => 131%
	  18px => 138.5%
	  19px => 146.5%
	  20px => 153.9%
	  21px => 161.6%
	  22px => 167%
	  23px => 174%
	  24px => 182%
	  25px => 189%
	  26px => 197%
	*/

/* 3:font-family ------------ */
body {
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
}
* html body {/* IE6 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
}
*:first-child+html body {/* IE7 */
	font-family:"ＭＳ Ｐゴシック","メイリオ",Meiryo,Verdana,Arial,Helvetica,sans-serif;
}

/* 4:Common Style ----------- */

/* font color --------------- */
body {
	color: #262626;
}
a {
	color: #eb422b;
	text-decoration: none;
}
a:link {
	color: #eb422b;
}
a:visited {
	color: #8c8c8c;
}
a:hover {
	color: #eb422b;
	text-decoration: underline;	
}

/* background image --------- */
body {
	background: url(/common/img/groupBg.gif) 0 0 repeat-x #fff;
}
/* *sprite */
#psHeader,
#psLogo,
#psCatch,
#psGlobalNav,
#psGNav1 a,
#psGNav2 a,
#psGNav3 a,
#psGNav4 a,
#search .change,
#search .input,
#footer,
#calendar a,
#catalog a {
	background-image: url(/common/img/spriteGlobal.png);
	background-repeat: no-repeat;
	overflow: hidden;
}
#hSupportNav li,
#fHelperNav li a,
#softPanel .prev a,
.softPanel .prev a,
#softPanel .next a,
.softPanel .next a,
#history .parent a,
#history .back a,
.pagetop a {
	background-image: url(/common/img/spriteIcon.gif);
	background-repeat: no-repeat;
	overflow: hidden;
}
/* *list */
ul.general li.link a,
.banner.text li a {
	background-image: url(/common/img/iconListGeneral.gif);
	background-repeat: no-repeat;
}
ul.general li.link a:hover,
.banner.text li a:hover {
	background-image: url(/common/img/iconListGeneralHover.gif);
}
ul.general li.newwin a {
	background-image: url(/common/img/iconNewwin.gif);
	background-repeat: no-repeat;
}
ul.general.important li.link a {
	background-image: url(/common/img/iconListImportant.gif);
	background-repeat: no-repeat;
}
ul.general.important li.link a:hover {
	background-image: url(/common/img/iconListImportantHover.gif);
}
/* *main area
#main {
	background: url(/common/img/bgBody.gif) right 0 no-repeat;
} */
/* headings */
.editable h4 {
	background-image: url(/common/img/iconH3.gif);
	background-repeat: no-repeat;
}
/* *display */
#psLogo a,
ul.general li.link a,
#psGNav1 a,
#psGNav2 a,
#psGNav3 a,
#psGNav4 a,
#search .change,
#softPanel .prev a,
.softPanel .prev a,
#softPanel .next a,
.softPanel .next a,
#calendar a,
#catalog a {
	display: block;
}
#psLogo span,
#psCatch span,
#psGNav1 a span,
#psGNav2 a span,
#psGNav3 a span,
#psGNav4 a span,
#search .change span,
#search .input,
#softPanel .prev a span,
.softPanel .prev a span,
#softPanel .next a span,
.softPanel .next a span,
#calendar a span,
#catalog a span {
	display: none;
}

/* common structure --------- */
/* *structure */
body {
	margin:0;
	padding:0;
	background: url(/common/img/groupBg.gif) 0 0 repeat-x #fff;
	text-align:center;
}
#container {
	position: relative;
	width:860px;
	margin: 0 auto;
	padding: 0;
	text-align:left;
}

/* *support navigation */
#hSupportNav {
	text-align: right;
	margin-top: 11px;
	height: 22px;
}
	#hSupportNav li {
		display: inline;
		margin-left: 10px;
		padding-left: 10px;
		background-position: -99px 0;
		font-size: 85%;
		font-weight: bold;
	}
	#hSupportNav li.first {
		background: none;
	}
	#hSupportNav li a,
	#hSupportNav li a:link,
	#hSupportNav li a:visited {
		color: #a5a5a5;
	}
	#hSupportNav li a:hover {
		color: #eb422b;
	}

#psHeaderImage{
	position: absolute;
	right: 155px;

	display:none;
			
}

#psHeaderImage img{
	behavior: url("/common/js/iepngfix.htc");
}

#psCatch {
	position: relative;
	right: 5px;
	float: right;
	width: 145px;
	height: 36px;
	background-position: -78px -204px;
}


/* *ps global navigation */
#psGlobalNav {
	height: 42px;
	background-position: 0 -36px;
}
#psGNav {
	float:left;
	width:666px;
	height:42px;
	background-image: url(/common/img/spriteGlobal.png);
	background-position: 0 -78px;
}
#psGNav li {
	float: left;
	height: 42px;
}
#psGNav li a {
	height: 42px;
}
#psGNav1 { width: 164px; }
	#psGNav1 a { background-position: 0 -78px; }
	#psGNav1 a:hover { background-position: 0 -120px; }
	#psGNav1.here a,
	#psGNav1.here a:hover { background-position: 0 -162px; }
#psGNav2 { width: 167px; }
	#psGNav2 a { background-position: -164px -78px; }
	#psGNav2 a:hover { background-position: -164px -120px; }
	#psGNav2.here a,
	#psGNav2.here a:hover { background-position: -164px -162px; }
#psGNav3 { width: 175px; }
	#psGNav3 a { background-position: -331px -78px; }
	#psGNav3 a:hover { background-position: -331px -120px; }
	#psGNav3.here a,
	#psGNav3.here a:hover { background-position: -331px -162px; }
#psGNav4 { width: 160px; }
	#psGNav4 a { background-position: -506px -78px; }
	#psGNav4 a:hover { background-position: -506px -120px; }
	#psGNav4.here a,
	#psGNav4.here a:hover { background-position: -506px -162px; }
/* *history */
#history {
	padding: 8px 10px;
	border-bottom: #cacaca;
	text-align: right;
}
#history li {
	display: inline;
}
#history li a {
	margin-left: 30px;
	padding: 2px 0 2px 18px;
	font-size: 93%;
	color: #404040;
}
	#history li a:link {
		color: #404040;
	}
	#history li a:visited {
		color: #404040;
	}
	#history li a:hover {
		color: #eb422b;
		text-decoration: none;
	}
#history .parent a {
	background-position: 0 -284px;
}
#history .back a {
	background-position: 0 -334px;
}
/* *search form */
#changeSearch {
	display:none;
	position: absolute;
	top: 136px;
	left: 678px;
	width: 172px;
	padding-top: 5px;
	z-index:100;
	background: url(/common/img/headSearchChangeBg1.gif) 0 top no-repeat;
}
	#changeSearch ul {
		padding: 0 10px 10px;
		background: url(/common/img/headSearchChangeBg2.gif) 0 bottom no-repeat;
	}
	#changeSearch ul li {
		padding-top: 5px;
		color: #cfcfcf;
		font-size: 77%;
	}
#search {
	position: relative;
	left: 12px;
	float: left;
	width: 182px;
	height: 42px;
}
	#search .change {
		z-index: 100;
		float: left;
		width: 22px;
		height: 22px;
		margin-top: 9px;
		background-position: -666px -78px;
	}
		#search .change:hover { background-position: -666px -100px; }
		#search .change.hover { background-position: -666px -100px; }
	#search .input {
		display: block;
		float: left;
		width: 148px;
		height: 22px;
		margin-top: 9px;
		background-position: -688px -78px;
	}
	#search img {
		float: left;
	}
	#search .text {
		display: block;
		float: left;
		width: 115px;
		margin-top:5px;
		border: none;
		background: transparent;
		color: #ccc;
		font-size: 77%;
		text-align: left;
		text-indent: 3px;
	}
	#search .image {
		display: block;
		width: 23px;
		float: right;
	}
/* *page top */
.pagetop {
	margin-top: 10px;
	padding: 10px 0;
	text-align: right;
}
.pagetop a {
	padding-left: 15px;
	font-size: 85%;
	color: #404040;
	background-position:0 -384px;
}
	.pagetop a:link {
		color: #404040;
	}
	.pagetop a:visited {
		color: #404040;
	}
	.pagetop a:hover {
		color: #eb422b;
		text-decoration: none;
	}

/* *main area */
#main {
	line-height: 1.6;
	font-size: 108%;
}
	#ps3Detail #main,
	#pspDetail #main,
	#ps3Peripheral #main,
	#pspPeripheral #main,
	#softDetail #main,
	#softCalendar #main,
	#softComp #main {
		border-top: 1px solid #cacaca;
	}
/* general purpose ---------- */
/* *headings */
#pageTitle {
	width: 860px;
	padding: 20px 0 30px;
	background-position: left center;
	background-repeat: no-repeat;
	font-size: 153.9%;
	font-weight: bold;
}
#pageTitle .title {
	display: block;
	padding: 5px 15px;
	line-height: 1.3;
	border-left: 2px solid #5b5b5b;
}

/* *paragraph */
#main p {
	margin-bottom: 1em;
}
/* *emphasis */
.emp {
	color: #f00;
}
/* *accessibility */
.acc {
	height :0;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 0;
}
/* *block */
.block {
	margin-bottom: 20px;
}
	.block.last {
		margin-bottom: 0;
	}
.pack {
}
/* *image rollver */
a.img {
	display: block;
	border: 1px solid #ccc;
}
a.img:hover {
	border-color: #bb0529;
}
a.btn:hover img {
	filter: alpha(opacity=70);
	opacity: .70;
}
/* *list */
ul.general {
	padding-top: 20px;
}
ul.general li {
	line-height: 1.3;
	margin-bottom: 0.3em;
	margin-left: 1.5em;
	list-style-type: disc;
}
ul.general li.link,
ul.general li.newwin {
	display: inline;
	margin-left: 0;
	list-style-type: none;
}
ul.general li.link a,
ul.general li.newwin a {
	position: relative;
	margin-bottom: 0.3em;
	padding-left: 1.5em;
	color: #404040;
}
ul.general li.link a {
	background-position: 0.5em 0.3em;
}
ul.general li.newwin a {
	background-position: 0 0.2em;
}
	ul.general li.link a:link,
	ul.general li.newwin a:link {
		color: #404040;
	}
	ul.general li.link a:visited,
	ul.general li.newwin a:visited {
		color: #8c8c8c;
	}
	ul.general li.link a:hover,
	ul.general li.newwin a:hover {
		color: #eb422b;
		text-decoration: none;
	}
ul.general.important li.link a {
	padding-left: 60px;
	background-position: 0 0.3em;
}
	
/* *banner */
#main .banner {
	margin: 20px 0 0;
}
.banner li {
	float: left;
	width: 200px;
	padding-left: 20px;
	margin-bottom: 5px;
}
.banner li.first {
	padding-left: 0;
}
/* 2010-10-19 変更 Start */
.banner.text {
	text-align: left;
}
/* 2010-10-19 変更 End */
.banner.text li {
	line-height: 1.3;
}
/* 2010-10-19 変更 Start */
.banner.text li a {
	margin-bottom: 0.3em;
	padding-left: 13px;
	background-position: 0 0.3em;
	display: block;
}
/* 2010-10-19 変更 End */
	.banner.text li a:link {
		color: #404040;
	}
	.banner.text li a:visited {
		color: #8c8c8c;
	}
	.banner.text li a:hover {
		color: #eb422b;
		text-decoration: none;;
	}


/* *software panel & catalog link */
#catalogLink {
	margin: 0 0 10px 590px;
}
	#catalogLink li {
		float: left;
		padding-left: 7px;
	}
#calendar {
	width: 131px;
}
	#calendar a {
		height: 13px;
		background-position: -666px -123px;
	}
	#calendar a:hover {
		background-position: -666px -138px;
	}
#catalog {
	width: 121px;
}
	#catalog a {
		height: 13px;
		background-position: -666px -153px;
	}
	#catalog a:hover {
		background-position: -666px -168px;
	}
#softPanel,
.softPanel {
	margin-top: 20px;
}
#softPanel .prev,
.softPanel .prev {
	float: left;
	width: 25px;
}
	#softPanel .prev a,
	.softPanel .prev a {
		position: relative;
		top: 50px;
		width: 21px;
		height: 21px;
		background-position: 0 -135px;
	}
	#softPanel .prev a:hover,
	.softPanel .prev a:hover {
		background-position: -21px -135px;
	}
#softPanel .next,
.softPanel .next {
	float: right;
	width: 25px;
}
	#softPanel .next a,
	.softPanel .next a {
		position: relative;
		top: 50px;
		left: 4px;
		width: 21px;
		height: 21px;
		background-position: -42px -135px;
	}
	#softPanel .next a:hover,
	.softPanel .next a:hover {
		background-position: -63px -135px;
	}

#softPanelContainer,
.softPanelContainer {
	position: relative;
	float: left;
	width: 810px;
	height: 130px;
	overflow: hidden;
}
	#softPanelList
	.softPanelList{
	}
	#softPanelList li,
	.softPanelList li {
		float:left;
		width: 135px;
		height: 120px;
		border-right: 1px solid #ccc;
	}
#softPanelList li a,
.softPanelList li a {
	display: block;
	height: 120px;
	text-align: center;
}
/* article set -------------- */
.article {
	margin-bottom: 30px;
}
.article .editable {
	margin-bottom: 10px;
}
/* headings */
.article .headL {
	position: relative;
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 4px solid #999;
	font-size: 125%;
}
/* *image */
.article .image {
	margin-bottom: 10px;
	text-align: center;
}
/* editable area ------------ */
.editable {
	margin-right: 10px;
	margin-left: 10px;
}
/* headings */
.editable h2 {
	margin-bottom: 10px;
	padding-left: 10px;
	border-left: 4px solid #999;
	font-size: 125%;
	
}
.editable h3 {
	margin-bottom: 5px;
	font-size: 125%;
}
.editable h4 {
	padding-left: 18px;
	background-position: 0 0.4em;
	font-size: 115%;
}
.editable h5 {
	font-size: 115%;
}
.editable h6 {
	font-size: 100%;
}
/* box */
.editable .box {
	margin-bottom: 20px;
	padding: 15px;
	border: 1px solid #dfdfdf;
	line-height: 1.3;
}

/* *table */
.editable table {
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
}
	.editable th,
	.editable td {
		padding: 3px;
		border-right: 1px solid #ccc;
		border-bottom: 1px solid #ccc;
	}
/* *list */
.editable ul {
	margin-left: 1.5em;
}
	.editable ul li {
		list-style-type: disc;
	}
	.editable ul li li {
		list-style-type: square;
	}
	
.editable ol {
	margin-left: 2em;
}
.editable ol li {
	list-style-type: decimal;
}

/* tab */
.tabBody{
	display:none;
}
.tabBody.active{
	display:block;
}

/* clearfix ----------------- */
#footer:after,
.banner:after,
#catalogLink:after,
#softPanel:after,
.softPanel:after,
.block:after,
.pack:after,
.editable:after,
ul.general:after {
	visibility: hidden;  
	display: block;  
	font-size: 0;  
	content: " ";  
	clear: both;  
	height: 0;  
}
/* *for IE6 */ 
* html #footer,
* html .banner,
* html #catalogLink,
* html #softPanel,
* html .softPanel,
* html .block,
* html .pack,
* html .editable,
* html ul.general {
	zoom: 1;
}
/* *for IE7 */ 
*:first-child+html #footer,
*:first-child+html .banner,
*:first-child+html #catalogLink,
*:first-child+html #softPanel,
*:first-child+html .softPanel,
*:first-child+html .block,
*:first-child+html .pack,
*:first-child+html .editable,
*:first-child+html ul.general {
	zoom: 1;
}

/* 動画プレイヤー Start */
div.moviePlayer{
	margin-bottom: 40px;
}

div#main div.moviePlayer h2{
	margin-bottom: 20px;
	padding-left: 0;
	border-left: none;
	font-size: 123.1%;
}

div.moviePlayer div.flash{
	margin: 0 auto 20px auto;
}

body#ps3Detail div.moviePlayer,
body#pspDetail div.moviePlayer,
body#spDetail div.moviePlayer{
	margin-top: 30px;
}

body#spDetail div#main div.moviePlayer h2{
	margin: 0;
}
/* 動画プレイヤー End */


/* for SpecialSite
//　over width 860px
----------------------------------------------------------------*/
#top,#hSupportNav,#psHeader,#fwrap{
	width:860px;
	margin-left:auto;
	margin-right:auto;
}

#fwrap{
	text-align:left;
}
/*--------------------------------------------------------------*/