@charset "UTF-8";

/* 商品検索
------------------------------------------------------*/
/* キーワード検索 */
#mainCol #keysearchForm {
	margin: 20px 0 0 0;
	background: #fff url(../images/products/bg_keysearch.gif) no-repeat;
	width: 900px;
	height: 50px;
}
#mainCol #keysearchForm h2 {
	float: left;
	height: 20px;
	margin: 9px 0 0 76px;
	display: inline;
}
#mainCol #keysearchForm form {
	float: left;
	height: 20px;
	margin: 15px 0 0 15px;
	display: inline;
}
#mainCol #keysearchForm input#keysearchTxt {
	padding: 0 0 0 22px;
	background: #fff url(../images/common/ico_loupe.gif) no-repeat;
	width: 500px;
	height: 20px;
	line-height: 20px;
	border: 0 none;
}
#mainCol #keysearchForm input#keysearchBtn {
	vertical-align: bottom;
}

/* キャラクターで検索 */
#mainCol #charasearchArea h4 {
	margin: 26px 0 0 0;
}
#mainCol #charasearchArea ul {
	width: 900px;
	border-bottom: solid 1px #ccc;
}

#mainCol #charasearchArea ul li {
	float: left;
	margin-right: 0;
	margin-bottom: 0;
	width: 225px;
}
#mainCol #charasearchArea ul li p {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
	width: 225px !important;
	width: auto;
	height: 100px !important;
	height: auto;
}

/* forIE6 */
* html #mainCol #charasearchArea ul li {
	display: inline;
	text-align: center;
	vertical-align: text-top;
	line-height: 100px;
	overflow: hidden;
	width: 225px;
	height: 100px;
	zoom: 1;
}
* html #mainCol #charasearchArea span {
	display: inline-block;
}
* html #mainCol #charasearchArea p {
	vertical-align: middle;
	display: inline;
	width: auto;
	height: auto;
	zoom: 1;
}
* html #mainCol #charasearchArea p img {
	vertical-align: bottom;
}

/* 検索結果 */
/* 検索結果－検索フォーム */
#mainCol #keysearchForm2 {
	margin: 20px 0 0 0;
	background: #fff url(../images/products/bg_keysearch.gif) no-repeat;
	width: 900px;
	height: 50px;
}
#mainCol #keysearchForm2 h2 {
	float: left;
	height: 20px;
	margin: 9px 0 0 22px;
	display: inline;
}
#mainCol #keysearchForm2 form {
	float: left;
	height: 20px;
	margin: 15px 0 0 15px;
	display: inline;
}
#mainCol #keysearchForm2 input#keysearchTxt2 {
	padding: 0 0 0 22px;
	background: #fff url(../images/common/ico_loupe.gif) no-repeat;
	width: 600px;
	height: 20px;
	line-height: 20px;
	border: 0 none;
}
#mainCol #keysearchForm2 input#keysearchBtn2 {
	vertical-align: bottom;
}
#mainCol #keysearchForm2 select#charasearchTxt {
	/*padding: 0 0 0 22px;*/
	background: #fff;
	width: 200px;
	height: 20px;
	line-height: 20px;
	border: 0 none;
}
#mainCol #keysearchForm2 input#charasearchBtn {
	vertical-align: bottom;
}

#mainCol .select {
	margin: 15px 0 0 0;
	padding: 3px 0;
	background: url(../images/common/bg_ctrl.gif) repeat-x left top;
}
#mainCol .select p.pagination {
	float: left;
	height: 18px;
	line-height: 18px;
}
#mainCol .select div.pagination span,
#mainCol .select div.pagination a {
	display: inline-block;
	margin-right: 0.3em;
}
#mainCol .select .sampleImg {
	float: right;
}

/* 検索結果テーブル */
#mainCol .resultTable {
	margin: 15px 0 0 0;
	width: 900px;
	border: solid 1px #0563A5;
	text-align: center;
}
#mainCol .resultTable td {
	border-bottom: solid 1px #0563A5;
	border-left: solid 1px #ccc;
}
#mainCol .resultTable th {
	font-weight: bold;
	color: #fff;
	background-color: #0563A5;
	border-left: solid 1px #ccc;
	text-align: center;
}
#mainCol .resultTable td.firstTd {
	height: 50px;
	border-left: solid 1px #0563A5;
}
#mainCol .resultTable th.iconTh {
	width: 110px;
	height: 26px;
	border-left: solid 1px #0563A5;
}
#mainCol .resultTable th.gnameTh {
}
#mainCol .resultTable th.priceTh {
	width: 100px;
}
#mainCol .resultTable th.lineupTh {
	width: 80px;
}
#mainCol .resultTable th.scheduleTh {
	width: 135px;
}
#mainCol .resultTable th.detailTh {
	width: 95px;
}
#mainCol .resultTable td.scheduleTd {
	font-weight: bold;
}
#mainCol .resultTable th.gnameTh,
#mainCol .resultTable td.gnameTd {
	padding: 0 15px;
	text-align: left;
}
#mainCol .resultTable .sampleIco {
	margin: 0 10px 0 0;
}

/* 商品詳細 */
#mainCol #detailsCap {
	margin: 20px 0 0 0;
	padding: 4px;
	border-left: solid 5px #0563A5;
}
#mainCol #detailsCap h4 {
	font-size: 182%;
	font-weight: bold;
}

#mainCol #detailsArea {
	width: 900px;
	margin: 10px 0 0 0;
}
#mainCol #detailsTxtArea {
	float: right;
	width: 490px;
}
/* 商品画像 */
#mainCol #detailsImgArea {
	float: left;
	width: 410px;
}
#mainCol #detailsImgArea img {
	margin: -1px;
	border: solid 1px #ccc;
}
#mainCol #detailsImgArea p {
	padding: 0.4em 0;
	width: 390px;
	font-weight: bold;
	text-align: center;
	border-bottom: 1px solid #ccc;
}
#mainCol #detailsImgArea ul li {
	float: left;
	margin: 10px 10px 0 0;
}

#mainCol #detailsTxtArea #descTxt {
	line-height: 1.5em;
	margin: 0 0 10px 0;
}
#mainCol #detailsTxtArea #noteTxt {
	padding: 15px 0;
	border-top: solid 1px #ccc;
	color: #F00;
}
#mainCol #detailsTxtArea #infoArea {
	padding: 15px 0;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
}
#mainCol #detailsTxtArea #infoArea dl dt {
	margin: 0 0 0 0;
	font-weight: bold;
}
#mainCol #detailsTxtArea #infoArea dl dd {
	margin: -1.3em 0 10px 0;
	padding: 0 0 0 100px;
}

#mainCol #detailsTxtArea #infoArea .tospecialBtn{
	margin: 20px 0 0 0;
}
	#mainCol #detailsTxtArea #infoArea .tospecialBtn a {
		display: block;
		background: url(../images/products/btn_tospecial.gif) no-repeat;
		width: 234px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .tospecialBtn a:hover {
		background-position: 0 -50px;
	}

#mainCol #detailsTxtArea #infoArea .shoplistBtn{
	margin: 20px 0 0 0;
}
	#mainCol #detailsTxtArea #infoArea .shoplistBtn a {
		display: block;
		background: url(../images/products/btn_shoplist.jpg) no-repeat;
		width: 234px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .shoplistBtn a:hover {
		background-position: 0 -50px;
	}

#mainCol #detailsTxtArea #infoArea .campaignBtn{
	margin: 20px 0 0 0;
}
	#mainCol #detailsTxtArea #infoArea .campaignBtn a {
		display: block;
		background: url(../images/products/btn_campaign.jpg) no-repeat;
		width: 234px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .campaignBtn a:hover {
		background-position: 0 -50px;
	}

#mainCol #detailsTxtArea #infoArea .detailBtn{
	margin: 20px 0 0 0;
}
	#mainCol #detailsTxtArea #infoArea .detailBtn a {
		display: block;
		background: url(../images/products/btn_detail.jpg) no-repeat;
		width: 234px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .detailBtn a:hover {
		background-position: 0 -50px;
	}

#mainCol #detailsTxtArea .backBtn {
	text-align: right;
	margin: 10px 0 0 0;
}

/*お勧め商品*/
#recommend-col{
	position:relative;
	width:900px;
	margin:5px auto 0;
}
#recommend-col h3{
	margin-bottom:25px;
}
#recommend-col ul{
	width:770px;
	height:250px;
	overflow:hidden;
	margin:0 auto;
	position:relative;
}
#recommend-col ul li{
	position:relative;
	float:left;
	width:180px;
	text-align:center;
	word-wrap:break-word;
	border:2px solid #D8D8D8;
	border-radius:5px;
	min-height:220px;
}
#recommend-col ul li:hover{
	border:2px solid #ffcc00;
}
#recommend-col ul li a{
	width:180px;
	height:100%;
	display:block;
	padding:8px 10px;
	box-sizing:border-box;
}
#recommend-col li.list01{
	left:0;
}
#recommend-col li.list02{
	left:195px;
}
#recommend-col li.list03{
	left:390px;
}
#recommend-col li.list04{
	left:585px;
}
#recommend-col ul li img{
	padding-bottom:8px;
}

#recommend-col .btn-recommend{
	width:50px;
	height:50px;
	overflow:hidden;
	text-indent:-9999px;
	position:absolute;
	cursor:pointer;
	background-position:top center;
	background-repeat:no-repeat;
}

#recommend-col .btn-recommend:hover{
	background-position:bottom center;
}

#recommend-col #btn-prev{
	background-image:url(../images/products/btn_prev.jpg);
	top:100px;
	left:0;
}
#recommend-col #btn-next{
	background-image:url(../images/products/btn_next.jpg);
	top:100px;
	right:0;
}
#recommend-col .disabled{
	background-position:top center !important;
	text-indent:0 !important;
	cursor:default !important;
}
#recommend-col #btn-next
#recommend-col #btn-next{
	top:100px;
	right:0;
}



/* infoArea 外部リンクバナー */
#mainCol #detailsTxtArea #infoArea .linkBtn a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}


#gashadoko {
	margin: 15px 0 0 0;
}
#gashadoko a:hover {
	filter: alpha(opacity=50);
	-moz-opacity:0.5;
	opacity: 0.5;
}

/* ステゴッチの組み立て方法に関して */
#mainCol #detailsTxtArea #infoArea .btn516005{
	margin: 20px 0 0 0;
}
	#mainCol #detailsTxtArea #infoArea .btn516005 a {
		display: block;
		background: url(../images/products/btn_516005.jpg) no-repeat;
		width: 420px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .btn516005 a:hover {
		background-position: 0 -50px;
	}
	
#col516005 {
	padding-bottom: 30px;
	text-align: center;
}

/* 仮面ライダーウィザード　DXウィザードリング10のミニブックに関して */
#mainCol #detailsTxtArea #infoArea .btn500036{
}
	#mainCol #detailsTxtArea #infoArea .btn500036 a {
		display: block;
		background: url(../images/products/btn_500036.jpg) no-repeat;
		width: 420px;
		height: 50px;
		text-indent: -9999px;
	}
	#mainCol #detailsTxtArea #infoArea .btn500036 a:hover {
		background-position: 0 -50px;
	}
	
#col500036 {
	padding-bottom: 30px;
	text-align: center;
}
#noticePage {
	padding: 30px 0;
	text-align: center;
}

/* レジェンドライダーゴーストアイコンの変身待機音「バッチリミナー」 */
#mainCol #detailsTxtArea .noteTxt2 {
  padding: 15px;
  border: solid 2px #F00;
  color: #F00;
  margin-top: 10px;
}

/* ガシャポンワールドに戻る */
#btnBackW{
	margin: 0 auto;
	width: 310px;
}
	#btnBackW a {
		display: block;
		background: url(../images/products/btn_back_world.jpg) no-repeat;
		width: 310px;
		height: 50px;
		text-indent: -9999px;
	}
	#btnBackW a:hover {
		background-position: 0 -50px;
	}
	
#col500036 #btnBackW {
	margin-top: 30px;
}

/* ソーシャルボタン
------------------------------------------------------*/
#snsBtn {
	padding: 15px 0;
	border-bottom: solid 1px #ccc;
}
#snsBtn li {
	float: left;
	width: 115px;
}


/*汎用*/

.font-red{color:#FF0000;}
