@charset "Shift_JIS";

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

Site URL:       
File name:      pr.css
Created:        2010-06-17 
Last update:    2016-03-25 by kanayamam
by Author Style Info:     My promotion
----------------------------------------------------------- */ 
/* ----------------------------------------------------------- 
Table of Contents 
 * general
 * layout
 * globalnavi
 * sub modules
 * footer modules
 * clip popup
----------------------------------------------------------- */

/** general ----------------------------------------------------------------**/

body { color: #333; }

a: link { color: #068681; text-decoration: underline; }
a: visited { color: #709293; text-decoration: underline; }
a: hover { color: #07B0A9; text-decoration: underline; }
a: active { color: #07B0A9; text-decoration: underline; }
.clear {
	display:block;
	clear:both;
	margin:0;
	padding:0;
	height:0;
	font-size:0px;
}


#pr-header {
  position: relative;
  margin-top: 20px;
  padding: 20px 15px 0;
  background: url("/images/cnt/user/promotion/my/bg_my_pr_header.png") no-repeat;
	min-height: 145px;
}
* html #pr-header {
	height: 145px;
  margin-top: 43px;
}
#pr-header h2 {
  margin-bottom: 11px;
}
#pr-header h2 a {
	display: inline-block;
	text-decoration: none;
}
#pr-header h2 .mycosme {
	color: #333;
	font-size: 30px;
	font-weight: bold;
}
#pr-header .private-room {
  position: absolute;
  top: 41px;
  right: 45px;
}
#pr-header .login {
  position: absolute;
  width: 214px;
  top: 31px;
  right: 20px;
  text-align: center;
}
#pr-header .login .start {
  display: block;
  margin-bottom: 5px;
}

#contents {
  padding: 19px 15px 0;
  background: url("/images/cnt/user/promotion/my/bg_my_pr_point.png") repeat-y;
}
#contents dl {
  padding-bottom: 7px;
  background: url("/images/cnt/user/promotion/my/bg_point_bottom.png") no-repeat bottom;
}
#contents dt {
	zoom: 1;/* IE6 bg */
  padding: 28px 25px 0 20px;
  background: url("/images/cnt/user/promotion/my/bg_point_top.png") no-repeat;
	line-height: 1.5;
}
#contents dt img {
  padding-right: 10px;
  vertical-align: middle;
}
#contents dd {
	zoom: 1;/* IE6 bg */
	padding-top: 16px;
	background: #FFF;
}
#contents p {
	line-height: 1.5;
}
#contents .pr-pagetop {
  padding: 14px 0 14px;
  text-align: right;
}
.footer-pr-area {
	width: 630px;
	margin: 0 auto 20px;
	padding-top: 20px;
}
* html .footer-pr-area{
	width: 650px;
}

/** top ---------------------------------------------------------------------**/
#pr-header .summary {
  margin-bottom: 20px;
  line-height: 1.5;
}
#pr-header .nav {
  margin: 0 0 16px -3px;
}
#pr-header .nav li {
  float: left;
  display: inline;
  margin-left: 3px;
}
#pr-header .nav a {
	overflow: hidden;
	display: inline-block;
  width: 291px;
  height: 0;
  padding-top: 35px;
  background: url("/images/cnt/user/promotion/my/btn_my_pr_point.png") no-repeat;
	 line-height: 2;
}
#pr-header .nav .point1 a:hover { background-position: 0 -35px; }
#pr-header .nav .point2 a { background-position: -291px 0; }
#pr-header .nav .point2 a:hover { background-position: -291px -35px; }
#pr-header .nav .point3 a { background-position: -582px 0; }
#pr-header .nav .point3 a:hover { background-position: -582px -35px; }

#contents .private-room {
  margin-top: 14px;
  text-align: right;
}
#contents dt.top-heading {
  padding: 20px 0 4px 11px;
  border-bottom: 2px solid #90ad3c;
  font-size: 125%;
  font-weight: bold;
	line-height: 1;
  zoom: 1;
}
#contents .example {
	width: 600px;
	margin-bottom: 8px;
}
#contents .example li {
	padding-left: 15px;
	line-height: 1.9;
	background: url("/images/cnt/user/promotion/my/ico_promotion.png") no-repeat 0 -87px;
	font-weight: bold;
}
#contents .link-list li {
	padding-left: 17px;
	line-height: 1.7;
	background: url("/images/cnt/user/promotion/my/ico_promotion.png") no-repeat 0 -181px;
	font-weight: bold;
	font-size: 105%;
}
#contents .top-login {
  position: relative;
  width: 657px;
  margin: 36px auto 0;
}
#contents .top-login a {
  position: absolute;
  display: block;
  width: 186px;
  height: 28px;
  top: 24px;
  right: 22px;
}
.pr #contents dd {
	padding: 16px 20px 30px;
}

/* section1 ------------------------------------- */
#contents .section1 dd {
	background: #fff url("/images/cnt/user/promotion/my/bg_sec1.png") no-repeat 641px 76px;
}
#contents .section1 p.preface{
	margin-bottom: 10px;
}
#contents .section1 p.suggest {
	margin-bottom: 22px;
}

/* section2 ------------------------------------- */
#contents .section2 .read {
	width: 420px;
}
#contents .section2 .summary {
	float: left;
}
#contents .section2 .summary .read span {
	display: block;
	margin-top: 20px;
}
#contents .section2 .list {
	float: right;
	width: 440px;
	border: 1px dotted #ccc;
}
#contents .section2 .list .example {
	width: auto;
	margin-bottom: 0;
	padding: 10px;
}
#contents .section2 .list .example > li > span {
	display: block;
	color: #755;
	text-align: right;
}

/* section3 ------------------------------------- */
#contents .section3 dd {
	padding-bottom: 42px;
}
#contents .section3 .func1 {
	float: left;
	width: 430px;
}
#contents .section3 .func2 {
	margin-left: 434px;
	padding-left: 15px;
	border-left: 1px dotted #83766c;
}
#contents .section3 .read {
	margin-bottom: 26px;
	padding-right: 8px;
}
#contents .section3 .func2 .read {
	margin-bottom: 8px;
}
#contents .section3 span {
	font-weight: bold;
}
#contents .section3 div img {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

/** 2nd layer -----------------------------------------------------------------**/
#pr-header h3 {
  padding-bottom: 20px;
	padding-left: 27px;
	background: url("/images/cnt/user/promotion/my/ico_promotion.png") no-repeat 0 2px;
	font-size: 176%;
	line-height: 1.2;
}
#contents .check-arrow {
	margin-bottom: 20px;
	text-align: center;
}
* html #login,
* html #search {
	height: 157px;
}
#contents dt span {
	display: block;
	margin-bottom: 1em;
}
#login {
	min-height: 157px;
	background: url("/images/cnt/user/promotion/my/bg_login.png") no-repeat 0 0;
}
#login h3 {
	padding-top: 21px;
	padding-bottom: 18px;
	color: #5c3f39;
	font-size: 176%;
	text-align: center;
}
#login p {
	width: 500px;
	margin-left: auto;
	margin-right: auto;
}
#login p span {
	margin-right: 6px;
}
/* IE6以外に適用 */
html>body #login a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
  opacity: 0.75;
}

#search {
	min-height: 157px;
	background: url("/images/cnt/user/promotion/my/bg_search.png") no-repeat 0 0;
}
#search h3 {
	padding-top: 24px;
	padding-bottom: 24px;
	color: #5c3f39;
	font-size: 176%;
	text-align: center;
}
#search p {
	padding-left: 4px;
	text-align: center;
}
/* IE6以外に適用 */
html>body #search a img:hover {
	filter: alpha(opacity=75);
	-moz-opacity: 0.75;
  opacity: 0.75;
}


/* ↓ 2nd layer CSS signature ------------------------------------------------------- */

/** member page --------------------------------------------------**/
.member #contents .before {
	margin-bottom: 14px;
	margin-left: 101px;
}
.member #contents .after {
	margin-bottom: 40px;
	margin-left: 52px;
}

/** brand page ---------------------------------------------------**/
.brd #contents .before {
	margin-bottom: 20px;
	text-align: center;
}
.brd #contents .after {
	margin-bottom: 45px;
	text-align: center;
}

/** my collection page -------------------------------------------**/
.my-collection #contents dd {
	padding-bottom: 40px;
}
.my-collection #contents .before {
	margin-bottom: 30px;
	margin-left: 40px;
}
.my-collection #contents .after {
	width: 849px;
	margin-left: auto;
	margin-right:auto; 
}
.my-collection #login {
	margin-top: 40px;
	margin-bottom: -40px;
}
.my-collection .after h4,
.my-collection .after p {
	text-align: center;
}
.my-collection .after h4 {
	padding-top: 13px;
}
.my-collection .after .txt {
	margin-bottom: 6px;
}

.my-collection .after .product-sec,
.my-collection .after .review-sec,
.my-collection .after .chieco-sec {
	background: url("/images/cnt/user/promotion/my/my_after_flm_s.png") repeat-y center 0;
}
.my-collection .after .product-sec h4,
.my-collection .after .review-sec h4,
.my-collection .after .chieco-sec h4 {
	background: url("/images/cnt/user/promotion/my/my_after_flm_s.png") no-repeat 0 0;
}
.my-collection .after .product-sec .btn,
.my-collection .after .review-sec .btn,
.my-collection .after .chieco-sec .btn {
	background: url("/images/cnt/user/promotion/my/my_after_flm_s.png") no-repeat right bottom;
}

/* product-sec */
.my-collection .after .product-sec {
	float: left;
	width: 419px;
	margin-bottom: 5px;
}
.my-collection .after .product-sec .scr {
	margin-bottom: 21px;
}
.my-collection .after .product-sec .btn {
 	padding-bottom: 30px;
}

/* review-sec */
.my-collection .after .review-sec {
	float: right;
	width: 419px;
	margin-bottom: 4px;
}
.my-collection .after .review-sec .scr {
	margin-bottom: 11px;
}
.my-collection .after .review-sec .btn {
 	padding-bottom: 20px;
}

/* chieco-sec */
.my-collection .after .chieco-sec {
	float: right;
	width: 419px;
}
.my-collection .after .chieco-sec .scr {
	margin-bottom: 10px;
}
.my-collection .after .chieco-sec .btn {
 	padding-bottom: 19px;
}

/* photo-sec */
.my-collection .after .photo-sec {
	clear: both;
	width: 769px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 5px;
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") repeat-y center 0;
}
.my-collection .after .photo-sec .scr {
	margin-bottom: 16px;
}
.my-collection .after .photo-sec h4 {
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") no-repeat 0 0;
}
.my-collection .after .photo-sec .btn {
	padding-bottom: 22px;
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") no-repeat right bottom;
}

/* keyword-sec */
.my-collection .after .keyword-sec {
	clear: both;
	width: 769px;
	margin-left: auto;
	margin-right: auto;
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") repeat-y center 0;
}
.my-collection .after .keyword-sec .scr {
	margin-bottom: 16px;
}
.my-collection .after .keyword-sec h4 {
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") no-repeat 0 0;
}
.my-collection .after .keyword-sec .btn {
	padding-bottom: 22px;
	background: url("/images/cnt/user/promotion/my/my_after_flm_l.png") no-repeat right bottom;
}

/* footer-pr-area */
#pr01 div {
	padding: 0;
}