@charset "shift_jis";
/* -----------------------------------------------------------
CSS Information

Site URL:	https://my.cosme.net/open_top/show/user_id/*****
File name:      open_top.css
Created:        2010-08-26
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents
 * opentop common
   -- reset
   -- layout
   -- view-more

 * side-left modules
   -- side-left cmn
      --- setting
   -- personal-sec
      --- my view
      --- null
   -- send-member
   -- keyword,brand
      --- my view
      --- null
   -- favorite-member
      --- my view
      --- null

 * main-contents modules
   -- main-contents cmn
      --- sec-title
      --- view-more
      --- my-view
      --- null
   -- new-review
   -- new-qa
   -- new-photo

 * side-right modules
   -- ad-lrc
   -- ad-brand
----------------------------------------------------------- */


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

	opentop common

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

/** reset -------------------------------------------------**/

.contents {
  color: #333;
  font-size:13px; /* for modern */
  line-height:1;
  font-family:Verdana, "�l�r �o�S�V�b�N", "�q���M�m�p�S Pro W3", Osaka, sans-serif;
}
* html .contents {
  font-size:130%; /* IE6 */
}
.contents a:link {
  color: #068681;
  text-decoration: underline;
}
.contents a:visited {
  color: #709293;
  text-decoration: underline;
}
.contents a:hover {
  color: #07B0A9;
  text-decoration: underline;
}
.contents a:active {
  color: #07B0A9;
  text-decoration: underline;
}

/** layout -------------------------------------------------**/

#openTop .contents {
  padding: 0 5px;
}
#openTop .side-left {
  float: left;
  width: 160px;
  margin-right: 10px;
}
#openTop .main-contents {
  float: left;
  width: 450px;
}
#openTop .side-right {
	float: right;
	width: 300px;
}
#openTop #sideRight{
	margin-top: 0;
}
#openTop #footer .pagetop {
padding: 0 20px 70px;
}


/** view-more --------------------------------------------------**/

#openTop .cmn-viewmore {
  background:url(/images/general/common/icons/viewmore_ico.png) no-repeat 100% 50%;
  padding-right:7px;
}
#openTop .view-more {
	text-align: right;
	word-wrap: break-word;
}
#openTop .view-more a {
	padding-left: 17px;
	background: url(/images/general/common/icons/ico_arw_l_grn_right.png) no-repeat 0% 50%;
}

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

	side-left modules

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

/** side-left cmn --------------------------------------------------**/

/*** setting ***/
.side-left .setting {
  text-align: right;
}
.side-left .setting a {
  display: inline-block;
  padding-top: 4px;
  background: url(/images/user/open_top/bg/bg_setting_btn.png) no-repeat;
  width: 76px;
  height: 19px;
  text-align: center;
  font-size: 95%;
  line-height: 1.2;
}
* html .side-left .setting a { /* IE6 */
  height: 23px;
}
.side-left .setting a:link,
.side-left .setting a:visited {
  color: #fff;
  text-decoration: none;
}
.side-left .setting a:hover {
  text-decoration: underline;
}

/** personal-sec --------------------------------------------------**/

#personal-sec {
  margin-bottom: 10px;
  padding: 3px;
  background: #e8e5e0;
  border: 1px solid #bfbaaf;
}
#personal-sec .inner {
  padding: 7px 5px 15px;
  background: #fff;
}
#personal-sec .photo {
  margin: 0 0 5px 20px;
}
#personal-sec .photo span {
  display: table-cell;
  width: 100px;
  height: 100px;
  layout-grid-line: 100px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
@-moz-document url-prefix() { /* FF */
#personal-sec .photo span {
 height: 100px;
}
}
* html #personal-sec .photo span { /* IE6 */
  display: block;
  width: 100px;
  height: 100px;
}
*:first-child+html #personal-sec .photo span { /* IE7 */
  display: block;
}
#personal-sec .name {
	margin-bottom: 5px;
	color: #000;
	word-wrap: break-word;
}
#personal-sec .name span {
	margin-right: 2px;
	font-size: 105%;
	font-weight: bold;
	line-height: 1.3;
}
#personal-sec .name img {
  vertical-align: baseline;
  margin-left: 2px;
}
#personal-sec .activities {
  padding-top: 5px;
  border-top: 1px dotted #bdb8ad;
  font-size: 92%;
}
#personal-sec .activities li {
  margin-bottom: 7px;
  padding-left: 7px;
  background: url(/images/user/open_top/icons/ico_s_green.gif) no-repeat 0 4px;
}
#personal-sec .activities li span {
  font-weight: bold;
}
#personal-sec .activities li .num-rvw-like {
	color: #5fc2be;
  font-weight: normal;
}
#personal-sec .activities li .num-rvw-like + a {
	line-height: 1.4;
}
#personal-sec .activities .top-bt-ranking {
	overflow:hidden;
	width:140px;
	height:24px;
	margin:8px 0;
	padding-left:0;
	background:none;
}

#personal-sec .top-bt-ranking a {
	display:block;
	overflow:hidden;
	width:140px;
	height:0;
	padding:24px 0 0;
	background:url("/images/user/my_common/btn/btn_bt_ranking.png") no-repeat left -96px;
	line-height:2;
}

#personal-sec .top-bt-ranking a:hover {
	background-position:left -120px;
}
#personal-sec .activities .top-bt-beautist-famous,
#personal-sec .activities .top-bt-beautist-member{
	overflow: hidden;
	width: 140px;
	height: 40px;
	margin: 8px 0 0;
	padding-left: 0;
	background: none;
}
#personal-sec .top-bt-beautist-famous a {
	display: block;
	overflow: hidden;
	list-style: none;
	width: 140px;
	height: 0;
	padding-top: 40px;
	background:url("/images/user/my_common/btn/btn_bt_beautist_150630.png") no-repeat left -200px;
	line-height: 2;
}
#personal-sec .top-bt-beautist-famous a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#personal-sec .top-bt-beautist-member a {
	display: block;
	overflow: hidden;
	list-style: none;
	width: 140px;
	height: 0;
	padding-top: 40px;
	background:url("/images/user/my_common/btn/btn_bt_beautist_150630.png") no-repeat left -50px;
	line-height: 2;
}
#personal-sec .top-bt-beautist-member a:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}
#personal-sec .activities .top-bt-my {
	margin: 4px 0 8px;
	padding-left: 0;
	background: none;
	line-height: 1.4;
	word-wrap: break-word;
}
#personal-sec .top-bt-my a {
	color: #ef4760;
}
#personal-sec .top-bt-my a .name-bt {
	font-weight: bold;
}
#personal-sec .top-bt-my a .arw-bt {
	cursor:pointer;
	display: inline-block;
	overflow: hidden;
	width: 15px;
	height: 0;
	padding-top: 13px;
	margin-bottom: -2px;
	background: url("/images/user/my_common/icons/ico_arw_pink.png") no-repeat right top;
	line-height: 2;
	text-decoration: none;
}
* html #personal-sec .top-bt-my a .arw-bt {�@height:13px; line-height: 1;�@}
*:first-child+html #personal-sec .top-bt-my a .arw-bt {�@line-height: 1;�@}
#personal-sec .top-bt-my a:visited {
	color: #c97683;
}
#personal-sec .top-bt-my a:hover {
	color: #fe7b8e;
}
#personal-sec .top-bt-my a:hover .arw-bt {
	opacity: 0.75;
}

#personal-sec .personal {
  margin-bottom: 3px;
  padding-top: 10px;
  border-top: 1px dotted #bdb8ad;
}
#personal-sec .personal li {
  margin-bottom: 7px;
}
#personal-sec .personal li span {
  color: #bdb8ad;
  padding: 0 5px;
}
#personal-sec .hobby {
  margin-bottom: 10px;
  padding-top: 10px;
  border-top: 1px dotted #bdb8ad;
}
#personal-sec .hobby h3 {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(/images/user/open_top/icons/ico_brown_circle.png) no-repeat 0% 50%;
  line-height: 1.5;
}
#personal-sec .hobby ul {
  margin-bottom: 5px;
}
#personal-sec .hobby li {
  float: left;
  margin: 0 7px 4px 0;
  padding-right: 7px;
  border-right: 1px solid #ccc;
  line-height: 1.2;
}
* html #personal-sec .hobby li { /* IE6 */
  display: inline;
  float: none;
  zoom: 1;
}
*:first-child+html #personal-sec .hobby li { /* IE7 */
  display: inline;
  float: none;
  zoom: 1;
}
#personal-sec .hobby li.unselect {
  float: none;
  margin: 0;
  padding-right: 0;
  border-right: none;
}
#personal-sec .hobby p {
  text-align: right;
}
#personal-sec .introduction {
  padding-top: 10px;
  border-top: 1px dotted #bdb8ad;
}
#personal-sec .introduction h3 {
  margin-bottom: 5px;
  padding-left: 15px;
  background: url(/images/user/open_top/icons/ico_brown_circle.png) no-repeat 0% 50%;
  line-height: 1.5;
}
#personal-sec .introduction p {
  line-height: 1.3;
	word-wrap: break-word;
}
#personal-sec .introduction p a {
	display: block;
	text-align: right;
	margin-top: 3px;
}

/*** my view ***/

#personal-sec .setting {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #bdb8ad;
}
/*** null ***/

#personal-sec .view-profile {
  margin-top: 10px;
  padding-top: 10px;
  border-top: 1px dotted #bdb8ad;
  text-align: right;
}
#personal-sec .view-profile a {
  padding-left: 17px;
  background: url(/images/general/common/icons/ico_arw_l_grn_right.png) no-repeat 0% 50%;
}

/** send-member --------------------------------------------------**/

#send-member .act-button {
  width: 100%;
  margin-bottom: 10px;
  color: #666;
}
#send-member .act-button .act-button-text {
  font-size: 13px;
}
#send-member p {
  margin-bottom: 10px;
}
#send-member p a:hover {
  filter: alpha(opacity=85);
  -moz-opacity: 0.85;
  opacity: 0.85;
}

/** keyword,brand --------------------------------------------------**/

.side-left #keyword,
.side-left #brand {
  margin: 25px 0;
}
.side-left #keyword h3,
.side-left #brand h3 {
  border-bottom: 1px solid #68d5b8;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.side-left #keyword ul,
.side-left #brand ul {
  padding: 10px 5px 0;
  border-top: 4px solid #c3eee3;
}
.side-left #keyword li,
.side-left #brand li {
  margin-bottom: 3px;
  padding: 0 0 3px 12px;
  border-bottom: 1px dotted #bdb8ad;
  background: url(/images/general/common/icons/ico_arw_m_grn_right.png) no-repeat 0 5px;
  line-height: 1.3;
	word-wrap: break-word;
}
.side-left #keyword li a,
.side-left #brand li a {
	text-decoration: none;
}
.side-left #keyword li a:hover,
.side-left #brand li a:hover {
  text-decoration: underline;
}
.side-left #keyword .view-more,
.side-left #brand .view-more {
  margin: 5px 5px 0;
}

/*** my view ***/

.side-left #keyword .setting,
.side-left #brand .setting {
  margin: 10px 5px 0;

}

/*** null ***/

.side-left #keyword li.unselect,
.side-left #brand li.unselect {
  margin: 0;
  padding: 0;
  border-bottom: none;
  background: none;
}

/** favorite-member --------------------------------------------------**/

.side-left #favorite-member h3 {
  border-bottom: 1px solid #68d5b8;
  font-weight: bold;
  color: #000;
  line-height: 1.5;
}
.side-left #favorite-member div {
  margin-bottom: 5px;
  padding: 5px 0 0;
  border-top: 4px solid #c3eee3;
}
.side-left #favorite-member ul {
  background: url(/images/user/open_top/bg/side_line_favorite_user.png) repeat-y;
  border-bottom: 1px dotted #bdb8ad;
}
.side-left #favorite-member li {
  float: left;
  padding-top: 5px;
  padding-bottom: 2px;
}
.side-left #favorite-member li.left {
  width: 79px;
}
.side-left #favorite-member li.right {
  padding-left: 7px;
  width: 71px;
}
.side-left #favorite-member li .name {
  margin-top: 5px;
  display: block;
  font-size: 83%;
  font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
  line-height: 1.3;
	word-wrap: break-word;
}
.side-left #favorite-member li a.name {
	text-decoration: none;
}
.side-left #favorite-member li a:hover.name {
  text-decoration: underline;
}
.side-left #favorite-member li .name img {
  vertical-align: baseline;
  margin-left: 2px;
}
.side-left #favorite-member li .photo {
  display: table-cell;
  width: 70px;
  height: 70px;
  layout-grid-line: 70px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
@-moz-document url-prefix() { /* FF */
.side-left #favorite-member li .photo {
  height: 70px;
}
}
* html .side-left #favorite-member li .photo { /* IE6 */
  display: block;
  width: 70px;
  height: 70px;
}
*:first-child+html .side-left #favorite-member li .photo {  /* IE7 */
  display: block;
}

/*** my view ***/

.side-left #favorite-member .setting {
  margin-top: 10px;
}

/*** null ***/

.side-left #favorite-member p.unselect {
  margin: 5px 5px 0;
  line-height: 1.3;
}

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

	main-contents modules

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

/** main-contents cmn -----------------------------------------------**/

/*** sec-title ***/

.main-contents h3 {
  width: 442px;
  height: 23px;
  padding: 4px 0 0 8px;
  margin-bottom: 5px;
	background: url(/images/user/open_top/bg/bg_sec_title.png) no-repeat left top;
	color: #000;
  font-size: 105%;
}
* html .main-contents h3 {
  width: 450px;
  height: 27px;
  font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}
.main-contents h3 .title {
  padding-right: 10px;
  border-right: 1px solid #b2c4be;
  font-weight: bold;
  line-height: 1.2;
}
.main-contents h3 .number {
  padding-left: 10px;
  border-left: 1px solid #e7f1ed;
  line-height: 1.2;
}
* html .main-contents h3 .number { /* IE6 */
  font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
}

/*** view-more ***/

.main-contents .view-more {
  margin-top: 5px;
}

/*** my-view ***/

.main-contents .my-view {
  margin: 10px 0 5px;
  padding: 5px 10px;
  background: #fde3e4;
  border: 1px solid #fdc7c7;
  line-height: 1.3;
}
.main-contents .my-view p {
  display: inline;
  margin-right: 20px;
}
.main-contents .my-view p a {
  padding-left: 15px;
  background: url(/images/user/common/ico_arw_l_red_right.png) no-repeat 0% 50%;
  font-weight: bold;
}
.main-contents .my-view p a:link,
.main-contents .my-view p a:visited {
  color: #eb4961;
}
.main-contents .my-view p a:hover {
  color: #fe7b8e;
}

/*** null ***/

.main-contents .null {
  margin: 10px 0 0;
}


/** new-review --------------------------------------------**/

#new-review {
  margin-bottom: 35px;
	line-height: 1.3;
}
#new-review a.list {
  display: block;
	position: relative;
	min-height: 70px;
	padding: 10px 5px 15px;
	border-bottom: 1px dotted #bdb8ad;
	zoom:1;
  text-decoration: none;
  background-repeat: no-repeat;
}
* html #new-review .list { /* IE6 */
	height: 85px;
}
#new-review a:hover.list {
  background: #e8f6f4;
}
#new-review .name,
#new-review .contribution-info,
#new-review .txt {
	display: block;
	position: relative;
	margin-left: 80px;
}
#new-review .name {
	margin-bottom: 5px;
	text-decoration: none;
	font-weight: bold;
	word-wrap: break-word;
}
#new-review .name span {
	font-size: 95%;
	font-weight: normal;
}
#new-review a:hover .name {
  color: #07b0a9;
}
#new-review .contribution-info {
	margin-bottom: 5px;
  font-size: 95%;
  color: #333;
}
#new-review .date {
	margin-left: 5px;
	padding-left: 5px;
	border-left: 1px dotted #bdb8ad;
	color: #7d652e;
}
#new-review .txt{
  color: #333;
	word-wrap: break-word;
}
#new-review .cmn-viewmore{
  margin-left: 3px;
  color: #068681;
  text-decoration: underline;
}
#new-review a:hover .cmn-viewmore{
  color: #07b0a9;
}
#new-review .photo{
  position: absolute;
  left: 5px;
  top : 10px;
  width: 70px;
  height: 70px;
  border: 1px solid #ccc;
  background-color: #fff;
  background-position: 50% 50%;
  background-repeat: no-repeat;
  cursor: pointer;
}

/** new-article --------------------------------------------**/
#new-article {
	margin-bottom: 35px;
	line-height: 1.3;
}
#new-article a.list {
	display: block;
	position: relative;
	padding: 10px 5px 10px;
	border-bottom: 1px dotted #bdb8ad;
	zoom:1;
	text-decoration: none;
	background-repeat: no-repeat;
}
* html #new-article .list { /* IE6 */
	height: 85px;
}
#new-article a:hover.list {
	background: #e8f6f4;
}
#new-article .blog-pic {
	position: relative;
	float:right;
	margin-left: 8px;
	background: #fff;
}
#new-article .jq-img-rspsv {
	display: block;
	overflow: hidden;
	width: 120px;
	height: 120px;
	border: 1px solid #d9d2c3;
}
#new-article .jq-img-rspsv img {
	display: block;
}
#new-article .jq-img-rspsv:last-child:not(.is-loaded),
#new-article .jq-img-rspsv.jq-img-rspsv-noextend:not(.is-loaded) {
	background: url("/images/general/common/icons/ico_prg_s.gif") center center no-repeat;
}
#new-article .jq-img-rspsv:not(.is-loaded) img {
	visibility: hidden;
}
#new-article .jq-img-rspsv-noextend {
	position: absolute;
	right: 0;
	top: 0;
}
#new-article .frm-blog {
	position: relative;
	word-break: break-all;
}
#new-article .blog-pic + .frm-blog {
	/* min-height */
	min-height:122px;
	height: auto !important;
	height: 122px;
}
#new-article .blog-pic + .frm-blog .name,
#new-article .blog-pic + .frm-blog .txt {
	width: 310px;
}
#new-article .name,
#new-article .txt {
	display: block;
}
#new-article .name {
	margin-bottom: 8px;
	text-decoration: none;
	font-weight: bold;
	word-wrap: break-word;
}
#new-article .name span {
	font-size: 95%;
	font-weight: normal;
}
#new-article a:hover .name {
	color: #07b0a9;
}
#new-article .txt {
	color: #333;
	font-size: 93%;
	word-wrap: break-word;
}
#new-article .txt {
 padding-bottom: 8px;
}
#new-article .cmn-viewmore {
	margin-left: 3px;
	color: #068681;
	text-decoration: underline;
}
#new-article a:hover .cmn-viewmore {
	color: #07b0a9;
}
#new-article .blog-date {
	color: #7d652e;
	font-size: 95%;
}
#new-article .blog-pic + .frm-blog .blog-date {
	position: absolute;
	bottom: 0;
	left: 0;
}
/** new-qa --------------------------------------------**/

#new-qa {
	margin-bottom: 35px;
	line-height: 1.3;
}
#new-qa h3 {
	margin-bottom: 15px;
}
#new-qa h4 {
	padding: 4px 5px;
	background-color: #e6f4f1;
}
#new-qa a.list {
	display: block;
	padding: 10px 5px;
	border-bottom: 1px dotted #bdb8ad;
	text-decoration: none;
	color: #333;
}
#new-qa a:hover.list {
	background: #e8f6f4;
}
#new-qa .question,
#new-qa .questionnaire {
	display: block;
	margin-bottom: 5px;
	color: #068681;
	font-size: 13px;
	font-weight: bold;
	line-height: 1.6;
	vertical-align: middle;
	word-break: break-all;
	word-wrap: break-word;
}
#new-qa .question-list + .answer-list {
	margin-top: 15px;
}
#new-qa .answer-list .question,
#new-qa .answer-list .questionnaire {
	color: #666;
}
#new-qa .answer {
	display: block;
	margin-bottom: 5px;
	color: #068681;
	font-size: 12px;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
}
#new-qa .question .icon {
	display: inline-block;
	overflow: hidden;
	width: 39px;
	height: 0;
	margin: -2px 4px 0 0;
	padding-top: 15px;
	background: url(/images/user/my_common/icons/ico_type_question.png) no-repeat left top;
	vertical-align: middle;
}
#new-qa .questionnaire .icon {
	display: inline-block;
	overflow: hidden;
	width: 39px;
	height: 0;
	margin: -2px 4px 0 0;
	padding-top: 15px;
	background: url(/images/user/my_common/icons/ico_type_questionnaire.png) no-repeat left top;
	vertical-align: middle;
}
#new-qa .answer .icon {
	display: inline-block;
	overflow: hidden;
	width: 39px;
	height: 0;
	margin: -2px 4px 0 0;
	padding-top: 15px;
	background: url(/images/user/my_common/icons/ico_type_answer.png) no-repeat left top;
	vertical-align: middle;
}
#new-qa .text {
	margin-bottom: 5px;
	font-size: 12px;
	line-height: 1.6;
	word-break: break-all;
	word-wrap: break-word;
}
#new-qa .date {
	display: block;
	margin-top: 5px;
	font-size: 12px;
	color:#7d652e;
	text-align: right;
}
#new-qa .cmn-viewmore {
  margin-left: 3px;
  color: #068681;
  text-decoration: underline;
}
#new-qa a:hover .cmn-viewmore {
  color: #07b0a9;
}

/** new-photo -------------------------------------------- **/

#new-photo {
  margin-bottom: 35px;
	line-height: 1.3;
}
#new-photo ul {
  margin: 15px 7px 0 -2px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #bdb8ad;
}
#new-photo li {
  float: left;
  margin-left: 9px;
  width: 102px;
}
* html #new-photo li { /* IE6 */
  margin-left: 7px;
}
#new-photo ul li a {
  display: table-cell;
  width: 100px;
  height: 100px;
  layout-grid-line: 100px;
  border: 1px solid #ccc;
  text-align: center;
  vertical-align: middle;
}
@-moz-document url-prefix() { /* FF */
#new-photo ul li a {
  height: 100px;
}
}
* html #new-photo ul li a { /* IE6 */
  display: block;
  width: 100px;
  height: 100px;
}
*:first-child+html #new-photo ul li a { /* IE7 */
  display: block;
}
#new-photo ul li a:hover {
  border: 1px solid #c2e5e5;
  background: #e8f6f4;
}
#new-photo ul li span {
	display: block;
	margin-top: 5px;
	font-family: "�l�r �o�S�V�b�N", Osaka, "�q���M�m�p�S Pro W3";
	font-size: 95%;
	color: #7d652e;
	word-wrap: break-word;
}

/** new-video -------------------------------------------- **/

#new-video {
  margin-bottom: 35px;
	line-height: 1.3;
}
#new-video ul {
  margin: 15px 7px 0 -2px;
  padding-bottom: 15px;
  border-bottom: 1px dotted #bdb8ad;
}
#new-video li {
  float: left;
  margin-left: 9px;
  width: 102px;
}
* html #new-video li { /* IE6 */
  margin-left: 7px;
}
#new-video a:hover .pic-border {
	border: 1px solid #c2e5e5;
}
#new-video .video-thum a {
	text-decoration: none;
}
#new-video .video-thum .pic {
	width: 100px;
}
#new-video .video-text {
	font-size: 95%;
	word-wrap: break-word;
	text-decoration: none;
}

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

	side-right modules

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

/** ad-lrc --------------------------------------------**/

#ad-lrc {
	margin-bottom: 20px;
	text-align: center;
}