#bean {
	MARGIN: 0px; width: 92%;
	MARGIN: auto;
	clear:both;
    float:left;
    border: silver 1px solid;
	background-color:white;
	color:#404040;
	line-height:130%;
	padding-top:0px;
	padding-left:4%;
	padding-right:4%;
	padding-bottom:10px;
	margin-top:60px;
}

#bean-wrap{
    border: red 1px solid;
clear:both;
	padding-left:20px;
	padding-right:20px;

}


#name{
border:blue 0px solid;
margin-top:20px;
padding-left:0px;
padding-right:0px;
}
#name img{
max-width:100%;
}


#desc{
border:blue 0px solid;
margin-top:10px;
padding-left:16px;
padding-right:16px;
line-height:180%;
text-align: justify;
text-justify: inter-ideograph;
}
img.clip{
width:24px;
height:23px;
}

#comment{
border:blue 0px solid;
clear:both;
margin-top:20px;
padding-left:0px;
padding-right:0px;
font-size:1.0rem;
line-height:180%;
text-align: justify;
text-justify: inter-ideograph;
}
img.cup{
width:22px;
height:16px;
}
#comment .left{
border:blue 0px solid;
float:left;
width:230px;
}
#comment .right{
border:blue 0px solid;
float:left;
width:90px;
text-align:center;

}

#taste-eng{
margin-top:8px;
padding-left:0px;
font-size:0.9rem;
font-style:italic;
line-height:130%;
text-align:left;
text-justify:none;
}





#spec{
border:black 0px solid;
clear:both;
float:left;
width:100%;
margin-top:20px;
/*--
MARGIN: 0px; width: 90%;
MARGIN: auto;
padding-left:10%;
padding-right:0%;

line-height:140%;
font-size:14px;
--*/
}
#spec .left{
border:red 0px solid;
float:left;
padding-top:10px;
padding-left:0px;
padding-right:10px;
}
#roast6{
width:80px;
height:90px;
background-image: url('../../image/beans/roast/6_new.jpg');
background-repeat: no-repeat;
}
#roast7{
width:85px;
height:90px;
background-image: url('../../image/beans/roast/7_new.jpg');
background-repeat: no-repeat;
}

#roast8{
width:80px;
height:80px;
margin-top:0px;
background-image: url('../../image/beans/roast/8sp2.jpg');
background-repeat: no-repeat;
}
#roast9{
width:80px;
height:70px;
background-image: url('../../image/beans/roast/9.jpg');
background-repeat: no-repeat;
}

#roast10{
width:90px;
height:90px;
background-image: url('../../image/beans/roast/10sp.jpg');
background-repeat: no-repeat;
}

td.beanx1{
width:12px;
height:11px;
background-image: url('../../image/beans/taste/1.jpg');
background-repeat: no-repeat;
background-position:left center;
}
td.beanx2{
width:24px;
height:11px;
background-image: url('../../image/beans/taste/2.jpg');
background-repeat: no-repeat;
background-position:left center;
}
td.beanx3{
width:34px;
height:11px;
background-image: url('../../image/beans/taste/3.jpg');
background-repeat: no-repeat;
background-position:left center;
}


#taste{
border:blue 0px solid;
float:left;
padding-top:0px;
padding-left:0px;
}
#taste table{
border-collapse: collapse;
border-spacing:0;
font-size:0.9rem;
line-height:130%;
}

td.eng{
font-size:0.8rem;
font-style:italic;
text-align:right;
vertical-align:top;
padding-right:8px;
}

#spec .right{
border:blue 0px solid;
float:left;
/*width:40%;*/
text-align:right;
padding-top:0px;
padding-left:0px;
padding-right:0px;
text-align:;
}

#spec .countries{
border:blue 0px solid;
float:right;
font-size:0.8rem;
line-height:130%;
padding-left:0px;
padding-right:0px;
}

#prices .countries-eng{
border:blue 0px solid;

float:right;
font-size:12px;
font-style:italic;
line-height:120%;
padding-left:10px;
padding-bottom:10px;
}

#elevation{
border:blue 0px solid;
float:left;
margin-top:-14px;
padding-top:0px;
padding-left:6px;
padding-right:0px;
}






#prices{
border:black 0px solid;
width:100%;
/*--
MARGIN: 0px; width: 100%;
MARGIN: auto;
--*/
clear:both;
float:left;
margin-top:20px;
line-height:140%;
font-size:14px;

}
#prices .left{
border:red 0px solid;
float:left;
padding-top:0px;
padding-left:0px;
padding-right:0px;
text-align:left;

}

#prices .right{
border:blue 0px solid;
float:right;
/*width:40%;*/
padding-top:26px;
padding-left:0px;
padding-right:0px;
text-align:left;
}


#prices table.price-list{
border-collapse: collapse;
/*font-size:2rem;*/
line-height:130%;
}

#prices td.gram{
}
#prices td.price{
padding-left:6px;
font-size:1.0rem;
text-align:right;
}
#prices th.unit-price{
font-weight:normal;
color:red;
}
#prices td.unit-price{
font-weight:normal;
color:red;
}




#order{
clear:both;
padding-top:0px;
padding:6px;
border:green 0px solid;
}

#order .wrap{
clear:both;float:left;width:100%;border:blue 0px solid;
}
#order .title{
float:left;
border:red 0px solid;
width:90px;
padding-top:16px;
}
#order .list{
float:left;
border:red 0px solid;
width : 98% ; /* IE8以下とAndroid4.3以下用フォールバック */
width:-webkit-calc(98% - 90px) ;
width : calc(98% - 90px) ;
}

#total{
clear:both;
padding-top:6px;
border:blue 0px solid;
width:100%;
font-weight:bold;
}

#shopping-msg{
	font-size:0.9rem;
/*width:100%;*/
}
#shopping-msg ul{
margin-left:0;
padding-left:30px;
}


#stockmsg{
clear:both;
border:red 0px solid;
width:100%;
padding-top:20px;
color:red;
}

#incart{
clear:both;
padding-top:4px;
}
/*--
#incart a:link    {color:#fff; text-shadow:none;background:#86b300;text-decoration:none;} 
 #incart a:visited {color:#fff; text-shadow:none;background:#86b300;text-decoration:none;}
 #incart a:hover   {color:#fff; text-shadow:none;background:#99cc00;}
 #incart a:active  {color:#fff; text-shadow:none;background:#86b300;} 
--*/


.roast-msg {
line-height:130%;
color:red;
font-weight:normal;
font-size:0.9rem;
}

#ice-msg {
border:blue 0px solid;
padding-top:20px;
padding-bottom:20px;
line-height:130%;
color:;
background-color:;/*#4ea5d0;*/
font-size:0.9rem;
}

img.glass{
width:22px;
height:30px;
position:relative;
top:6px;
}