@charset "utf-8";

/* [/beauty/]================================================*/
/* PC-1 ver 2.0.0
------------------------------------------------------------*/
body.pane2.index #article { padding:9px 9px 0 0; }
.index .main { width:644px; padding:0 45px 0 0; }
.index .main img  { vertical-align:bottom; }

/* header */

.index .header img  { vertical-align:bottom; }
.index .header { position:relative; width:663px; margin:0 -11px 0 -10px; }
.index .header .feature { position:relative; padding:17px 0 0 0; }

.index .header .feature h2 { position:absolute; top:-4px; display:block; padding:0 5px 0 8px; }
.index .header .feature .nav { position:absolute; width:300px; top:-7px; right:0; display:block; padding:0 5px 0 8px; }
.index .header .feature .group { position:relative; padding:0 5px 5px 5px; width:653px; background-color:#CBCFD8; }
.index .header .feature .new { padding:5px 0 0 0; }
.index .header .feature .new ul { padding: 0 0 0 0; }
.index .header .feature .new ul li { margin: 0 0 0px 0; padding: 0 0 0 5px; width:324px; float:left; line-height:1; }
.index .header .feature .new ul li.firstChild { padding-left:0px; }

.index .header .feature .backnumber { padding:5px 0 5px 0; border-bottom:solid 3px #cbcfd8; margin-bottom:10px; }
.index .header .feature .backnumber ul { padding:0 0 0 0; }
.index .header .feature .backnumber ul li { padding:0 0 0 2px; background:url(../img/idx_btn_backnumber_line.gif) no-repeat top left #ffffff; width:216px; float:left; line-height:1; }
.index .header .feature .backnumber ul li.firstChild { padding-left:0px; background:none; }
.index .header .feature .backnumber .view {	/*position:absolute;top:0px;left:0px;width:190px;*/ }
* html .index .header .feature .backnumber .view {	/*position:absolute; top:0px;*/ } /* for ie6 */
*+html .index .header .feature .backnumber .view { /*top:0px;*/ } /* for ie7 */

/*2011.12.21*/
.index .header .feature .new3 { padding:5px 0; }
.index .header .feature .new3Btn { padding:6px 0 0 0; margin:0; width:653px; }
.index .header .feature .new3Btn ul { padding:0; margin:0; }
.index .header .feature .new3Btn li { padding:0 6px 0 0; margin:0; float:left; list-style:none; }
.index .header .feature .new3Btn li.last { padding:0!important; margin:0; }


/*2011.11.21*/
.index .header .feature .new2 { padding:5px 0 0 0; }
.index .header .feature .new2Left { padding:0; margin:0; float:left; width:402px; }
.index .header .feature .new2Right { padding:0; margin:0; float:left; width:251px; }
.index .header .feature .new2Right ul { padding:0; margin:0; float:none; clear:both; height:230px; }
.index .header .feature .new2Right li { padding:0; margin:0; float:none; clear:both; list-style:none; }
.index .header .feature .new2Right li img { padding:0; margin:0; float:none; clear:both; }


/* main */
.index .main a  { color:#383c3c; }
.index .main { width:644px; padding:30px 0 51px 0; }
.index .main .alpha-column { float:left; width:367px; }
.index .main .beta-column { float:right; width:251px; }

/* alpha-column */
.index .main .alpha-column .section { padding-left:10px; padding-right:7px; }
.index .main .alpha-column .section .section { margin:0; padding-left:0; padding-right:0; }

.index .main .alpha-column .section h2 { margin-left:-10px; margin-right:-7px; }
.index .main .alpha-column .section h2 img { position:relative; }

/*  ac .beauty-tips */
.index .main .alpha-column .beauty-tips { margin-bottom:19px; padding:0 0 11px 0; background:url(../img/idx_line_dot.gif) repeat-x scroll center bottom #ffffff; }
.index .main .alpha-column .beauty-tips h2 { margin:0 0 10px 0; }
.index .main .alpha-column .beauty-tips .content { margin:0; }
.index .main .alpha-column .beauty-tips .text { float:right; width:240px; }
.index .main .alpha-column .beauty-tips .text ul li { clear:both; font-size:108%; width:240px; }
.index .main .alpha-column .beauty-tips .text ul li a { display:inline-block; margin-top:7px; padding:0 0 0 15px; background:url(../img/idx_arrow_01.gif) no-repeat scroll 2px 0.5em #ffffff; font-weight:bold; line-height:1.5em; }
.index .main .alpha-column .beauty-tips .text ul li.firstChild a { margin-top:0; }
.index .main .alpha-column .beauty-tips .text ul li a:hover { color:#D0576A; text-decoration:none; }
.index .main .alpha-column .beauty-tips .text ul li a strong { color:#BE001E; font-size:130%; }
.index .main .alpha-column .beauty-tips .text ul li a:hover strong { color:#D0576A; font-size:130%; }
.index .main .alpha-column .beauty-tips .image { float:left; width:120px; }

/*  ac .topics */
.index .main .alpha-column .topics { margin-bottom:15px; padding:0; }
.index .main .alpha-column .topics h2 { margin:0 0 15px 0; }
.index .main .alpha-column .topics .section { padding:8px 10px 8px 0; width:357px; background:url(../img/idx_line_dot.gif) repeat-x scroll center bottom #ffffff; }
.index .main .alpha-column .topics .section.firstChild { margin-top:0; padding-top:0; }
.index .main .alpha-column .topics .section .image { float:right; margin:0 0 10px 0; }
.index .main .alpha-column .topics .section .text { float:left; width:209px; padding-left:11px; }
.index .main .alpha-column .topics .section h3 { display:block; margin-bottom:5px; margin-left:-8px; padding-left:17px; font-weight:bold; font-size:123.1%; line-height:1.3em; }

.index .main .alpha-column .topics .section h3 span.new img {vertical-align:middle !important;}

.index .main .alpha-column .topics .section h3 a { display:block; margin-left:-14px; padding-left:14px; color:#2E2E68; background:url(../img/idx_arrow_02.gif) no-repeat scroll 2px 0.3em #ffffff; line-height:1.2em; }
.index .main .alpha-column .topics .section h3 a.eng { background-position:2px 0.4em; }
.index .main .alpha-column .topics .section h3 a:hover { color:#7171CD; text-decoration:none; }
.index .main .alpha-column .topics .section p { margin:0; padding-left:9px; line-height:1.6em; }

/*  ac .yomukiku */
.index .main .alpha-column .yomukiku { padding:0; }
.index .main .alpha-column .yomukiku h2 { margin-left:0; }
.index .main .alpha-column .yomukiku ul li { position:relative; line-height:1.5em; }
.index .main .alpha-column .yomukiku ul li.firstChild { margin-top:0; }
.index .main .alpha-column .yomukiku ul li.pb10 a { padding-bottom:16px; }
.index .main .alpha-column .yomukiku ul li.lastChild { background:none; }
.index .main .alpha-column .yomukiku ul li a { display:block; width:293px; padding:10px 7px 6px 69px; font-size:93%; background:url(../img/idx_line_dot_2.gif) repeat-x scroll center bottom #ffffff; }
.index .main .alpha-column .yomukiku ul li a img { position:absolute; top:10px; left:14px; }
.index .main .alpha-column .yomukiku ul li a span { font-size:80%; color:#BE001E; }
.index .main .alpha-column .yomukiku ul li a span.new { margin-left:5px; margin-bottom:5px; color:#383c3c; }
.index .main .alpha-column .yomukiku ul li a span.new img { position:static; float:none; padding-bottom:3px; }
.index .main .alpha-column .yomukiku ul li a strong { display:block; margin-bottom:3px; font-size:130%; color:#BE001E; line-height:1em; }

.index .main .alpha-column .yomukiku ul li a:hover { color:#D0576A; text-decoration:none; }
.index .main .alpha-column .yomukiku ul li a:hover span { color:#D0576A; text-decoration:none; }
.index .main .alpha-column .yomukiku ul li a:hover strong { color:#D0576A; text-decoration:none; }


/* beta-column */
.index .main .beta-column .section { padding:0; }
.index .main .beta-column .section .section {}

.index .main .beta-column .section h2 { }
.index .main .beta-column .section h2 img { position:relative; }

/*  bc .beautydictionary */
.index .main .beta-column p.emergency {margin:0 0 20px 0;}
.index .main .beta-column .beautydictionary { position:relative; margin-bottom:15px; }
.index .main .beta-column .beautydictionary h2 { margin-bottom:7px; }
.index .main .beta-column .beautydictionary p.summary { margin:0 -1em 2px 0; }
.index .main .beta-column .beautydictionary div.control { position:absolute; top:7px; right:0; }
.index .main .beta-column .beautydictionary ul.link { position:relative; height:141px; }
.index .main .beta-column .beautydictionary ul.link li { display:block; }
.index .main .beta-column .beautydictionary ul.link li.skincare { position:absolute; left:0; top:0; }
.index .main .beta-column .beautydictionary ul.link li.makeup { position:absolute; left:84px; top:0; }
.index .main .beta-column .beautydictionary ul.link li.haircare { position:absolute; left:0; top:71px; }
.index .main .beta-column .beautydictionary ul.link li.fragrance { position:absolute; left:84px; top:71px; }
.index .main .beta-column .beautydictionary ul.link li.movie  { position:absolute; left:168px; top:0; }

.index .main .beta-column .beautydictionary ul.link li a { display:block; background-image:url(../img/idx_img_beautydictionary_map.jpg); background-repeat:no-repeat; background-color:#ffffff; text-indent:-9999px; overflow:hidden; }
.index .main .beta-column .beautydictionary ul.link li.skincare a { width:84px; height:71px; background-position:0 0; }
.index .main .beta-column .beautydictionary ul.link li.makeup a { width:84px; height:71px; background-position:-84px 0; }
.index .main .beta-column .beautydictionary ul.link li.haircare a { width:84px; height:70px; background-position:0 -71px; }
.index .main .beta-column .beautydictionary ul.link li.fragrance a { width:84px; height:70px; background-position:-84px -71px; }
.index .main .beta-column .beautydictionary ul.link li.movie a  { width:84px; height:141px; background-position:-168px 0; }

.index .main .beta-column .beautydictionary ul.link li.skincare a:hover { background-position:0 -141px; }
.index .main .beta-column .beautydictionary ul.link li.makeup a:hover { background-position:-84px -141px; }
.index .main .beta-column .beautydictionary ul.link li.haircare a:hover { background-position:0 -212px; }
.index .main .beta-column .beautydictionary ul.link li.fragrance a:hover { background-position:-84px -212px; }
.index .main .beta-column .beautydictionary ul.link li.movie a:hover  { background-position:-168px -141px; }


.index .main .beta-column .beautydictionary .section { margin:15px auto 0 auto; width:241px; }
.index .main .beta-column .beautydictionary .section ul li { display:inline-block; width:241px; background:url(../img/idx_bg_dic_pickup_even.gif) repeat-y left bottom transparent; }
.index .main .beta-column .beautydictionary .section ul li.odd { background-image:url(../img/idx_bg_dic_pickup_odd.gif);}
.index .main .beta-column .beautydictionary .section ul li.even.lastChild { padding-bottom:3px; background:url(../img/idx_bg_dic_pickup_even_bottom.gif) no-repeat left bottom transparent; }
.index .main .beta-column .beautydictionary .section ul li.odd.lastChild { padding-bottom:3px; background:url(../img/idx_bg_dic_pickup_odd_bottom.gif) no-repeat left bottom transparent; }

.index .main .beta-column .beautydictionary .section ul li dl { padding:5px 10px 5px 10px; }
.index .main .beta-column .beautydictionary .section ul li dl dt { margin:2px 0 3px 0; line-height:1px; }
.index .main .beta-column .beautydictionary .section ul li dl dd { font-size:93%; }
.index .main .beta-column .beautydictionary .section ul li dl dd a { display:inline-block; padding-left:1em; background:url(../img/idx_arrow_03.gif) no-repeat scroll 2px 0.6em transparent; text-decoration:underline; color:#383C3C; }
.index .main .beta-column .beautydictionary .section ul li dl dd a:hover { color:#BE001E; }

/*  bc .information */
.index .main .beta-column .information { margin-bottom:15px; }
.index .main .beta-column .information h2 { margin-bottom:10px; }
.index .main .beta-column .information ul { width:241px; margin:0 auto; }
.index .main .beta-column .information ul li { margin-top:10px; }
.index .main .beta-column .information ul li.firstChild { margin-top:0; }

/*  bc .vote */
.index .main .beta-column .vote h2 { margin-bottom:7px; }
.index .main .beta-column .vote p {}
.index .main .beta-column .vote .anchortag { visibility:hidden; font-size:1%; line-height:0; }
.index .main .beta-column .vote .beautyvote .anchortag { height:4px; }
.index .main .beta-column .vote .specialvote .anchortag { height:15px; }
.index .main .beta-column .vote #flashcontent-01 { width:252px; height:323px; }
.index .main .beta-column .vote #flashcontent-02 { width:252px; height:327px; }


/* bc .nav.share */
.index .nav.share { clear:both; text-align:right; padding:10px 0 10px 0;}
.index .nav.share li { display:inline; vertical-align:middle; margin-left:6px; font-size:1%; line-height:1.0; }
.index .nav.share li.mail { margin:2px 0 0 0; }
.index .main .nav.share li img { vertical-align:middle; }
.index .nav.share li.mixi {}
.index .nav.share li.facebook {}
.index .nav.share li.twitter {}


/*twitter*/
#twitter{
	margin:10px 0 30px 0;
	padding:0 0 10px 0;
	width:249px;
	height:200px;
	border-bottom:4px #ce3748 solid;
	border-left:1px #ce3748 solid;
	border-right:1px #ce3748 solid;
	border-top:4px #ce3748 solid;
}
#twitter .twitterTitle{		margin:0;		padding:0;		text-align:center;}
#twitter .twitterTxt{		margin:0;		padding:0 10px;		text-align:left; height:115px;}
#twitter ul{		margin:0;		padding:0;}
#twitter li{		margin:0;		padding:0;		background: none;		font-size:90%;		line-height:160%;}
#twitter li.txt{		margin:0 0 10px 0;		padding:0 0 0 8px;		background:url(/beauty/img/idx_icon_twitter01.gif) no-repeat top left;		display:inline;}
/*#twitter li.time{		padding:5px 0 0 0;		color:#a8aeba;		font-size:80%;		float:none;		text-align:left; }*/
#twitter .bottomArea{	margin:0 0 10px 10px;	padding:0;	float:noe;	clear:both;	display:block;}
#twitter .bottomArea .time{		padding:5px 0 0 0;		color:#a8aeba;		font-size:80%;		float:left;		text-align:left;}
#twitter .bottomArea .btn{		float:right;}