@charset "shift_jis";

/***************************************
*	common
***************************************/
body{
	background:#333 url(../images/common/bg.gif) repeat-x 0 0;
	margin:0;
	padding:0;
	text-align:center;
	font-size:90%;
}
#container{
	width:920px;
	margin:0 auto;
	text-align:left;
	background-color:#fff;
}
#wrapper{
	padding:0 10px 10px;
}

/***************************************
*	header
***************************************/
#header{
	width:100%;
	background-color:#000;
	color:#fff;
}
	#header h1{
	display:none;
	}
	#banner{
	height:100px; overflow:hidden; }
	#banner h2{
		float:left;
		width:729px;
		margin:0;
	}
		#topLogin{
			background:url(../images/common/bg_toplogin.jpg) no-repeat 0 0;
			float:right;
			width:171px;
			padding-top:5px;
		}
			#topLogin .wrap{
				margin:0;
				background:#d2d2d2 url(../images/common/bg_login.gif) repeat-x 0 0;
				border:solid 3px #dfd8ca;
				font-size:70%;
			}
				#topLogin h3{
					margin:0;
					padding:0;
				}
				#topLogin p{
					margin:0;
					padding:0 7px 2px;
				}
				#topLogin p.inputPara{
					padding:1px 10px 2px;
					text-align:center;
				}
				#topLogin p.losePass{
					padding:0 10px 2px;
					text-align:center;
				}
					#topLogin p.losePass a{
						color:#fff;
					}
				#topLogin p.pointPara{
					padding:0 10px 5px;
					color:#d6d6d6;
					letter-spacing:-1px;
				}
				#topLogin p.point500{
					text-align:center;
					font-weight:bold;
				}
/*�?FSメン�?���?�?20100928
#topImportant{
	border:solid 1px #f30;
	padding:10px;
	margin:15px;
}
#topImportant h3{
	margin:0;
	font-size:14px;
}
#topImportant p{
	margin:0;
	font-size:12px;
}
#topImportant em{
	font-weight:bold;
	font-style:normal;
	color:#f30;
}*/

/***************************************
*	navi
***************************************/
#navibg{
background-color:#333333;
height:32px;
}
#naviRed{
	width:900px;
	background-color:#333333;
	clear:both;
}
#naviGold{
	width:784px;
	background-color:#333333;
}
#naviadd {
	background-color:#333333;
		float:left;
	width:114px;
	margin-left:786px;
	position:absolute;
}


	#naviRed ul,
	#naviGold ul{
	margin:0;
		padding:0;
	}
	#naviadd ul{
	margin:0;
	padding:0;
	}
		#naviRed li{
			float:left;
			list-style:none;
			}
			
		#naviGold li{
			float:left;
			list-style:none;
			margin:2px 0px 2px 2px;
			background-color:#333333;
		}
		#naviadd li{
			float:left;
			list-style:none;
			margin:2px 2px 2px 2px;
			background-color:#333333;
		}
			#naviRed li a,
			#naviGold li a{
				display:block;
				width:110px;
				height:28px;
				text-indent:-9999px;
				overflow:hidden;
			}
			#naviadd li a{
				display:block;
				width:110px;
				height:58px;
				text-indent:-9999px;
				overflow:hidden;
			}
	
	
/* ヘッ�?ープル�?ウンメニュー*/

#menu, #menu ul {
	margin: 0;
	padding: 0;
	list-style: none;
	float:left;
	}
#menu {
margin: 15px 0;
width: 910px;
height: 46px;
	}

#menu:before,

#menu:after {
	content: "";
	display: table;
	}

#menu:after {
	clear: both;
	}

#menu {
	zoom:1;
	}
	
#menu li {
	float: left;
	position: relative;
	}
#menu a {
display: block;
width: 130px;
	}
	
#menu li:hover > a {
	color:#AD0002;
	}

*html #menu li a:hover { /* IE6 only */
	color: #fafafa;
	}

#menu ul {
	display:block;
	z-index:15;   
	margin: 20px 0 0 0;
	_margin: 0; /*IE6 only*/
	opacity: 0;
	visibility: hidden;
	position: absolute;
	top: 50px;
	left: 0; 
	background: #fff;
	background: -moz-linear-gradient(#fff, #fcfcfc);
	background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#111));
	background: -webkit-linear-gradient(#fff, #fcfcfc);    
	background: -o-linear-gradient(#fff, #fcfcfc);	
	background: -ms-linear-gradient(#fff, #fcfcfc);	
	background: linear-gradient(#fff, #fcfcfc);
	-moz-box-shadow: 0 -1px rgba(255,255,255,.3);
	-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all .2s ease-in-out;
	-moz-transition: all .2s ease-in-out;
	-ms-transition: all .2s ease-in-out;
	-o-transition: all .2s ease-in-out;
	transition: all .2s ease-in-out;
	border:solid 1px #eee;
	}

#menu li:hover > ul {
	opacity: 1;
	visibility: visible;
	margin: 0;
}

#menu ul ul {
	top: 5px;
	left: 150px;
	margin: 0 0 0 20px;
	_margin: 0; /*IE6 only*/
	-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);
	box-shadow: 0px 0px 10px rgba(0,0,0,0.4);	
	}

#menu ul li {
	float: none;
	display: block;
	border: 0;
	_line-height: 0; /*IE6 only*/
	-moz-box-shadow: 0 1px 0 #ddd, 0 0px 0 #666;
	-webkit-box-shadow: 0 1px 0 #ddd, 0 0px 0 #666;
box-shadow: 0 1px 0 #ddd, 0 0px 0 #666;
	}

#menu ul li:last-child {   
	-moz-box-shadow: none;
	-webkit-box-shadow: none;
	box-shadow: none;    
	}

#menu ul a {    
	padding: 10px;
	width: 150px;
	_height: 10px; /*IE6 only*/
	display: block;
	white-space: nowrap;
	float: none;
	text-transform: none;
	text-indent: 0px;
	color: #888888;
	height: 20px; 
	}

#menu ul a:hover {
	background-color: #BFBFBF;
	background-image: -moz-linear-gradient(#eee,  #ddd);	
	background-image: -webkit-gradient(linear, left top, left bottom, from(#eee), to(#ddd));
	background-image: -webkit-linear-gradient(#eee,  #ddd);
	background-image: -o-linear-gradient(#eee,  #ddd);
	background-image: -ms-linear-gradient(#eee,  #ddd);
	background-image: linear-gradient(#eee,  #ddd);
	text-indent: 0px;
	color: #888888;
	}

#menu ul li:first-child > a {
		-moz-border-radius: 3px 3px 0 0;
		-webkit-border-radius: 3px 3px 0 0;
		border-radius: 3px 3px 0 0;
}

#menu ul li:first-child > a:after {
	content: '';
	position: absolute;
	left: 40px;
	top: -6px;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	}

#menu ul ul li:first-child a:after {
	left: -6px;
	top: 50%;
	margin-top: -6px;
	border-left: 0;	
	border-bottom: 6px solid transparent;
	border-top: 6px solid transparent;
	border-right: 6px solid #fff;
	}

#menu ul li:first-child a:hover:after {
	border-bottom-color: #eee; 
}
	
#menu ul ul li:first-child a:hover:after {
	border-right-color: #eee; 
	border-bottom-color: transparent; 	
	}

#menu ul li:last-child > a {
		-moz-border-radius: 0 0 3px 3px;
		-webkit-border-radius: 0 0 3px 3px;
		border-radius: 0 0 3px 3px;
	}
#menu-trigger {
display: none;
}

	
	
	
	
	
	
/***************************************
*	naviadd
***************************************/
#naviadd li a#naviadd00{
	width:110px;
	background:url(../images/common/top-re12_18.jpg) no-repeat 0 0;
}
#naviadd li a#naviadd00:hover{
	background:url(../images/common/top-re12_18.jpg) no-repeat 0 -58px;
}
/***************************************
*	naviRed
***************************************/
#naviRed li a#naviRed01{
	margin:2px 0px 0px 2px;
	width:110px;
	background:url(../images/common/top-re14_m1.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed01:hover{
	background:url(../images/common/top-re14_m1.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed02{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m2.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed02:hover{
	background:url(../images/common/top-re14_m2.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed03{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m3.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed03:hover{
	background:url(../images/common/top-re14_m3.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed03_new{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m4.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed03_new:hover{
	background:url(../images/common/top-re14_m4.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed04{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m4.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed04:hover{
	background:url(../images/common/top-re14_m4.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed05{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m5.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed05:hover{
	background:url(../images/common/top-re14_m5.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed06{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m6.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed06:hover{
	background:url(../images/common/top-re14_m6.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed07{
	margin:2px 0px 0px 2px;
	background:url(../images/common/top-re14_m7.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed07:hover{
	background:url(../images/common/top-re14_m7.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed08{
	margin:2px 0px 0px 2px;
	width:110px;
	background:url(../images/common/top-re14_m8.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed08:hover{
	background:url(../images/common/top-re14_m8.jpg) no-repeat 0 -28px;
}
#naviRed li a#naviRed09{
	margin:2px 0px 0px 2px;
	width:110px;
	background:url(../images/common/top-re14_m9.jpg) no-repeat 0 0;
}
#naviRed li a#naviRed09:hover{
	background:url(../images/common/top-re14_m9.jpg) no-repeat 0 -28px;
}

#naviRed li a#naviRed10{
	width:200px;
	color: #666666;
	text-indent: 0;
}
#naviRed li a#naviRed08:hover{
	background:url(../images/common/top-re14_m8.jpg) no-repeat 0 -28px;
}


	
/***************************************
*	naviGold
***************************************/
#naviGold li a#naviGold01{
	width:110px;
	background:url(../images/common/top-re12_27.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold01:hover{
	background:url(../images/common/top-re12_27.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold02{
	background:url(../images/common/top-re12_28.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold02:hover{
	background:url(../images/common/top-re12_28.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold03{
	background:url(../images/common/top-re12_29.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold03:hover{
	background:url(../images/common/top-re12_29.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold04{
	background:url(../images/common/top-re12_30.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold04:hover{
	background:url(../images/common/top-re12_30.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold05{
	background:url(../images/common/top-re12_31.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold05:hover{
	background:url(../images/common/top-re12_31.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold06{
	background:url(../images/common/navi_gold06.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold06:hover{
	background:url(../images/common/navi_gold06.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold07{
	background:url(../images/common/top-re12_32.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold07:hover{
	background:url(../images/common/top-re12_32.jpg) no-repeat 0 -28px;
}
#naviGold li a#naviGold08{
	width:110px;
	background:url(../images/common/top-re12_33.jpg) no-repeat 0 0;
}
#naviGold li a#naviGold08:hover{
	background:url(../images/common/top-re12_33.jpg) no-repeat 0 -28px;
}
	


/***************************************
*	sideBar
***************************************/
#sideBar{
	float:left;
	width:180px;
	margin-top:10px;
}
#sideboxbg{
	background-color:#333;
		padding:5px 0 5px 0;
	}
#otms-bnr{
padding-bottom:10px;
}
#otms-btn{
	background-color:#000;
		padding:0px 0 5px 5px;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#FF0000;
		line-height:140%;
	}
	#otms-btn img{
		vertical-align:middle;
		padding-top:0px;
	}
	#sideBar p.set{
		margin:0;
		padding:3px 2px;
		font-size:90%;
		text-align:center;
		background-color:#fff;
	}
		#sideBar p.set a{
			color:#c00;
		}
	#sideBar p.set2{
		margin:0;
		padding:3px 2px;
		font-size:75%;
		text-align:left;
		background-color:#000;
	}
		#sideBar p.set2 a{
			color:#fff;
		}
	#sideBar .sideBox{
		margin:10px 5px;
	}
		.sideBox h3{
			margin:0;
		}
	#sideLogin .loginbox{
		margin:0;
		background:#f2f2f2;
		border:solid 2px #666;
		font-size:70%;
	}
		#sideLogin .loginbox p{
			margin:0;
			padding:0 3px 2px;
			background-color:#fff;
		}
		#sideLogin p.inputPara{
			padding:1px 10px 2px;
			text-align:center;
			background:#f2f2f2;
		}
		#sideLogin p.losePass{
			padding:0 10px 2px;
			text-align:center;
			background:#f2f2f2;
		}
			#sideLogin p.losePass a{
				color:#1b4e7d;
				text-decoration:none;
			}
			#sideLogin p.losePass a:hover{
				text-decoration:underline;
			}
		#sideLogin p.imgPara{
			background-color:#fff;
			padding:4px 3px;
		}
		#sideLogin p.pointPara{
			padding:0 10px 5px;
			background-color:#fff;
			color:#666;
		}
	form#iSearchBox{
		margin:0;
		background-color:#fff;
	}
		form#iSearchBox p{
			margin:0;
			padding:5px;
			font-size:90%;
		}
		form#iSearchBox select{
			width:100%;
		}
		form#iSearchBox .keyword{
			width:95%;
		}
		form#iSearchBox p.submit{
			text-align:center;
		}
	#sideBar .cateList{
		background-color:#f2f2f2;
	}
		#sideBar .cateList ul{
			padding:10px;
			margin:0;
		}
			#sideBar .cateList li{
				padding:3px 0;
				margin:0 0 0 10px;
				list-style:none;
				font-size:90%;
				line-height:120%;
				position: relative;
			}
#sideBar .cateList li::after,
#sideBar .cateList li::before {
	display: block;
	content: '';
	position: absolute;
}
#sideBar .cateList li::after {
	top: .30em;
	left: -1.2em;
	width: 14px;
	height: 14px;
	background-color: #9F0002;
	border-radius: 100%;
}
#sideBar .cateList li::before {
	z-index: 2;
	top: .625em;
	left: -.975em;
	width: 4px;
	height: 4px;
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}
			
			
			
				#sideBar .cateList a{
					color:#888;
				}
				#sideBar .cateList a:hover{
					color:#c00;
				}
	#sideBar .teiki{
		padding:5px 0;
		text-align:center;
	}
	#sideBar .sideBox2{
		background-color:#fff;
		padding-top:10px;
	}
		#sideBar .sideBnrList{
			padding-bottom:10px;
		}
		#sideBar ul.sideMenulist{
			padding:5px;
			margin:0;
		}
			#sideBar ul.sideMenulist li{
				list-style:none;
				margin:5px 0;
			}
				#sideBar ul.sideMenulist li a{
					border-bottom:solid 1px #fff;
				}
	#sideBar .sideBox3{
		background-color:#eae3db;
	}
		#sideBar .sideBox3 ul{
			margin:0;
			padding:5px 10px;
		}
			#sideBar .sideBox3 li{
				padding:2px 0;
				margin:0;
				list-style:none;
				font-size:80%;
				color:#600;
			}
				#sideBar .sideBox3 li a{
					color:#600;
				}
				#sideBar .sideBox3 li a:hover{
					color:#c00;
				}
				#sideBar .sideBox3 h4{
					margin:0;
					padding:2px 12px;
					color:#600;
					font-size:80%;
				}
	.sbnrBox{
		margin:0;
		padding:10px 0;
	}
#team6{
	padding-bottom:14px;
	background:url(../images/common/l_btm_katsudo.gif) no-repeat bottom;
}
#team6 h3{
	margin:0;
}
#team6 ul{
	margin:0;
	padding:0;
	list-style:none;
	border-left:6px solid #5BB11A;
	border-right:6px solid #5BB11A;
	text-align:center;
	background-color:#FFF;
}
	#team6 ul li{
		margin:0;
		padding:0;
	}
#t-safe{
padding-bottom:300px;
	background:url(https://c13.future-shop.jp/shop/item/suganoya/design/img02/t-safe.gif);
}

h4.menutit{
	background:#333;
	color:#fff;
	font-size:14px;
	padding:1px;
	font-weight:bold;
	padding-left:10px;
	border-top-right-radius: 5px;        /* CSS3���� */  
	border-bottom-right-radius: 5px;        /* CSS3���� */  
    -webkit-border-top-right-radius: 5px;    /* Safari,Google Chrome�p */  
	-webkit-border-bottom-right-radius: 5px;    /* Safari,Google Chrome�p */  
    -moz-border-bottom-right-radius: 5px;   /* Firefox�p */ 
	-moz-border-top-right-radius: 5px;   /* Firefox�p */
	margin:0 0 5px -10px;
	}

/***************************************
*	mainRight
***************************************/
#mainRight{
	margin-top: 10px;
	margin-bottom:10px;
	float:right;
	width:180px;
}
#ranking{
	margin-bottom:10px;
	width:180px;
	font-size:10px;
	color:#999;
	line-height:1.4em;
}
#ranking .update{
	margin:0;
	padding:3px 0;
	color:#FFF;
	font-size:10px;
	background-color:#000;
	text-align:right;
	border-bottom:1px solid #FFF;
}
#ranking h3, #ranking p{ margin:0; }
#ranking .itemName{ font-size:12px; color:#000; }
#ranking .itemName a{
color:#333333;
	text-decoration:none;
	}
#ranking .itemName a:hover{
color:#333333;
	text-decoration:underline;
	}
#ranking .itemPrice{ font-size:12px; color:#A00; }
#ranking .moreInfo{ margin:5px 0; text-align:right; }

#media{ margin-bottom:10px; width:180px; background-color:#DFD8CA; }
#media h3{ margin:0; }
#media h4{
	margin:0;
	padding:3px;
	font-weight:normal;
	font-size:12px;
	color:#FFF;
	background-color:#000;
}
#media .content{
	margin-bottom:15px;
	padding:3px;
	text-align:center;
	background-color:#FFF;
	border:1px solid #000;
	font-size:12px;
}
	#media .content p{ margin:0; }


/***************************************
*	main
***************************************/
#main{
	float:right;
	width:700px;
	margin-top:10px;
}

/***************************************
*	footer
***************************************/
#footer{
	margin:0 auto;
	width:900px;
	color:#666;
	background-color:#fff;
}
#footer h3,
#footer h4,
#footer p{
	margin:0 0 1em;
}
#footer a{
	color:#FF6600;
}
#footer .footwrap{
	margin:1em auto;
	width:880px;
	font-size:12px;
	color:#333;
	line-height:1.4em;
}

#footLeft{
	width:430px;
	float:left;
}

#footRight{
	width:430px;
	float:right;
}

#copy{
font-size:12px;
text-align:center;
background:#333333;
color:#FFFFFF;
line-height:250%; }

/***************************************
*	other
***************************************/
a img{
	border:none;
}

.clear{
	clear:both;
	height:0;
	line-height:0;
	font-size:0;
}
.clear_fix{
	zoom:100%;
	height:1%;
}
.clear_fix:after{
	content:".";
	clear:both;
	display:block;
	visibility:hidden;
	height:0;
	line-height:0;
}


#tnk-bnr{
	background:url(../images/common/t-comment.png) no-repeat;
		padding:0px 0 5px 5px;
		font-size:10px;
		text-align:left;
		color:#666;
		line-height:120%;
		height:700px;
	}
#tnk-bnr p{
	padding:160px 10px 0px 10px;
}
#tnk-bnr img{
	margin:5px;
}
	#tnk-btn{
	padding:0px 0 5px 5px;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#FF0000;
		line-height:140%;
	}
	#tnk-btn{
	padding:0px 0px 5px 5px;
		font-size:12px;
		font-weight:bold;
		text-align:left;
		color:#FF0000;
		line-height:140%;
	}
	#tnk-btn img{
		float:right;
		margin-right:10px;
}