@charset "utf-8";
/* CSS Document */

/*---------------------------*/
/*製品機能のタグ表示　ul*/
.products_tags{
	list-style:none;
	margin:0;
	padding:0;
}
.products_tags li{
	float:left;
	margin:0;
	padding:0;
}
.products_tags li a{
	display:block;
	margin:0 5px 5px 0;
	padding:7px 10px;
	background:#666;
	color:#FFF;
}
.products_tags li a:hover{
	background:#F90;
}


/*---------------------------*/
/*　一覧のリストページ　　　*/
/*---------------------------*/
.products_list{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
}
.products_list  + h2{
	clear:both;
	margin-top:2em;
}

.products_list li{
	width:50%;
	float:left;
	margin:0;
	padding:0;
}
.products_list li div{
	padding:25px;
	background:#FFF;
	border:1px solid #CCC;
}
.products_list li:nth-child(odd) div{
	margin:0 3px 5px 0;
}

.products_list li:nth-child(even) div{
	margin:0 0 5px 2px;
}

@media(max-width:960px){
	.products_list li{
		width:100%;
		float:none;
		margin:0;
		padding:0;
	}
	.products_list li:nth-child(odd) div,
	.products_list li:nth-child(even) div{
		margin:0 0 5px 0;
	}
	.products_list li:last-child div{
		margin:0;
	}
}

.products_list div:hover{
	background-color:#CCC;
}

.products_list h2.ProductsName{
	margin:0 0 10px 0;
	padding:0;
	border-left:none;
	border-bottom:1px solid #174E9D;
	font-size:110%;
}
.products_list h2.ProductsName img,
.ProductAllList h2 img{
	vertical-align:middle;
	padding-left:3px;
}
.products_list div.photo{
	width:152px;
	float:left;
	margin:0;
	padding:0;
	border:none;
	
}
.products_list .photo img{
	display:block;
	width:150px;
	margin:0;
	padding:0;
	border:1px solid #CCC;
}


.products_list h3{
	font-size:100%;
	border:none;
	font-weight:normal;
	margin:0;
	padding:0 0 0 160px;
	color:#333;
}	
.products_list ul{
	list-style:none;
	margin:0.5em 0 0 0 ;
	padding:0 0 5px 160px;

}
.products_list li li{
	float:none;
	width:auto;
	font-size:11px;
	border:none;
	margin:0;
	padding:0;

}
.products_list li li img{
	padding-right:3px;
}

.products_list .ProductsDate,
.products_list .ProductsPrice,
.products_list .jan{
}
.products_list .color{
}

.products_list .jan{
	sfont-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}


/*---------------------------*/

/*販売終了　テキスト　リンクなし*/
.products_list .endSales{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	display:block;
	width:90px;
	text-align:center;
	margin:10px 0 0 10px;
	padding:0;
	font-size:90%;
	border-radius:2px;
	background:#999;
	color:#FFF;
}




/*---------------------*/
/*発売順　全製品一覧*/

.ProductAllList{
	list-style:none;
	margin:0;
	padding:25px;
	background:#FFF;
	border:1px solid #CCC;
}

.ProductAllList li{
	margin:0 0 15px 0 ;
	padding:0 0 10px 0;
	border-bottom:1px solid #CCC;
	clear:both;
}

.ProductAllList div{
	float:left;
	/*width:auto;*/
	padding:0;
	margin:0;
}

.ProductAllList h2{
	font-size:110%;
	border:none;
	margin:0 0 5px 0;
	padding:0;
}
.ProductAllList h3{
	font-size:90%;
	border:none;
	font-weight:normal;
	margin:0;
	padding:0;
	color:#333;
}
.ProductAllList p.listPhoto{
	margin:0;
	padding:0 0 5px 0;
	display:block;
	float:left;
	width:110px;
	
}
.ProductAllList .listPhoto img{
	padding:0;
	vertical-align:bottom;
	width:100px;
	border:1px solid #CCC;
}

.ProductAllList li ul{
	list-style:none;
	margin:8px 0 0 0;
	padding:8px 0 0 0;
	border-top:1px dashed #CCC;
}
.ProductAllList li li{
	font-size:11px;
	border:none;
	margin:0;
	padding:0;
	clear:none;

}
.ProductAllList ul li img{
	padding-right:3px;
}

.ProductAllList li li.ProductsDate,
.ProductAllList li li.ProductsPrice,
.ProductAllList li li.jan{
	display:inline;
	padding-right:10px;
}
.ProductAllList li li.color,
.ProductAllList li li.ProductsHard{
	margin-left:60px;
	text-indent:-60px;
}
.ProductAllList .jan{
	sfont-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
}

.ProductAllList br{
	clear:both;
}

/*---------------------*/
/*全商品一覧ページネイト*/
.list_menu{
	clear:both;
	text-align:right;
	margin:0 0 5px 0;
	padding:15px 0 0 0;
	font-size:90%;
}
.paginate_top{
	clear:both;
	text-align:center;
	margin:0 0 15px 0;
	padding:15px 0 0 0;
	font-size:90%;
	border-top:1px solid #CCC;
}
.paginate{
	clear:both;
	text-align:center;
	margin:15px 0 30px 0;
	padding:0 0 15px 0;
	font-size:90%;
	border-bottom:1px solid #CCC;
}

#ProductsBox .paginate_top a,
#ProductsBox .paginate_top .ditto_currentpage,
#ProductsBox .paginate a,
#ProductsBox .paginate .ditto_currentpage{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	text-decoration:none;
	padding:3px 6px;
	margin:0 2px;
	border-radius:10px;
}
#ProductsBox .list_menu a,
#ProductsBox .list_menu .ditto_currentpage{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	text-decoration:none;
	padding:2px 15px;
	margin:0 0 0 4px;
	border-radius:10px;
}

.paginate_top a:link,
.paginate_top a:visited,
.paginate a:link,
.paginate a:visited,
.list_menu a:link,
.list_menu a:visited{
	background:#CCC;
	color:#666;
}

.paginate_top a:active,
.paginate_top a:hover,
.paginate_top .ditto_currentpage,
.paginate a:active,
.paginate a:hover,
.paginate .ditto_currentpage,
.list_menu a:active,
.list_menu a:hover,
.list_menu .ditto_currentpage{
	background:#174E9D;
	color:#FFF;
	}
	

/*---------------------*/






/*------------------------------------
製品ページ　ProductsBox.css
------------------------------------*/
/*#ProductsBox{
	
}*/
#ProductsBox{
}
#ProductsBox a{
	/*text-decoration:underline;*/
}
.Products{
	border:1px solid #CCC;
	background:#FFF;
	margin:0;
	padding:25px;
	/*min-width:840px;*/
}
@media(max-width:640px){
	#ProductsBox{
}
	.Products{
		padding:15px;
	}
}

/*製品名*/
.Products h2.ProductsName{
	margin:0 0 10px 0;
	padding:0;
	border-left:none;
	border-bottom:1px solid #174E9D;
	font-size:130%;
}
.Products h2.ProductsName img{
	vertical-align:middle;
}
/*製品ヘッドコピー　introtext*/
.Products h3.readtext{
	background-color:transparent;
	padding:0;
	margin:0 0 10px 0;
	color:#333;
	font-size:100%;
	font-weight:normal;
	border:none;

}

/*写真エリア*/
.ProductsPhotos{
	width:520px;
	margin-bottom:10px;
	float:left;
}
/*メイン写真*/
.ProductsPhotos div.mainphoto{
	border:1px solid #CCC;
	margin:0;
	padding:0;
	width:500px;
}
.ProductsPhotos div.mainphoto img{
	display:block;
	margin:0 auto;
}
@media(max-width:1200px){
	.ProductsPhotos{
		width:400px;
		float:left;
	}
	.ProductsPhotos div.mainphoto{
		width:100%;
	}
	.ProductsPhotos div.mainphoto img{
		max-width:100%;
		width:auto;
		height:auto;
	}
}
@media(max-width:960px){
	.ProductsPhotos{
		width:100%;
		float:none;
	}
	/*.ProductsPhotos div.mainphoto{
		width:100%;
	}
	.ProductsPhotos div.mainphoto img{
		max-width:100%;
		width:auto;
		height:auto;
	}*/
}
/*サブ写真*/
/*
<div class="thumbscontainer">
<ul class="thumbs">
			*/
.thumbscontainer{
	margin:0;
	padding:0;
}
.ProductsPhotos ul.thumbs{
	list-style:none;
	margin:0;
	padding:0;

}
.ProductsPhotos .thumbs li {
	float:left;
	margin:3px 3px 0 0;
	border:1px solid #CCC;
	background:#FFF;
}
.ProductsPhotos .thumbs li a{
	margin:0 0 2px 0;
	text-align:center;
	padding:0;display:block;
	width:72px;
	height:72px;
	line-height:72px;
	text-align:center;
	
}
.ProductsPhotos .thumbs li img{
	vertical-align:middle;
	width:72px;
	
}
.ProductsPhotos .thumbs p{
	display:none;
}


/*--------------------------------
JANと型番
-----------------------------------*/
.JANcodeBox{
	clear:both;
	margin:0 0 20px 0;
	padding:15px;
	border:2px solid #CCC;
	clear:both;
}
@media(max-width:960px){
	.JANcodeBox{
		margin:10px 0 20px 0;
	}
}
.JANcodeBox h3{
	font-size:100%;
	font-weight:normal;
	line-height:100%;
	color:#333;
	margin:0;
}
.JANcodeBox ul{
	list-style:none;
	margin:5px 0 0 0;
	padding:0;
}	
.JANcodeBox li{
	margin:0 0 5px 0;
	padding:0;
	width:180px;
	float:left

}
.JANcodeBox li ul{
	list-style:none;
	margin:0 10px 10px 0;
	padding:0;
	font-size:90%;
}
.JANcodeBox li li{
	margin:0;
	padding:0;
}

.JANcodeBox li li.color{
	margin:5px 0 2px 0;
}
.JANcodeBox li li.jan,
.JANcodeBox li li.productcode{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	text-align:left;
	margin:0;
	}
.JANcodeBox li li.jan{
}
.JANcodeBox li li.productcode{
}
.JANcodeBox li li.price{
	font-family:"ＭＳ ゴシック", "MS Gothic", "Osaka－等幅", Osaka-mono, monospace;
	font-size:90%;
}
.JANcodeBox li li.ProductsStatus{
}
.JANcodeBox li li.ProductsStatus a{
}
.JANcodeBox li li.ProductsStatus a:hover img{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
.JANcodeBox li li.jan img,
.JANcodeBox li li.productcode img,
.JANcodeBox li li.price img{
	margin-right:3px;
}


/*JSカート*/
.cartBox{
	width:200px;
	margin:0;
	padding:0;
	float:right;background:#FFF;
	line-height: 0;
	z-index:2;
}

.cartBox .cartjs_box{
	line-height: 110%;
	margin:0 0 0 20px;
	padding:0 15px 0 15px;
	border-left:1px solid #174E9D;
	border-right:1px solid #174E9D;
}
.cartBox .cartjs_box:first-of-type{
	background:url(cartBox_bg.png) no-repeat center top;
	border-top:1px solid #174E9D;
	padding:15px 15px 0 15px;
}
.cartBox .cartjs_box:last-of-type{
	border-bottom:1px solid #174E9D;
	margin:0 0 20px 20px;
	padding:0 15px 15px 15px;
}
.cartBox .cartjs_box:only-of-type{
	background:url(cartBox_bg.png) no-repeat center top;
	border-top:1px solid #174E9D;
	border-bottom:1px solid #174E9D;
	margin:0 0 20px 20px;
	padding:15px;
}

.cartBox div img{
	width:150px;
}
.cartBox table{
	margin:0;
	padding:0;
	border:none;
	width:150px;
	background:#CCC;
}
.cartBox th,
.cartBox td{
	margin:0;
	padding:0;
	font-size:90%;
	font-weight:normal;
	color:#000;
}
.cartBox div  div table input{
	margin:0;
	padding:0;
	width:3em;
	height:1em;
	background:#FFF;
	color:#333;
	border:none;
}
.cartBox div div input{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:3px 0 0 0;
	padding:3px;
	color:#FFF;
	font-size:12px;
	width:150px;
	height:25px;
	background:url(buycartbg.png) no-repeat center top;
	border:none;
}
.cartBox div div input:hover{
	filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;
}
@media(max-width:640px){
	.cartBox,
	.cartBox div div input{
		font-size:12px;
	}

}
.cartBox .cartBox_text{
	display:block;
	background:#174E9D;
	margin:-20px 0 20px 20px;
	padding:3px;
	color:#FFF;
	font-size:11px;
	line-height:115%;
}
.cartBox .cartBox_text strong{
	font-size:100%;
	font-weight:normal;
}

/*--------------------------------------*/
/*製品スペックエリア*/
/*--------------------------------------*/
.ProductsSpec{
	margin:0 0 10px 520px;
	padding:0;
	width:auto;
	font-size:90%;
}
@media(max-width:1200px){
	.ProductsSpec{
		margin:0 0 10px 420px;
	}
}
@media(max-width:960px){
	.ProductsSpec{
		clear:both;
		margin:0 0 5px 0;
	}
}
.ProductsSpec dl{
	margin:0;
	padding:15px;
	background: #EFEFEF;
	border-radius:8px;
}
.ProductsSpec dt{
	background:#666;
	color:#FFF;
	margin:0 0 3px 0;
	padding:0px 5px;
	text-align:center;
}
.ProductsSpec dd{
	margin:5px 0 1.5em 0;
	padding:0 0;
}
.ProductsSpec dd ul{
	/*list-style:circle;*/
	list-style:square;
	margin:0 0 0 1.5em;
	padding:0;
}
.ProductsSpec dd ol{
	margin:0 0 0 2em;
	padding:0;
}
.ProductsSpec dd ol + p{
	margin-top:0.5em;
}
	
.ProductsSpec dd ul.ProductsDateList{
	list-style:circle;
}

.ProductsSpec dd li{
	padding:0;
	margin:0 0 0.2em 0;
}
.ProductsSpec dd ul ul{
	list-style:circle;
}
.ProductsSpec h4{
	margin:10px 0 5px 0;
	padding:0 10px 0 5px;
	background-color:transparent;
	border-left:8px solid #999;
}
.ProductsSpec dl p{
	margin:0 0 0.5em 0;
}
.ProductsSpec p{
	margin:0 0 0.5em 0;
}

.ProductsSpec ul.note{
	list-style:none;
	margin:5px 0 0.5em 0;
	padding:8px 8px 4px 8px;
}
.ProductsSpec ul.note li{
	padding:0 0 0 1em;
	text-indent:-1em;
	margin:0 0 4px 0;
}
.ProductsSpec ul.note_h{
}
.ProductsSpec ul.note_h h5{
	margin:0 0 5px 0;
}
.ProductsSpec ul.note_h li{
	padding:0;
	text-indent:0;
}


.ProductsSpec b,
.ProductsSpec i,
.ProductsSpec em,
.ProductsSpec strong{
	color:#F00;
	text-decoration:none;
	font-style:normal;
	font-size:100%;
}
/*スペックエリアの下 サポートページヘのリンク　ライセンス表示など*/
.ProductsAttentionAria,
#ProductsAttentionAria{
	margin:10px 0 0 0;
	padding:9px 0 0 0;
	border-top:1px dashed #BBB;
}
.ProductsAttentionAria p,
#ProductsAttentionAria p{
	margin:0 0 5px 0;
	padding:0;
}
.ProductsAttentionAria .strongstrong p,
#ProductsAttentionAria .strongstrong p{
	margin:0 0 0 0;
	padding:0;
}
.SupportLink a{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	display:block;
	margin:0;
	padding:2px;
	line-height:120%;
	text-align:center;
	border-radius:2px;
	text-decoration:none;
}
#ProductsBox .SupportLink a{
	text-decoration:none;
}
.SupportLink a:link,
.SupportLink a:visited{
	background:#DDD;
	text-decoration:none;
}
.SupportLink a:active,
.SupportLink a:hover{
	background:#174E9D;
	color:#FFF;
	text-decoration:none;
}

/*スペックエリアの下　再販告知などを入れる*/
.OnCartBoxSpace,
#OnCartBoxSpace{
	margin:0;
	padding:4px 0 0 0
}
.ProductsAttentionAria img,
#ProductsAttentionAria img,
.OnCartBoxSpace img{
		max-width:100%;
		width:auto;
	}
.OnCartBoxSpace p,
#OnCartBoxSpace p{
	margin:0;
	padding:0;
}
.OnCartBoxSpace img{
	padding-right:4px;
}

/*ProductsBox 上　JAN code boxの下
　　製品ページのバナー　*/
.Productsbanner{
	margin:0 0 15px 0;
	padding:0;

}
.Productsbanner p{
	margin:0;
	padding:0;
}
.Productsbanner img{
	/*max-width:800px;*/
	width: 100%;
	height:auto;
}
	

/*a:link 		{ text-decoration: none;}
a	{color:  text-decoration: none;}
a: 	{color: #003366; text-decoration: none;}
a 	{color: #CC0066; text-decoration: none;}*/

/*----------------------------------*/
/*製品に関する説明エリアの上にバナーが入る場合*/
/*-----------------------------------*/

.onProductsText{
	margin:10px 0 0 0;
	padding:0;
}
.onProductsText p{
	padding:0;
	margin:0;
}
.onProductsText img{
	display:block;
}


/*----------------------------------*/
/*製品に関する説明エリア*/
/*-----------------------------------*/
.ProductsText{
	margin:0;
	padding:0;
}
#ProductsBox .ProductsText h3{
	background:#DDD;
	padding:3px 10px;
	color:#000;

}
#ProductsBox .ProductsText h3.h3img{
	background:#FFF;
	margin-top:30px;
}

#ProductsBox .ProductsText h3 + h2{
	margin:0 0 10px 0;
}
#ProductsBox .ProductsText h2{
	background:#FFF;
	margin:60px 0 10px 0;
	border-left:8px solid #DDD;
	padding:0 0 0 8px;
}
#ProductsBox .ProductsText h2 img{
	display:block;
	z-index:0;
}
@media(max-width:1200px){
	/*#ProductsBox .ProductsText h2{
		width:-webkit-calc(100% - 200px);  カートスペース-200px 
		width:-moz-calc(100% - 200px);
		width:calc(100% - 200px);
	}*/
}

.ProductsText .image_fix{
	margin-right:200px !important;
}
.ProductsText p img{
		max-width:100%;
		width:auto;
		height:auto;
}
@media(max-width:960px){
	.ProductsText .image_fix{
		margin-right:0 !important;
	}
	.ProductsText p img{
	}
	#ProductsBox .ProductsText h2 img{
		max-width:100%;
		width:auto;
		height:auto;
	}
}
@media(max-width:640px){
	.ProductsText .image_fix{
	}
	.ProductsText p img{
	}
}

/*関連商品の表示 ul li a img*/
p + .thumblist{
	margin:-0.5em 0 1.5em 0;
}
.thumblist{
	list-style:none;
	margin:0 0 1.5em 0;
}
.thumblist li{
	display:inline;
	margin:0 4px 4px 0;
	padding:0;
}
.thumblist li img{
	width:100px;
	vertical-align:bottom;
}

.thumblist a{
	margin:0;
	padding:0;
}
.thumblist a:link img,
.thumblist a:visited img{
	border:1px solid #DDD;
}
.thumblist a:active img,
.thumblist a:hover img{
	border:1px solid #CC0066;
}


.thumblist + h3,
.thumblist + h4,
.thumblist + p{
	margin-top:1.5em;
}
.thumblist + .note{
	margin-top:-0.8em;
}
	
/*特徴リスト　各項目にリンクつき*/
.checkpoint{
	list-style:none;
}
.checkpoint li{
	margin:0;
	padding:0;

}

#ProductsBox .checkpoint li a{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	display:block;
	text-align:center;
	margin:7px 0;
	padding:8px 3px;
	border-radius:8px;
	text-decoration:none;
	font-weight:bold;
}

.checkpoint li a:link,
.checkpoint li a:visited{
		border:3px solid #FFF;
	background:#EFEFEF;
}
.checkpoint li a:active,
.checkpoint li a:hover{
		border:3px solid #DDD;
	background:#EFEFEFF;
}


/*特徴リスト retrofreak製品ページ専用*/
.retrofreak_tipslink{
	display: -webkit-flexbox;
	display:-webkit-flex;
	display: flex;
	-webkit-flex-wrap:wrap;
	flex-wrap: wrap;
	flex-flow: row wrap;
	align-items:stretch;
	list-style:none;
	margin:0 -8px 0 0;
	padding:0;
}
.retrofreak_tipslink br{
	display:none;
}
.retrofreak_tipslink strong{
	font-size:100%;
	color:#C00;
}
.retrofreak_tipslink li{
	width:calc(33.33% - 10px);
	margin:0 8px 8px 0;
	padding:0;
	border:1px solid #CCC;
	
	border-radius: 5px;
-webkit-box-shadow: #999 0px 2px 2px;
-moz-box-shadow: #999 0px 2px 2px;
box-shadow: #999 0px 2px 2px;
background: #FFFFFF;
	behavior: url(/assets/templates/PIE.htc);
}
.retrofreak_tipslink a{
	display:block;
	padding:15px;
	color:#000;
	font-size:120%;
	line-height:120%;
}
.retrofreak_tipslink li:hover{
	background: #FFFFFF;
background: -webkit-gradient(linear, 0 0, 0 bottom, from(#FFFFFF), to(#99FFFF));
background: -webkit-linear-gradient(#FFFFFF, #99FFFF);
background: -moz-linear-gradient(#FFFFFF, #99FFFF);
background: -ms-linear-gradient(#FFFFFF, #99FFFF);
background: -o-linear-gradient(#FFFFFF, #99FFFF);
background: linear-gradient(#FFFFFF, #99FFFF);
-pie-background: linear-gradient(#FFFFFF, #99FFFF);

	behavior: url(/assets/templates/PIE.htc);
}
@media(max-width:960px){
	.retrofreak_tipslink li{
		width:calc(50% - 10px);
	}
}
@media(max-width:640px){
	.retrofreak_tipslink li{
		width:calc(100% - 10px);
	}
}


/*製品比較などのテーブル*/
.ProductsTable,
#SupportBox table.ProductsTable{
	margin:10px 0;
	padding:0;
	border-collapse:collapse;
	border:none;
	/*border:solid 1px #CCC;*/
}
#SupportBox table.ProductsTable{
	margin:30px auto;
}
.ProductsTable + h3{
	margin-top:3em;
}
.filmTable{
}
.ProductsTable img{
	width:70px;
	vertical-align:bottom;
}
.filmTable img{
	width:auto;
}
.filmTable th img{
	height:121px;
	/*width:70px;*/
	padding-bottom:2px;
}
.ProductsTable caption,
#SupportBox table.ProductsTable caption{
	text-align:left;
	font-weight:bold;
	padding:0 0 5px 0;
	background:none;
	color:#000;
}
.filmTable caption{
	background:#333333;
	color:#FFF;
	padding:3px;
}
.ProductsTable caption span{
	font-weight:normal;
	padding:0 0 0 5px;
	font-size:90%;
}
.ProductsTable td,
.ProductsTable th{
	margin:0;
	padding:5px;
	border:solid 1px #CCC;
}

.ProductsTable td{
	
}
.tdcenter td{
	text-align:center;
}
.ProductsTable thead th,
#SupportBox .ProductsTable thead th{
	background:#DDD;
	font-weight:normal;
	text-align:center;
}
.filmTable thead th{
	background:#FFF;
	vertical-align:top;
	font-size:80%;
}
.filmTable thead tr.th1 th{
	background:#EFEFEF;
}
.ProductsTable tbody th,
#SupportBox .ProductsTable tbody th{
	font-weight:normal;
	text-align:center;
	background:#666;
	color:#FFF;
}
.ProductsTable tbody .td1 th,
#SupportBox .ProductsTable tbody .td1 th{
	font-weight:normal;
	text-align:center;
	background:#333;
	color:#FFF;
}
.ProductsTable tbody .td2 th,
#SupportBox .ProductsTable tbody .td2 th{
	font-weight:normal;
	text-align:center;
	background:#666;
	color:#FFF;
}
.filmTable tbody th{
	background:#DDD;
}
.ProductsTable td p{
	margin:0;
	padding:0;
	display:block;
}
/*.ProductsTable td p:first-letter,*/
.ProductsTable td p span {
	font-size:36px;
	float:left;
	display:block;
	padding:0 5px 5px 0;
	line-height:36px;
}
.ProductsTable td span {
	font-size:36px;
}
.ProductsTable tfoot td,
#SupportBox .ProductsTable tfoot td{
	/*background:#999;*/
	text-align:left;
	padding:3px 0;
	/*color:#FFF;*/
	font-size:90%;
	border:none;
}
.ProductsTable .current{
	background:#FAD5D7;
}
.ProductsTable col.th1{
	background:#EFEFEF;
}
.ProductsTable col.td1,
.ProductsTable tr.td1{
	background:#D9ECFF;
}
.ProductsTable col.td2,
.ProductsTable tr.td2{
	background:#F4FAFF;
	/*background:#E6F2FF;*/
}


/*バナー表示*/
#ProductsBox .banner,
.cflist .banner{
	text-align:center;

}
#ProductsBox .banner img,
.cflist .banner img{
	padding:0 2px;
}

/*movie表示*/
.movie{
	text-align:center;
	padding:0;
	margin:0;
}
.movie + h3 {
	margin-top:1.5em;
}
/*movie表示 iframeの場合*/
.movieif{
	text-align:center;
	padding:0;
	margin:0;
}

/*プレゼントとか特殊な場合 未使用*/
#ProductsBox .attachment{
	border:2px solid #174E9D;
	padding:15px;
	border-radius:5px;
	margin:0 0 1.5em 0;
	background:#FEFDEF;

}
#ProductsBox .attachment h3{
	background:#174E9D;
	color:#FFF;
	margin:-15px -15px 15px -15px; 
}
#ProductsBox .attachment h4{
	/*background:#AAA;
	color:#FFF;*/
	color:#333;
	border-left:3px solid #999;
	background:transparent;
	padding:0 0 0 5px;
}

/*PS4SE ライセンス　青かこみ*/
#ProductsBox .strongs{
	border:1px solid #174E9D;
	padding:15px;
}
#ProductsBox .strongs h3{
	background:#174E9D;
	color:#FFF;
	margin:-15px -15px 15px -15px; 
}

/*特に強調　赤囲み*/
#ProductsBox .strongstrong {
	margin-left:0;
	margin-right:0px;
	margin-bottom:1em;
}
#ProductsBox .strongstrong h3{
	background:#F00;
	color:#FFF;
	border-bottom:0;
}









/*---------------------------*/
/*内臓コードタイトル　一覧*/
/*---------------------------*/
#ProductsBox .main_photo,
#ProductsBox .main_photo2,
#ProductsBox .main_photo3{
	text-align:left;
	margin-bottom:0.5em;
}
#ProductsBox .main_photo img{
	margin:0 0 25px 0;
	padding:0;
	height:250px;
	background:#FFF;
	vertical-align:bottom;
	border:1px solid #CCC;
	float:left;
}
/*SE PS3用　製品2個の場合*/
#ProductsBox  .main_photo2{
	margin-bottom:0;
}
#ProductsBox .main_photo2 img{
	margin:0 5px 0 0;
	padding:0;
	height:250px;
	background:#FFF;
	border:1px solid #CCC;
}
/*wifi配信用　製品3個以上の場合*/
#ProductsBox  .main_photo3{
	margin-bottom:0;
}
#ProductsBox .main_photo3 img{
	margin:0 5px 0 0;
	padding:0;
	height:150px;
	background:#FFF;
	border:1px solid #CCC;
}
/*リストページ　パケ横テキスト*/
#ProductsBox .codelist_text{
	background:#FFF;
	border:1px solid #CCC;
	padding:25px;
}
#ProductsBox .main_photo + ul.note,
#ProductsBox .main_photo + div.codelist_text,
#ProductsBox .main_photo + div.cflist,
ul.note + div.codelist_text{
	margin-left:260px;
	margin-bottom:5px;
}
@media(max-width:1200px){
	#ProductsBox .main_photo img{
		float:none;
		margin:0 0 5px 0;
	}
	#ProductsBox .main_photo + ul.note,
	#ProductsBox .main_photo + div.codelist_text,
	#ProductsBox .main_photo + div.cflist,
	ul.note + div.codelist_text{
		margin-left:0;
	}
}
	
@media(max-width:640px){
	#ProductsBox .main_photo,
	#ProductsBox .main_photo2,
	#ProductsBox .main_photo3{
	}
	#ProductsBox .main_photo img,
	#ProductsBox .main_photo2 img,
	#ProductsBox .main_photo3 img{
		height:100px;
	}
}
div.codelist_text ul{
	margin:0 0 0 1em;
	padding:0;
}
div.codelist_text li{
	margin:0;
	padding:0;
}
div.codelist_text p{
	margin:0;
}
ul.note + div.cflist{
	margin-top:-20px;
}

/*全製品の内蔵コード　タイトルページヘのリンク*/
ul.code_productlink{
	list-style:none;
	margin:0;
	padding:0;
}
ul.code_productlink + h2,
ul.code_productlink + ul{
	margin-top:20px;
}

.code_productlink li{
	margin:0;
	padding:0;
	width:240px;
	float:left;
}

.code_productlink li.twoitem{
	width:420px;
}
.code_productlink li a{
	display:block;
	margin:0 5px 5px 0;
	padding:25px;
	background:#FFF;
	border:1px solid #CCC;
}
.code_productlink li a:hover{
	background-color:#CCC;
}
.code_productlink li a img{
	vertical-align:bottom;
	width:180px;
}
.code_productlink li a:hover img{
	/*filter: alpha(opacity=60);
    -moz-opacity:0.60;
    opacity:0.60;*/
}



.cflist{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 0 10px 0;
	padding:25px;
	border:1px solid #CCC;
	background:#FFF;
}

/*製品ページの場合の内臓コードリスト*/
.ProductsText .cflist{
	position/*\**/: relative\9;/*ieハック　IE7,IE8のみ適応　背景消え対策*/
	margin:0 0 1.5em 0;
	padding:15px;
	border:1px solid #CCC;
	border-radius:5px;
}



.cflist dl{
	margin:10px 1.5em 1.5em 1.5em;
}

.cflist dt{
	margin:0 0 0.2em 0;
	padding:0 0 0 1em;
	text-indent:-1em;
	color:#005CA5;
}
.cflist dl.tokuten span{
	color:#666;
}
.cflist dl span{
	color:#C33;
}
.cflist dd{
	margin:0 0 0.5em 0;
	padding:0 0 0 1em;
}

.cflist dd ul{
	list-style:none;
	margin:0;
	color:#06C;
	line-height:125%;
	font-weight:normal;
	font-size:100%;
}

.cflist dd h5,
.cflist table h5{
	list-style:none;
	margin:0;
	color:#000;
	line-height:125%;
	font-weight:bold;
	font-size:100%;
}
.cflist table h5{
	margin-top:5px;
}
.cflist dd li{
	margin:0 0 0 0;
}

.cflist ul{
	margin:10px 3em 1.5em 3em;
	list-style:disc;
	line-height:140%;
}
.cflist li{
	margin:0 0 0.2em 0;
}
@media(max-width:960px){
	.cflist dl{
		margin:10px 0 1.5em 0;
	}
	.cflist ul{
		margin:10px 0 1.5em 1em;
	}
}



/*wifi ゲームタイトルリスト*/
/*ulリスト.wifilist*/
ul.wifilist{
	list-style:url(../cyber-respo/list_marusankaku.png) circle;
}
.wifilist li img{
	padding:0 5px 0 5px;
	float:none;
	vertical-align:middle;
}


/*.cflist ul{
	list-style:url(list_marusankaku.png) circle;
}*/

/*SE PS3コード内容*/
.wifilist li p{
	margin:0 0 0 0;
	padding:0 0 0 120px
}


.wifilist li ul{
	list-style-image:none;
	list-style:circle;
	margin:0 0 1em 30px;
	padding:0;
}
.wifilist li li{
	margin:0;
	padding:0;
	list-style-image:none;
	list-style:circle;
}

/*wifiリストページ*/
.wifi50on{
	text-align:center;
	border-bottom:1px dashed #BBB;
	font-weight:bold;
	list-style:none;
	margin:2em 0 10px 0;
	background:#DDD;
}

.wifi50on span{
	display:none;

}
.wifimenu{
	list-style:none;
}
.wifimenu li{
	display:inline;
	margin:0;
	padding:0 5px;
}
.wifimenu li a{
	display:block;
	float:left;
	height:30px;
}
.wifimenu li img{
	padding:0 5px;
}

/*セーブエディター　3DS PS3追加配信パッチコード一覧 
div.NewsBox  div.cflist SEPS3 table
div.NewsBox  div.cflist SE3DS table*/

/*************************/
ul.SEgame{
	list-style:none;
	margin:10px 0 1.5em 0;
	padding:0;
}
.SEgame li{
	clear:both;
	margin:0 0 1em 0;
}

.SEgame table{
	width:100%;
	line-height:130%;
	border-top:2px solid #CCC;
	border-right:2px solid #CCC;
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	margin:10px 0;
}
.SEgame table td,
.SEgame table th{
	border-bottom:1px solid #CCC;
	border-left:1px solid #CCC;
	padding:5px 1em;
	text-align:left;
}
.SEgame table th{
	background:#EFEFEF;
	font-weight:normal;
	width:20%;
}
.SEgame table th.th_title{
	background:#DDD;
}

.SEgame table th img{
	padding-right:3px;
}

.SEgame table td{
}
.SEgame table td div{
	border-bottom:1px dashed #DDD;
	color:#666;
	font-size:90%;
}
.SEgame table td ul{
	list-style:disc;
	margin:0 0 0 1em;
	padding:0;
}
.SEgame table td li{
	margin:0.5em 0 0 0;
	padding:0;
}
.SEgame table td ul + p{
	margin:0.5em 0 0 0;
}




/********************************/
.SE h4{
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	background:#DDD;
	color:#000;
	border-bottom:1px solid #999;
}
.SE h4 img{
	padding:0 5px;
	float:none;
	/*vertical-align:middle;*/
}
.SE h4 strong{
	font-size:100%;
}


/*************************/
.se3dsgameF{
	margin:0 0 3em 0;
	padding:0;
	line-height:120%;
	
}

.se3dsgameF h4{
	font-weight:normal;
	margin:0;
	padding:2px 5px;
	background:#DDD;
	color:#000;
	border-bottom:1px solid #999;
}
.se3dsgameF h4 img{
	padding:0 5px;
	float:none;
	/*vertical-align:middle;*/
}
.se3dsgameF h4 strong{
	font-size:100%;
}



/********************************/



/*--------------------------
関連商品
--------------------------------*/
.RelationProducts{
	background:#F3F3F3;
	margin-top:10px;
	padding:10px 0 5px 0;
	border-radius:5px;
}
.RelationProducts h4{
	padding:2px;
}
.RelationProducts ul{
	list-style:url(list_marusankaku.png) circle;
	margin:0 1.5em 10px 1.5em
}

/*old page用*/
#prophoto td{
	vertical-align:top;
}
#prophoto p{
	padding-right:20px;
	
}
