@charset "euc-jp";

/*----------------------------
	#tabnav
----------------------------*/

ul#tabnav {background:url(http://www.okipota.com/bussan/img/tabmenu.gif) no-repeat;}

a#button {
   display: block;
   width: 570px; /* 画像1枚分の横幅 */
   height: 86px; /* 画像1枚分の高さ */
   text-indent: -1000px; /* 文字を見えなくする */
   background-image: url("http://www.okipota.com/bussan/img/img_shop03.jpg"); /* 画像ファイル名 */
}

a#button:hover {
   background-position: top right; /* 背景画像の表示開始基準を右上に変更 */
}

/* +++++ おきぽたショップTOPレイアウト用 +++++ */
#maincolumn h2.shop-pr2 {
   border:solid 1px #d00;
   margin:0 0 3px 0;
   padding:5px;
   font-size:14px;
   font-weight:bold;
   color:#d00;
   background:#ffc;
}
#maincolumn h3.shop-pr3 {
   margin:0;
   padding:5px;
   color:#f00;
   font-size:12px;
   font-weight:normal;
}
.content-box {
   margin:10px 0 0 0;
   padding:0;
}
.content-box div.banner-box {
   margin:10px 3px 0 3px;
   padding:0;
}
.content-box p.banner-text {
   margin:0 3px 0 3px;
   padding:6px;
   font-size:12px;
   font-weight:bold;
}
.content-box table#shohin-list {
   margin:10px 0 0 0;
   padding:0;
}
.content-box table#shohin-list td.t-img {
   width:140px;
   height:70px;
   border:none;
   background:#eee;
}
.content-box table#shohin-list td.t-img a {
   display:block;
   width:134px;
   height:64px;
   border:solid 3px #fc0;
   background:#fff;
}
.content-box table#shohin-list td.t-img a img {
   width:134px;
   height:64px;
}
.content-box table#shohin-list td.t-img a:hover {
   border:solid 3px #f90;
}
.content-box table#shohin-list td.t-text {
   font-size:100%;
   padding:5px;
   line-height:1.4;
   border:solid 1px #eee;
   vertical-align:top;
}

/*--------------------
	サイドバー - 商品メニュー
--------------------*/
.menu {
	background-color:#fff;
	border:1px solid #aa0000;
	width:148px;
	margin-bottom:20px;
	padding:5px;
}

.menu ul {list-style-position:outside;}

.menu li {
	list-style-type:none;
	line-height:1.4;
	padding:0px 0 5px 15px;
	background:url(http://www.okipota.com/img/dotted.gif) repeat-x bottom;
}

.menu li span {color:#dd0000;}

.menu p {
	background:#efefef url(http://www.okipota.com/img/icon_circleyoko.gif) no-repeat 3%;
	margin-top:10px;
	padding:5px 5px 5px 20px;
	font-weight:bold;
        color:#369;
}

.menu p.active {background:#efefef url(http://www.okipota.com/img/icon_circlesita.gif) no-repeat 3%;}