/* 全体形 */ 
html, body{ 
	margin:0; 
	padding:0; 
	text-align:center;
	font-size:86%;
	font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
} 
#bodywidth{ 
	width:850px; 
	text-align:left;  
	margin-left:auto; 
	margin-right:auto;  
} 
#bodywidth a:link { 
	color:#8C8F8F;
	text-decoration:none;
	}
#bodywidth a:visited {
	color: #809DB3;
	}
#bodywidth a:hover {
	color: #9AB41B;
	position: relative;
	top: 1px;
	left: 1px;
	text-decoration:underline;
	}
#bodywidth a:active {
	color: #F6AE3A;
	}
	
	
/* ヘッダー */ 
#header{
	position:relative; 
	height:70px;
	background-image:url(../images/header_bg.gif);
	width:100%;
} 

/* タブ */ 
#bt{
	width:100%; 
	float:left; 
	position:relative;
	background-color:#E0E2E4;
	margin-bottom:5px;
  }

/* ヘッダーナビ */ 
#bt_navi {
	background:#E0E2E4;
	width:850px;
	margin-left:auto; 
	margin-right:auto;
	position:relative; 
}

#bt_navi ul {
	width:100%;
	float:left;
	margin:0px;
	padding:5px;  
}

#bt_navi .kahen {
	width:95px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-2px;
	display:block;
	float:left;
}

#bt_navi .kahen2 {
	width:99px;
	font-size:11px;
	font-weight:bold;
	letter-spacing:-2px;
	display:block;
	float:left;
}

#bt_navi li {
	float:left;
	font-size:11px;
	font-weight:bold;
	display:inline;
	margin-left:5px;
	margin-right:5px;
}
#bt_navi a {
	color:#8C8F8F;
	text-decoration:none;
}
#bt_navi a:hover {
	color:#9AB41B;
	text-decoration:none;
}
  
/* 左ナビ */ 
#leftnavi{
	 width:160px;
	 float:left;
	 position:relative; 
 }

#cate .folder{
	width:84%;
	font-size:10px; color:#BABABA;
	float:right;
	display:inline;
	border:none;
	margin-top:3px;
	}

#cate{
	width:98%;
	display:block;
	border:solid 1px #E0E2E4;
	float:left; 
	position:relative; 
 }
 
#cate a:link { 
	text-decoration:none;
	}
	
#cate a:hover {
	color: #9AB41B;
	position: relative;
	top: 1px;
	left: 1px; 
	text-decoration:none;
	}

#cate ul{
	margin:0px;
	padding:0px;
	}

#cate li{
	width:80%;
	float:left;
	display:inline;
	font-size:13px; color:#BABABA;
	font-weight:bold;
	border-bottom:dashed 1px #999999;
	}

#cate .menu{
	width:100%;
	background-image:url(../images/cate_bg.gif);
	background-repeat:no-repeat;
	background-color:#EAEAEA;
	padding:5px 0 5px 0;
	text-align:center;
	font-size:14px;
	color:#9AB41B;
	border-bottom:solid 5px #E0E2E4;
	border-top:solid 5px #E0E2E4;
}	
#cate .menu_01{
	background:url(../images/menu_01.gif);
	background-repeat:no-repeat;
	text-align:right;
	font-size:12px;
	margin-left:5px;
	padding:10px 0 10px 16px;
}	
#cate .menu_02 {
	background:url(../images/menu_02.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	font-size:12px;
	letter-spacing:-1px;
}	
#cate .menu_03{
	background:url(../images/menu_03.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	font-size:12px;
}	
#cate .menu_04{
	background:url(../images/menu_04.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	font-size:12px;
	letter-spacing:-1px;
}	
#cate .menu_05{
	background:url(../images/menu_05.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:15px 0 5px 15px;
	margin-bottom:5px;
	text-align:right;
	font-size:12px;
}	
#cate .menu_06{
	background:url(../images/menu_06.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	font-size:12px;
}	
#cate .menu_07{
	background:url(../images/menu_07.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	letter-spacing:-1px;
	font-size:12px;
}	
#cate .menu_08{
	background:url(../images/menu_08.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	font-size:12px;
}	
#cate .menu_09{
	background:url(../images/menu_09.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	letter-spacing:-1px;
	font-size:12px;
}	
#cate .menu_10{
	background:url(../images/menu_10.gif);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:10px 0 10px 15px;
	text-align:right;
	border-bottom:none;
	font-size:12px;
}	

/* 真ん中 */ 
#maincol{
	background-color: #FFFFFF;  
	float:left; 
	display:inline; 
	position: relative; 
	width:480px;
	margin:0 5px 0 5px;
	padding:0px;
 }
 
/* 右ナビと真ん中をまとめてる */ 
#twocols{
	width:680px; 
	float:right;
	position:relative; 
  }
  
/* 右ナビ */ 
#rightnavi{
	width:160px; 
	float:left; 
	position:relative; 
 }
#sougo{
	width:160px;
	float:left;
	} 
#pr{
	width:160px; 
	border:solid #99CC00 2px;
	padding:3px;
	float:left;
	margin-bottom:5px;
	font-weight:bold;
	font-size:12px;
	line-height:120%;
	}
.pr_pink{
	width:100%;
	position:relative;
	float:left;
	color:#FF3399;
	}
#pr ul{
	width:160px; 
	float:left;
	display:inline;
	margin:0; 
	padding:0 0 10px 0;
	position:inherit;
	}
#pr li{
	width:160px; 
	float:left;
	display:inline;
	}

/* 各ページTOPバナー */ 
#koukoku{
	width:100%;
	position:relative;
	float:left;
	margin:0; 
	padding:0;
	}
#koukoku ul{
	margin:0; 
	padding:0;
	}
#koukoku li{
	width:100%;
	float:left;
	display:inline;
	}

/* Newアイテム */ 
#new{
	width:100%;
	position:relative;
	float:left;
	}
	
#new ul{
	width:100%;
	float:left;
	display:inline;
	margin:0; 
	padding:0 0 10px 0;
	position:inherit;
	}

#new li{
	width:140px;
	float:left;
	margin-left:15px;
	display:inline;
	font-size:10px;
	}
 
/* 特集ページ紹介 */ 
#tokushuu{
	width:100%;
	position:relative;
	margin:0; 
	padding:0 0 10px 0;
	float:left;
	}
#tokushuu ul{
	margin:0; 
	padding:0px;
	}

#tokushuu li{
	width:100%;
	float:left;
	display:inline;
	font-size:90%;
	color:#FF9900;
	}
	
/* INFORMATION */ 
#info{
	width:100%;
	position:relative;
	margin:0 0 10px 0; 
	padding:0px;
	float:left;
	}
.new{
	color:#FF3399;
	}

#info ul{
	margin:0 0 0 10px; 
	padding:0px;
	}

#info li{
	width:90%;
	float:left;
	display:inline;
	margin-bottom:-10px;
	padding:5px;
	font-size:12px; color:#8C8F8F;
	line-height:210%;
	}
	
/* ピックアップ！ */ 
#pickup{
	width:100%;
	position:relative;
	float:left;
	margin-bottom:5px;
	}
	
#pickup ul{
	width:100%;
	float:left;
	display:inline;
	margin:0px; 
	padding:0px;
	position:inherit;
	}

#pickup li{
	width:140px;
	float:left;
	margin-left:15px;
	display:inline;
	font-size:10px;
	}
 
/* オススメショップ一覧 */ 
#osusume{
	width:100%;
	position:relative;
	float:left;
	}

#osusume ul{
	width:100%;
	float:left;
	display:inline;
	margin:0px; 
	padding:0px;
	position:inherit;
	}

#osusume li{
	width:100px;
	float:left;
	margin-left:15px;
	display:inline;
	font-size:10px;
	}
	
.susume{
	margin:0; 
	padding:10px;
	position:relative;
	float:left;
	}
/* 相互リンク（メイン部分） */ 
#sou{
	width:95%;
	position:relative;
	float:left;
	border:solid #99CC00 2px;
	padding:5px;
	margin-bottom:5px;
	}
.sou_pink{
	position:relative;
	float:left;
	color:#FF3399;
	font-size:13px;
	font-weight:bold;
	}
#sou ul{
	width:95%;
	float:left;
	display:inline;
	margin:0; 
	position:relative;
	}
#sou li{
	width:20%;
	float:left;
	display:inline;
	font-weight:bold;
	font-size:12px;
	padding:7px;
	}
 
/* フッダー */ 
#footer{
	 padding:10px 0 10px 0;
	 margin-top:5px;
	 background-color:#cccccc;
	 text-align:center; color:#878787; font-weight:bold;
	 font-size:10px;
	 line-height:1.5;
	 width:100%; 
	 clear:both;
 } 
 

 
 /* *** Float containers fix:
 http://www.csscreator.com/attributes/containedfloat.php *** */ 
.clearfix:after {
 content: "."; 
 display: block; 
 height: 0.1px; 
 clear: both; 
 visibility: hidden;
 line-height: 0;
 }
.clearfix{display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */  


 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocols, #maincol{width:100%; float:none;}
}

