@charset "shift_jis";
/* CSS Document */
#christmas * {
	margin:0;
	padding:0;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
        color:#5F1F00;
}
img {
	vertical-align:bottom;
	border:0
}

#christmas a.hover_style1{
	background-color:#fff; /*背景に白を設定*/
	display:block; /*ブロック化*/
}
#christmas a.hover_style2{
	background-color:#990000; /*背景に白を設定*/
	display:block; /*ブロック化*/
}


#christmas a:hover img {
  opacity: 0.8;
  filter: alpha(opacity=80);
  -ms-filter: "alpha(opacity=80)";
}
#christmas a.hover_style2:hover img{
  opacity: 0.9;
  filter: alpha(opacity=90);
  -ms-filter: "alpha(opacity=90)";
}

#christmas li {
	list-style:none;
	float:left;
        position:relative;
}
#christmas {
	background-image:url(../IMAGE/petchristmas/bg.jpg);
	background-repeat:repeat-y;
	width:750px;
	margin:0 auto;
	text-align:center;
	font-size:12px;
	line-height:120%;
}
#christmas ul {
	overflow:hidden;
}

#christmas #menu{
	background-image:url(../IMAGE/petchristmas/title_bg.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	padding-bottom:80px;
	}
	
#christmas p.osechi {
}

#christmas p.bna {
	width:730;
	margin:0 10px;
	padding-bottom:10px;
}

#christmas p.top {
	padding-bottom:65px;
        margin-top:25px;
}

#christmas dd.ka {
	padding:5px 0;
}
#christmas div.item ul.ul_1 li dd.ka {
        position:absolute;
        bottom:130px;
        right:60px;
}
#christmas div.item ul.ul_1 li dd.bn {
        position:absolute;
        bottom:40px;
        right:60px;
}

#christmas div.item ul.ul_1_2 li dd.ka {
        position:absolute;
        bottom:120px;
        right:60px;
}
#christmas div.item ul.ul_1_2 li dd.bn {
        position:absolute;
        bottom:70px;
        right:30px;
}

#christmas div.item ul.ul_2 li dl{
        width:375px;
        margin:0 auto;
}

#christmas div.item ul.ul_2 li dd.ka {
        position:absolute;
        bottom:90px;
        width:375px;
}
#christmas div.item ul.ul_2 li dd.bn {
        position:absolute;
        bottom:41px;
        width:375px;
}


#christmas div.item ul.ul_2_1 li dl{
        width:375px;
        margin:0 auto;
}

#christmas div.item ul.ul_2_1 li dd.ka {
        position:absolute;
        bottom:64px;
        width:375px;
}
#christmas div.item ul.ul_2_1 li dd.bn {
        position:absolute;
        bottom:20px;
        width:375px;
}

/*二つバナー*/
#christmas ul.bn2 {
	width:710px;
	margin:15px 10px 0px 30px;
	padding-bottom:40px;
}
#christmas ul.bn2 li {
	margin:0 10px 10px 0;
}

/*価格プログラム*/
#christmas .buy_price, #christmas .buy_price li {
	float:none;
	line-height:90%;
	width:auto;
	margin:0;
	padding:0;
	border:none;
	background:none;
	font-family: 'Rubik', sans-serif;
}
#christmas li.motoprice {
	display:none;
}
#christmas span.spesicalprice {
	font-size:12px;
	color:#00F;
	font-weight:bold;
}
#christmas li.price {
	display:inline;
	color:#f36;
	font-size:25px;
	font-weight:bold;
}
#christmas .intax {
	display:inline;
	font-size:13px;
	color:#f36;
}
/* ■■■■■ 3カラム ■■■■■ */

/*商品枠*/

#christmas .ul_3 {
	width: 745px;
	margin: 0 0 10px 5px;
	overflow: hidden;
	display: table;
	table-layout: fixed;
	text-align: center;
}
#christmas .ul_3 dl{
	background-color:#fff;
	margin-top:10px;
	width:240px;
	text-align:center;
	background-image:url(../IMAGE/petchristmas/ul_3bg.jpg);
	background-repeat:repeat-y;
        padding-bottom:5px;
}
#christmas .ul_3 .mtop0{
	margin-top:0
}


#christmas .ul_3 li{
  display: table-cell;
  vertical-align: middle;
  margin:0 3px;
}
#christmas .ul_3 dl dt,
#christmas .ul_3 dl dd{
	margin:5px 5px 0 5px;
}
#christmas .ul_3 dt{
	 display: table-cell;
	vertical-align: middle;
	height:3.5em;
	text-align:left;
	font-size:15px;
	font-weight:700;
	padding:3px 5px 3px 10px;
}
#christmas .ul_3 dd.image{
	margin:0 auto;
	text-align:center;
}
#christmas .ul_3 .image img{
	width:218px;
	border:1px solid #fff;
}
#christmas .ul_3 a:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
}
#christmas .ul_3 dd.text{
	display: table-cell;
	vertical-align: middle;
	height:3.5em;
	padding:4px 10px;
	font-size:12px;
	line-height:140%;
	letter-spacing:0.5px;
	width:218px
}
#christmas .ul_3 dd.price{
	border-top:1px dashed #999;
	padding-top:10px;
	text-align:center;
	height:24px;
}


/*価格プログラム*/

#christmas .ul_3 .buy_price, #christmas .ul_3 .buy_price li {
	float: none;
	line-height: 100%;
	width: auto;
	margin: 0;
	padding: 0;
	border: none;
	background: none;
}
#christmas .ul_3 .buy_price li{
	display: inline;
 }
#christmas .ul_3 li.motoprice {
	display: none;
}
#christmas .ul_3 span.spesicalprice {
	font-size: 11px;
	color: #00F;
	font-weight: bold;
	width: 70px;
	text-align: left;
	padding-right:5px;
}
#christmas .ul_3 li.price {
	color: #f36;
	font-size: 22px;
	border: none;
	font-weight: bold;

}
#christmas .ul_3 li .intax {
	font-size: 10px;
	color: #f36;
	border: none;
        font-weight:normal;
        padding-top:5px;
}