@charset "Shift_JIS";

/* -----------------------------------------------------------
CSS Information

Site URL:   https://www.cosme.net/category
File name:      category.css
Created:        2010-04-20
Last update:    2015-12-08 by yamaguchij
by Author Style Info: 美容テーマ一覧
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents

 * main modules

 * common parts
   -- simple
   -- list nomal
			-- list disc
			-- view-more

----------------------------------------------------------- */

#header-sub {
    margin: 0 0 15px 0;
}

/** main modules ----------------------------------------------------------------**/

/* theme-title ------------------------*/
#theme-title {
  width: 611px;
		margin: 0 0 14px 0;
  padding: 0 0 0 24px;
  background: url("/images/general/common/icons/ico_title.png") -950px 2px no-repeat;
  color: #333;
  font-size: 200%;
  font-weight: normal;
  line-height: 28px;
}
*:first-child+html #theme-title {
  background-position: -950px 3px;
}
#theme-title, x:-moz-read-only {
  background-position: -950px 4px;
}

/* article ------------------------*/
#section {
	margin-left: -10px;
	padding-bottom: 41px;
	overflow: hidden;
	color: #333;
}
#section div {
	float: left;
	width: 205px;
	margin-left: 10px;
}
* html #section div {
	display: inline;
}

#section .category {
	width: auto;
	margin-left: 0;
}
#section .category h3 {	margin-left: 10px; }
#section .category p {	margin-left: 10px; }
#section .category h4 {	margin-left: 10px; }
#section .category div {
	display: inline;
	float: left;
	width: 205px;
	margin-left: 10px;
	background: none;
}
* html #section .category div {
	display: inline;
}

#section h3 {
	margin-bottom: 7px;
	padding: 0 4px;
	background: url("/images/cnt/sitemap/bg_ttl.png") repeat-x 0 0;
	font-size: 105%;
	font-weight: bold;
	line-height: 30px;
}
#section p {
	margin-bottom: 10px;
	color: #666;
	font-size: 83%;
	line-height: 1.2;
}
#section h4 {
	margin-bottom: 7px;
	padding-bottom: 2px;
	border-bottom: 1px dotted #bdb8ad;
	font-size: 115%;
	font-weight: bold;
}
#section h4 a {
	color: #333;
	text-decoration: none;
}
#section h4 a:hover {
	color: #07b0a9;
}
#section h5 {
	margin-bottom: 3px;
	padding-left: 15px;
	background: url("/images/general/common/icons/ico_arw_l_grn_right.png") 0 2px no-repeat;
	font-weight: bold;
	line-height:1.6;
}
#section h5 a:link,
#section h5 a:visited {
	color: #333;
	font-weight: bold;
}
#section h5 a:hover {
	color: #07b0a9;
}
#section h6 {
	margin-bottom: 4px;
	padding-left: 10px;
}
#section h6 a {
	font-weight: bold;
	text-decoration: none;
}
#section h6 a:hover {
	text-decoration: underline;
}
#section ul {
	margin-bottom: 11px;
	background-color: #fff;
}
#section li {
	line-height: 1.77;
}
#section li a {
	text-decoration: none;
}
#section li a:hover {
	text-decoration: underline;
}

/** common parts ----------------------------------------------------------------**/

/* simple (ツリー階層が無いh5,h6) */
#section h5.simple {
	margin-bottom: 7px;
}
#section h6.simple {
	margin-bottom: 10px;
}
/* simple (ツリー階層が無く、カテゴリ最後のh5) */
#section h5.simple-last {
	margin-bottom: 11px;
}
/* list nomal (展開図の線が描いてある状態) */
#section ul {
	padding-left: 13px;
}
#section li {
	background: url("../../../images/cnt/ranking/dot_tree.png") left -8px no-repeat;
	padding-left: 10px;
}
#section li.last {
	background:url("../../../images/cnt/ranking/dot_tree.png") left -62px no-repeat;
}

/* list disc (マーカーが「disk」の状態)  */
#section ul.disc {
	margin-top: -3px;
	padding-left: 15px;
}
#section ul.disc li {
	padding-left: 0px;
	background: none;
	list-style: disc;
	color: #4eb691;
}
#section ul.disc li a {
	margin-left: 0px;
}

/* view-more */
#section .view-more {
	margin-top: -6px;
	margin-bottom: 18px;
	padding-right: 8px;
	background: url("../../../images/general/common/icons/viewmore_ico.png") right center no-repeat;
	font-size: 95%;
	text-align: right;
}

/** individual ----------------------------------------------------------------**/
/* tag ------------------------*/
#section .category .title-tag {
	clear: left;
	margin-bottom: 15px;
 }
#section .category .tag {
	clear: left;
	width: 100%;
	margin: 0 0 0 18px;
}
#section .disc.list-tag {
	padding-left: 0;
}
#section .disc.list-tag li {
        display: inline-block;
	margin-bottom: 10px;
	padding-right: 10px;
	vertical-align: top;
	line-height: 1.3;
        word-wrap: break-word;
	word-break: break-all;
}
#section .disc.list-tag li div {
        display: list-item;
	width: 190px;
        color: #4eb691;
}
#section .category .tag .view-more {
        margin-right: 18px;
}