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

/*--▼ヘッダー現在位置▼--*/
#header-middle #g-navi1 ul .g-beauty a{
background-position: left top;
background-color:#CB0098;
padding-bottom:0px;
padding-top: 0px;
height: 42px;
width: 130px;
}
/*--▲ヘッダー現在位置▲--*/

/*----▼▼▼左コンテンツ部分▼▼▼----------------------------------------*/


/*--▼商品カテゴリー▼--*/

.widget .item-category{
height: auto;
width: 190px;
padding-bottom: 10px;
}
.widget .item-category .category-img{
text-indent: -9999px;
text-decoration:none!important;
}
.widget .item-category .category-img a{
background-image: url(../../images/beauty/category_title_img.jpg);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 65px;
width: 190px;
}
.widget .item-category .category-img a:hover{
opacity:0.7;
filter:alpha(opacity=60);
}

.widget .item-category dl{
list-style-type: none;
padding-bottom: 5px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-left: 0px;
}

.main-cat a:link{
background-image: url(../../images/beauty/category_back.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 165px;
padding-left: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
line-height: 1em;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.main-cat a:visited{
background-image: url(../../images/beauty/category_back.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 165px;
padding-left: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
line-height: 1em;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.main-cat a:hover{
background-image: url(../../images/beauty/category_back_h.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 165px;
padding-left: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
line-height: 1em;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.main-cat-h a:link{
background-image: url(../../images/beauty/category_back_h.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 165px;
padding-left: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
line-height: 1em;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
.main-cat-h a:hover{
background-image: url(../../images/beauty/category_back.gif);
background-repeat: no-repeat;
background-position: left top;
height: 18px;
width: 165px;
padding-left: 25px;
display: block;
color: #FFFFFF;
text-decoration: none;
font-size: 1em;
line-height: 1em;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}

.sub-cat a:link{
text-align: right;
width: 174px;
font-size: 11px;
line-height: 1.4em;
display: block;
color: #555555;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 8px;
margin-left: 8px;
}
.sub-cat a:visited{
text-align: right;
width: 174px;
font-size: 11px;
line-height: 1.4em;
display: block;
color: #555555;
text-decoration: none;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 8px;
margin-left: 8px;
}
.sub-cat a:hover{
text-align: right;
/*background-color: #f5f5f5;*/
background-image: url(../../images/beauty/sub_category_back_h.gif);
background-repeat: no-repeat;
background-position: left center;
width: 174px;
font-size: 11px;
line-height: 1.4em;
display: block;
color: #CB0098;
padding-top: 5px;
padding-bottom: 5px;
margin-right: 8px;
margin-left: 8px;
}
/*--▲商品カテゴリー▲--*/



/*▼ページ下部カテゴリー一覧▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼*/
#page-bottom-category-list{
height: auto;
width: 690px;
margin-top: 20px;
margin-bottom: 20px;
clear: both;
}

#page-bottom-category-list .page-bottom-category-list-title{
font-weight: normal;
color: #FFFFFF;
background-image: url(../../images/beauty/category_ichiran_back.gif);
background-repeat: no-repeat;
background-position: left bottom;
padding-left: 15px;
height: 25px;
width: 690px;
font-size: 1em;
line-height: 1.7em;
}

#page-bottom-category-list .page-bottom-category-list-box{
height: auto;
width: 658px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-right-color: #CCCCCC;
border-bottom-color: #CCCCCC;
border-left-color: #CCCCCC;
padding-right: 15px;
padding-left: 15px;
margin: 0px;
padding-top: 5px;
padding-bottom: 0px;
}
* html #page-bottom-category-list .page-bottom-category-list-box{
width: 690px;
}
#page-bottom-category-list .page-bottom-category-list-box .category-name{
background-image: url(../../images/beauty/category_y_icon.gif);
background-repeat: no-repeat;
background-position: left center;
padding-left: 20px;
font-weight: bold;
color: #CB0098;
font-size: 1em;
height: 2em;
line-height: 2em;
}
#page-bottom-category-list .page-bottom-category-list-box .category-name a:link{
font-size: 1em;
font-weight: bold;
color: #CB0098;
text-decoration: none;
}
#page-bottom-category-list .page-bottom-category-list-box .category-name a:visited{
font-size: 1em;
font-weight: bold;
color: #CB0098;
text-decoration: none;
}
#page-bottom-category-list .page-bottom-category-list-box .category-name a:hover{
font-size: 1em;
font-weight: bold;
color: #CB0098;
text-decoration: underline;
}
#page-bottom-category-list .page-bottom-category-list-box ul{
padding-left: 20px;
height: auto;
width: auto;
padding-top: 2px;
padding-bottom: 5px;
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #CCCCCC;
}
#page-bottom-category-list .page-bottom-category-list-box ul li{
display: inline;
list-style-type: none;
padding-right: 20px;
}
#page-bottom-category-list .page-bottom-category-list-box ul li a:link{
color: #666666;
font-size: 0.9em;
text-decoration: none;
}
#page-bottom-category-list .page-bottom-category-list-box ul li a:visited{
color: #666666;
font-size: 0.9em;
text-decoration: none;
}
#page-bottom-category-list .page-bottom-category-list-box ul li a:hover{
color: #CB0098;
text-decoration: underline;
}
/*▲ページ下部カテゴリー一覧▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲*/



/*----▲▲▲左コンテンツ部分▲▲▲----------------------------------------*/