@charset "Shift_JIS";

/* CSS目次
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
[00]サイド領域設定

[00]ハック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

/* サイド領域設定
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */
#side01 {
	float: left;
	width: 160px;
	font-size: 11px;
}

#side02 {
	float: right;
	width: 160px;
	font-size: 11px;
}

#side01 a,
#side02 a {
	color: #333;
	text-decoration: none;
}

#side01 a:hover,
#side02 a:hover { text-decoration: underline; }

#side01 #sideWordSearch {
	display: block;
	width: 160px;
	margin-bottom: 10px;
	padding: 0;
}


#side01 #sideWordSearch fieldset input {
	display: block;
	float: left;
	width:98px;
	height: 18px;
	margin: 0 10px 0 0;
	padding: 0;
	border:1px solid #ddd;
}

* html #side01 #sideWordSearch fieldset input { margin-right:5px; }

#side01 #sideWordSearch fieldset input a {
	display: block;
	width: 50px;
	margin: 0;
	padding: 0;
}

#side01 #searchBy,
#side01 #careItems,
#side01 #picupFeatures,
#side01 #contents,
#side02 #usersReview,
#side02 #checkItems {
	border: 1px solid #d9e9f5;
}

#side01 #careItems,
#side01 #picupFeatures,
#side01 #contents,
#side02 #usersReview,
#side02 #checkItems { margin-bottom: 10px; }

#side01 #careItems { margin-top: -1px; }

#side01 #infoMobile { border: 1px solid #ddd; }
#side01 #contents .title { border-bottom: 1px solid #d9e9f5; }
#side01 #picupFeatures .title { border-bottom: 1px solid #d9e9f5; }
#side01 #infoMobile .title { border-bottom: 1px solid #ddd; }


#side01 #searchBy .title a,
#side01 #careItems .title a,
#side02 #usersReview .title a {
	display: block;
	width: 158px;
	height: 29px;
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -9999px;
}

#side01 #searchBy .title a { background-image:url(http://www.lovecosmetic.jp/images/base/side_searchBy_title.gif); }
#side01 #careItems .title a { background-image:url(http://www.lovecosmetic.jp/images/base/side_careItems_title.gif); }
#side02 #usersReview .title a { background-image:url(http://www.lovecosmetic.jp/images/base/side_usersReview_title.gif); }

#side01 #searchBy .title a.open,
#side01 #careItems .title a.open,
#side02 #usersReview .title a.open { background-position: left top; }
#side01 #searchBy .title a.close,
#side01 #careItems .title a.close,
#side02 #usersReview .title a.close { background-position: left -29px; }

#side01 #careItems #careArticles,
#side01 #picupFeatures ul,
#side01 #contents ul,
#side01 #infoMobile ul,
#side02 #usersReview ul,
#side02 #checkItems { padding: 10px; }

#side02 #checkItems p{
	margin-left:-10px;
	margin-top:-10px;
	margin-bottom:10px;
	}

#side01 #searchBy ul,
#side01 #careItems #careArticles,
#side02 #usersReview ul,
#side02 #checkItems #checkArticles, { border-top: 1px solid #d9e9f5;  }

#side01 #infoMobile ul li img,
#side01 #banners li img { display: inline; }

#side01 #searchBy ul li.end,
#side01 #careItems dl.end,
#side02 #usersReview ul li.end,
#side02 #checkItems dl.end {
	margin-bottom: 0;
	padding-bottom: 0;
	border: none;
}

#side01 #searchBy ul li,
#side01 #contents ul li,
#side01 #picupFeatures ul li {
	margin-bottom: 5px;
	padding-left: 7px;
	background: url(http://www.lovecosmetic.jp/images/base/arrow_blue_right.gif) no-repeat left 0.45em;
}

* html #side01 #searchBy ul li,
* html #side01 #contents ul li,
* html #side01 #picupFeatures ul li { background-position: left 0.4em; }
*:first-child+html #side01 #searchBy ul li,
*:first-child+html #side01 #contents ul li,
*:first-child+html #side01 #picupFeatures ul li { background-position: left 0.4em; }


#side01 #searchBy ul { padding: 10px 0; }
#side01 #searchBy ul li { margin: 0 10px 5px 10px; }

#side01 #searchBy ul li.dspSub {
	margin: 0 10px 2px 10px;
	background: url(http://www.lovecosmetic.jp/images/base/arrow_blue_bottom.gif) no-repeat left 0.55em;
}
#side01 #searchBy ul li.dspSub a,
#side01 #searchBy ul li.current a {
	font-weight: bold;
	color: #568bc9;
}

#side01 #searchBy ul li.subListLv2 {
	margin: 0;
	padding: 0;
	background: none;
}

* html #side01 #searchBy ul li.subListLv2,
* html #side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul { zoom: 1; }
*:first-child+html #side01 #searchBy ul li.subListLv2,
*:first-child+html #side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul { zoom: 1; }

#side01 #searchBy ul li.subListLv2 ul {
	margin: 0 0 5px 0;
	padding: 0;
	border-top: 1px solid #d9e9f5;
}

#side01 #searchBy ul li.subListLv2 ul li {
	margin: 0;
	padding: 5px 0 5px 30px;
	background-position: 22px 0.85em;
	background-color: #f1f6fa;
	border-bottom: 1px solid #d9e9f5;
}

#side01 #searchBy ul li.subListLv2 ul li a {
	display: block;

}

#side01 #searchBy ul li.subListLv2 ul li.dspSub {
	background-color: #d6e8f5;
	background-position: 20px 0.95em;
}

#side01 #searchBy ul li.subListLv2 ul li.current { background-color: #d6e8f5; }

#side01 #searchBy ul li.subListLv2 ul li.subListLv3 {
	margin: 0;
	padding: 0 0 0 12px;
	background-image: none;
}

#side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul {
	margin: 0;
	padding: 3px 0;
	border: none;
}

#side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul li {
	margin:  0;
	padding: 2px 0 2px 28px;
	border: none;
	background-position: 20px 0.7em;
	font-size: 11px;
}


#side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul li.current { background-color: #f1f6fa; }

* html #side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul li { background-position: 20px 0.55em; }
*:first-child+html #side01 #searchBy ul li.subListLv2 ul li.subListLv3 ul li { background-position: 20px 0.55em; }

#side01 #careItems dl,
#side02 #checkItems dl {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #d9e9f5;
	overflow: hidden;
}

#side01 #careItems dl dt,
#side01 #careItems dl dd.price,
#side02 #checkItems dl dt,
#side02 #checkItems  dl dd.price{
	float: right;
	width: 80px;
}

#side01 #careItems dl dd.price,
#side02 #checkItems dl dd.price { color: #f00; font-weight: bold; }

#side01 #careItems dl dd.img,
#side02 #checkItems dl dd.img {
	float: left;
	width:50px;
	height:50px;
}

#side01 #careItems dl dd.img a,
#side02 #checkItems dl dd.img a {
	display: block;
	width:48px;
	height:48px;
	border:1px solid #ddd;
}
#side01 #careItems dl dd.img a:hover,
#side02 #checkItems dl dd.img a:hover { border-color: #ccc; }

#side01 #picupFeatures ul li.more {
	border-top: 1px dotted #d9e9f5;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(http://www.lovecosmetic.jp/images/base/arrowBox_blue_right.gif) no-repeat left 1.15em;
}

#side01 #contents ul li.more {
	border-top: 1px dotted #d9e9f5;
	margin: 0;
	padding: 10px 0 0 15px;
	background: url(../images/cmn/arrowBox_blue_right.gif) no-repeat left 1.15em;
}

#side01 #infoMobile { margin-bottom: 30px; }
#side01 #infoMobile ul li { text-align: center; }
#side01 #infoMobile ul li.img { margin-bottom: 5px; }

#side01 .contentsLink {
	margin-bottom: 20px;
	border-top:1px dotted #ddd;
}
#side01 .contentsLink li { border-bottom: 1px dotted #ddd; line-height: 0;}
* html #side01 .contentsLink li { line-height: 0; }
* html #side01 .contentsLink li a { line-height: normal; }

#side01 #banners {
	padding: 10px 9px 5px 9px;
	background: #eee;
}

#side01 #banners li {
	margin-bottom: 5px;
	text-align: center;
}

#side02 .contentsLink { margin-bottom: 20px; }

#side02 .contentsLink li { margin-top: 3px; }

* html #side02 .contentsLink li { line-height: 0; }
*:first-child+html #side02 .contentsLink li { line-height: 0; }

#side02 #userFunction {
	margin-bottom: 10px;
	padding: 10px 5px;
	background: #f7f6f0;
}

#side02 #userFunction li.top { margin-top: 0; }
#side02 #userFunction li.log { margin-top: 7px; }

#side02 #userFunction li.favorites { position: relative; }
#side02 #userFunction li.favorites a:hover { text-decoration: none; }
#side02 #userFunction li.favorites span {
	display: block;
	width: 35px;
	padding-top: 12px;
	position: absolute;
	top: 0;
	right: 0;
	background: url(http://www.lovecosmetic.jp/images/base/side_btnFavorites_count.png) no-repeat left top;
	text-align: center;
	vertical-align: top;
	font-weight: bold;
	font-size: 14px;
	font-family: 'verdana',sans-serif;
	color: #ffa800;
	line-height: 23px;
	overflow: hidden;
}

* html #side02 #userFunction li.favorites span { top: 10px; }
*:first-child+html #side02 #userFunction li.favorites span { top: 10px; }

#side02 #usersReview .title { position: relative; }
#side02 #usersReview .title a img {
	display: block;
	position: absolute;
	left: -5px;
	top:-5px;
	width: 26px;
	height: 24px;
}

#side02 #usersReview ul li {
	margin-bottom: 10px;
	padding-bottom: 10px;
	padding-left: 17px;
	background: url(http://www.lovecosmetic.jp/images/base/voice_blue.gif) no-repeat left top;
	border-bottom: 1px dotted #d9e9f5;
}

* html #side02 #usersReview ul li { background-position: left 0.15em; }
*:first-child+html #side02 #usersReview ul li { background-position: left 0.15em; }

#side02 #usersReview ul li.more {
	margin: 0;
	padding: 0 0 0 15px;
	border: none;
	background: url(http://www.lovecosmetic.jp/images/base/arrowBox_blue_right.gif) no-repeat left 0.25em;
}

#side02 #sellRanking #rankArticles { background: #f7f6f0; }
#side02 #checkItems { background: #ecf8fb; }

#side02 #sellRanking #rankArticles dl {
	margin-top: 10px;
	padding-top: 10px;
	border-top: 1px dotted #efe3be;
}

#side02 #sellRanking #rankArticles dl.top {
	padding-top: 0;
	border: none;
}

#side02 #sellRanking #rankArticles .dspCombined,
#side02 #sellRanking #rankArticles .dspAfter { margin-top: -1px; }

#side02 #sellRanking #rankArticles .dspFirst a,
#side02 #sellRanking #rankArticles .dspCombined a,
#side02 #sellRanking #rankArticles .dspAfter a {
	display: block;
	width: 160px;
	height: 24px;
	background-position: left top;
	background-repeat: no-repeat;
	text-indent: -9999px;
}

#side02 #sellRanking #rankArticles .dspFirst a { background-image: url(http://www.lovecosmetic.jp/images/base/side_sellRanking_title01.gif); }
#side02 #sellRanking #rankArticles .dspCombined a { background-image: url(http://www.lovecosmetic.jp/images/base/side_sellRanking_title02.gif); }
#side02 #sellRanking #rankArticles .dspAfter a { background-image: url(http://www.lovecosmetic.jp/images/base/side_sellRanking_title03.gif); }

#side02 #sellRanking #rankArticles .dspFirst a:hover,
#side02 #sellRanking #rankArticles .dspCombined a:hover,
#side02 #sellRanking #rankArticles .dspAfter a:hover,
#side02 #sellRanking #rankArticles p.current a {
	background-position: left -24px;
}

#side02 #sellRanking #rankArticles #rankFirst,
#side02 #sellRanking #rankArticles #rankCombined,
#side02 #sellRanking #rankArticles #rankAfter,
#side02 #sellRanking #rankArticles .cmnRank {
	padding: 10px;
	background: url(http://www.lovecosmetic.jp/images/base/side_sellRanking_bg.gif) no-repeat left top;
}

#side02 #sellRanking #rankArticles #rankFirst { display: block; padding: 10px; }
#side02 #sellRanking #rankArticles #rankCombined { display: none; padding: 10px; }
#side02 #sellRanking #rankArticles #rankAfter { display: none; padding: 10px; }

#side02 #sellRanking #rankArticles dl { position: relative; }

#side02 #sellRanking #rankArticles dt.rankNumb {
	position: absolute;
	top: -5px;
	right: -9px;
}

#side02 #sellRanking #rankArticles dl.top dt.rankNumb {
	top: -15px;
}

#side02 #sellRanking #rankArticles dt.img { margin-bottom: 7px; }
#side02 #sellRanking #rankArticles dt.img a {
	display: block;
	width: 138px;
	height: 100px;
	border: 1px solid #ddd;
	background: #fff;
	text-align: center;
}
#side02 #sellRanking #rankArticles dt.img a:hover { border-color: #ccc; }

#side02 #sellRanking #rankArticles dt.img a img {
	display: block;
	width: 100px;
	margin: 0 auto;
}

#side02 #sellRanking #rankArticles dd.btnBuy,
#side02 #sellRanking #rankArticles dd.btnDetail {
	float: left;
	margin: 0 2px 5px 0;
}
#side02 #sellRanking #rankArticles dd.btnFavorite {
	float: left;
	margin: 0 0 5px 0;
}
#side02 #sellRanking #rankArticles dd.btnBuy a,
#side02 #sellRanking #rankArticles dd.btnDetail a {
	display: block;
	width: 34px;
	height: 17px;
	padding: 0;
}
#side02 #sellRanking #rankArticles dd.btnFavorite a {
	display: block;
	width: 68px;
	height: 17px;
	overflow: hidden;
}

#side02 #sellRanking #rankArticles dd.txt {
	clear: both;
	font-size: 10px;
}
#side02 #sellRanking #rankArticles dd.price { color: #f00; font-weight: bold; }

#side02 #sellRanking #rankArticles .foot { margin-top: -1px; }


/* ハック
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */


.clrfix:after,
#side01 #sideWordSearch:after,
#side01 #careItems dl:after,
#side02 #sellRanking #rankArticles dl:after,
#side02 #sellRanking #rankTab:after,
#side02 #checkItems dl:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}


.clrfix,
#side01 #sideWordSearch,
#side01 #careItems dl,
#side02 #sellRanking #rankArticles dl,
#side02 #sellRanking #rankTab,
#side02 #checkItems dl {
	zoom:1;
}