@charset "euc-jp";

/* ===================================================================
CSS information
 file name   : top.css
 editor      : Kanagawa , Shimohara [TCF]
 last update : 2011.08.12
=================================================================== */

/* トップバナー群
----------------------------------------------------------- */
.bnrTop {
	float: left;
	width: 600px;
	margin-bottom: 10px;
}
.bnrTopL {
	float: left;
	width: 295px;
}
.bnrTopR {
	float: right;
	width: 295px;
}

/* メインビジュア��E
----------------------------------------------------------- */
.topImgMain {
	width: 600px;
	float: left;
	padding-bottom: 10px;
}
.textMain {
	width: 590px;
	padding-right: 5px;
	padding-left: 5px;
	margin-bottom: 10px;
	clear: both;
}

/* 送料無料・最短翌��E�届け・お支払い方法　バナー
----------------------------------------------------------- */
.list193 {
	list-style-type: none;
	float: right;
	width: 600px;
	margin-bottom: 10px;
	_margin-bottom: 0px;
}
.list193 li {
	display: inline;
	float: left;
	width: 198px;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.list193 li a {
	width: 198px;
	height: 40px;
	color: #555;
	text-decoration: none;
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -2000px;
	overflow: hidden;
}
.list193 .btn1 a:link,
.list193 .btn1 a:visited{
	background-image: url(../img/top/head/top_btn1.jpg);
}
.list193 .btn2  {
	width: 197px;
	margin-right: 4px;
	margin-left: 3px;
	_margin-right: 3px;
	_margin-left: 3px;
}
.list193 .btn2 a:link,
.list193 .btn2 a:visited {
	background-image: url(../img/top/head/top_btn2.jpg);
}
.list193 .btn3 a:link,
.list193 .btn3 a:visited {
	background-image: url(../img/top/head/top_btn3.jpg);
}
.list193 .btn1 a:hover,
.list193 .btn1 a:active,
.list193 .btn2 a:hover,
.list193 .btn2 a:active,
.list193 .btn3 a:hover,
.list193 .btn3 a:active {
	background-position: left bottom;
}
.list193 li a:hover,
.list193 li a:active {
	background-position: left bottom;
	text-decoration: underline;
}

/* メインエ��E�
----------------------------------------------------------- */
.box397 {
	float: left;
	width: 397px;
}
.box397In {
	float: left;
	width: 397px;
	margin-bottom: 15px;
}

/* 最新情��E
----------------------------------------------------------- */
.textBox228 {
	width: 224px;
	float: left;
	border: 2px solid #06C;
	background-color: #fffae8;
}
.h4topic {
	font-size: 1.1em !important;
	color: #009 !important;
	margin-top: 10px !important;
	margin-left: 10px !important;
	background: url(../img/share/icon/list03.gif) 0em 0.2em no-repeat!important;
	padding-left: 16px !important;
}
.topics {
	padding: 10px;
}
.topics li {
	background: url(../img/share/icon/list_new.gif) 0em 0.4em no-repeat;
	padding-left: 8px;
}
/*.topics .new {
	background: url(../img/share/icon/new.gif) 0em 0.1em no-repeat;
	padding-left: 25px;
}*/

/* 特集エ��E�
----------------------------------------------------------- */
.topImg {
	float: right;
	width: 163px;
	padding-left: 5px;
}

/* キャンペー��E
----------------------------------------------------------- */
.campaignBox {
	float: left;
	width: 397px;
}
.campaignBox dd {
	margin-bottom: 5px;
}

/* ピックアップカテゴ��E
----------------------------------------------------------- */
.catPickUpBox {
	float: left;
	width: 397px;
}
.catPickUpBox dd {
	margin-bottom: 5px;
	line-height: 1.4em;
}

/* タスカ��Eぅ船�シ特集
----------------------------------------------------------- */
.listToku2 {
	float: left;
	width: 397px;
}
*:first-child+html .listToku2 {
	margin-bottom: 10px;
}
.listToku2 li {
	margin: 0px;
	float: left;
	width: 397px;
}
.listToku2 li a {
	text-decoration: underline;
}
.listToku2 li a:hover {
	text-decoration: none;
}
.width191 {
	width: 191px !important;
}

/* お勧め食��E
----------------------------------------------------------- */
h3.defaultH {
	float: left;
	width: 397px;
	height: 32px;
	color: #fff;
	margin-bottom: 7px;
}
.osusume01,
.osusume02,
.osusume03,
.osusume04,
.osusume05,
.osusume06 {
	position: relative;
	float: left;
	padding-top: 115px;
	padding-right: 5px;
	padding-left: 5px;
	width: 116px;
	height: 66px;
	line-height: 1.2em;
	font-size: 1em;
}
.mlmr {
	margin-right: 9px;
	margin-left: 9px !important;
}
.osusumeText2 {
	margin-bottom: 7px;
	position: absolute;
	left: 5px;
	top: 115px;
	font-size: 90%;
}
.osusumeItem {
	position: absolute;
	left: 0px;
	top: 0px;
}

/* 売��E撻�テゴリをピックアップ
----------------------------------------------------------- */
.uresuziCat {
	width: 408px;
	margin-left: -11px;
	overflow: hidden;
}
.uresuziCat li {
	float: left;
	padding-left: 11px;
	padding-bottom: 5px;
}
/*.listOsusume {
	width: 397px;
	float: left;
	margin-bottom: 10px;
}
.listOsusume li {
	display: inline;
	width: 125px;
	float: left;
	padding-right: 11px;
}
.listOsusumeL .mlmr {
	margin-left: 8px;
	_margin-left: 4px;
}*/

/* 右サイド
----------------------------------------------------------- */
.box193 {
	float: right;
	width: 193px;
}
.listBtn {
	margin-bottom: 10px;
	width: 193px;
}
.listBtn li {
	margin: 0px 0px 5px;
	padding: 0px;
}

/* Information（利用ガイドメニュー）
----------------------------------------------------------- */
.information img {
	margin: 0px !important;
	padding: 0px !important;
	float: right;
	width: 193px;
}
.listBtn3Box{
	width:191px;
	margin-bottom:10px;
	background-color:#efefef;
	display: block;
	border: 1px solid #999999;
	float: right;
}
.listBtn3{
	background-color:#FFFFFF;
	margin: 6px;
	_margin-right:3px;
	padding: 5px;
	width: 169px;
	display: block;
	float: right;
}
.listBtn3 li {
	margin-bottom: 5px;
}
.listBtn3 li a {
	background: url(../img/share/icon/list04.gif) 0em 0.2em no-repeat;
	padding-left: 13px;
}

/* タスカ��E哀�E璽廖．機璽咼弘�E�E
----------------------------------------------------------- */
.serviceBox {
	float: left;
	width: 193px;
	margin-bottom: 30px;
}
.serviceBox ul {
	float: left;
	width: 193px;
}
.serviceBox ul li  {
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	float: left;
	width: 193px;
}

/* 憲儘特売商品
----------------------------------------------------------- */
.box193In3 {
	padding: 0px;
	width: 191px;
	margin: 0px 0px 10px;
	float: right;
	border: 1px solid #009;
	position: relative;
}
.h4tokubai {
	margin-bottom: 14px !important;
	padding-top: 8px !important;
	padding-left: 25px !important;
	width: 171px;
	height: 26px !important;
	color: #F00 !important;
	font-size: 1.2em !important;
	background: #fff001 url(../img/top/right/month/sale.gif) left top no-repeat!important;
}
.h4tokubai a {
	color: #F00;
}
.listTokubai {
	padding-right: 10px;
	padding-left: 10px;
}
.listTokubai li {
	margin: 0px 0px 5px;
	line-height: 1.4em;
	width: 171px;
	float: left;
}
.listTokubai li a img {
	border: 1px solid #999;
	float: left;
	width: 45px;
	margin-right: 5px;
}
.catBtn {
	width: 171px;
	margin: 7px auto 10px;
}
.catBtn a{
	display: block;
	width: 171px;
	height: 28px;
	text-indent: -2000px;
	overflow: hidden;
	background-image: url(../img/top/right/month/cat_btn.jpg) left top no-repeat;
}
.catBtn a:hover,
.catBtn a:active {
	background-position: left bottom;
}

/* 憲儘売��E撻薀鵐�ング
----------------------------------------------------------- */
.box193In4 {
	float: right;
	padding: 0px;
	width: 193px;
	margin: 0px 0px 10px;
}
.h4ranking {
	width: 193px !important;
	height: 37px !important;
	_left: 2px !important;
	float: left;
}
.rankingBoxA {
	border-right: 2px solid #600;
	border-bottom: 2px solid #600;
	border-left: 2px solid #600;
	font-size: 0.9em;
	float: left;
	width: 189px;
	padding-top: 20px;
}
.rankingBox {
	border-bottom: 1px solid #96613F;
	width: 189px;
	clear: both;
	float: left;
}
.rankingImg {
	float: left;
	width: 90px;
	padding: 15px 0px 10px;
	text-align: center;
}
.rankingImg img {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 2px;
}
.rankingBoxIn {
	float: right;
	width: 99px;
	margin-bottom: 5px;
}
.rankingText {
	clear: both !important;
	background-color: #600;
	padding: 5px;
	color: #FFF;
	margin: 1px;
	width: 177px;
}

/* カテゴリーから探す
----------------------------------------------------------- */
.sideCatH4 {
	background-color: #000;
}
.sideCat {
	clear: both;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 0.9em;
	background-color: #F6F4EE;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
}
.sideCat ul {
	margin: 0px auto;
	width: 170px;
}
.sideCat ul li {
	width: 170px;
	margin: 0px;
	padding: 0px;
}
.sideCat ul li p {
	margin-bottom: 10px;
	margin-top: 5px;
	padding-right: 2px;
	padding-left: 2px;
	line-height: 1.2em;
}

.catListSeason {
	padding: 5px 5px 0px;
	border-right: 1px solid #615b4a;
	border-bottom: 1px solid #615b4a;
	border-left: 1px solid #615b4a;
	margin-bottom: 10px;
}
.wrap-catListTop .sideCatBar {
	margin-bottom: 0px !important;
}
.wrap-catListTop .catListSeason li {
	margin-bottom: 5px;
}



/* 特集��E�E
----------------------------------------------------------- */
.hBar193 {
	float: left;
	background: url(../img/share/headline/h_193.gif) center top no-repeat;
	padding-top: 4px;
	padding-left: 20px;
	width: 173px;
	height: 24px;
	font-size: 1.2em;
	color: #FFF;
}
.sideRightTokusyu {
	background-color: #feefc3;
	float: left;
	width: 191px;
	margin-bottom: 20px;
	border: 1px solid #625D54;
}
.sideRightTokusyu ul {
	padding: 5px 5px 5px 10px;
	background-color: #FFF;
	margin: 5px;
	line-height: 2.5em;
}
.sideRightTokusyu li a {
	background-image: url(../img/share/icon/list04.gif) 0em 0.2em no-repeat;
	padding-left: 15px;
}