@charset "Shift_JIS";

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

Site URL:
File name:      present.css
Created:        2010-06-29
by Author Style Info:     present
----------------------------------------------------------- */
/* -----------------------------------------------------------
Table of Contents
 * common parts
 * present top
	* present conf
----------------------------------------------------------- */

/** common parts ----------------------------------------------------------------**/
#main {
	color: #333;
}
#main input {
	font-family: "メイリオ","Meiryo","ＭＳ Ｐゴシック",Verdana,"ヒラギノ角ゴシック",Hiragino Sans,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,sans-serif
}
#header-sub {
	margin: 0 0 11px 0;
}

/* title -------------------- */
#title {
	min-height: 140px;
	margin-bottom: 5px;
	padding: 51px 50px 0 36px;
	background: url("/images/cnt/present/bg_title.png") no-repeat 0 5px;
	border-top: 3px solid #e8e5e0;
}
* html #title {
	height: 140px;
}
#title-cpn {
	margin: -1px 0 9px;
}
#title .ttl {
	float: left;
	width: 292px;
}
#title .ttl h2 {
	margin-bottom: 13px;
}
#title .ttl p {
	font-size: 105%;
	text-align: center;
	line-height: 1.5;
}
#title .ttl p span {
	font-weight: bold;
}
#title .note {
	float: right;
	width: 230px;
	padding-top: 15px;
	font-size: 95%;
}
#title .note p {
	margin-bottom: 9px;
	line-height: 1.6;
}
#title .note p a {
	font-weight: bold;
}
#title .note span {
	display: block;
	padding-bottom: 1px;
	text-align: right;
}
#title .note span a.question {
	margin-right: 3px;
	padding: 0 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}

/* news -------------------- */
#main .psnt-news {
	margin: 10px 0 15px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	border: 1px solid #f3b2bb;
	font-size: 93%;
}
#main .psnt-news dt{
	float: left;
	width:73px;
	height: 28px;
	padding-left:12px;
	-webkit-border-top-left-radius: 4px;
	-webkit-border-bottom-left-radius: 4px;
	-moz-border-top-left-radius: 4px;
	-moz-border-bottom-left-radius: 4px;
	border-top-left-radius: 4px;
	border-bottom-left-radius: 4px;
	background: #ec8997 url("/images/cnt/present/bg_news.png") no-repeat -3px -3px;
	color: #fff;
	line-height: 2.4;
}
#main .psnt-news dd{
	float: left;
	width:500px;
	height: 28px;
	padding-left: 8px;
	line-height: 2.5;
}
/* btn -------------------- */
.btn-beige {
	display: block;
	position: relative;
	padding: 5px 0;
	border: solid 1px #bdb8ad;
	border-radius: 3px;
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 0%, #eae2d5 100%); 
	background: -webkit-linear-gradient(top,  #ffffff 0%,#eae2d5 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#eae2d5 100%); 
	color: #484746;
	font-size: 12px;
	text-align: center;
	text-decoration: none;
}

.btn-green {
	display: block;
	width: inherit;
	padding: 8px 5px;
	border: solid 1px #bbdfd7;
	border-radius: 5px;
	background: #9ad0c4; /* Old browsers */
	background: -moz-linear-gradient(top,  #9ad0c4 0%, #57a694 100%); 
	background: -webkit-linear-gradient(top,  #9ad0c4 0%,#57a694 100%); 
	background: linear-gradient(to bottom,  #9ad0c4 0%,#57a694 100%); 
	box-shadow:0px 0px 0px 1px #5ea998;
	-moz-box-shadow:0px 0px 0px 1px #5ea998;
	-webkit-box-shadow:0px 0px 0px 1px #5ea998;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 0.2em;
}

.btn-beige:hover,
.btn-green:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
}

/** present top -----------------------------------------------------------------**/
/* list-member ------------------------------*/
#list-member {
	overflow: hidden;
	margin-bottom: 25px;
}
#list-member h3 {
	padding: 9px 12px 0 43px;
	margin-bottom: 13px;
	background: url("/images/cnt/present/bg_ttl.png") no-repeat 0 0;
	line-height: 29px;
}
#list-member h3 .ttl {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#list-member h3 .date {
	float: right;
	font-size: 95%;
}
#list-member p {
	margin-bottom: 20px;
}
#list-member p a.question {
	margin: 0 3px 0 5px;
	padding:0 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
#list-member ul {
	margin-left: -20px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #bdb8ad;
	background: url("/images/general/common/bg/bg_gray_line.png") repeat-y 337px 0;
}
#list-member li {
	display: inline;
	float: left;
	width: 307px;
	margin-left: 20px;
	padding-top: 10px;
}
#list-member li .photo {
	float: left;
	width: 94px;
	padding-left: 1px;
}
#list-member li .photo a {
	display: inline-block;
}
#list-member li .photo a img {
	pointer-events: none;
}
#list-member li .photo .special-wrap {
	display: block;
	width: 83px;
	height: 14px;
	margin-top: 5px;
	padding: 1px;
	background-color: #c1aa44;
}
#list-member li .photo .special {
	display: block;
	height: 11px;
	padding-top: 1px;
	border: 1px solid #ede7c8;
	color: #FFF;
	font-weight: bold;
	font-size: 85%;
	text-align: center;
}
*:first-child+html #list-member li .photo .special {
	height: 11px;
	padding-top: 1px;
	font-size: 80%;
}
* html #list-member li .photo .special {
	height: 11px;
	padding-top: 1px;
	font-size: 80%;
}
#list-member dl {
	margin-left: 95px;
}
#list-member dt {
	margin-bottom: 7px;
	line-height: 1.2;
}
#list-member dt a {
	text-decoration: none;
}
#list-member dt a:hover {
	text-decoration: underline;
}
#list-member dt span a {
	display: block;
	margin-top: 4px;
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
	line-height: 1.4;
}
#list-member dd {
	font-size: 95%;
	line-height: 1.4;
}
#list-member dd p span {
	display: inline;
	color: #e66;
}
#list-member dd p .apply-point {
	display: inline;
	margin-left: 3px;
	padding-left: 7px;
	border-left: 1px dotted #bdb8ad;
	color: #333;
	font-size: 85%;
	vertical-align: baseline;
}
#list-member .apply-point .ico {
	height: 17px;
	padding: 0 0 4px 18px;
	background: url("/images/cnt/present/ico_coin.png") top left no-repeat;
	color: #333;
	line-height: 1.5;
}
*:first-child+html #list-member .apply-point .ico {
	display: inline-block;
	vertical-align: middle;
}
#list-member .apply-point .bold {
	color: #333;
	font-size: 115%;
	font-weight: bold;
}
#list-member dd p {
	margin-bottom: 13px;
}
#list-member dd .apply {
	margin-bottom: 0;
}
/* IE6以外に適用 */
html>body #list-member dd .apply a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/* list-facebook ------------------------------*/
#list-facebook {
	overflow: hidden;
	margin-bottom: 25px;
}
#list-facebook h3 {
	padding: 9px 12px 0 43px;
	margin-bottom: 13px;
	background: url("/images/cnt/present/bg_ttl.png") no-repeat 0 0;
	line-height: 29px;
}
#list-facebook h3 .ttl {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#list-facebook h3 .date {
	float: right;
	font-size: 95%;
}
#list-facebook .drt {
	line-height: 1.4;
}
#list-facebook p,
#list-facebook span,
#list-facebook a {
	word-wrap: break-word;
}
#list-facebook .qs-atn {
	padding: 5px 0 10px;
	text-align: right;
}
#list-facebook p a.question {
	margin: 0 3px 0 5px;
	padding:0 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight:bold;
	text-decoration:none;
}
#list-facebook ul {
	overflow: hidden;
	border-bottom: dotted 1px #7ca3e5;
	_zoom: 1;
	background: url("/images/cnt/present/bg_facebook_dot.png") repeat-y 316px 0 #f0f5fe;
}
#list-facebook li {
	float: left;
	width: 316px;
}
#list-facebook li .photo {
	float: left;
	margin: 10px;
	width: 85px;
}
#list-facebook li .photo .special-wrap {
	display: block;
	width: 83px;
	height: 14px;
	margin-top: 5px;
	padding: 1px;
	background-color: #c1aa44;
}
#list-facebook li .photo .special {
	display: block;
	height: 11px;
	padding-top: 1px;
	border: 1px solid #ede7c8;
	color: #FFF;
	font-weight: bold;
	font-size: 85%;
	text-align: center;
}
*:first-child+html #list-facebook li .photo .special {
	height: 11px;
	padding-top: 1px;
	font-size: 80%;
}
* html #list-facebook li .photo .special {
	height: 11px;
	padding-top: 1px;
	font-size: 80%;
}
#list-facebook dl {
	margin: 10px 10px 10px 105px;
	line-height: 1.4;
}
#list-facebook dt {
	margin: 0 0 10px;
}
#list-facebook dt span a,
#list-facebook dt span {
	display: block;
	margin: 5px 0 0;
	font-size: 105%;
	font-weight: bold;
}
#list-facebook dd p {
	margin-bottom: 10px;
	font-size: 95%;
}
#list-facebook dd p span {
	display: inline;
	color: #EE6666;
}
#list-facebook dd p .prize-point {
	padding-right: 7px;
	border-right: 1px dotted #bdb8ad;
}
#list-facebook dd p .apply-point {
	display: inline;
	margin-left: 3px;
	padding-left: 15px;
	background: url("/images/general/common/global_navi/global_navi_parts.png") no-repeat -50px -4px;
	color: #333;
	font-size: 85%;
	vertical-align: baseline;
}
#list-facebook dd p .apply-point span {
	color: #333;
	font-size: 115%;
	font-weight: bold;
}
#list-facebook .btn-fb-lgin a,
#list-facebook .btn-fb-lgin a:hover,
#list-facebook .btn-fb-apply a,
#list-facebook .btn-fb-apply a:hover,
#list-facebook .btn-fb-bf {
	background: url("/images/cnt/present/btn_facebook.png") no-repeat;
}
#list-facebook .btn-fb-lgin a {
	background-position: 0 0;
	display: inline-block;
	overflow: hidden;
	width: 122px;
	height: 0;
	padding-top: 22px;
}
#list-facebook .btn-fb-lgin a:hover {
	background-position: 0 -22px;
}
#list-facebook .btn-fb-apply a {
	background-position: 0 -44px;
	display: inline-block;
	overflow: hidden;
	width: 122px;
	height: 0;
	padding-top: 22px;
}
#list-facebook .btn-fb-apply a:hover {
	background-position: 0 -66px;
}
#list-facebook .btn-fb-bf {
	background-position: 0 -88px;
	display: inline-block;
	overflow: hidden;
	width: 122px;
	height: 0;
	padding-top: 22px;
}
#list-facebook  .fb-more {
	margin-top: 5px;
	text-align: right;
}
#list-facebook  .fb-more a {
	background: url("/images/general/common/icons/ico_arw_l_grn_right.png") no-repeat right center;
	font-size: 105%;
	font-weight: bold;
	padding-right: 15px;
}

/* list-brand ------------------------------*/
#list-brand {
	margin-bottom: 25px;
}
#list-brand h3 {
	padding: 9px 12px 0 43px;
	margin-bottom: 11px;
	background: url("/images/cnt/present/bg_ttl.png") no-repeat 0 0;
	line-height: 29px;
}
#list-brand h3 .ttl {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#list-brand h3 .date {
	float: right;
	font-size: 95%;
}

/*
***************************************************
#list-brand
   インパクト配信部分
   念のためpresentListから下層は変更なし
***************************************************
*/

/* この部分のみ追加調整(以前のcommon.cssの関係で調整) -----*/
#list-brand .presentList {
	font-size: 12px;
	line-height: 135%;
	font-family:"ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}
#list-brand .presentList a {
	text-decoration: none;
}
#list-brand .presentList a:hover {
	text-decoration: underline;
}
#list-brand .presentList span.small {
	/* color設定 削除 */
	line-height: 16px;
	display:inline-block;
	margin-top:2px;
}

/* 以下そのままのスタイル(若干の修正はあり。該当箇所にはコメントあり) ---------------------------- */
#list-brand .presentList:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
#list-brand .presentList { display:inline-block; }

/*\*/
* body #list-brand .presentList { height:1%; }

body #list-brand .presentList { display:block; }
/**/

#list-brand .presentList{
	border-bottom: 1px dotted #bdb8ad;
	background: url("/images/general/common/bg/bg_gray_line.png") repeat-y center 0;
	padding: 0 0 15px 0;
}
#list-brand .presentList li.presentLeft{
	float: left;
	width: 303px;
	padding: 10px 15px 0 0;
}
#list-brand .presentList li.presentRight{
	float: left;
	padding: 10px 0 0 15px;
}
#list-brand .presentList p.image{
	float: left;
	width: 85px;
	padding: 0 12px 0 0;
}
#list-brand .presentList p.text{
	float: left;
	width: 200px;
}
#list-brand .presentList p.image02{
	float: left;
	width: 115px;
	padding: 0 12px 0 0;
}
#list-brand .presentList p.image02 a {
	display: block;
}
#list-brand .presentList p.image02 a img {
	pointer-events: none;
}
#list-brand .presentList p.text02{
	float: left;
	width: 175px;
}
#list-brand .presentList a {
	font-weight: bold;
}
#list-brand .presentList p.text img,
#list-brand .presentList p.text02 img {
	margin-bottom: 3px;
}
#list-brand .presentList span.apply{
	margin: 5px 0 0 12px;
	display: block;
}
#list-brand .presentList span.apply02{
	margin: 5px 0 0 0px;
	display: block;
}
body#present span.pink{/* 削除 */
}
#list-brand .presentList span.pink02 {
	color: #e66;/* 変更 */
	font-size: 85%;
}
#list-brand .presentList span.small{
	font-size: 85%;
}

/* bfc present --------------------------*/
#bfc-psnt {
	margin: 35px 0 20px 0;
	padding-bottom: 10px;
	border: 1px solid #d1c2a5;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
#bfc-psnt .bfc-psnt-ttl {
	height: 36px;
	margin-bottom: 4px;
	-webkit-border-top-left-radius: 3px;
	-moz-border-top-left-radius: 3px;
	border-top-left-radius: 3px;
	-webkit-border-top-right-radius: 3px;
	-moz-border-top-right-radius: 3px;
	border-top-right-radius: 3px;
	background: url("/images/cnt/present/bg_psnt_ttl.png") no-repeat;
}
#bfc-psnt .bfc-psnt-ttl h3 {
	float: left;
	padding: 11px 0 0 54px;
	font-size: 105%;
	font-weight: bold;
}
#bfc-psnt .bfc-psnt-ttl dl {
	padding: 10px 12px 0 0;
	text-align: right;
	white-space: nowrap;
}
#bfc-psnt .bfc-psnt-ttl p {
 float: left;
	padding-top: 10px;
}
#bfc-psnt .bfc-psnt-ttl dt,
#bfc-psnt .bfc-psnt-ttl dd {
	display: inline;
	font-size: 95%;
}
#bfc-psnt ul {
	margin: 0 10px;
	border-top: 1px dotted #bdb8ad;
}
#bfc-psnt > .bfc-psnt-ttl + ul {
	border-top: none;
}
#bfc-psnt li {
	margin:0;
	display: table-cell;
	width: 285px; /* 315-15*2 */
}
*:first-child+html #bfc-psnt ul { /* for IE7 */
	overflow: hidden;
	height: auto;
}
*:first-child+html #bfc-psnt li { /* for IE7 */
	float: left;
	margin-bottom: -32768px;
	padding-bottom: 32768px;
}
#bfc-psnt .bfc-psnt-list-left {
	padding: 10px 15px 0 5px;
	border-right: 1px dotted #b3b3b3;
}
#bfc-psnt .bfc-psnt-list-right {
	padding: 10px 5px 0 15px;
}
#bfc-psnt .bfc-psnt-pic {
	float: left;
}
*:first-child+html #bfc-psnt .bfc-psnt-pic { /* for IE7 */
	position: absolute;
	margin-left: -100px;
}
#bfc-psnt li dl {
	width: 185px;
	margin-left: 100px;
	word-wrap: break-word;
}
#bfc-psnt li dt {
	margin-bottom: 5px;
	font-size: 95%;
	line-height: 150%;
}
#bfc-psnt li a {
	text-decoration: none;
}
*:first-child+html #bfc-psnt li a:hover { /* for IE7 */
	cursor: pointer;
}
#bfc-psnt .bfc-psnt-pdt-ttl {
	font-size: 105%;
	font-weight: bold;
	text-decoration: underline;
}
#bfc-psnt .bfc-psnt-num {
	display: inline-block;
	width: 185px;
	margin-bottom: 6px;
	color: #755;
	font-size: 95%;
	word-wrap: break-word;
	vertical-align: middle;
}
#bfc-psnt .bfc-psnt-actual,
#bfc-psnt .bfc-psnt-sample {
	display: inline-block;
	overflow: hidden;
	width: 56px;
	height: 0;
	margin-left: 5px;
	padding-top: 16px;
	background: url("/images/cnt/present/brand/ico_status_sp.png") no-repeat;
	line-height: 200%;
	vertical-align: middle;
}
#bfc-psnt .bfc-psnt-sample {
	width: 67px;
	background-position: -56px 0;
}
#bfc-psnt .bfc-psnt-copy {
	margin-bottom: 5px;
	color: #333;
	font-size: 95%;
	line-height: 150%;
}
#bfc-psnt .bfc-psnt-btn {
	display: block;
	width: 69px; /* 107-38 */
	height: 17px; /* 21-4 */
	margin-bottom: 15px;
	padding: 4px 0 0 38px;
	border: 0 none;
	background: url("/images/cnt/present/btn_brd_psnt.png") no-repeat;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
	color: #fff;
	font-size: 95%;
	font-weight: bold;
}
*:first-child+html #bfc-psnt .bfc-psnt-btn { /* for IE7 */
	height: 18px; /* 21-3 */
	line-height: 110%;
}
html:not(:target) #bfc-psnt .bfc-psnt-btn { /* for IE9 */
	line-height: 120%\9;
}
#bfc-psnt a:hover .bfc-psnt-btn {
	filter: alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	text-decoration: none;
}
#bfc-psnt + .bfc-psnt-more {
	margin: -10px 0 18px 0;
	padding-right: 8px;
	background: url("/images/general/common/icons/viewmore_ico.png") no-repeat 100% 50%;
	text-align: right;
}

/* otoku present --------------------------*/
#otoku-psnt {
	margin: 35px 0 20px 0;
	padding-bottom: 10px;
	border: 1px solid #ff9ca1;
	border-radius: 4px;
}
#otoku-psnt .otoku-psnt-ttl {
	height: 36px;
	margin-bottom: 4px;
	background: url(/images/cnt/present/bg_otk_psnt_ttl_191210.png) no-repeat;
}
#otoku-psnt .otoku-psnt-ttl h3 {
	float: left;
	padding: 8px 0 0 55px;
	color: #ff4d6f;
	font-size: 115%;
	font-weight: bold;
}
#otoku-psnt .otoku-psnt-ttl p {
	float: left;
	padding:9px;
}
#otoku-psnt .otoku-psnt-bnr{
    text-align: center;
}
#otoku-psnt .otoku-psnt-bnr p{
    text-align: center;
	padding:5px;
}
	
/* monitor ------------------------------*/
#monitor {
	margin-bottom: 30px;
}
#monitor h3 {
	padding: 9px 12px 0 43px;
	margin-bottom: 17px;
	background: url("/images/cnt/present/bg_ttl.png") no-repeat 0 0;
	line-height: 29px;
}
#monitor h3 .ttl {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#monitor h3 .date {
	float: right;
	font-size: 95%;
}
/*
***************************************************
#monitor
   インパクト配信部分
   念のためpresentListMonitoから下層は変更なし
***************************************************
*/

/* この部分のみ調整(以前のcommon.cssの関係で調整) -----*/
#monitor .presentListMonitor {
	font-size: 12px;
	line-height: 135%;
	font-family: "ＭＳ Ｐゴシック","ヒラギノ角ゴ Pro W3",Osaka,sans-serif;
}
#monitor .presentListMonitor a {
	text-decoration: none;
	display: inline-block;
	margin-bottom: 3px;
}
#monitor .presentListMonitor a:hover {
	text-decoration: underline;
}
#monitor .presentListMonitor p {
	/* color設定 削除 */
	line-height: 16px;
}
#monitor .presentListMonitor span.pink02{
	display: inline-block;
	margin-top: 2px;
}

/* 以下そのままのスタイル(若干の修正はあり。該当箇所にはコメントあり) ---------------------------- */
.presentListMonitor a{
	font-weight:bold;
}
.presentListMonitor li .productName img{
	margin-bottom: 2px;
	vertical-align: middle;
}
.presentListMonitor span.pink02{
	color:#e66;
	font-size:85%;
}
.presentListMonitor li{
	background:url("/images/common/common_bg_dot01.gif") repeat-x left bottom;
	margin-bottom: 4px;/*変更*/
	padding: 0 0 3px 0px;
}
.presentListMonitor li .productName{
	float: left;
	width: 533px;
	_padding-top: 3px;
}
.presentListMonitor li .productBtn{
	float: right;
	width: 75px;
	text-align: right;
	padding: 15px 0 3px 0;
}
.presentListMonitor li .productIcon img{
	margin-top: 3px;
}
.presentListMonitor li:after { content:"."; display:block; height:0; clear:both; visibility:hidden; }
.presentListMonitor li { display:inline-block; }
/*\*/
* body .presentListMonitor li { height:1%; }
body .presentListMonitor li { display:block; }
/**/

/* produce-entry------------------------------*/
#produce-entry {
	position: relative;
	width: 635px;
	margin-bottom: 22px;
	background: #f1e7cd url("/images/cnt/present/bg_produce_entry.png") no-repeat 0 0;
}
#produce-entry .innner {
	padding: 10px 10px 18px;
	background: url("/images/cnt/present/bg_produce_entry.png") no-repeat right bottom;
}
#produce-entry h3 {
	padding-left: 26px;
	padding-bottom: 12px;
	background: url("/images/cnt/present/bg_produce_entry_h3.png") no-repeat 0 bottom;
	font-size: 105%;
	font-weight: bold;
}
* html #produce-entry h3 {
	padding-top: 1px;
}
#produce-entry .read {
	background-color: #fff;
	min-height: 11.5em;
	padding: 5px 94px 0 12px;
	font-size: 95%;
}
* html #produce-entry .read {
	height: 11.5em;
}
/* IE6 bg */
* html #produce-entry h3,
* html #produce-entry .read {
	zoom: 1;
}
#produce-entry .read p {
	position: relative;
	margin-bottom: 12px;
	line-height: 1.6;
	z-index: 2;
	color: #666;
}
#produce-entry .read p a {
	font-weight: bold;
}
#produce-entry .read span {
	position: relative;
	display: block;
	text-align: right;
	z-index: 2;
}
#produce-entry .read a.question {
	margin-right: 3px;
	padding: 0 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#produce-entry .apply {
	position: absolute;
	left: 89px;
	bottom: 10px;
	width: 525px;
	height: 45px;
	padding-top: 125px;
	background: url("/images/cnt/present/bg_produce_entry_apply.png") no-repeat right bottom;
	z-index: 1;
}
#produce-entry .apply a {
	position: absolute;
	bottom: 12px;
}
#produce-entry .apply a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}

/** present-2 （詳細画面） -----------------------------------------------------------------**/
/* section ------------------------------*/
#section {
	margin-bottom: 7px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #bdb8ad;
}
#section h3 {
	padding: 9px 12px 0 43px;
	margin-bottom: 19px;
	background: url("/images/cnt/present/bg_ttl.png") no-repeat 0 0;
	line-height: 29px;
}
#section h3 .ttl {
	float: left;
	font-size: 105%;
	font-weight: bold;
}
#section h3 .date {
	float: right;
	font-size: 95%;
}
#section .photo {
	float: left;
	width: 180px;
}
#section .special-wrap {
	display: block;
	width: 103px;
	height: 15px;
	margin: 5px auto 0;
	padding: 1px;
	background-color: #c1aa44;
}
#section .special {
	display: block;
	height: 12px;
	padding-top: 1px;
	border: 1px solid #ede7c8;
	color: #FFF;
	font-weight: bold;
	font-size: 90%;
	text-align: center;
}
*:first-child+html #section .special {
	padding-top: 1px;
	font-size: 85%;
}
* html #section .special {
	padding-top: 2px;
	font-size: 85%;
}
#section .err-msg,
.present-conf .err-msg {
	margin-bottom: 20px;
	padding:13px;
	background-color: #ffecec;
	border: 1px solid #ffcfcf;
	border-radius: 5px;
}
#section .err-msg .ttl-err,
.present-conf .err-msg .ttl-err {
	margin-bottom: 5px;
	padding-left: 20px;
	color: #d00;
	background: url("/images/general/common/icons/ico_err.png") no-repeat;
	font-size: 13px;
	font-weight: bold;
}
#section .err-msg p {
	padding-left: 20px;
	font-size: 12px;
}
#section .err-msg p span {
	font-size: 13px;
	font-weight: bold;
}
#section .comp-msg {
	margin-bottom: 30px;
	padding: 15px;
	border: 2px solid #fab9c1;
	background: url("/images/cnt/present/bg_present_comp_ribbon01.png") no-repeat, 
	url("/images/cnt/present/bg_present_comp.png") no-repeat,
	url("/images/cnt/present/bg_present_comp_ribbon02.png") no-repeat;
	background-position: left 0, center 8px, right bottom;
	border-radius: 5px;
}
#section .comp-msg .ttl {
	margin-bottom: 13px;
	color: #d15e5e;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
#section .comp-msg .btn-next {
	display: block;
	margin: 0 auto 5px;
	width: 252px;
	height: 37px;
}
#section .comp-msg .btn-next a {
	padding: 0;
	color: #333;
	border-radius: 5px;
	font-size: 14px;
	text-decoration: none;
	line-height: 3;
}
#section .content {
	margin-left: 200px;
}
#section .content h4 {
	margin-bottom: 5px;
}
#section .content .icon-cmn-tieup {
	vertical-align: middle;
}
#section .content h4 a {
	display: inline-block;
	margin-bottom: 5px;
	line-height: 1.4;
	text-decoration: none;
}
#section .content h4 a:hover {
	text-decoration: underline;
}
#section .content h4 span {
	font-size: 120%;
	font-weight: bold;
	line-height: 1.2;
}
#section .content .read {
	margin-bottom: 0px;
	font-size: 95%;
	line-height: 1.55;
}
#section .content .read .prize-point {
	display: inline;
	margin-bottom: 5px;
	color: #e66;
}
#section .content .read .apply-point {
	display: inline;
	height: 17px;
	margin-left: 3px;
	padding-left: 25px;
	border-left: 1px dotted #bdb8ad;
	background: url("/images/cnt/present/ico_coin.png") no-repeat;
	background-position: 7px 0;
	color: #333;
	line-height: 2;
}
*:first-child+html #section .content .read .apply-point {
	display: inline-block;
	background-position: 7px 1px;
	vertical-align: middle;
}
#section .content .read .apply-point span {
	color: #333;
	font-weight: bold;
}
#section .content .info {
	margin-bottom: 17px;
	font-size: 95%;
	line-height: 1.55;
}
#section .content dl {
	margin: 18px 0 -8px 0;
	border-top: double #bdb8ad;
	border-bottom: double #bdb8ad;
	background-color:#f4f2ec;
}
#section .content dt {
	float: left;
	width: 165px;
	padding-left: 12px;
	padding-top: 5px;
	line-height: 1.55;
}
#section .content dd {
	margin-left: 165px;
	padding: 6px 5px 4px 0;
}
#section .content dl li {
	margin-bottom: 4px;
	padding-left: 12px;
	background: url("/images/general/common/icons/ico_arw_m_brn_right.png") no-repeat left 0.4em;
	line-height: 1.3;
}
#section .point-note span {
	margin: 0 2px;
	font-weight: bold;
	font-size: 110%;
}
#section .point-note {
	margin: 18px 0 5px;
}
#section .apply ,
#section .apply-after {
	display: inline-block;
	margin: 16px 0 5px;
	width: 232px;
	line-height: 2.1;
	text-align: center;
}
#section .apply input {
	line-height: 1.2;
}
#section .apply-after {
	color :#a6a6a6;
	background-color: #e1e1e1;
	border: 1px solid #bebebe;
	border-radius: 5px;
	font-size: 18px;
	font-weight: bold;
	letter-spacing: 0.2em;
}

#section .apply_fb,
#section .apply_disabled {
	margin-top: 16px;
}
#section .apply_fb a {
	display: block;
	overflow: hidden;
	width: 232px;
	height: 0;
	padding-top: 37px;
	background: url("/images/cnt/present/btn_apply_l.png") no-repeat left top;
	line-height: 2;
}
#section .apply_fb a {
	background-position: 0 -74px;
}
#section .apply:hover ,
#section .apply_fb a:hover,
#section .comp-msg .btn-next:hover {
	filter: alpha(opacity=80);
	-moz-opacity: 0.80;
	opacity: 0.80;
}
#section .apply_disabled {
	display: block;
	overflow: hidden;
	width: 232px;
	height: 0;
	padding-top: 37px;
	background: url("/images/cnt/present/btn_apply_l.png") no-repeat left -37px;
	line-height: 2;
}
#section .apply-note {
	margin: 10px 0;
	font-size: 12px;
}
#section .apply-note + .apply-note {
	margin-top: 20px;
}
#section .apply-help-list {
	display: flex;
	justify-content: flex-end;
	margin-bottom: 10px;
}
#section .apply-help-list-text:not(:first-child) {
	margin-left: 15px;
}
#section .apply-help-list-text .question {
	display: inline-block;
	margin-right: 3px;
	padding: 1px 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight: bold;
	line-height: 1;
	text-decoration: none;
}

/* back ---------------------------------*/
/* 将来的に使用する可能性を考えてclassにしてあります */
.back {
	padding-left: 16px;
	text-align: left;
	background: url("/images/general/common/icons/ico_arw_l_grn_left.png") no-repeat left center;
}
body.present .back{
	margin: 20px 0 30px;
}
body.present #pr01 div {
	padding: 0;
}

/** present-conf -----------------------------------------------------------------**/

.present-conf {
	padding-bottom: 35px;
}
.present-conf .err-msg {
	margin: 10px 0 0;
	padding: 13px 13px 0;
	border: none;
	background: none;
}
.present-conf .err-msg .ttl-err {
	margin-bottom:0;
}
.present-conf .inner-block {
	padding: 0 10px;
}
.present-conf .present-ttl {
	padding: 12px 0 2px 10px;
	border-bottom: solid 3px #abd5cb;
	color: #333;
	font-size: 18px;
	font-weight: bold;
}
.present-conf .present-coin-detail {
	margin-top: 30px;
	padding: 5px 0 5px 10px;
	border-top: double 3px  #ccc;
	border-bottom: double 3px  #ccc;
	background: #f3f3f3;
}

.present-conf .present-coin-detail p + p {
	margin-top: 5px;
}
.present-conf .lead-txt-box {
	margin-top: 16px;
}
.present-conf .lead-txt-box .txt {
	font-size: 13px;
	line-height: 1.6;
}
.present-conf .lead-txt-box .anotation {
	margin-top: 5px;
	color: #666;
	font-size: 11px;
	line-height: 1.4;
}
.present-conf .btn-update {
	margin-top: 16px;
	font-size: 0;
	text-align: right;
}
.present-conf .btn-update a {
	color: #333;
	text-decoration: none;
}
.present-conf .btn-update > li {
	display: inline-block;
	min-width: 134px;
}
.present-conf .btn-update > li:first-child {
	margin-right: 7px;
}

.present-conf .btn-update > li:first-child > a {
	padding-left: 15px;
}
.present-conf .btn-update > li:first-child > a:after {
	display: block;
	position: absolute;
	top: 50%;
	left: 10px;
	width: 15px;
	height: 12px;
	margin-top: -8px;
	background: url("/images/cnt/present/ico_present_update.png") no-repeat left top;
	content: "";
}
.present-conf .table-conf-wrap {
	padding-left: 7px;
}
.present-conf .table-conf {
	width: 100%;
	margin: 8px 0 14px;
	border: solid 1px #bdb8ad;
	box-sizing: border-box;
}
.present-conf .table-conf th {
	padding: 12px 15px;
	width: 150px;
	border-right: solid 1px #bdb8ad;
	border-bottom: solid 1px #bdb8ad;
	background: #f6f3ee;
	font-size: 13px;
}
.present-conf .table-conf td {
	padding: 10px 15px;
	border-bottom: solid 1px #bdb8ad;
	font-size: 13px;
	word-break:break-all;
}
.present-conf .check-registration-wrap {
	margin: 14px 0;
	padding: 15px;
	border: solid 1px #bdb8ad;
}
.present-conf .check-registration:not(:first-child) {
	margin-top: 20px;
}
.present-conf .check-registration-explanation {
	margin-bottom: 10px;
	font-size: 11px;
}
.present-conf .check-registration label {
	display: inline-flex;
	align-items: flex-start;
	cursor: pointer;
}
.present-conf .check-registration-label-inner {
	margin-left: 5px;
}
.present-conf .check-registration-title {
	display: block;
	margin-bottom: 10px;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}
.present-conf .check-registration-text {
	display: block;
	margin-bottom: 8px;
	font-size: 12px;
}
.present-conf .check-registration-help .question {
	display: inline-block;
	margin-right: 5px;
	padding: 2px 3px 0 3px;
	border: 1px solid #5b9f90;
	background-color: #7abeaf;
	color: #fff;
	font-weight: bold;
	line-height: .9;
	text-decoration: none;
}
.present-conf .present-conf-note-txt {
	line-height: 1.4;
}
.present-conf .present-conf-note-txt:not(:last-child) {
	margin-bottom: 4px;
}
.security .title {
		padding: 8px 0 10px 18px;
    background: url("/images/general/common/bg/bg_csm_sub_title.png") no-repeat left top;
    line-height: 1.3;
    color: #333;
		font-size: 13px;
    font-weight: bold;
}
.security .sub-detail-txt {
	margin-top: 5px;
	padding-left: 9px;
	line-height: 1.6;
}
.security .more {
	margin-top: 8px;
	padding-left: 9px;
}
.present-conf .present-apl-btn {
	width: 232px;
	margin: 15px auto 0;
	text-align: center;
}
.present-conf .present-apl-btn input {
	color: #fff;
	text-decoration: none;
	line-height: 1.2;
}