@charset "utf-8";

/*------------------------------------------------------
	__Default_Style_clear
------------------------------------------------------*/
body{
margin: 0;
padding: 0;
color: #333333;
font-size:75%;
line-height:1.5;
font-family:"ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3",Geneva, Arial, Helvetica, sans-serif;
text-align: center;
background: #f8f2e6;
}

h1,dl,dt,dd{
margin:0;
padding:0;
}

img {
border: none;
}

.clearfix:after {
content: ".";
display: block;
clear: both;
height: 0;
visibility: hidden;
}
.clearfix { display: inline-block; }
/* exlude MacIE5 \*/
* html .clearfix { height: 1% }
.clearfix {display:block;}
/* end MacIE5 */


/*------------------------------------------------------
	__wrap
------------------------------------------------------*/

#wrap {
	width: 800px;
	text-align: center;
	margin: 0 auto;
	background:url(../img/uchicafe_02.gif) repeat-y center top;
}


/*------------------------------------------------------
	__inner
------------------------------------------------------*/

#inner {
width: 800px;
text-align: left;
margin: 0;
padding: 0;
}


.price {
display:inline;
color:#FFF;
padding:3px 5px;
background:#BE5000;
border:1px solid #BE5000;
}

.en {
display:inline;
padding:3px 10px;
font-weight:bold;
color:#BE5000;
border:1px solid #BE5000;
}

.en span {
font-size:x-small;
font-weight:normal;
}

.mrg5 {
margin:5px 0 0;
}

.mrg2 {
margin:2px 0;
}

#roll{
padding:0 0 5px;
}

.productName{
height:30px;
}

h1 {
	float:right;
	width:227px;
	background:url(../list/img/uchicafe_list_17.gif) no-repeat top left;
	text-indent:-9999px;
	margin-top: 13px;
}



/*------------------------------------------------------
	__right_box
------------------------------------------------------*/
#right_box {
width: 680px;
margin: 0px auto 24px;
padding-top:40px;
}
/*IE6*/
*html body #right_box{
margin: -40px auto 24px;
padding-top:0px;
}
/*IE7*/
*:first-child+html #right_box{
margin: -40px auto 24px;
padding-top:0px;
}


#detailBtn{
margin:10px 0 0;
}

#right_box dl {
width:620px;
}

#right_box dt {
float:left;
width:305px;
padding-left:70px;
}

#right_box dd {
margin: 0 0 5px 305px;
}

#premiumLink {
width:670px;
}

/*------------------------------------------------------
	puttipafe regular
------------------------------------------------------*/

#premiumLink,#puttipafeLink,#regularLink {
margin:0 0 7px;
}

#premiumLink img,#puttipafeLink img,#regularLink img {
	margin:0 10px 0 6px;
}

#puttipafe,#regular {
	width:680px;
	margin:0px auto 24px;
}

#puttipafe dl{
width:320px;
text-align:center;
}

#puttipafe dt{
width:270px;
margin:0 0 0 25px;
}

#puttipafe dd{
width:270px;
margin:0 0 0 25px;
}


#regular dl{
	float:left;
	width:136px;
	margin:7px 0 10px;
	text-align:center;
}

#regular dt{
	width:123px;
	position: relative;
	height: 90px;
}

.ic_new_regular{
	width:32px;
	height: 32px;
	display:block;
	position:absolute;
	background:url(../list/img/ic_new.gif) no-repeat;
	top: 3px;
	left: 3px;
}

#regular dd{
	width:123px;
	color:#BE5000;
}

.left{
margin-top:7px;
float:left;
}

.right{
margin-top:7px;
float:right;
}

.puttipafeLinkText{
text-align:left;
}

/*------------------------------------------------------
	__footer
------------------------------------------------------*/

div#under_logo {
width: 800px;
height: 88px;
vertical-align: bottom;
margin: 0;
padding: 0;
background: url(../img/uchicafe_01.gif) no-repeat center bottom;
}

a#under_logo_img {
float:right;
vertical-align:middle;
margin: 67px 19px 0 0;
}

#atn {
width:670px;
margin:30px auto 10px;
}

#opnBtn {
width:734px;
margin:0 auto;
text-align:right;
}

#footer{
width:800px;
height:27px;
padding-bottom:20px;
background:#f8f2e6 url(../img/uchicafe_04.jpg) no-repeat center top;
text-indent: -99999px;
}

/*------------------------------------------------------
	puttipafe platinum
------------------------------------------------------*/

#premiumLink,#puttipafeLink,#platinumLink {
margin:0 0 7px;
}

#premiumLink img,#puttipafeLink img,#platinumLink img {
	margin:0 10px 0 6px;
}

#puttipafe,#platinum {
	width:680px;
	margin:0px auto 24px;
}

#platinum dl{
	float:left;
	width:226px;
	margin:7px 0 10px;
	text-align:center;
}

#platinum dt{
	width:214px;
	position: relative;
	height: 146px;
}

.ic_new_platinum{
	width:32px;
	height:32px;
	display:block;
	position:absolute;
	background:url(../list/img/ic_new.gif) no-repeat;
	top: 102px;
	left: 171px;
}

#platinum dd{
	width:214px;
	color:#BE5000;
}