@charset "UTF-8";

/*-------------------------------
reset
-------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table { border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
h1,h2,h3,h4,h5,h6 { font-size:100%;  font-weight:normal; }
q:before,q:after { content:''; }
abbr,acronym { border:0; }
a img { border: none;text-decoration: none;}
/*-------------------------------
clearfix
-------------------------------*/
.clear { 
  clear:both;
 }
.clearfix:after {
  content: ".";  
  display: block; 
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}
*html .clearfix {
  height: 1px;
}
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
/*-------------------------------
common
-------------------------------*/
body {
	text-align: center;
}
body div{
	text-align: left;
	margin: 0 auto;
	font-size:13px;
	line-height:150% ;
	color:#666;
}
a:link		{ color:#333333 ; text-decoration:underline ; } 
a:visited	{ color:#333333 ; text-decoration:underline ; } 
a:hover		{ color:#666666 ; text-decoration:underline ; }

.container{
     margin: 0 auto;
     background-image: url(../fom2/images/color-bar.jpg);
     background-repeat: no-repeat;
     background-position: left top;
     width: 980px;
}
/*-------------------------------
SET
-------------------------------*/
.a_right {
	 text-align:right;
}
.a_center {
 	text-align:center;
}
.f_left {
 	float:left;
}
.f_right {
 	float: right;
}
.bold {
	font-weight:bold;
}
.red {
	color:#FF0000;
}
.orange {
	color:#f7941d;
}
.smallText {
	font-size:12px;
}
.mb5 {
	margin-bottom:5px;
}
.mb10 {
	margin-bottom:10px;
}
.mb20 {
	margin-bottom:20px;
}
.mb30 {
	margin-bottom:30px;
}
.mb50 {
	margin-bottom:30px;
}
img {
	vertical-align:bottom;
}
/*-------------------------------
HEADER
-------------------------------*/
.HedBox { 
	background:url(images/hed_bg.gif) no-repeat;
	margin-bottom:10px;
	padding:5px 0;
	width: 980px;
	border-bottom:1px solid #d3d3d3;
}
.HedBox .LgoBox {
	margin-top:10px;
	text-align:left;
}
.HedBox .LgoBox p{
	font-size:12px;
	color:#FF9900;
}
.LgoBox a:link, .LgoBox a:visited {
	background:url(images/lgo_fancrew.gif) no-repeat 0 0;
	display:block;
	height:60px;
	width:200px;
	overflow:hidden;
	text-indent:-9999px;
}
.HedBox .LgoBox img {
	vertical-align: middle;
}

/*-------------------------------
大枠
-------------------------------*/
.MainContentsBox {
	width:980px;
}
/*-------------------------------
LeftBox
-------------------------------*/
.LeftBox{
	float: left;
	width: 190px;
	padding-top:10px;
}
.LeftBox .LeftNavi {
	background:url(images/leftNavi-middle.gif) repeat-y;
}
.LeftBox .LeftNavi dd {
	border-bottom: #CCC 1px dashed;
	padding:5px;
	margin:0 5px;
	width:170px;
}
.LeftBox .LeftNavi dd a {
	background: url(images/icon-navi.gif) no-repeat right top;
	display:block ;
	height:18px;
	overflow:hidden ;
	width:170px;
}
.LeftBox .LeftNavi dd a:hover,
.LeftBox .LeftNavi .naviSelect a {
	background-position:152px -18px;
}

.LeftBox .comArea {
	background:url(images/leftNavi-middle.gif) repeat-y;
	margin-top:10px;
	
}

.comArea ul li.photoS img {
	margin-bottom:10px;
}


.comArea ul li {
	margin-left:9px;
}

li.recommend {
	background:#fff4d8;
	margin:5px 9px 5px 5px;
}

.comArea ul li.first {
	margin-left:0;
	margin-bottom:8px;
}

li.howto {
	color:#f7941d;
	font-weight:bold;
}

li.lst_btn {
	padding-left:17px;
	padding-top:5px;
}

.comArea .cbIcn {
	background:url(images/icon-cashBackL.gif) no-repeat left;
	padding:7px 0 0 55px;
	height:30px;
	color:#414141;
	font-weight:bold;
	font-size:20px;
	margin-bottom:5px;
}

/*-------------------------------
CenterBox
-------------------------------*/
.CenterBox {
	float: left;
	width: 580px;
	padding:0 5px;
}
.Box{
	width: 580px;
}
.CenterBox h3 {
	margin-top:10px;
}
.CenterFrame{
	border:none;
	width:590px;
	min-height:2300px;
}

/*--- LargeBox ---*/
.LargeBox {
	width:580px;
	margin-bottom:20px;
}
.LargeBox-inner {
	background:url(images/bigBox-bgMiddle.gif) repeat-y;
	width:564px;
	padding:0 8px;
}

.LargeShopPhoto {
	border: #CCC 1px solid;
	margin-right:5px
}
.LargeShopBox {
	width:275px;
}
.LargeShopBox dt {
	margin-bottom:5px;
}
.LargeShopBox .cashBack {
	background:url(images/icon-cashBackL.gif) no-repeat left;
	padding:7px 0 0 55px;
	height:28px;
	color:#414141;
	font-weight:bold;
	font-size:14px;
	margin-bottom:3px;
}
.LargeShopBox .cashBack span{
	font-size:36px;
	color:#414141;
	font-weight:bold;
}
.LargeShopBox table {
	width:270px;
}
.LargeShopBox th {
	background:#ffe4c4;
	color:#f7941d;
	text-align:right;
	padding:3px;
	border:#d8d8d8 1px solid;
	width:100px;
}
.LargeShopBox td {
	padding:3px;
	border:#d8d8d8 1px solid;
}
.LargeBoxPoint {
	margin-top:5px;
}
.LargeBoxPoint dt,
.LargeBoxPoint dd {
	float:left;
}
.LargeBoxPoint dd {
	background:#ffe4c4;
	height:20px;
	color:#f7941d;
	font-size:16px;
	font-weight:bold;
	padding:7px 5px 5px 5px; 
	width:435px;
}
	
/*--- icon ---*/
.ganre-g {
	background:url(images/icon-genreG.gif) no-repeat left;
	padding-left:18px;
}
.LargeShopBox .ganre-g {
	margin-right:5px;
}
.area {
	background:url(images/icon-area.gif) no-repeat left;
	padding-left:18px;
}
.ganre-b {
	background:url(images/icon-beauty.gif) no-repeat left;
	padding-left:18px;
}
.ganre-m {
	background:url(images/icon-cosme.gif) no-repeat left;
	padding-left:18px;
}
.review {
	background:url(images/icon-review.gif) no-repeat left;
	padding-left:15px;
	margin:3px 0;
}
/*--- btn ---*/
.btn {
	display:block ;
	border:0 none;
	cursor:pointer ;
	overflow:hidden ;
	text-indent:-9999px ;
}
.LargeBox-btn {
	background:url(images/LargeBox-btn.gif) no-repeat;
	width:137px;
	height:28px;
	margin-right:3px;
}
.LargeBox-btn:hover {
	background-position:0 -28px;
}

/*--- MiddleBox ---*/
.MiddleBox,
.SmallBox {
	width:580px;
	margin-bottom:8px;
}
.ContensBlock {
	border:1px solid #cccccc;
	float:left;
	padding:1px;
}
.ContensBlock img {
	margin-top:2px;
}
.MiddleBox .ContensBlock {
	width:185px;
	min-height:417px;
	margin:0 2px;
}
*html .MiddleBox .ContensBlock {
	margin:0 1px 0 2px;
	height:419px;
}
.mailOrder .MiddleBox .ContensBlock {
	width:185px;
	min-height:399px;
	margin:0 2px;
}
*html .mailOrder .MiddleBox .ContensBlock {
	margin:0 1px 0 2px;
	height:400px;
}
.MiddleBox .cashBack {
	background:url(images/icon-cashBackM.gif) no-repeat left;
	padding:3px 0 0 50px;
	color:#414141;
	font-weight:bold;
	height:22px;
	margin:5px 0;
	font-size:18px;
}
.MiddleBox .cashBack span {
	font-size:32px;
	color:#414141;
	font-weight:bold;
}
.MiddleShopName {
	height:40px;
	padding-left:3px;
}
.MiddleBoxPoint {
	background:#fff4d8;
	padding:5px 0 3px 2px;
	width:182px;
}
.MiddleBox table {
	margin:5px 0 0 2px;
	width:180px;
}
.MiddleBox th {
	background:#fda042;
	color:#fff;
	text-align:right;
	padding:2px;
	border:#d8d8d8 1px solid;
	font-size:12px;
	width:80px;
}
.MiddleBox td {
	padding:2px;
	border:#d8d8d8 1px solid;
	font-size:12px;
}


/*--- SmallBox ---*/
.SmallBox .ContensBlock {
	width:135px;
	margin:0 3px;
	min-height:248px;
}
.mailOrder .SmallBox .ContensBlock {
	width:135px;
	margin:0 3px;
	min-height:231px;
}
*html .mailOrder .SmallBox .ContensBlock {
	margin:0 2px;
	height:232px;
}
*html .SmallBox .ContensBlock {
	margin:0 2px;
	height:251px;
}
.SmallBox .cashBack {
	background:url(images/icon-cashBackS.gif) no-repeat left;
	padding:0 0 0 35px;
	font-size:14px;
	color:#414141;
	font-weight:bold;
	height:20px;
	margin:3px 0;
}
.SmallBox .cashBack span {
	font-size:24px;
	color:#414141;
	font-weight:bold;
}
.SmallBox .SmallShopName {
	background:#fff4d8;
	margin:3px 0;
	height:40px;
	padding-left:3px;
}




/*-------------------------------
RightBox
-------------------------------*/
.RightBox {
	float:right;
	width:190px;
}
/*-- TRY/ShoppingMonitor --*/
.RightBox-inner {
	background:url(images/featuredBlockTry_contents.gif) repeat-y;
}
.RightBox-head {
	width:190px;
	text-align:center;
	background:url(images/featuredBlockTry_top.gif) no-repeat top;
	padding-top:7px;
	margin-bottom:5px;
	color:#f7941d;
}
.RightBox-inner .ShopBox {
	width:172px;
	padding:4px;
	border-top:1px solid #d3d3d3;
}
.RightBox-inner .ShopBox dl {
	margin-top:5px;
}
.RightBox-inner .ShopBox dd {
	float:left;
	margin-right:3px;
}
.RightBox-inner .ShopBox dt {
	line-height:1.1em;
	margin-bottom:5px;
	font-weight:bold;
}
.RightBox-inner .ShopBox dt a {
	text-decoration:none;
}

.RightBtnBox {
	width:175px;
	background: url(images/shoppingMonitor/BtnBg_monitor.gif) no-repeat;
	height:105px;
	padding:60px 0 0 15px;
}
.RightBtnBox02 {
	width:175px;
	background: url(images/try/sideBg02.gif) no-repeat;
	padding:60px 0 20px 15px;
	margin-bottom:10px;
}

.btn_details {
	background:url(images/btn_sidenavi.gif) no-repeat;
	height:25px;
	width:155px;
}
.btn_details:hover {
	background-position:0 -25px;
}
span.strike {
	text-decoration:line-through;
}
.PriceItem {
	font-size:120%;
	color:#ec9131;
	font-weight:bold;
	background:url(images/try/featuredBlockTryArrow.gif) no-repeat scroll 0 4px;
	padding-left:16px;
}
/*-- Review's Room --*/
.featuredBlockTry{
	background:url(images/featuredBlockTry_bottom.gif) no-repeat 0 bottom;
	padding:0 0 7px;
	margin-bottom:15px;
	height:100%;
}
.featuredBlockTry a {
	text-decoration:none;
}
html* .featuredBlockTry{
	margin-top:-7px;
	background:url(images/featuredBlockTry_contents.gif) bottom right 0 #f3f3f3;
}
.featuredBlockTry-inner{
	background:url(images/featuredBlockTry_contents.gif) repeat-y right 0 #f3f3f3;
	padding:3px 5px 0 5px;
}
html* img.featuredHead {
	vertical-align: bottom;
}
.featureTryTitle {
	width:172px;
	padding:2px 4px 4px 4px;
	text-align:center;
	border-bottom:1px solid #d3d3d3;
}
.featureReviewItem {
	border-bottom:1px solid #dad6d3;
	padding:5px 0;
}
.featureReviewItem dt{
	background:url(images/review/featuredBlockReview_IconSqu.gif) no-repeat 5px 5px;
	padding:0 5px 0 15px;
	margin-bottom:5px;
	font-weight:bold;
	line-height:120%;
}
.featuredBlockReview_volume{
	background:url(images/review/featuredBlockReview_Icon.gif) no-repeat 3px 2px;
	padding-left:20px;
	color:#666;
	font-size:12px;
}
.featuredBlockReview_contant{
	background:url(images/review/featuredBlockReview_content.gif) no-repeat center center;
	padding:8px 18px;
}
.featuredBlockReview_contant span{
	font-weight:bold;
	line-height:120%;
	display:inline-block;
	min-height:35px;
	padding-top:5px;
}
* html .featuredBlockReview_contant span{
	display:block;
	height:35px;
}
.RvwRed{
	color:#6F3C3C !important;
}
.RvwOrange{
	color:#C88B3D !important;
}
.RvwGreen{
	color:#4F5732 !important;
}	
.RvwBlue{
	color:#3B446D !important;
}
.b-none{
	border-bottom:none !important;
}
/*-------------------------------
Footer
-------------------------------*/
.footer {
	float:none;
	clear:both;
	text-align:center;
	border-top:1px solid #d3d3d3;
	padding-top:20px;
}
.footer ul {
	margin:0 auto 30px;
	text-align:center;
	width:250px;
}
.footer ul li {
	float:left;
	margin-left:20px;
}
.footer p {
	text-align:center;
	float:none;
	clear:both;
	margin-bottom:30px;
}
/*-------------------------------
Side twitter
-------------------------------*/
.twitter{
	margin-top:20px;
}

#fb-root{
	margin-top:20px;
}


/*-------------------------------
2011年11月30日
-------------------------------*/

.LeftBanner  {
	margin-top:10px;
}

.LeftBanner a .yamachan {
    background: url("images/gourmet/brand549.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .yamachan {
	background-position:0 -168px;
}

.LeftBanner a .kankan {
    background: url("images/gourmet/brand254.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .kankan {
	background-position:0 -168px;
}

.LeftBanner a .toritetsu {
    background: url("images/gourmet/brand210.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .toritetsu {
	background-position:0 -168px;
}
.LeftBanner a .BTB {
    background: url("images/beauty/brand610_4000.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .BTB {
	background-position:0 -168px;
}
.LeftBanner a .homeo {
    background: url("images/beauty/brand588.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .homeo {
	background-position:0 -168px;
}
.LeftBanner a .socie {
    background: url("images/beauty/brand515.jpg") no-repeat scroll 0 0 transparent;
    height: 168px;
    margin-right: 3px;
    width: 190px;
	text-indent:-9999px;
}

.LeftBanner a:hover .socie {
	background-position:0 -168px;
}