@charset "utf-8";

/* ::::::::::::::::::::::::::::::::::::::::::::::::::

 *  Yahoo! BEAUTY & @cosme
 *  2010/1/15
 
::::::::::::::::::::::::::::::::::::::::::::::::::: */


body {
   margin: 0;
   padding: 0;
   /*background: #ffffff;*/
   text-align: center;
   /*font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Osaka, "ＭＳ Ｐゴシック", sans-serif;
   line-height: 1.6;
   font-size: 12px;*/
   }

img {
   border: 0;
   }

h1,h2,h3,h4,h5,p,dt,dl,dd { margin: 0; padding: 0;}


/* award
--------------------------------------------------------------------------------- */
#award {
   margin: 0 auto;
   padding: 20px 0 0 0;
   width: 900px;
   }

#award #award_list {
   margin: 0 auto;
   padding: 0;
   width: 840px;
   background: url(../img/bg_block.gif) repeat-y left top;
   }

/* atcosme
--------------------------------------------------------------------------------- */
#award #award_list div.atcosme {
   width: 520px;
   float: left;
   margin-left: 15px;
   }
* html #award #award_list div.atcosme { margin-left: 8px;}

#award #award_list div.atcosme h3 { margin-bottom: 24px;}

#award #award_list div.atcosme div.section {
   background: url(../img/dot1.gif) repeat-y center top;
   }
#award #award_list div.atcosme div.section div.dotline {
   padding: 0;
   clear: both;
   min-height: 260px;
   background: url(../img/dot2.gif) repeat-x left bottom;
   }
* html #award #award_list div.atcosme div.dotline { height: 260px;}

/* yahoo
--------------------------------------------------------------------------------- */
#award #award_list div.yahoo {
   width: 240px;
   float: right;
   margin-right: 20px;
   }
* html #award #award_list div.yahoo   { margin-right: 10px;}

#award #award_list div.yahoo div.dotline {
   padding: 0;
   clear: both;
   min-height: 260px;
   background: url(../img/dot2.gif) repeat-x left bottom;
   }
* html #award #award_list div.yahoo div.dotline { height: 260px;}

/* award common
--------------------------------------------------------------------------------- */
#award #award_list div.product {
   margin: 15px 0 0 0;
   width: 240px;
   text-align: left;
   }

#award #award_list div.product div.logo  { float: left;}
#award #award_list div.product div.photo { float: right;}

#award #award_list div.product dl              { clear: both; margin: 0 0 20px 0; line-height: 0; font-size: 2px;}

#award #award_list div.product dt.title        { margin-bottom: 5px;}
#award #award_list div.product dd.product_name {}
#award #award_list div.product dd.button       { margin: 10px 0; height: 28px;}
#award #award_list div.product dd.notes        { margin: 0;}



#award #award_list div.postscript {
   padding: 13px 0;
   text-align: left;
   background: url(../img/dot3.gif) repeat-x left top;
   }


/* float
--------------------------- */
.floatR    { float: right; margin: 0; padding: 0;}
.floatL    { float: left;  margin: 0; padding: 0;}
.clearFix  { clear: both;}

/* text
--------------------------- */
.algnR     { text-align: right;}
.algnC     { text-align: center;}
.algnL     { text-align: left;}





/* css end ---------------------------------------------------------------------- */