/* ------------------------------------------------------------------*/
/*  color page  */
/* ------------------------------------------------------------------*/


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

#itemarea div.tr{ clear:both; padding-bottom:3px; }
#itemarea div.lead{ float:right; width:272px; }
#itemarea div.box{ margin-top: 2px;}
#itemarea div.itembox{ float:left; width:142px; padding-bottom:7px; background:url("//img.e87.com/selection/rose/images/color_back_itembox.gif") repeat-y left top; }
#itemarea div.itembox p:first-child{
font-family: 'Noto Sans', sans-serif; font-family: 'Noto Serif', serif; transform: rotate(0.05deg);
font-size: 17px;
padding: 10px 10px 0 10px;
font-weight: bold;
text-align: center;
color: #968b87;
}
/*
 *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.
*/

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


#main{ width:960px; background:url("//img.e87.com/selection/rose/images/color_back_main.jpg") no-repeat; margin-bottom:12px; }
#maintitl h2{ text-align:right; }
#itemarea{ width: 730px; float: right; background:#ebecf0; }
#itemarea div.lead p{ padding:2px 16px 16px 0; font-size:120%; line-height:2; }

#itemarea div.itembox  p.text{ padding:0 20px; line-height:1.5; }
#itemarea div.itembox p.btn{ 
margin: 7px;
background: #460000;
color: #fff;
font-weight: bold;
float: left;
width: 90%;
text-align: center;
padding: 5px 0;
border-radius: 3px;
}
#itemarea div.itembox p.btn a,
#itemarea div.itembox p.btn a:link,
#itemarea div.itembox p.btn a:hover,
#itemarea div.itembox p.btn a:active,
#itemarea div.itembox p.btn a:visited{ color: #FFF !important; font-weight: bold; text-decoration: none;}