@charset "UTF-8";
/* CSS Document */
/* IE cssロールオーバーで背景がちらつく件　IE用ハック*/
html {
filter: expression(document.execCommand("BackgroundImageCache", false, true));
}

html, body {
  height:100%;
  background:#EDEDED;
  line-height:110%;
}

body{
	color: #333333;
	font-size:small;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, Verdana, "ＭＳ Ｐゴシック", sans-serif;
	min-width:1024px;
	max-width:100%;
}
@media(max-width:1023px){
	body{
		min-width:100%;
	}
}
@media(max-width:640px){
	body{
		min-width:300px;
	}
}

a:link 		{color: #0066CC; text-decoration: none;}
a:active 	{color: #0066CC; text-decoration: none;}
a:visited 	{color: #003366; text-decoration: none;}
a:hover 	{color: #CC0066; text-decoration: none;}

*{
	margin:0;
	padding:0;
	}

/*clearfix ie対策済み*/
.clearfix {zoom:1;}
.clearfix:after{
    content: ""; 
    display: block; 
    clear: both;
	}

/*非表示*/
.disnon{
	display:none;
}


/*--------------------------------------------*/
/*全体のコンテナ*/
/*--------------------------------------------*/
body > #container{
	width: 100%;
	position: relative;
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;
}
@media(max-width:640px){
	body > #container{
		position:static;
		}
}

/*ヘッダー部*/
#HeadBox{
	background:#333;
	margin:0;
	width:100%;
	position:relative;
	border-top:3px solid #000;
	border-bottom:4px solid #000;
}
@media(max-width:640px){
	#HeadBox{
		height:auto;
		min-width:100%;
		max-width:100%;
		}
}

/*PC コンテンツ部*/
/*トップページ*/
#contents_topimg{
	position:relative;
	background:#000;
	padding:0;
}
#contents_top{
	clear:both;
	padding:20px 1% 260px 15px;
	position:relative;
	max-width:1515px; /*トップページは最大幅　画像の最大値*/
	margin:0 auto;　　/*トップページはセンタリング*/
	height:auto !important; /*IE6対策*/
	height: 100%; /*IE6対策*/
	min-height: 100%;　/*画像可変のため高さ指定*/
}

/*その他のページ*/
#contents{
	clear:both;
	padding-bottom:260px;
	position:relative;
	margin:0 10px;/*その他のページは左づめ*/

}

/*タブレット　スマホ*/
@media(max-width:640px){
	/*トップページ*/
	#contents_top{
		padding:5px 5px 5px 5px;
		position:static;
		max-width:auto;
		width:100%;
		height: 100%;
	}
	/*その他のページ*/
	#contents{
		padding:0 0 0 0;
		position:static;
		margin:10px 10px;
		max-width:100%;
		height:100%;
	}
}


/*フッター部*/
#footer{
	height: 180px;
	clear:both;
	width: 100%;
	position:absolute;
	bottom:0; 
	left:0;
	background: #000;
}
@media(max-width:1023px){
	#footer{
		height:240px;
	}
}
@media(max-width:640px){
	#footer{
		min-width:100%;
		max-width:100%;
		clear:both;
		height:auto;
		position:static;
		
	}
}




/*--------------------------------------------*/
/*ヘッダー*/
/*--------------------------------------------*/
#HeadBox img{
	display:block;
}

/*ヘッダーロゴ h1*/
#HeadBox h1{
	float:left;
	width:230px;
	margin:0;
	padding:0;
}
#HeadBox h1 img{
	margin-left:10px;
}
@media(max-width:640px){
	#HeadBox h1{
		position:relative;
		display:block;
		width:100%;
		left:0;
		margin:0;
		padding:0;
		border-bottom:4px solid #000;
	}
}
#HeadBox h1 a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
/*---------------------*/
/*ヘッダーグローバルナビ*/
ul#HeadGlobelNavi{
	float:left;
	width:399px;
	list-style:none;
	margin:0;
	padding:0;
}
ul#HeadGlobelNavi li{
	width:133px;
	float:left;
	margin:0;
	padding:0;
}
@media(max-width:640px){
	ul#HeadGlobelNavi{
		float:none;
		widows:100%;
	}
	ul#HeadGlobelNavi li{
		width:33%;
	}
	ul#HeadGlobelNavi li.CompanyProfile{
		width:34%;
	}
}

/*ul#HeadGlobelNavi li.productslist{
}
ul#HeadGlobelNavi li.support{
}
ul#HeadGlobelNavi li.onlineshop{
}
ul#HeadGlobelNavi li.CompanyProfile{
}*/

ul#HeadGlobelNavi li a{
	width:130px;
	display:block;
	text-align:center;
	background-image:url(header_navi.png);
	background-repeat:repeat-x;
	background-position:left top;
}
ul#HeadGlobelNavi li a:hover{
	background-position:left bottom;
}
ul#HeadGlobelNavi li a img{
	margin:0 auto;
	padding:0;
}
@media(max-width:640px){
	ul#HeadGlobelNavi li a{
		width:99%;
	}
	ul#HeadGlobelNavi li.CompanyProfile a{
		width:100%;
	}
	ul#HeadGlobelNavi li a img{
		width:auto;
		height:auto;
	}
}


/*---------------------*/
/*右詰め　ショップ　検索*/
ul#HeadSubNavi{
	float:right;
	width:350px;
	list-style:none;
	margin:0;
	padding:0;
}
@media(max-width:1023px){
	ul#HeadSubNavi{
		float:none;
		clear:both; /* スマホは左詰め*/
		width:100%;
		right:0;
		background:#333;
		border-top:4px solid #000;
	}
}
@media(max-width:640px){
	ul#HeadSubNavi{
		float:none;
		clear:both; /* スマホは左詰め*/
		width:100%;
		right:0;
		background:#333;
		border-top:4px solid #000;
		}
}
ul#HeadSubNavi li{
	float:left;
	margin:0;
	padding:0;
}

/*ショップへのリンク*/
ul#HeadSubNavi li.onlineshop{
	width:120px;
	}

ul#HeadSubNavi li.onlineshop a{
	display:block;
	width:90px;
	height:36px;
	background:#900;
}
ul#HeadSubNavi li.onlineshop a:hover {
	background:#F90;
}

/*検索	padding-top:-3px;*/
ul#HeadSubNavi li.SearchBox{
	float:left;
	width:220px;
	height:36px;
}
@media(max-width:1023px){
	ul#HeadSubNavi li.SearchBox{
		float:right;
	}
}
@media(max-width:640px){
	ul#HeadSubNavi li.SearchBox{
		width:150px;
	}
}

li.SearchBox form{
	padding-top:9px;
}
li.SearchBox fieldset{
	border:none;
}
input#ajaxSearch_input{
	width:170px;
	margin:0;
	padding:0;
	border:1px solid #999;
	background:#FFF;
}
input#ajaxSearch_submit{
	width:40px;
	border:1px solid #999;
	background:#EEE;
	color:#333;
	margin:0;
	padding:0;
	text-align:center;
}

@media(max-width:640px){
	input#ajaxSearch_input{
		width:100px;
	}
}


/*--------------------------------------------*/
/*パンくず*/
/*--------------------------------------------*/
.BCouter{
	margin:10px;
	padding:0;
}
.BCouter div{
	margin:0;
	padding:0;
	font-size:11px;
}
.BCouter span{
}
.BCouter span.first{
}
.BCouter span span{
	padding:0;
	display:inline;
}
.BCouter span.last,
.BCouter span.current{
	background:none;
}



/*--------------------------------------------*/
/*コンテンツページ　メニュー*/
/*--------------------------------------------*/
/*左ボックスメニュー　boxGlobelNavi*/
.navi{
	position : absolute ; 
	left:0;  
	top:0;
	width:300px;
}
@media(max-width:1023px){
	.navi{
		width:200px;
	}
}
@media(max-width:640px){
	.navi{
		position:static;
		width:100%;
		margin:0 0 10px 0;
		}
}
.navi > div{
}
#boxGlobelNavi{
	padding:35px 0;
}
@media(max-width:640px){
	#boxGlobelNavi{
		padding:5px 10px;
		}
}
#boxGlobelNavi img{
	display:block;
}
	
/*logo　h1*/
#boxGlobelNavi h1{
}
@media(max-width:640px){
	#boxGlobelNavi h1{
		display:none;
		}
}
#boxGlobelNavi h1 img{
	display:block;
	border:none;
	margin:0 auto 25px auto;
	padding:0
}
#boxGlobelNavi h1 a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
@media(max-width:1023px){
	#boxGlobelNavi h1 img{
		width:150px;
	}
}

/*boxGlobelNavi内 見出し h2 h3 hr*/
#boxGlobelNavi h2{
	font-size:100%;
	line-height:100%;
	color:#DDD;
	margin-top:1.5em;
	margin-left:10px;
	padding:0 0 3px 8px;
}
#boxGlobelNavi h3{
	font-size:100%;
	line-height:100%;
	color:#FFF;
	border-bottom:1px solid #FFF;
	margin:1.5em 0 5px 0;
	padding:0 0 3px 0;
}
#boxGlobelNavi hr{
	/*margin:10px 0;*/
}

#boxGlobelNavi ul{
	list-style:none;
	width:180px;
	margin:0 auto;
	padding:0;
}
@media(max-width:640px){
	#boxGlobelNavi ul{
		width:auto;
		margin:0 0;
		}
}
#boxGlobelNavi li{
	margin:10px 0;
	padding:0;
}
#boxGlobelNavi li a{
	display:block;
	height:45px;
	background-repeat:no-repeat;
	background-position:left top;
	background-color:#333;
}

#boxGlobelNavi li a:hover,
#boxGlobelNavi li.active a{
	background-color:#F90;
}
/*#boxGlobelNavi li.productslist a{
}
#boxGlobelNavi li.support a{
}
#boxGlobelNavi li.CompanyProfile a{
}*/
#boxGlobelNavi .shopbanner{
	margin:35px auto;
	padding:0;
}
@media(max-width:640px){
	#boxGlobelNavi .shopbanner{
		display:none;
		}
}
#boxGlobelNavi .shopbanner img{
	margin:0 auto;
}
@media(max-width:1023px){
	#boxGlobelNavi .shopbanner img{
		width:180px;
	}
}
#boxGlobelNavi .shopbanner a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}

#boxGlobelNavi li ul{
	margin-top:10px;
}
#boxGlobelNavi li li{
	margin:0 -60px 8px 0;
	padding:0;
}
@media(max-width:1023px){
	#boxGlobelNavi li li{
		margin:0 -10px 5px 0;
	}
}
@media(max-width:640px){
	#boxGlobelNavi li li{
		margin:0 -10px 5px 0;
		}
}
#boxGlobelNavi li li a{
	padding:2px 10px 2px 5px;
	background-image:none;
	background-color:transparent;
	color:#FFF;
	height:auto;
	text-indent:0;
}
#boxGlobelNavi li li a:hover{
	background-color:#FFF;
	color:#333;

}
#boxGlobelNavi li li.active a{
	background-color:#FFF;
	color:#333;
}
#boxGlobelNavi li li.activeouter a{
	background-color:#FFF;
	color:#333;
}

#boxGlobelNavi li li ul{
	margin:5px 0 0 0px;
}
@media(max-width:640px){
	#boxGlobelNavi li li ul{
		display:none;
		}
}
#boxGlobelNavi li li li{
	margin:0 -60px 5px 0;
	padding:0;
}
@media(max-width:1023px){
	#boxGlobelNavi li li li{
		margin:0 -10px 5px 0;
	}
}
@media(max-width:640px){
	#boxGlobelNavi li li li{
		/*margin:0 -10px 2px 0;*/
		}
}
#boxGlobelNavi li li li a{
	padding:2px 15px;
	background-image:none;
	background-color:transparent;
	color:#FFF;
	height:auto;
	text-indent:0;
}
#boxGlobelNavi li li.activeouter li a{
	background-color:transparent;
	color:#FFF;
}
#boxGlobelNavi li li.activeouter li.active a,
#boxGlobelNavi li li.activeouter li a:hover,
#boxGlobelNavi li li li a:hover{
	background-image:url(bgwhite30.png);
	background-color:transparent;
	background-repeat:repeat;
	color:#FFF;
}


/*#boxGlobelNaviの背景色*/
.navi .products{
	background:#174E9D;
}
.navi .support{
	background:#21593D;
}
.navi .entame{
	background:#741A1E;
}
.navi .about{
	background:#5E5D73;
}

/*--------------------------------------------*/
/*sitemain*/
/*--------------------------------------------*/
.sitemain{
	margin-left:310px;
}
@media(max-width:1023px){
	.sitemain{
		margin-left:210px;
	}
}
@media(max-width:640px){
	.sitemain{
		margin-left:0;
		}
}
/*それぞれのページ種別用*/
#ProductsBox,
#SupportBox,
#aboutBox{
}

/*構造= div.sitemain / ul.mainSubNavi productsA clearfix  / li.mainSubNavi_項目名 a*/
.mainSubNavi{
	list-style:none;
	margin:0;
	padding:0 0 20px 0;
}
.mainSubNavi li{
	float:left;
	width:200px;
	margin:0;
	padding:0 0 10px 0;
	/*cursor: pointer;*/
}
.mainSubNavi li:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
.mainSubNavi li img{
	display:block;
}

.mainSubNavi li a{
	display:block;
	background-color:transparent;
	background-repeat:no-repeat;
	background-position:left bottom;
	color:#FFF;
	margin:0 10px 0 0;
	padding:0 0 40px 0;
	/*image190x150 button190x40 =190x190 */
}

.mainSubNavi li a:hover{
	background-position:right bottom;
}


/*--------------------------------------------*/
/*製品案内トップ　機種別リスト*/
/*--------------------------------------------*/
/*レトロフリーク*/
/*ゲーム攻略ツール*/
.productsA{
}
/*周辺機器*/
.productsB{
	clear:both;
}



/*機種別メニュー項目*/
/*構造= div.sitemain / ul.mainSubNavi productsA clearfix  / li.mainSubNavi_項目名 a*/
/*retrofreak*/
li.mainSubNavi_retrofreak a{
	background-image:url(products/retrofreak.png);
}

/*SE CF*/
li.mainSubNavi_saveeditor a{
	background-image:url(products/saveeditor.png);
}
li.mainSubNavi_codefreak a{
	background-image:url(products/codefreak.png);
}
li.mainSubNavi_book a{
	background-image:url(products/book.png);
}

/*周辺機器　携帯ゲーム*/
li.mainSubNavi_new3ds a{
	background-image:url(products/new3ds.png);
}
li.mainSubNavi_3dsll a{
	background-image:url(products/3dsll.png);
}
li.mainSubNavi_3ds a{
	background-image:url(products/3ds.png);
}
li.mainSubNavi_ds a{
	background-image:url(products/ds.png);
}
li.mainSubNavi_PSVita2000 a{
	background-image:url(products/PSVita2000.png);
}
li.mainSubNavi_PSVita a{
	background-image:url(products/PSVita.png);
}
li.mainSubNavi_psp a{
	background-image:url(products/psp.png);
}


/*周辺機器　据え置き型ゲーム*/
li.mainSubNavi_wiiu a{
	background-image:url(products/wiiu.png);
}
li.mainSubNavi_wii a{
	background-image:url(products/wii.png);
}
li.mainSubNavi_ps4 a{
	background-image:url(products/ps4.png);
}
li.mainSubNavi_ps3 a{
	background-image:url(products/ps3.png);
}
li.mainSubNavi_xbox a{
	background-image:url(products/xbox.png);
}


/*周辺機器　その他*/
li.mainSubNavi_iphone a{
	background-image:url(products/iphone.png);
}
li.mainSubNavi_other a{
	background-image:url(products/other.png);
}
li.mainSubNavi_gm a{
	background-image:url(products/gm.png);
}
li.mainSubNavi_character a{
	background-image:url(products/character.png);
}




/*--------------------------------------------*/
/*support*/



/*--------------------------------------------*/
/*about*/


/*--------------------------------------------*/
/*AjaxSearch.css*/
/*--------------------------------------------*/
/*検索結果ページイントロのp*/
.ajaxSearch_resultsInfo{
}


/*検索結果ページ: 1 | 2　span*/
.ajaxSearch_paging{
	display:block;
	margin:15px 0 2em 0;
	border-top:1px solid #CCC;
	border-bottom:1px solid #CCC;
	padding:8px 0 8px 0;
}

/*検索結果　1件分のdiv*/
.ajaxSearch_result{	
	border-bottom:1px dashed #CCC;
	padding:10px 0 20px 0;
	margin:15px 0;
}
/*検索結果のリンク a*/
.ajaxSearch_resultLink{
	display:block;
	font-weight:bold;
	margin:0;
	padding:0 0 0 15px;
	background:url(list_yazirusi.gif) no-repeat left 2px;
}

/*検索結果のpを囲むdiv*/
.ajaxSearch_resultExtract{
	margin:0;
	padding:0;
}
.ajaxSearch_resultExtract p{
	margin:0;
	padding:0;
}

/*Descriptionがあったとき span*/
.ajaxSearch_resultDescription{
	margin:0;
	padding:0;
	color:#333;
}

/*--------------------------------------------*/
/*基本*/
/*--------------------------------------------*/
img{
	border:none;
}

h2 img,
h3 img,
h4 img{
	vertical-align:bottom;
}
p{
	line-height:130%;
	margin:5px 0 1.5em 0;
}
h1{
	font-size:16px;
	font-weight:200;
}
h2{
	font-weight:bold;
	font-size:125%;
	line-height:135%;
	margin:0 0 10px 0;
	border-left:8px solid #DDD;
	padding:0 0 0 8px;
}
h3{
	font-weight:bold;
	font-size:110%;
	line-height:120%;
	margin:0 0 10px 0;
	padding:0 0 3px 0;
	color:#174E9D;
	border-bottom:1px solid #CCC;
}
ul + h3{
	margin-top:3em;
}
h4{
	font-weight:bold;
	font-size:100%;
	background:#EEE;
	margin:5px 0 1em 0;
	padding:1px 3px;
}
h5{
	font-weight:bold;
	font-size:100%;
	margin:5px 0 1em 0;
}
h6{
	font-weight:bold;
	font-size:90%;
	margin:5px 0 1em 0;
}
ul{
	margin:5px 1.5em 2em 1.5em;
	list-style:disc;
}
ul ul{
	margin:5px 1.5em 2em 1.5em;
	list-style:circle;
}
ol{
	margin:5px 1.5em 2em 1.5em;
	line-height:120%;
}

li{
	margin:0 0 0.5em 2em;
	ine-height:120%;
}

li p{
	line-height:130%;
	margin:0 0 1.5em 0;
}
dl{
	margin:5px 1em 2em 1em;
}
dt{
	font-weight:bold;
	margin:0 0 0.3em 0;
	line-height:125%;
}
dd{
	margin:0 0 1em 0;
	line-height:125%;
}
dd + dd{
	margin:-.7em 0 1em 0;
}
dd ul{
	margin:5px 1.5em 1em 1.5em;
}

@media(max-width:1023px){
	ul,ol{
		margin:5px 0 2em 1em;
	}
	li{
		margin:0 0 0.5em 0;
	}
	dl{
		margin:5px 0 2em 0;
	}
}

strong{
	font-weight:bold;
	font-size:110%;
	font-style:normal;
}
em{
	font-weight:normal;
	font-style:normal;
	color:#F00;
}
/*特に強調*/
.strongstrong{
	border:1px solid #F00;
	padding:5px;
	margin:0 0 2em 0;
}
.strongstrong > *{
	color:#F00;
	margin:5px 10px;
}
.strongstrong .nonestrong{
	color:#000;
}
.strongstrong ul{
	margin-left:0;
}

.strongstrong + h3{
	margin-top:3em;
}


hr{
	height:1px;
	color:#CCC;
	background:#CCC;
	margin:15px 0;
	padding:0;
	border-width:0;
	border-color:#CCC;
}
p.description,
p.introtext{
	margin:5px 0 1em 0;
}
.main_photo{
	text-align:center;
}
/*注釈*/
ul.note{
	list-style:none;
	margin:0.5em 0 2em 0;
	padding:10px 10px 5px 10px;
	background:#F6F6F6;
	border:1px dashed #8BA6CE;
}
ul.note li{
	margin:0 0 5px 0;
	padding:0 0 0 1em;
	text-indent:-1em;
}

ul.note ul{
	list-style:url(list_marusankaku.png) disc;
	border:none;
	margin:0 0 0 1em;
	padding:0 0 0 0;
	background:#F6F6F6;

}
ul.note li ul li{
	margin:0 0 0 0;
	padding:0 0 0 0;
	text-indent:0;
}
div.note{
	margin-bottom:2em;
	padding:5px 10px 0 10px;
	background:#F6F6F6;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
div.note_red{
	margin-bottom:2em;
	padding:5px 10px 0 10px;
	background:#FFF;
	border:1px solid #F30;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	behavior: url(/assets/templates/PIE.htc);
}
div.note_red h3{
	color:#F30;
}