/* ------------------------------------------------------------------*/
/*  classic rose  */
/* ------------------------------------------------------------------*/


/* ------------------------------------------------------------------*/
/*  font  */
/* ------------------------------------------------------------------*/
#contents01 h3, #itemarea h3{ font-family: 'Noto Sans', sans-serif; font-family: 'Noto Serif', serif; transform: rotate(0.05deg); }
/*
 *NotoSans-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSans-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/
/*
 *NotoSerif-Regular.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Italic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-Bold.ttf: Copyright 2012 Google Inc. All Rights Reserved.
 *NotoSerif-BoldItalic.ttf: Copyright 2012 Google Inc. All Rights Reserved.
*/


/* ------------------------------------------------------------------*/
/*  structure  */
/* ------------------------------------------------------------------*/

#h2area{ float:left; width:368px; }
#main #contents01{ float:right; margin-top:436px; }
#contents01 .itembox, 
/* --#itemarea .itembox{ float:left; width:180px; min-height:410px; padding-bottom:10px; background:#f9c3d0; margin: 0 1px 0 0;}--*/
#itemarea .itembox{ float:left; width:220px; min-height:410px; padding-bottom:10px; background:#f9c3d0; margin: 0 20px 0 0;}
#itemarea .itembox03{ width:192px; }

/* ------------------------------------------------------------------*/
/*  visual setting  */
/* ------------------------------------------------------------------*/

#main{ background:url("//img.e87.com/selection/rose/images/class_back_main.jpg") no-repeat; }
/* ----------------------*/
/*  title area  */
/* ----------------------*/

#h2area h2{ padding:108px 0 0 18px; }
#h2area .lead{ padding:0 0 20px 45px; }
#main #h2area .lead p{ width:350px; margin-top:15px; font-size:120%; line-height:a.5; color:#6b5959; }
/* ----------------------*/
/*  itemarea  */
/* ----------------------*/

#itemarea div.tr{ clear:both; padding-bottom:1px; }
#contents01 h3, #itemarea h3{ text-align: center; color:#460000; font-weight: bold; padding: 10px 5px; font-size: 18px; min-height: 34px;}
#contents01 .text, #itemarea .text{ padding: 0 10px; line-height:1.5; color:#666; }
#contents01 .price, #itemarea .price{ padding:0 10px; color:#d13e5d; }
#contents01 .btn, #itemarea .btn{
margin: 10px;
background: #460000;
color: #fff;
font-weight: bold;
float: left;
width: 90%;
text-align: center;
padding: 5px 0;
border-radius: 3px;
}
#contents01 .btn a,
#contents01 .btn a:link,
#contents01 .btn a:active,
#contents01 .btn a:visited,
#contents01 .btn a:hover,
#itemarea .btn a,
#itemarea .btn a:link,
#itemarea .btn a:active,
#itemarea .btn a:visited,
#itemarea .btn a:hover{ color: #fff; font-weight: bold; text-decoration: none; }