@charset "utf-8";
/* CSS Document */

/*==============================================================================================
////////////////////////////////////////////////////////////////////////////////////////////////

	author: www.metaphase.co.jp
	created: 2010/04/01
	update : -

////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/




/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 makeup index

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.makeup h1{
color:#000;
font-size:100% !important;
}
.makeup h1 span{
font-size:160% !important;
}

.makeup .makeupList{
list-style:none;
}
.makeup .makeupList li{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
vertical-align:top;
width:210px;
text-align:center;
margin:0 0 35px;
}
.makeup .makeupList li a{
text-decoration:none;
}
.makeup .makeupList li img{
margin-bottom:8px;
}

.makeup h2.campaign{
margin-left:-10px !important;
padding:45px 0 10px 118px;
background:url(/images/tmp/tmp/makeup_bg_campagin.gif) no-repeat 0 0;
font-size:84%;
font-weight:normal;
line-height:1;
}
.campaignListItem{
margin:0 0 15px;
padding:0 0 16px;
background:url(/common/images/mod_line_dot03.gif) repeat-x 0 100%;
}
.campaignListItem .content{
margin:0;
display:table;
/zoom:1;
}
.campaignListItem .image{
padding:0 13px 1px 0;
display:table-cell;
vertical-align:top;
width:1%;
/width:auto;
/float:left;
direction:ltr;
}
.campaignListItem .block{
padding:0 0 1px 12px;
display:table-cell;
vertical-align:top;
direction:ltr;
text-align:left;
/zoom:1;
}
.campaignListItem .block h3{
position:relative;
margin:0 0 0 -12px !important;
padding-left:12px;
background:url(/common/images/mod_ico_arw01.gif) no-repeat 0 6px;
font-size:117%;
zoom:1;
}
.campaignListItem .block p{
margin:0 0 3px;
}
.campaignListItem .block p.date{
display:-moz-inline-box;
display:inline-block;
/display:inline;
/zoom:1;
padding:3px 12px;
border:1px solid #e7e7e7;
}






/*====================================================================================================
//////////////////////////////////////////////////////////////////////////////////////////////////////

 makeup detail

//////////////////////////////////////////////////////////////////////////////////////////////////////
====================================================================================================*/
.makeup h1.butterfly{
padding:36px 0 0 270px;
background:url(../parts/makeup_title.gif) no-repeat 0 0;
font-size:100% !important;
line-height:1;
}

.makeup h1 img{
padding:0 10px 0 0;
margin:0;
font-size:100% !important;
line-height:1;
}

.makeup h2.point{
margin-left:-10px !important;
padding:47px 0 0 165px;
background:url(../parts/makeup_bg_howto.gif) no-repeat 0 0;
font-size:84%;
font-weight:normal;
line-height:1;
}
.makeup h2.data{
	clear:both;
margin-left:-10px !important;
padding:48px 0 0 170px;
background:url(../parts/makeup_bg_data.gif) no-repeat 0 0;
font-size:84%;
font-weight:normal;
line-height:1;
zoom:1;
}
.makeup h2.other{
margin-left:-10px !important;
padding:45px 0 3px 134px;
background:url(../parts/makeup_bg_other.gif) no-repeat 0 0;
font-size:84%;
font-weight:normal;
line-height:1;
}

.makeup .pointMakeup{
margin:0;
padding:0;
}
.makeup .pointMakeup dt{
margin:0 0 20px;
font-weight:bold;
}
.makeup .pointMakeup dd{
margin:0 0 20px;
}

.makeup .makeupdata{
margin-right:-10px;
zoom:1;
background:url(../parts/makeup_bg_makeupdata.gif) repeat-y 0 0;
}
.makeup .makeupdata:after{
content:"";
display:block;
clear:both;
}
.makeup .dataTable{
float:left;
margin:0 10px 1px 0;
background:#eaeaea;
width:280px;
}
.makeup .dataTable th{
padding:8px;
background:url(../images/mod_line_dot02.gif) no-repeat 100% 100%;
text-align:center;
}
.makeup .dataTable td{
padding:8px;
}
.makeup .dataTable ul{
overflow:hidden;
margin:0;
zoom:1;
}
.makeup .dataTable li{
vertical-align:top;
margin:0 0 1em;
}
.makeup .dataTable li strong{
line-height:1;
display:block;
color:#707070;
}