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

/*ログイン
------------------------*/
#login_top {
	background: url(../images/side/bg_login_top_img.gif) no-repeat 0px 0px;
	width: 220px;
	padding-top: 69px;
	margin-bottom: 15px;
}
#login_box {
	background: url(../images/side/bg_login_img.gif) repeat-y;
	width: 190px;
	padding-right: 15px;
	padding-left: 15px;
}
#login_bottom {
	background: url(../images/side/bg_login_bottom_img.gif) no-repeat bottom;
	width: 220px;
	padding-bottom: 15px;
}
#bg_login {
	background: #FFFFFF;
	padding: 10px;
	width: 170px;
}
#btn_login {
	height: 35px;
	width: 145px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#btn_login a {
	background: url(../images/side/btn_login.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 145px;
}
#btn_login a:hover {
	background: url(../images/side/btn_login.gif) no-repeat 0px -35px;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 145px;
}
#btn_member {
	height: 35px;
	width: 145px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 10px;
}
#btn_member a {
	background: url(../images/side/btn_new_member.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 145px;
}
#btn_member a:hover {
	background: url(../images/side/btn_new_member.gif) no-repeat 0px -35px;
	text-indent: -9999px;
	display: block;
	height: 35px;
	width: 145px;
}
/*ログイン画面
--------------------*/
#membermenu ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#membermenu li {
	background: url(../../../images/com/arrow_img.gif) no-repeat 5px 5px;
	padding-left: 15px;
}


/*商品一覧
------------------------*/

#goods_list_top {
	background: url(../images/side/bg_menu_top_img.gif) no-repeat center top;
	width: 220px;
	padding-top: 75px;
	margin-bottom: 10px;
}
.list_bottom {
	background: url(../images/side/bg_menu_bottom_img.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
.list_box {
	border-right: 2px solid #CCAE5F;
	border-left: 2px solid #CCAE5F;
}
.goods_list {
	padding: 0px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.goods_list a {
	background: url(../../../images/com/arrow_img.gif) no-repeat 8px 5px;
	padding-left: 20px;
	color: #42210B;
	height: 20px;
	width: 196px;
	display: block;
}
.goods_list a:hover {
	background: #EDE3C7 url(../../../images/com/arrow_img.gif) no-repeat 8px 5px;
	padding-left: 20px;
	color: #42210B;
	height: 20px;
	width: 196px;
	display: block;
}
#goods_list_title01 a,
#goods_list_title02 a,
#goods_list_title03 a,
#goods_list_title04 a,
#goods_list_title05 a,
#goods_list_title06 a,
#goods_list_title07 a {
	display: block;
	height: 42px;
	width: 216px;
}

#goods_list_title01 {
	background: #EDE3C7 url(../images/side/goods_title01.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title02 {
	background: #EDE3C7 url(../images/side/goods_title02.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title03 {
	background: #EDE3C7 url(../images/side/goods_title03.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title04 {
	background: #EDE3C7 url(../images/side/goods_title04.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title05 {
	background: #EDE3C7 url(../images/side/goods_title05.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title06 {
	background: #EDE3C7 url(../images/side/goods_title06.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#goods_list_title07 {
	background: #EDE3C7 url(../images/side/goods_title07.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}

/*小ネタ一覧
------------------------*/

#koneta_list_top {
	background: url(../images/side/koneta_menu_top_img.gif) no-repeat center top;
	width: 220px;
	padding-top: 75px;
	margin-bottom: 10px;
}
.list_bottom {
	background: url(../images/side/bg_menu_bottom_img.gif) no-repeat center bottom;
	padding-bottom: 10px;
}
.list_box {
	border-right: 2px solid #CCAE5F;
	border-left: 2px solid #CCAE5F;
}
.koneta_list {
	padding: 0px;
	list-style: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
.koneta_list a {
	background: url(../../../images/com/arrow_img.gif) no-repeat 8px 5px;
	padding-left: 20px;
	color: #42210B;
	height: 20px;
	width: 196px;
	display: block;
}
.koneta_list a:hover {
	background: #EDE3C7 url(../../../images/com/arrow_img.gif) no-repeat 8px 5px;
	padding-left: 20px;
	color: #42210B;
	height: 20px;
	width: 196px;
	display: block;
}
#koneta_list_title01 a,
#koneta_list_title02 a,
#koneta_list_title03 a,
#koneta_list_title04 a,
#koneta_list_title05 a,
#koneta_list_title06 a,
#koneta_list_title07 a {
	display: block;
	height: 42px;
	width: 216px;
}

#koneta_list_title01 {
	background: #EDE3C7 url(../images/side/koneta_title01.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title02 {
	background: #EDE3C7 url(../images/side/koneta_title02.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title03 {
	background: #EDE3C7 url(../images/side/koneta_title03.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title04 {
	background: #EDE3C7 url(../images/side/koneta_title04.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title05 {
	background: #EDE3C7 url(../images/side/koneta_title05.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title06 {
	background: #EDE3C7 url(../images/side/koneta_title06.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}
#koneta_list_title07 {
	background: #EDE3C7 url(../images/side/koneta_title07.gif) no-repeat 5px center;
	text-indent: -9999px;
	height: 42px;
	width: 216px;
	margin-bottom: 10px;
}


/*商品ランキング
------------------------*/

#rank_list_top {
	background: url(../images/side/bg_rank_top_img.gif) no-repeat center top;
	width: 220px;
	padding-top: 75px;
	margin-bottom: 15px;
}
.rank_list_box {
	border-right: 2px solid #CCAE5F;
	border-left: 2px solid #CCAE5F;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
}
.rank_photo {
	border: 1px solid #EDE3C7;
	width: 60px;
	float: left;
	height: 60px;
	margin-bottom: 10px;
}


#rank01 {
	background: url(../images/side/rank_icon01.gif) no-repeat left center;
	height: 30px;
	padding-left: 45px;
	width: 151px;
	padding-top: 10px;
	margin-bottom: 5px;
	line-height: 1.2em;
}
.rank_r {
	float: right;
	width: 125px;
}
.rank_box {
	width: 196px;
	padding-bottom: 5px;
	border-bottom: 1px solid #EAAC0B;
}
#rank02 {
	background: url(../images/side/rank_icon02.gif) no-repeat left center;
	height: 30px;
	padding-top: 10px;
	padding-left: 35px;
	line-height: 1.2em;
}
#rank03 {
	background: url(../images/side/rank_icon03.gif) no-repeat left center;
	height: 30px;
	padding-top: 10px;
	padding-left: 35px;
	line-height: 1.2em;
}
#rank04 {
	background: url(../images/side/rank_icon04.gif) no-repeat left center;
	height: 20px;
	padding-left: 35px;
	line-height: 1.2em;
}
#rank05 {
	background: url(../images/side/rank_icon05.gif) no-repeat left center;
	height: 20px;
	padding-left: 35px;
	line-height: 1.2em;
}

/*商品検索
------------------------*/

#search_top {
	background: url(../images/side/bg_search_top_img.gif) no-repeat center top;
	width: 220px;
	padding-top: 75px;
	margin-bottom: 15px;
}
.search_bottom {}
.search_box {}



/*お支払い方法
------------------------*/

#payment_box {
	border: 1px solid #CCCCCC;
	padding-bottom: 10px;
}
#payment_title {
	background: #42210B url(../images/side/payment_title.gif) no-repeat 10px center;
	text-indent: -9999px;
	height: 27px;
	margin-bottom: 10px;
}
.btn_detail {
	height: 20px;
	width: 90px;
	margin-right: auto;
	margin-left: auto;
}
.btn_detail a {
	background: url(../images/side/btn_detail.gif) no-repeat 0px 0px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 90px;
}
.btn_detail a:hover {
	background: url(../images/side/btn_detail.gif) no-repeat 0px -20px;
	text-indent: -9999px;
	display: block;
	height: 20px;
	width: 90px;
}