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


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
全体の設定
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
*{
	margin:0px;
	padding:0px;
	}
div#pandeotokuoca {
font-size:12px;
font-family:"Lucida Grande","メイリオ","Hiragino Kaku Gothic Pro","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック","Osaka,sanserif";
line-height:1.5em;
width:675px;
}

a:link {
color:#2950A4;
text-decoration:none;
}
a:visited {
color:#660066;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
a:active {
}

img {
border:0px;
}

p {
padding:0px;
margin:0px;
}

div.clear {
clear:both;
}

.txt_big {
	font-size: 18px;
}

.center {
	text-align: center;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカタイトル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca h2 {
width:675px;
background:url(../images/pandeotokuoka/pande-title.jpg) top left no-repeat;
height:100px;
text-indent:-9999px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ実施期間
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca p.otokutime {
	color: #D32004;
	font-weight: bold;
	margin-top: 0px;
	text-align: center;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #DD2204;
	padding-top: 15px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
	width: 650px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉タイトル
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca div#otoku1 h3 {
margin:0px;
padding:0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca div#otoku1 {
	width: 651px;
	padding:10px;
	border:2px solid #db6a72;
	background-color:#fdeef2;
	position: relative;
	margin-bottom:20px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#otoku1left {
	width: 210px;
	height: 160px;
	float: left;
	padding-left:10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉文章
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca span.otoku1cati{
font-weight:bold;
font-size:14px;
color:#339966;
}
/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉文章
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca div#otoku1right{
	width: 431px;
	float: right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉実質ポイント
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca #otoku1 p.itemtxt2 {
	font-size: 14px;
	font-weight:bold;
}

div#pandeotocuoca #otoku1 p.itemtxt3 {
	font-size: 11px;
	font-weight:bold;
}


/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉実質値段
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca span.txt_midium {
	font-size: 12px;
	background-color: #D50000;
	color: #FFFFFF;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉100ポイント還元マーク
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca img#point100 {
	height: 80px;
	width: 80px;
	top: 0px;
	position: absolute;
	left: -5px;
	z-index: 1;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉200ポイント還元マーク
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca img#point200 {
	height: 79px;
	width: 80px;
	top: 209px;
	position: absolute;
	left: 13px;
	z-index: 1;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉注意書き
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p#medamachuui {
margin-top:10px;
border-top:2px dotted #CC6600;
padding-top:3px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ目玉の粉注意書き赤文字
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca span.red {
color: #CC0000;
font-weight:bold;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca div#otoku2 {
	width: 675px;
	padding:10px 0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム左
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

div#pandeotocuoca div#otoku2left {
width:210px;
border:1px dotted #a96f1d;
text-align:center;
float:left;
margin-right:15px;
position: relative;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテムチャッチ文章
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku2cati {
padding:5px;
background-color:#ecb567;
font-weight:bold;
font-size:14px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム商品画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca img.shohin1 {
margin:10px 0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム真ん中
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#otoku2center {
width:210px;
border:1px dotted #a96f1d;
text-align:center;
float:left;
margin-right:15px;
position: relative;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム右
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#otoku2right {
width:210px;
border:1px dotted #a96f1d;
text-align:center;
float:left;
position: relative;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム10%ポイント還元マーク
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca img.point10 {
	position:absolute;
	width:80px;
	height:80px;
	left: -2px;
	top: 54px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム商品名
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku2shohinmei {
font-size:14px;
font-weight:bold;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム実質値段
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.real {
background-color: #CC0000;
padding:5px;
color:#FFFFFF;
font-weight:bold;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム文章
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku2bun {
background-color:#fce7d2;
padding:3px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカ注目のアイテム商品ボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku2btn {
padding:20px 0px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#otoku3 {
width:675px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品中枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#katariwaku {
padding:10px 10px 20px 10px;
width:655px;
background-color:#fce7d2;
border-bottom:2px solid #b1663e;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品写真
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#katariph {
width:210px;
float:left;
position:relative;
}

div#pandeotocuoca img.suteki {
	position:absolute;
	width:80px;
	z-index:1;
	left: -8px;
	top: -4px;
}

div#pandeotocuoca img#osusumepoint10 {
	position:absolute;
	width:80px;
	z-index:1;
	left: -4px;
	top: 94px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品文章エリア
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#kataribun {
width:410px;
float:right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品名
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku3shohinmei {
font-size:14px;
font-weight:bold;
border-bottom:2px solid #f06519;
padding:0px 5px 3px 5px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品キャッチ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku3cati {
font-size:14px;
font-weight:bold;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの文章
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku3bunsho {
padding-bottom:10px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品実質値段枠
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div.otoku3real {
width:250px;
float:left;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品通常値段
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku3tujo {
font-size:14px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品実質価格
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca p.otoku3kakaku {
font-size:14px;
background-color:#CC0000;
padding:3px 0px;
color:#FFFFFF;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品購入ボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div.otoku3btn {
width:144px;
float:right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
パンdeおトクオカおすすめの商品購入ボタン
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div.page-up {
text-align:right;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
スタッフのコメント
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca div#staff {
	width:522px;
	background: url(../images/pandeotokuoka/staff_m.jpg) 10px 0px no-repeat #e5b878;
	height: 115px;
	padding-top: 3px;
	padding-right: 3px;
	padding-bottom: 15px;
	padding-left: 130px;
}

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝
soldout画像
＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
div#pandeotocuoca img#soldout1 {
	position:absolute;
	top:45px;
	left:22px;
	z-index:1;
}