@charset "utf-8";
/* CSS Document */

/*---------------------------------------------
ヘッダー
---------------------------------------------*/
#headfixed{
	width: 1000px;
	height: 125px;
	position: fixed;
	top: 0; /* 固定する位置 */
	left: 0; /* 固定する位置 */
	right: 0;  /* 固定する位置 */
	margin: 0 auto;
	z-index: 99998;
	background-color: #FFFFFF;
}
#header_wrapper{
	width: 1000px;
	margin: 0 auto;
}
#head_l{
	width:450px;
	float: left;
}
#head_r{
	width:550px;
	float: right;
	vertical-align: middle;	
	margin:0 0 10px 0px;
	text-align: right;
}

/*headnavi フッターも共通*/
.headnavi li{
	display: inline;			
	font-size: 14px;
	text-decoration: none;	
	margin-left: 10px;
	color: #797979;	
}
.headnavi .line_n a{
  line-height: 31px;
	color: #797979;
	padding-right:70px;
	text-decoration:none;	
}
.headnavi .line a:hover,
.headnavi .line_n a:hover{
		text-decoration: underline;
}
.headnavi .line a{
	padding-right: 15px;
  line-height: 31px;
	color: #797979;	
	background: url(../img/head_line.png) right center no-repeat;	
	text-decoration:none;
}

#review{
	margin:0 0 0 20px;	
	float: left;
}
#review a{
	text-decoration:none;		
}
.rev_text{
	font-size:14px;
  font-weight: bold;
	color: #797979;
	display: inline;
	vertical-align:middle;
	padding-right:15px;
}

#search{
	margin:0 0 5px 20px;
	padding:0px;
	font-size: 14px;
	color: #797979;	
	border: #dddddd solid 1px;
	float: left;
}
.search_txt{
  outline: 0;
	width:200px;
	height: 36px;	
	border: none;
}

.search_btn {
    float: right;
    margin: 9px 12px 0 0;
    width: 18px;
    height: 17px;
    outline: 0;
}
.point{
    margin-left: 7px;
    font-size: 28px;
    color: #bf0000;
    font-weight: bold;
    line-height: 100%;
    margin-top: 10px;
}

/*---------------------------------------------
ヘッダーカテゴリ
---------------------------------------------*/
#gnavi{
/*	height:130px;*/
	margin:10px auto;/*10px 0 10px 0*/
	width: 100%;
	background-color: azure;
}
#gnavi .gnavi_inner{
	height:135px;
	width:100%;
	float:left;
	/*border-top:2px solid #ddd;*/
}

#wrapper{
	margin: 0 auto;
	padding-top: 30px;
}

/*---------------------------------------------
スライドエリア
---------------------------------------------*/
#slide_area{
	padding-top: 20px;
}

/*---------------------------------------------
ピックアップ
---------------------------------------------*/
#pickup{
	width: 950px;
	height: 666px;
	margin: 20px auto 50px;
}
.ttl_pic {
	border-bottom: #dddddd 5px solid;
}
.tab{
	overflow:hidden;
	margin-bottom: 12px;
}
.tab li{
	background:#fff;
	border: #959595 solid 1px;
	padding:5px 0px;
	float:left;
	margin-right:10px;
	font-size: 15px;
	line-height: 20px;
	width: 148px;
	cursor: pointer;
}
.tab li:hover {
-moz-opacity:0.6;
opacity:0.6;
filter:_alpha(opacity=60);
}

.tab li.select{
	background:#000;
	border: #959595 solid 1px;
	color: #fff;
}
.hide {
	display:none;
}

/*タブの下*/
#web_ico div {
float:left;
text-align:center;
}
#web_ico .item{
	width: 220px;
	height: 275px;
	margin-right: 20px;
	text-align: left;
}
#web_ico .item a{
	display: block;
}
#web_ico .date {
margin:0 0 2px 0;
padding:0;
color:#686868;
font-size:12px;
}
#web_ico img {
margin:0;
width:220px;
height:220px;
border:1px solid #CCC;
}
a:hover img{
-moz-opacity:0.6;
opacity:0.6;
filter:_alpha(opacity=60);
}


 

/*---------------------------------------------
メインエリア（右・左エリア）
---------------------------------------------*/
#main_area{
	width: 1000px;
	margin: 50px auto 0;
}

/*---------------------------------------------
左エリア
---------------------------------------------*/
#left_area{
	float: left;
	width: 250px;
}

#right_area{
	width: 700px;	
	float: right;
}
.rank_box{
	background-color: #ebebeb;
	padding: 10px;
}
.rank {
	width: 224px;
	height: 920px;
	border: solid 1px #ccc;
	padding: 11px 4px;
	background-color: #ffffff;
	margin: 0 auto;
}
.rank_left{
	float: left;
	padding: 0 30px 0 10px;
}
.rank_right {
	float: 	left;
	margin-left: 0px;
}
.rank_right img{
    width: 123px;
}
.rank_area{
	width: 224px;
	height: 127px;
}
.rank_text{
	font-size: 12px;
	display: block;
	padding-bottom: 20px;
}
.rank_right img:hover{
-moz-opacity:0.6;
opacity:0.6;
filter:_alpha(opacity=60);
}

/*---------------------------------------------
右エリア
---------------------------------------------*/
.t_12{
	text-align: left;
	font-size: 12px;
}

/*トピックス*/
#topic{
	width: 700px;
	margin: 0 auto;
}
#topic div a{
	display: block;
}

/*値段*/
.price_box{
	width: 700px;
	height: 210px;
	margin: 0 auto;
}

.price_box li{
	display: inline-block;
	float:left;
	margin-right: 40px;
}

/*ブランド*/
.brand_box{
	width: 700px;
	height: 200px;
	margin: 0 auto;
}

/*---------------------------------------------
フッターエリア
---------------------------------------------*/
#footer_wrapper{
	width: 100%;
	height: 400px;
	background-color: #c6c6c6;
	color: 333333;
	text-align: left;
	font-size: 12px;
	padding: 20px 0 30px 0;	
  margin-bottom: 10px;
}
#footer_wrapper dl{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 16px;
}
#footer_wrapper dt a:visited ,
#footer_wrapper dt a:link{
	color: #ae0001;
	text-decoration: none;
}
#footer_wrapper dd a:hover {
	text-decoration: underline;
}
#footer_wrapper dl dt{
	color: #ae0001;
	font-weight: bold;
	margin-bottom: 2px;
}
#footer_wrapper dl dd{
	margin-bottom: 2px;
}
#footer_wrapper dl dd a{
	text-decoration: none;
	color: 333333;
	}
/*.footer_list dd a:hover{
	-moz-opacity:0.5;
	opacity:0.5;
	filter:_alpha(opacity=60);
}*/
#footer_info{
	width: 1000px;
	height: 50px;
	margin: 0 auto;	
}

.copyright{
	margin-top: 10px;
	color: #686868;
}

#haba1000{
	width: 1000px;
	margin: 0 auto;	
}
#haba1000 .footer_list{
	width: 200px;
	padding-right: 30px;
	float: left;
}

#fotterborder {
	height:10px;
	width:100%;
	float:left;
	border-top:2px solid #ddd;
}

/*---------------------------------------------
フッター追加エリア
---------------------------------------------*/
.ft td{line-height:1.5;}
.ft b{color:#BB0000;}
div.ftt a:link, div.ftt a:visited, div.ftt a:hover{border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; margin-bottom:10px; display:block; text-decoration:none; line-height:120%; padding:10px 7px 8px 25px; border-top:0px;background : #222222 url(images/ctbgf02.gif) no-repeat 2px 1px; color:#ffffff;}
.nav{display:block; width:950px; background-color:#FFE900; text-align:center; color:#333333; padding:5px 0px; margin-top:20px;}
.copy{display:block; width:950px; padding-top:10px; text-align:center;}
.copy p{margin:0px; padding-top:5px;}




/*---------------------------------------------
上部のタブ押下時のプルダウン
---------------------------------------------*/
.menu{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}

.menu_inner{
	position: relative;
	width: 1000px;
	margin: 0 auto;
	padding: 20px 10px 0;
	height:250px;
}

.menu_left{
	width: 170px;
	float: left;
	text-align: left;
}
.menu_right{
	width: 803px;
	float: right;
}

.menu_point_right
{
	width: 970px;
	float: left;
	text-align: left;
}

/*左のテキストエリア*/
.menu_title a{
	color:#cc0101;
	font-weight: bold;
	font-size: 14px;
	padding-left: 10px;
	background: url(../img/icon_arrow.png) left 50% no-repeat;
}
.menu_title a:link {
	color:#cc0101;
}
.menu_left li{
	margin-bottom: 15px;
}
.menu_left p{
	margin-bottom: 10px;
	font-size: 14px;
}
.menu_left li p:last-child{
	margin-bottom: 20px;
}
.menu_left p:not(.menu_title){
	padding-left: 10px;
}
.menu_left a:link {
	text-decoration: none;	
}
.menu_left a:hover {
	text-decoration: underline;
}

/*右の注目商品エリア*/
.text_Att{
	color:#cc0101;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	margin-bottom: 10px;
}

.Attention div{
float:left;
text-align:center;
}
.Attention .item{
	width: 125px;
	text-align: left;
}
.Attention li div:not(:last-child){
	margin-right: 10px;
}

.Attention .item a{
	display: block;
}
.Attention .date {
margin:10px 0 2px 0;
padding:0;
color:#686868;
font-size:12px;
line-height:14px;
}
.Attention img {
margin:0;
width:125px;
height:125px;
border:1px solid #CCC;
}