@charset "utf-8";
@import url("./common.css");

/* ==================================================
  INDEX index.css
 ----------------------------------------------------
　base
  1.header		ヘッダー
  2.contents	コンテンツ
  3.goods01	ピックアップ商品
  4.cat_goods	商品カテゴリ
  5.news	更新情報
  6.ad	広告
  7.right_box
    7-1.about
  8.snap	スナップ
	8-1.area	地域別リスト
	8-2.img	画像関連
================================================== */


/* base
================================================== */
html{
	background	: url("../img/common/bg_main01.jpg") repeat-x;
	}


/* 1.header	ヘッダー
================================================== */
#header01{
	margin		: 0;
	height		: 135px;
	}

#btn_aff{
	padding		: 7px 15px 0 0;
	float		: right;
	}

/* 2.contents	コンテンツ
================================================== */
#contents{
	width		: 655px;
	padding		: 10px 0 0 0;
	float		: left;
	}

#contents p{
	margin		: 1em;
	}

.ttl01{
	margin		: 0 0 0 0;
	padding		: 5px 0;
	clear		: both;
	text-indent	: 0.5em; 
	font-size	: 105%;
	font-weight	: bold;
	background	: url("../img/common/bg_ttl.gif") no-repeat;
	}


/* 3.goods01	ピックアップ商品
================================================== */
.goods01{
	width		: 139px;
	height		: 245px;
	margin		: 0 21px 5px 0;
	float		: left;
	}

.g_box{
	width		: 139px;
	height		: 139px;
	margin		: 0 0 3px 0;
	text-align	: center;
	background	: #FFF;
	}

.g_box img{
	margin		: 3px;
	}

.g_box a{
	width		: 138px;
	height		: 138px;
	padding		: 1px;
	display		: block;
	border		: solid 1px #CCC;
	}
	
.g_box a:hover{
	width		: 138px;
	height		: 138px;
	padding		: 1px;
	display		: block;
	border		: solid 1px #a0cdfc;
	}

#contents .goods01 p{
	margin		: 0;
	padding		: 5px 0 8px 0;
	clear		: both;
	letter-spacing	: 0;
	line-height	: 1.2em;
	}

.price{
	margin		: 2px 0;
	text-align	: right;
	}

.new{
	letter-spacing	: 0em;
	background	: url("../img/common/new.gif") no-repeat 0 4px;
	}

	/* 3-1.code
	-------------------------------------*/	
	#code{
		padding	: 45px 0 0 10px;
		background	: url("../img/bg_code_top.gif") no-repeat;
		}

	.goods01_code{
		width		: 139px;
		height		: auto;
		margin		: 0 21px 5px 0;
		float		: left;
		}

/* 4.cat_goods	商品カテゴリ
================================================== */
#cat_goods{
	margin		: 15px 0 20px 0;
	}

#cat_goods img{
	margin		: 0 5px 0 0;
	}

.archives{
	margin		: -23px 0 0 0;
	float		: right;
	}


/* 5.news	更新情報
================================================== */
dl.news{
	width		: 310px;
	margin		: 10px 0 0 0;
	float		: left;
	line-height	: 2.0;
	clear		: both;
	}

dl.news dt{
	margin		: 0 10px;
	float		: left;
	clear		: both;
	font-size	: 90%;
	text-indent	: 1.5em;
	letter-spacing	: 0;
	background	: url("../img/common/li01.gif") no-repeat left center;
	}


/* 6.ad	広告
================================================== */
#ad01{
	margin		: 15px 0 0 0;
	float		: right;
	}
	
#ad02{
	margin		: 10px 0 5px 0;
	float		: right;
	}


/* 7.right_box	
================================================== */
#right_box{
	width		: 235px;
	padding		: 10px 0 0 0;
	float		: right;
	}

	/* 7-1.about
	-------------------------------------*/	
	.li_side{
		margin		: 8px 0 0 10px;
		}
	
	.li_side li{
		line-height	: 1.7em;
		text-indent	: 1.2em;
		background	: url("../img/common/li01.gif") no-repeat left center;
		}
	
	.li_side li a,
	.li_side li a:hover{
		color		: #333;
		}
	
	.ttl02{
		width		: 210px;
		margin		: 0 0 0 10px;
		padding		: 5px 0;
		clear		: both;
		text-indent	: 0.5em; 
		font-size	: 105%;
		font-weight	: bold;
		background	: url("../img/common/bg_ttl.gif") no-repeat;
		}

	/* 7-2.geotrust
	-------------------------------------*/	
	#geotrust{
		margin		: 15px 0 0 0;
		float		: right;
		}

/* 8.snap	スナップ
================================================== */
#snap_box{
	width		: 233px;
	margin		: -3px 0 17px 0;
	text-align	: center;
	background	: url("../img/bg_snap.jpg") repeat-y center;
	}

#ttl_snap{
	width		: 233px;
	height		: 94px;
	text-indent	: -9999em;
	background	: url("../img/bg_snap_ttl.jpg") no-repeat center;
	}

	/* 8-1.area	地域別リスト
	-------------------------------------*/	
	ul#area{
		width		: 160px;
		margin		: -25px 10px 0 0;
		float		: right;
		font-size	: 11px;
		}
	
	ul#area li{
		margin		: 0 0 0 5px;
		float		: left;
		text-align	: left;
		text-indent	: 1.2em;
		background	: url("../img/common/li01.gif") no-repeat left center;
		}

	ul#area li a,
	ul#area li a:hover{
		color		: #333;
		}

	/* 8-2.img	画像関連
	-------------------------------------*/	
	#snap_box img{
		margin		: 6px 3px;
		border		: solid 1px #CCC;
		}
	
	#snap_box a:hover img{
		margin		: 6px 3px;
		border		: solid 1px #CCC;
		opacity: 0.5;
		-moz-opacity: 0.5;
		filter: Alpha(Opacity=50); 
		}
	
	#snap_box img#btn_snap{
		margin		: 10px 15px 0 0;
		border		: none;
		float	: right;
		}

	#snap_box img#btm_snap{
		margin		: 0;
		text-align	: center;
		border		: none;
	}