@charset "Shift_JIS";

/* clearfix
----------------------------------------------- */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}



/* header
----------------------------------------------- */
#headerCategory {
margin:0;
padding:0;
width:980px;
height:32px;
border:none;
background-color:#ffffff;
clear:both;
}

#headerCategory h1 {
text-indent:-9999px;
width:162px;
height:27px;
float:left;
overflow:hidden;
}
#headerCategory h1 a {
display:block;
/*text-indent:-9999px;
*/
margin:5px 0px 0px 10px;
padding:0;
width:152px;
height:22px;
background:url(../images/category_header_logo.gif) no-repeat;
/*float:left;
*/
}
#headerCategory h1 span {
display:block;
}

#headerCategoryUtility {
margin:0;
padding:5px 9px 0px 0px;
background-color:#ffffff;
float:right;
}

#headerCategoryUtility ul {
margin:0;
padding:0;
list-style:none;
text-indent:0;
text-align:left;
float: left;
}

#headerCategoryUtility li {
margin: 0;
padding:0;
list-style:none;
float:left;
}

/* Mozilla */
:root #headerCategoryUtility li a {
overflow:hidden;
}

#headerCategoryUtility li.cafeglobe a {
display:block;
text-indent:-9999px;
margin:4px 10px 0px 0px;
padding:0;
width:120px;
height:13px;
background:url(../images/category_header_cafeglobe.gif) no-repeat 0px 0px;
}

#headerCategoryUtility li.cafeglobe a:hover {
background:url(../images/category_header_cafeglobe.gif) no-repeat -120px 0px;
}

#headerCategoryUtility li.cafeblo a {
display:block;
text-indent:-9999px;
margin:3px 0px 0px 0px;
padding:0;
width:125px;
height:14px;
background:url(../images/category_header_cafeblo.gif) no-repeat 0px 0px;
}

#headerCategoryUtility li.cafeblo a:hover {
background:url(../images/category_header_cafeblo.gif) no-repeat -125px 0px;
}

#headerCategoryUtility li.selectcafe a {
display:block;
text-indent:-9999px;
margin:3px 15px 0px 0px;
padding:0;
width:165px;
height:14px;
background:url(../images/category_header_selectcafe.gif) no-repeat 0px 0px;
}

#headerCategoryUtility li.selectcafe a:hover {
background:url(../images/category_header_selectcafe.gif) no-repeat -165px 0px;
}

#headerCategoryUtility li.sitemap a {
display:block;
text-indent:-9999px;
margin:4px 0px 0px 0px;
padding:0;
width:63px;
height:11px;
background:url(../images/top_header_sitemap.gif) no-repeat 0px 0px;
}

#headerCategoryUtility li.sitemap a:hover {
background:url(../images/top_header_sitemap.gif) no-repeat -63px 0px;
}

#headerCategoryUtility #search {
margin: 0 0 0 10px;
padding: 0;
float: left;
}

#headerCategoryUtility #search #srchBox {
margin: 0;
padding: 0;
width: 195px;
height: 22px;
position:relative;
}

#headerCategoryUtility #search #srchBox #form{
padding:2px;
width:138px;
position:absolute;
top:0;
left:0;
}
/*for IE6 */  
* html #headerCategoryUtility #search #srchBox #form{
width:144px;
height:22px;
}
/*for IE7 */  
*:first-child+html #headerCategoryUtility #search #srchBox #form{
padding:0px;
width:144px;
height:20px;
}

#headerCategoryUtility #search #srchBox #srchBtn{
position:absolute;
top:1px;
left:150px;
right:0;
}

/* Mozilla */
:root #headerCategoryUtility #search #srchBox #srchBtn{
/*top:1px;*/
}


/* global (category) 110425修正
----------------------------------------------- */
#globalNavigation {
margin:0;
padding:0;
height:31px;
clear:both;
}

#globalNavigation ul {
margin:0;
padding:0;
list-style:none;
text-indent:0;
text-align:left;
}

#globalNavigation li {
margin:0;
padding:0;
list-style:none;
text-indent:-9999px;
float:left;
}

:root #globalNavigation li a {
overflow:hidden;
}

#globalNavigation li.top a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat 0px 0px;
}

#globalNavigation li.top a:hover {
background:url(../images/category_global.gif) no-repeat 0px -31px;
}

#globalNavigation li.news a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -89px 0px;
}

#globalNavigation li.news a:hover {
background:url(../images/category_global.gif) no-repeat -89px -31px;
}

#globalNavigation li.fashion a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -178px 0px;
}

#globalNavigation li.fashion a:hover {
background:url(../images/category_global.gif) no-repeat -178px -31px;
}

#globalNavigation li.beauty a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -267px 0px;
}

#globalNavigation li.beauty a:hover {
background:url(../images/category_global.gif) no-repeat -267px -31px;
}

#globalNavigation li.career a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -356px 0px;
}

#globalNavigation li.career a:hover {
background:url(../images/category_global.gif) no-repeat -356px -31px;
}

#globalNavigation li.lifestyle a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -445px 0px;
}

#globalNavigation li.lifestyle a:hover {
background:url(../images/category_global.gif) no-repeat -445px -31px;
}



#globalNavigation li.parenting a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -534px 0px;
}

#globalNavigation li.parenting a:hover {
background:url(../images/category_global.gif) no-repeat -534px -31px;
}



#globalNavigation li.travel a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -623px 0px;
}

#globalNavigation li.travel a:hover {
background:url(../images/category_global.gif) no-repeat -623px -31px;
}



#globalNavigation li.blog a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -712px 0px;
}

#globalNavigation li.blog a:hover {
background:url(../images/category_global.gif) no-repeat -712px -31px;
}

#globalNavigation li.community a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -801px 0px;
}

#globalNavigation li.community a:hover {
background:url(../images/category_global.gif) no-repeat -801px -31px;
}


#globalNavigation li.shopping a {
display:block;
text-decoration:none;
margin:0;
width:89px;
height:31px;
background:url(../images/category_global.gif) no-repeat -890px 0px;
}

#globalNavigation li.shopping a:hover {
background:url(../images/category_global.gif) no-repeat -890px -31px;
}

/* category
----------------------------------------------- */
#categoryTitle {
margin:0;
padding:0;
width:980px;
height:100px;
background-color:#ffffff;
clear:both;
}
/*for IE6 */  
* html #categoryTitle {
overflow: hidden;
}
/*for IE7 */  
*:first-child+html #categoryTitle {
overflow: hidden;
}

#categoryTitle h2 {
text-indent:-9999px;
margin:0;
padding:0;
width: 242px;
height: 100px;
float:left;
}

#categoryTitle h2 a {
display:block;
margin:0;
padding:0;
width: 242px;
height: 100px;
text-indent:-9999px;
}

#categoryTitle #headerAd {
margin: 0;
padding: 5px 5px 5px 5px;
width: 728px;
height: 90px;
float: right;
}

#categoryTitle #headerAd ul {
margin: 0;
padding: 0;
}
#categoryTitle #headerAd ul li {
margin: 0;
padding: 0;
list-style-type:none;
}

#categoryTitle #headerAd p {
margin: 0;
padding: 0;
}

#categoryTitle #headerAd img {
vertical-align: bottom;
}


/* breadcrumb
----------------------------------------------- */
#breadcrumb {
margin:0;
padding:2px 0px 2px 0px;
width:980px;
float:left;
font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}

#breadcrumbend {
margin:0;
padding:0px 0px 10px 20px;
clear:both;
}

#breadcrumb p,
#breadcrumb a {
margin:0;
padding:0;
color:#ffffff;
font-weight:bold;
}

#breadcrumb p small {
margin:0;
padding:3px 0px 0px 20px;
color:#ffffff;
font-weight:bold;
float:left;
}

#breadcrumb a:hover {
text-decoration:underline;
color:#ffffff;
}

#breadcrumb ul {
margin:0;
padding:0px 2px 0px 0px;
list-style:none;
text-indent:0;
text-align:left;
float:right;
}

#breadcrumb li {
margin:0;
padding:0;
list-style:none;
float:left;
}

/* Mozilla */
:root #breadcrumb li a {
overflow:hidden;
}

#breadcrumb li.toolbar a {
display:block;
margin:0px 0px 0px 0px;
padding:1px 10px 0px 21px;
min-height:17px;
height:auto !important;
height:18px;
float:left;
}

/* Mozilla */
:root #breadcrumb li.toolbar a {
display:block;
margin:0px 0px 0px 0px;
padding:2px 10px 0px 21px;
min-height:16px;
height:auto !important;
height:18px;
float:left;
}

#breadcrumb li.rss a {
display:block;
margin:0px 0px 0px 0px;
padding:1px 10px 0px 21px;
min-height:17px;
height:auto !important;
height:18px;
float:left;
}

/* Mozilla */
:root #breadcrumb li.rss a {
display:block;
margin:0px 0px 0px 0px;
padding:2px 10px 0px 21px;
min-height:16px;
height:auto !important;
height:18px;
float:left;
}

#breadcrumb li.login a {
display:block;
text-indent:-9999px;
text-decoration:none;
margin:0px 2px 0px 0px;
padding:0;
width:69px;
height:18px;
background:url(../images/category_login_link.gif) no-repeat 0px 0px;
}

#breadcrumb li.login a:hover {
background:url(../images/category_login_link.gif) no-repeat -327px 0px;
}

#breadcrumb li.logout a {
display:block;
text-indent:-9999px;
text-decoration:none;
margin:0px 2px 0px 0px;
width:80px;
height:18px;
background:url(../images/category_login_link.gif) no-repeat -247px 0px;
}

#breadcrumb li.logout a:hover {
background:url(../images/category_login_link.gif) no-repeat -574px 0px;
}

#breadcrumb li.member a {
display:block;
text-indent:-9999px;
text-decoration:none;
margin:0px 2px 0px 0px;
padding:0;
width:90px;
height:18px;
background:url(../images/category_login_link.gif) no-repeat -72px 0px;
}

#breadcrumb li.member a:hover {
background:url(../images/category_login_link.gif) no-repeat -399px 0px;
}

#breadcrumb li.mypage a {
display:block;
text-indent:-9999px;
text-decoration:none;
margin:0;
width:79px;
height:18px;
background:url(../images/category_login_link.gif) no-repeat -165px 0px;
}

#breadcrumb li.mypage a:hover {
background:url(../images/category_login_link.gif) no-repeat -492px 0px;
}

/* container (Category)
----------------------------------------------- */

#containerCategoryLeft {
margin:0;
padding:5px 0px 0px 20px;
width:640px;
float:left;
}

#containerCategoryLeftPage {
margin:0;
padding:5px 0px 0px 20px;
width:760px;
float:left;
}

#containerCategoryLeftWide {
margin:0;
padding:5px 0px 0px 20px;
width:940px;
float:left;
}

#containerCategoryRight {
margin:0;
padding:0;
width:309px;
float:right;
}

#containerCategoryRight #glamAD ul {
margin:0;
padding:0;
}

#containerCategoryRight #glamAD ul li {
margin:0;
padding:0;
list-style-type:none;
}

#containerCategoryRightNarrow {
margin:0;
padding:15px 0 0 0;
width:191px;
float:right;
}

#containerCategoryRightNarrow #banner165 {
margin:0 0 0 13px;
padding:0;
width:165px;
text-align:center;
}

#containerCategoryRightNarrow #banner165 img {
margin:0 0 15px 0;
padding:0;
}

#containerCategoryRightNarrow #banner165 ul {
/*margin:0 0 15px 0;*/
margin:0;
padding:0;
}

#containerCategoryRightNarrow #banner165 ul li {
margin:0;
padding:0;
list-style-type:none;
}

#containerCategoryPage {
margin:0;
padding:20px 0px 0px 20px;
width:940px;
float:left;
}

/* notice
----------------------------------------------- */
#containerNotice {
margin:10px 0px 10px 0px;
padding:0px 0px 10px 0px;
width:630px;
background-color:#ededed;
float:left;
}

#containerNotice h3 {
text-indent:-9999px;
margin:0;
padding:0;
width:630px;
height:21px;
background:url(../images/category_notice_title.gif) no-repeat;
clear:both;
}

#containerNotice dl {
margin:0;
padding:5px 10px 0px 10px;
clear:both;
}

#containerNotice dl dt {
margin:0;
padding:0px 10px 0px 0px;
width:160px;
float:left;
}

/* Mozilla */
:root #containerNotice dl dt {
margin:0;
padding:0px 10px 0px 0px;
width:160px;
float:left;
}

#containerNotice dl dd {
margin:0;
padding:0;
width:440px;
float:left;
}

#containerNotice h4 {
margin:0;
padding:0px 0px 5px 0px;
clear:both;
}

#containerNotice p {
margin:0;
padding:0px 0px 10px 0px;
clear:both;
}

#containerNotice a {
color:#000000;
}

#containerNotice a:hover {
color:#b2b2b2;
}

/* CGmainWhatsNew
----------------------------------------------- */
#CGmainWhatsNew {
padding:30px 0px 20px 0px;
clear:both;
}

#CGmainWhatsNew_link ol {
padding-right:5px;
padding-left:0px;
padding-bottom:5px;
padding-top:5px;
margin:0px;
}

#CGmainWhatsNew_link li {
margin:0 0 0 0;
padding:0 0 5px 12px;
font-size:12px;
line-height:130%;
}

#CGmainWhatsNew_link li#line {
height:1px;
list-style-type:none;
background-image:none;
margin:0 0 0 0;
padding:0 0 3px 0;
}

.Wi_news {
list-style:none;
background:url(../images/icon_whatsnew_news.gif) no-repeat 0 0.25em;
}
.Wi_fashion {
list-style:none;
background:url(../images/icon_whatsnew_fashion.gif) no-repeat 0 0.25em;
}
.Wi_beauty {
list-style:none;
background:url(../images/icon_whatsnew_beauty.gif) no-repeat 0 0.25em;
}
.Wi_career {
list-style:none;
background:url(../images/icon_whatsnew_career.gif) no-repeat 0 0.25em;
}
.Wi_lifestyle {
list-style:none;
background:url(../images/icon_whatsnew_lifestyle.gif) no-repeat 0 0.25em;
}
.Wi_travel {
list-style:none;
background:url(../images/icon_whatsnew_travel.gif) no-repeat 0 0.25em;
}
.Wi_cafe {
list-style:none;
background:url(../images/icon_whatsnew_cafe.gif) no-repeat 0 0.25em;
}
.Wi_cool {
list-style:none;
background:url(../images/icon_whatsnew_cool.gif) no-repeat 0 0.25em;
}
.Wi_parenting {
list-style:none;
background:url(../images/icon_whatsnew_parenting.gif) no-repeat 0 0.25em;
}
.Wi_vote {
list-style:none;
background:url(../images/icon_whatsnew_vote.gif) no-repeat 0 0.25em;
}
.Wi_more {
list-style:none;
background:url(../images/icon_whatsnew_more.gif) no-repeat 0 0.25em;
}
.Wi_mail {
list-style:none;
background:url(../images/icon_whatsnew_mail.gif) no-repeat 0 0.25em;
}
.Wi_rss {
list-style:none;
background:url(../images/icon_whatsnew_rss.gif) no-repeat 0 0.25em;
}


/* CGmainRelation
----------------------------------------------- */

#CGmainRelation {
padding:30px 0px 20px 0px;
}

#CGmainRelation_link ol {
padding-right:5px;
padding-left:0px;
padding-bottom:5px;
padding-top:5px;
margin:0px;
}

#CGmainRelation_link li {
margin:0 0 0 0;
padding:0 0 5px 12px;
font-size:12px;
line-height:130%;
}

#CGmainRelation_link li#line {
height:1px;
list-style-type:none;
background-image:none;
margin:0 0 0 0;
padding:0 0 3px 0;
}

.Ri_news {
list-style:none;
background:url(../images/icon_whatsnew_news.gif) no-repeat 0 0.25em;
}
.Ri_fashion {
list-style:none;
background:url(../images/icon_whatsnew_fashion.gif) no-repeat 0 0.25em;
}
.Ri_beauty {
list-style:none;
background:url(../images/icon_whatsnew_beauty.gif) no-repeat 0 0.25em;
}
.Ri_career {
list-style:none;
background:url(../images/icon_whatsnew_career.gif) no-repeat 0 0.25em;
}
.Ri_lifestyle {
list-style:none;
background:url(../images/icon_whatsnew_lifestyle.gif) no-repeat 0 0.25em;
}
.Ri_travel {
list-style:none;
background:url(../images/icon_whatsnew_travel.gif) no-repeat 0 0.25em;
}
.Ri_cafe {
list-style:none;
background:url(../images/icon_whatsnew_cafe.gif) no-repeat 0 0.25em;
}
.Ri_cool {
list-style:none;
background:url(../images/icon_whatsnew_cool.gif) no-repeat 0 0.25em;
}
.Ri_parenting {
list-style:none;
background:url(../images/icon_whatsnew_parenting.gif) no-repeat 0 0.25em;
}
.Ri_vote {
list-style:none;
background:url(../images/icon_whatsnew_vote.gif) no-repeat 0 0.25em;
}
.Ri_more {
list-style:none;
background:url(../images/icon_whatsnew_more.gif) no-repeat 0 0.25em;
}
.Ri_mail {
list-style:none;
background:url(../images/icon_whatsnew_mail.gif) no-repeat 0 0.25em;
}
.Ri_rss {
list-style:none;
background:url(../images/icon_whatsnew_rss.gif) no-repeat 0 0.25em;
}

/* become
----------------------------------------------- */
#become_Area {
padding:30px 0px 20px 0px;
}

#become_Area #become_txt {
font-size:12px;
line-height:130%;
}

#become_Area form {
font-size:12px;
}

#become_Area #become_kiyaku {
font-size:10px;
margin-top:10px;
}

/* date
----------------------------------------------- */
#CGmain_date {
text-align:right;
padding:0px 0px 0px 0px;
font-size:10px;
}

/* Pagetop
----------------------------------------------- */
#gotoPagetop {
clear:both;
text-align:right;
_margin:0 -10px 0 0;
padding:0px 10px 10px 0px;
font-size:12px;
width:auto;
}

#gotoPagetop a {
	text-decoration:underline;
}

#gotoPagetop a:hover {
	text-decoration:none;
}


/*110425　追加*/
#containerCategorySNS {
clear:both;
margin:15px 0 30px 0;
width:630px;
}

#containerCategorySNS h2 {
    background: url("../images/cg_contents_foot_topics.gif") no-repeat scroll 0 0 transparent;
    height: 25px;
    text-indent: -9999px;
}
#containerCategorySNS ul {
    clear: both;
    list-style: none outside none;
    margin: 0 0 10px 0;
    padding: 0;
    text-indent: 0;
}


#containerCategorySNS p.btn_more{
	float:right;
	margin:0  0 10px 0;
	padding:0 0 0 10px;
	background: url("../images/icon_1.gif") no-repeat scroll 0 0 transparent;
}


#containerCategorySNS #joinbox{
text-align:center;
margin:0 auto;
width:600px;
}

#containerCategorySNS #joinbox p.account{
	font-size:12px;
	clear:both;
	text-aglin:center;
	margin:0 0 5px 0;
	}

/*参加するボタン*/
#containerCategorySNS #joinbox p.btn_join a{
    background: url("../images/btn_joinsns.gif") no-repeat 0 0 ;
	width:200px;
	height:25px;
	text-align:center;
	display:block;
	margin:0 auto;
	text-indent:-9999px;
}
#containerCategorySNS #joinbox p.btn_join a:hover{
    background: url("../images/btn_joinsns_over.gif") no-repeat 0 0 ;
	text-align:center;
	width:200px;
	height:25px;
}


#containerCategorySNS ul li.kiji {
    background: url("../images/line_dot.gif") repeat-x scroll 0 100% transparent;
    clear: both;
    margin: 0;
    padding: 10px 9px 5px 0;
    text-indent: 0;
    width: 620px;
	font-size:12px;
}
html > body #containerCategorySNS ul li.kiji {
    background: url("../images/line_dot.gif") repeat-x scroll 0 100% transparent;
    float: left;
    margin: 0;
    padding: 10px 9px 5px 0;
    text-indent: 0;
    width: 620px;	font-size:12px;

}
#containerCategorySNS ul li.kiji a {
    background: url("../images/icon_whatsnew_sns.gif") no-repeat scroll 0 0.25em transparent;
    float: left;
    margin: 0;
    padding: 0 0 0 12px;
}
#containerCategorySNS ul li.more a {
    background: url("../images/arrow_gray_link.gif") no-repeat scroll 0 0.25em transparent;
    float: right;
    margin: 5px 0 0;
    padding: 0 9px;
}




/* recommend
----------------------------------------------- */
#containerCategoryRecommend {
margin:9px 0px 0px 0px;
padding:10px 10px;
width:630px;
background-color:#FFFFFF;
float:left;
}
/* Mozilla & IE7 */
html>body #containerCategoryRecommend {
margin:9px 0px 0px 0px;
padding:10px 10px;
width:610px;
background-color:#FFFFFF;
float:left;
}

#containerCategoryRecommend h3 {
text-indent:-9999px;
margin:0;
padding:0;
width:305px;
height:21px;
background:url(../images/top_contents_recommend.gif) no-repeat;
clear:both;
}

#containerCategoryRecommend ul {
margin:0;
padding:8px 0px 0px 0px;
list-style:none;
text-indent:0;
text-align:left;
clear:both;
}

#containerCategoryRecommend li {
margin:0;
padding:0;
list-style:none;
clear:both;
}

#containerCategoryRecommend a {
display:block;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 10px;
background:url(../images/arrow_rec.gif) no-repeat 0 0.25em;
float:left;
}

#containerCategoryRecommend li a:hover {
background:url(../images/arrow_rec_hover.gif) no-repeat 0 0.25em;
}