@charset "UTF-8";
/*--------------------------------------------------
for 
FileName: Fashion&Beauty特集（200908）.css
$Id: 200907.css,v 1.3 2009/07/07 07:40:18 hosoi_masahiro_gn Exp $
--------------------------------------------------*/

/*Common
------------------------------------------------*/
#leftColumnLV1{text-align:left;}
#breadcrumbs{padding-bottom:8px;}

#localNavi{width:335px;margin:0 0 0 307px;overflow:hidden;}
#localNavi li{float:left;}
#localNavi li a{display:block;height:24px;text-indent:-9999px;}
#linkTop a{width:166px;margin-right:1px;background:url(/gg/img/screen/beauty/special/200905/btn_top.jpg) left -24px no-repeat;}
#linkFeature a{width:166px;height:24px;background:url(/gg/img/screen/beauty/special/200905/btn_feature.jpg) left -24px no-repeat;}
#wrapContents .now a{background-position:left top;}

#topFeature{width:638px;margin:10px 0 0;padding:0 0 4px;border:1px solid #CCC;}
#topFeature h4{width:598px;margin:0;padding:6px 20px;background:url(/gg/img/screen/beauty/special/common/icon_red.gif) #FFE2E2 no-repeat scroll 11px 9px;font-weight:bold;}
#topFeature p{width:626px;padding:6px 6px 8px;line-height:1.3;}
#topFeature #btn_topFeature{width:130px;margin:0 0 0 504px;}
#backNumber{margin:20px 0 0;}
#backNumber h4{width:640px;height:30px;background:url(/gg/img/screen/beauty/special/common/ttl_backnumber.jpg) no-repeat scroll left top;text-indent:-9999px;}
#backNumber h5{width:640px;padding:0 0 4px;border-bottom:1px solid #f88;}
#bnSkincare{height:11px;margin:9px 0 0;background:url(/gg/img/screen/beauty/special/common/skincare.gif) no-repeat scroll left top;font-size:0.5em;text-indent:-9999px;}
#bnHairmake{height:11px;margin:14px 0 0;background:url(/gg/img/screen/beauty/special/common/hairmake.gif) no-repeat scroll left top;font-size:0.5em;text-indent:-9999px;}
#backNumber ul{margin:10px 0 0;overflow:hidden;}
#backNumber li{float:left;margin:0 20px 0 0;}
#backNumber li.listLast{margin:0;}
#topPresent{width:618px;margin:22px auto 40px;padding:0 0 20px;border:1px solid #CCC;overflow:hidden;line-height:1.2;color:#333333;}
#topPresent h4{width:618px;height:46px;margin:0 0 20px;background:url(/gg/img/screen/beauty/special/common/ttl_question.gif) no-repeat scroll left top;text-indent:-9999px;}
#topPresent #presentPhoto{float:left;margin:2px 23px 0 20px;}
#topPresent p{float:right;width:354px;margin-right:20px;}
#topPresent p strong#finding{display:block;margin:0 18px 10px 0;font-size:14px;color:#fe5d5d;}
#topPresent #btn_topPresent{margin:8px 0 0;}
#topPresent span.caution {color:#888888;display:block;margin-top:6px;}

/*Contents(特集トップ）
------------------------------------------------*/
#topHeader{
position:relative;
width:640px;
height:240px;
background:url(/gg/img/screen/beauty/special/200908/top_header.jpg) no-repeat scroll left top;
}
#topHeader h3{text-indent:-9999px;}
#topHeader p{text-indent:-9999px;}
#topHeader a#detailBt{
display:block;
width:130px;
height:28px;
position:absolute;
left:261px;
top:210px;
}

/*Contents(特集ページ）共通
------------------------------------------------*/
/*ヘッダー*/
#conHeader{
width:640px;
height:340px;
color:#000;
background:url(/gg/img/screen/beauty/special/200908/header.jpg) no-repeat scroll left top;
}
#conHeader h2,#conHeader .lead{
display:none;
}
#conHeader ul{
padding:295px 0 0 260px;
line-height:1.5;
}
#conHeader ul #lnkBlog a{
display:block;
width:327px;
height:13px;
background:url(/gg/img/screen/beauty/special/200908/lnk_blog.gif) no-repeat scroll left top;
text-indent:-9999px;
overflow:hidden;
}
#conHeader ul #lnkHp a{
display:block;
width:327px;
height:13px;
margin-top:6px;
background:url(/gg/img/screen/beauty/special/200908/lnk_hp.gif) no-repeat scroll left top;
text-indent:-9999px;
overflow:hidden;
}
#lnkBlog a:hover,#lnkHp a:hover{
background-position:left -13px !important;
}
/*ローカルナビ(共通）*/
#navi200908{
width:640px;
margin:5px 0 1px 0;
overflow:hidden;
zoom:1;
}
#navi200908 #lnkVol1{
float:left;
width:319px;
height:33px;
}
#navi200908 #lnkVol2{
float:right;
width:319px;
height:33px;
}
#navi200908 #lnkVol1 a{
display:block;
width:319px;
height:33px;
background:url(/gg/img/screen/beauty/special/200908/navi_vol1.gif) no-repeat scroll left -33px;
text-indent:-9999px;
}
#navi200908 #lnkVol2 a{
display:block;
width:319px;
height:33px;
background:url(/gg/img/screen/beauty/special/200908/navi_vol2.gif) no-repeat scroll left -33px;
text-indent:-9999px;
}
#navi200908 #lnkVol1 a:hover,
#navi200908 #lnkVol2 a:hover{
background-position:left top;
}
#navi200908 .now{
background-position:left top !important;
}

/*Contents(特集ページ）前半
------------------------------------------------*/
/*Flashコンテンツ*/
#conFlash{
width:640px;
height:1627px;
}
/*美の掟 ３か条*/
#condition{
width:640px;
padding:13px 0 22px;
background:url(/gg/img/screen/beauty/special/200908/bg_condition.gif) repeat-y scroll left top;
}
#condition h3{
width:384px;
height:46px;
margin:0 0 0 20px;
background:url(/gg/img/screen/beauty/special/200908/ttl_condition.gif) no-repeat scroll left top;
text-indent:-9999px;
}
#condition p{
margin:8px 0 0 20px;
}
#condition ul{
width:582px;
margin:15px auto 0;
padding:16px 14px 22px;
background:#FFF;
}
#condition01{
width:550px;
height:35px;
margin:0 0 8px;
background:url(/gg/img/screen/beauty/special/200908/condition01.gif) no-repeat scroll left top;
text-indent:-9999px;
}
#condition02{
width:410px;
height:35px;
margin:0 0 12px;
background:url(/gg/img/screen/beauty/special/200908/condition02.gif) no-repeat scroll left top;
text-indent:-9999px;
}
#condition03{
width:246px;
height:35px;
background:url(/gg/img/screen/beauty/special/200908/condition03.gif) no-repeat scroll left top;
text-indent:-9999px;
}
/*斉藤さんコメント*/
#comment{
width:640px;
margin:12px 0 0;
padding:15px 0;
background:#c9c4c4 url(/gg/img/screen/beauty/special/200908/bg_comment.jpg) no-repeat scroll left top;
}
#comment h3{
width:612px;
height:81px;
margin:0 0 0 15px;
background:url(/gg/img/screen/beauty/special/200908/ttl_comment.jpg) no-repeat scroll left top;
text-indent:-9999px;
}
#comment #commentCon{
width:591px;
margin:13px auto 0;
padding:11px 8px 17px 9px;
background:#FFF;
overflow:hidden;
zoom:1;
}
#comment #commentCon img{
float:left;
width:122px;
}
#comment #commentCon p{
float:right;
width:460px;
color:#000;
line-height:1.5;
}
/*プロフィール*/
#IkkoProfile{
width:640px;
margin:9px 0 0;
padding:12px 0;
background:#c9c5c5 url(/gg/img/screen/beauty/special/200908/bg_profile.jpg) no-repeat scroll left top;
}
#IkkoProfile a,
#IkkoProfile a:hover,
#IkkoProfile a:visited{
color:#000;
text-decoration:underline;
}
#subIkkoProfile{
position:relative;
width:614px;
min-height:230px;
height: auto !important;
height:230px;
margin:0 auto;
background:#FFF;
}
#subIkkoProfile img{
position:absolute;
right:58px;
bottom:0;
}
#subIkkoProfile h3{
width:231px;
height:44px;
margin:0 0 0 97px;
padding:25px 0 0;
background:url(/gg/img/screen/beauty/special/200908/ttl_profile.gif) no-repeat scroll left 25px;
text-indent:-9999px;
}
#subIkkoProfile p{
width:228px;
margin:10px 0 0 100px;
color:#000;
line-height:1.5;
}

/*Contents(特集ページ）前半
------------------------------------------------*/
#conPorch{
position:relative;
width:640px;
padding:10px 0 23px;
background:url(/gg/img/screen/beauty/special/200908/bg_porch.gif) repeat-y scroll left top;
}
#conPorch h3{
width:579px;
height:42px;
margin:0 0 0 29px;
background:url(/gg/img/screen/beauty/special/200908/ttl_porch.jpg) no-repeat scroll left top;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #leadPorch{
width:365px;
height:51px;
margin:6px 0 18px 34px;
background:url(/gg/img/screen/beauty/special/200908/lead_porch.jpg) no-repeat scroll left top;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #attention{
position:absolute;
top:56px;
left:460px;
width:146px;
height:146px;
background:url(/gg/img/screen/beauty/special/200908/attention.jpg) no-repeat scroll left top;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #aboutMembers{
width:582px;
height:126px;
margin:0 0 0 29px;
background:url(/gg/img/screen/beauty/special/200908/about_members.jpg) no-repeat scroll left top;
overflow:hidden;
}
#conPorch #aboutMembers dl{
text-indent:-9999px;
}
#conPorch #aboutMembers a{
display:block;
position:absolute;
top:225px;
left:349px;
}
#conPorch ul{
margin:0 29px;
overflow:hidden;
zoom:1;
}
#conPorch ul li dl{
text-indent:-9999px;
}
#conPorch #shibamoto{
float:left;
width:278px;
height:275px;
background:url(/gg/img/screen/beauty/special/200908/bloger_shibamoto.jpg) no-repeat scroll left top;
}
#conPorch #shibamoto a{
display:block;
position:absolute;
top:254px;
left:29px;
width:278px;
height:270px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #shiozaki{
float:right;
width:278px;
height:275px;
background:url(/gg/img/screen/beauty/special/200908/bloger_shiozaki.jpg) no-repeat scroll left top;
}
#conPorch #shiozaki a{
display:block;
position:absolute;
top:254px;
left:333px;
width:278px;
height:270px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #kimoto{
float:left;
width:278px;
height:281px;
margin-top:3px;
background:url(/gg/img/screen/beauty/special/200908/bloger_kimoto.jpg) no-repeat scroll left top;
}
#conPorch #kimoto a{
display:block;
position:absolute;
top:538px;
left:29px;
width:278px;
height:275px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #hashimoto{
float:right;
width:278px;
height:281px;
margin-top:3px;
background:url(/gg/img/screen/beauty/special/200908/bloger_hashimoto.jpg) no-repeat scroll left top;
}
#conPorch #hashimoto a{
display:block;
position:absolute;
top:538px;
left:333px;
width:278px;
height:275px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #kondo{
float:left;
width:278px;
height:281px;
margin-top:3px;
background:url(/gg/img/screen/beauty/special/200908/bloger_kondo.jpg) no-repeat scroll left top;
}
#conPorch #kondo a{
display:block;
position:absolute;
top:823px;
left:29px;
width:278px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #kawamura{
float:right;
width:278px;
height:281px;
margin-top:3px;
background:url(/gg/img/screen/beauty/special/200908/bloger_kawamura.jpg) no-repeat scroll left top;
}
#conPorch #kawamura a{
display:block;
position:absolute;
top:823px;
left:333px;
width:278px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #nagata{
float:left;
width:278px;
height:280px;
margin-top:5px;
background:url(/gg/img/screen/beauty/special/200908/bloger_nagata.jpg) no-repeat scroll left top;
}
#conPorch #nagata a{
display:block;
position:absolute;
top:1108px;
left:29px;
width:274px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #kanazawa{
float:right;
width:278px;
height:280px;
margin-top:5px;
background:url(/gg/img/screen/beauty/special/200908/bloger_kanazawa.jpg) no-repeat scroll left top;
}
#conPorch #kanazawa a{
display:block;
position:absolute;
top:1108px;
left:333px;
width:274px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #members01{
float:left;
width:278px;
height:280px;
margin-top:9px;
background:url(/gg/img/screen/beauty/special/200908/bloger_member01.jpg) no-repeat scroll left top;
}
#conPorch #members01 a{
display:block;
position:absolute;
top:1396px;
left:29px;
width:275px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}
#conPorch #members02{
float:right;
width:278px;
height:280px;
margin-top:9px;
background:url(/gg/img/screen/beauty/special/200908/bloger_member02.jpg) no-repeat scroll left top;
}
#conPorch #members02 a{
display:block;
position:absolute;
top:1396px;
left:333px;
width:275px;
height:271px;
text-indent:-9999px;
overflow:hidden;
}