@charset "utf-8";

/* Reset
----------------------------------------------- */
#gotCoupon,#gotCoupon * {
	position: static !important;
	float: none !important;
	clear: none !important;
	z-index: auto !important;
	list-style: none !important;
	width: auto !important;
	height: auto !important;
	min-width: none !important;
	min-height: none !important;
	max-width: none !important;
	max-height: none !important;
	line-height: 1.3 !important;
	vertical-align: baseline !important;
	overflow: visible !important;
	visibility: visible !important;
	margin: 0 !important;
	padding: 0 !important;
	border: 0 !important;
	background: none;
	font-style: normal !important;
	font-variant: normal !important;
	font-weight: normal !important;
	text-indent: 0 !important;
	text-align: left !important;
	letter-spacing: normal !important;
	word-spacing: normal !important;
	text-transform: none !important;
	white-space: normal !important;
	outline: none !important;
	zoom: normal !important;
}

html body #gotCouponDetail,html body #gotCouponDetail * {
	position: static;
	float: none;
	clear: none;
	z-index: auto;
	list-style: none;
	width: auto;
	height: auto;
	min-width: none;
	min-height: none;
	max-width: none;
	max-height: none;
	line-height: 1.3;
	vertical-align: baseline;
	overflow: visible;
	visibility: visible;
	margin: 0;
	padding: 0;
	border: 0;
	background: none;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	text-indent: 0;
	text-align: left;
	letter-spacing: normal;
	word-spacing: normal;
	text-transform: none;
	white-space: normal;
	outline: none;
	zoom: normal;
}

/* gotCoupon
----------------------------------------------- */
#gotCoupon {
	margin: 5px 0 3px 0 !important;
	padding: 5px !important;
	border-top: 1px solid #cecece !important;
	background: #ffffff;
	font-size: 80%;
}

#gotCouponLoading {
	text-align: center !important;
}

#gotCouponLoading div {
	display: inline-block !important;
	min-height: 16px !important;
	margin: -1px 0 !important;
	padding: 3px 0 3px 34px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/loading_small.gif") 0 50% no-repeat !important
		;
	font-weight: bold !important;
}

* html #gotCouponLoading div {
	display: inline !important;
}

*:first-child+html #gotCouponLoading div {
	display: inline !important;
}

#gotCouponContents {
	position: relative !important;
	width: 100% !important;
	overflow: hidden !important;
}

#gotCouponContents span {
	margin-left: 3px !important;
	color: #bf0000 !important;
	font-weight: bold !important;
	font-size: 115% !important;
}

#gotCouponContents .couponIcon {
	width: 10px !important;
	height: 10px !important;
	margin-right: 5px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -66px -22px no-repeat !important;
}

#gotCouponContents .couponLimit {
	width: 33px !important;
	height: 21px !important;
	margin-left: 2px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -86px 0 no-repeat !important;
}

#gotCouponContents .couponPresent {
	width: 33px !important;
	height: 21px !important;
	margin-left: 2px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -52px 0 no-repeat !important;
}

#gotCouponContents .couponLimitPresent {
	width: 51px !important;
	height: 21px !important;
	margin-left: 2px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") 0 0 no-repeat !important;
}

#gotCouponContents a,#gotCouponContents img,#gotCouponContents span {
	vertical-align: middle !important;
}

#gotCouponContents #gotCouponLink {
	cursor: default !important;
}

/* gotCouponDetail
----------------------------------------------- */
#gotCouponDetail {
	position: absolute !important;
	top: -999px;
}

#gotCouponDetailFalse {
	height: 180px !important;
	color: #333333 !important;
	font-size: 82% !important;
	text-align: center !important;
}

#gotCouponDetail .gotCouponDetailWrap {
	padding: 0 3px 4px 0 !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/bg_pop.png") right bottom no-repeat !important
		;
}

#gotCouponDetail .gotCouponDetailWrapInner {
	overflow: hidden;
	width: 340px !important;
	padding: 3px !important;
	border: 2px solid #bababa !important;
	background: #f4f4f4 !important;
}

/* hack for IE6 */
* html #gotCouponDetail .gotCouponDetailWrap {
	background: none !important;
}

#gotCouponDetail .gotCouponWrapTitle {
	color: #313131 !important;
	font-size: 90% !important;
	font-weight: bold !important;
	padding: 4px !important;
	position: relative !important;
	height: 21px;
	overflow: hidden;
}

#gotCouponDetail .gotCouponWrapTitle span {
	margin-right: 5px !important;
	position: absolute !important;
	top: 3px !important;
	right: 0 !important;
}

#gotCouponDetail .gotCouponWrapTitle .gotCouponDetailClose {
	width: 18px !important;
	height: 18px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -29px -22px no-repeat !important;
	cursor: pointer;
}

#gotCouponDetail .gotCouponWrapDetail {
	padding: 5px 0 5px 5px !important;
	background: #ffffff !important;
}

#gotCouponDetailLoading { /*height: 346px !important;*/
	height: 180px !important; /* changed */
	overflow: hidden !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/loading_big.gif") 50% 50% no-repeat !important
		;
	text-indent: -9999px !important;
}

#gotCouponDetail .gotCouponBox {
	position: relative !important;
	padding: 1px !important;
	border: 1px solid #d2d2d2 !important;
	overflow: hidden !important;
}

#gotCouponDetail .gotCouponBoxPart {
	position: relative !important;
	overflow: hidden !important;
	padding: 6px !important;
}

#gotCouponDetail .gotCouponBoxPart ul {
	margin: 0 !important;
}

#gotCouponDetail .gotCouponCase {
	padding: 5px !important;
	border: 1px solid #e6e6e6 !important;
}

#gotCouponDetail .gotCouponCaseTitle {
	margin: 0 0 4px 0 !important;
	padding: 0 0 4px 0 !important;
}

#gotCouponDetail .gotCouponCaseTitle span {
	border-left: 4px solid #bf0000 !important;
	padding: 0 0 0 5px !important;
	color: #313131 !important;
	font-size: 90% !important;
	font-weight: bold !important;
}

#gotCouponDetail .gotCouponCaseDetail {
	padding: 0 0 5px 0 !important;
}

#gotCouponDetail .gotCouponCaseDetail ul {
	margin: 0 !important;
}

#gotCouponDetail .gotCouponCaseDetail li {
	width: 100% !important;
	overflow: hidden !important;
	border-top: 1px dotted #d2d2d2 !important;
}

#gotCouponDetail .gotCouponBoxPart li {
	border-top: 1px dotted #d2d2d2 !important;
}

#gotCouponDetail .gotCouponCaseDetail li a {
	padding: 10px 5px 10px 5px !important;
	color: #333333 !important;
	display: block !important;
	text-decoration: none !important;
	overflow: hidden !important;
	cursor: pointer;
	zoom: 1;
}

#gotCouponDetail .gotCouponBoxPart li a {
	padding: 10px 5px 10px 5px !important;
	color: #333333 !important;
	display: block !important;
	text-decoration: none !important;
	overflow: hidden !important;
	cursor: pointer;
	zoom: 1;
}

#gotCouponDetail .gotCouponCaseDetail li a:hover {
	color: #333333 !important;
	background: #f4f4f4 !important;
	text-decoration: none !important;
}

#gotCouponDetail .gotCouponBoxPart li a:hover {
	color: #333333 !important;
	background: #f4f4f4 !important;
	text-decoration: none !important;
}

#gotCouponDetail .gotCouponCaseDetail li.first {
	border: none !important;
}

#gotCouponDetail .gotCouponBoxPart li.first {
	border: none !important;
}

#gotCouponDetail .gotCouponImage {
	width: 70px !important;
	float: left !important;
}

#gotCouponDetail .gotCouponImage img {
	width: 60px !important;
	height: 60px !important;
}

#gotCouponDetail .gotCouponText {
	overflow: hidden !important;
	zoom: 1;
}

#gotCouponDetail .gotCouponLimit {
	margin-bottom: 3px !important;
	padding: 2px !important;
	background: #ffe1e1 !important;
}

#gotCouponDetail .gotCouponLimit img {
	width: 14px !important;
	height: 15px !important;
	margin-right: 5px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -14px -22px no-repeat !important;
}

#gotCouponDetail .gotCouponPresent {
	margin-bottom: 3px !important;
	padding: 2px !important;
	background: #fff7d2 !important;
}

#gotCouponDetail .gotCouponPresent img {
	width: 13px !important;
	height: 14px !important;
	margin-right: 5px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") 0 -22px no-repeat !important;
}

#gotCouponDetail .gotCouponLimit span,
#gotCouponDetail .gotCouponPresent span
	{
	font-size: 82% !important;
}

#gotCouponDetail .gotCouponLimit img,
#gotCouponDetail .gotCouponLimit span,
#gotCouponDetail .gotCouponPresent img,
#gotCouponDetail .gotCouponPresent span {
	vertical-align: middle !important;
}

#gotCouponDetail .gotCouponSpecial {
	color: #bf0000 !important;
	font-size: 82% !important;
	font-weight: bold !important;
	line-height: 1.5 !important;
}

#gotCouponDetail .gotCouponSubject {
	font-size: 82% !important;
	line-height: 1.5 !important;
}

#gotCouponDetail .gotCouponNote {
	width: 100% !important;
	overflow: hidden !important;
	line-height: 1.5 !important;
}

#gotCouponDetail .gotCouponNote {
	width: 100% !important;
	overflow: hidden !important;
}

#gotCouponDetail .gotCouponShop {
	float: left !important;
}

#gotCouponDetail .gotCouponShop img {
	vertical-align: middle !important;
	width: 17px !important;
	height: 15px !important;
	background: url("https://trvimg.r10s.jp/share/themes/coupon/images/coupon.gif") -48px -22px no-repeat !important;
	margin: 0 2px 0 0 !important;
}

#gotCouponDetail .gotCouponShop {
	vertical-align: middle !important;
	font-size: 65% !important;
}

#gotCouponDetail .gotCouponPeriod {
	float: right !important;
	color: #333333 !important;
	font-size: 65% !important;
}

#gotCouponDetail .gotCouponPeriod {
	float: right !important;
	color: #333333 !important;
	font-size: 65% !important;
}

#gotCouponDetail .gotCouponMoreLink {
	background: #ffffff !important;
	padding: 6px 4px !important;
	font-size: 82% !important;
	text-align: right !important;
	overflow: hidden;
}

/* flexcroll
----------------------------------------------- */
html body #gotCouponDetail .flexcroll {
	width: 330px;
	height: 346px;
	overflow: auto;
	position: relative;
}

html body #gotCouponDetail .oneItem .flexcroll {
	height: 180px;
}

html body #gotCouponDetail .twoItem .flexcroll {
	height: 300px;
}

html body #gotCouponDetail .scrollgeneric {
	line-height: 1px;
	font-size: 1px !important;
	position: absolute;
	top: 0;
	right: 0;
}

html body #gotCouponDetail .vscrollerbase {
	width: 13px;
	border-left: 5px solid #ffffff;
	background-color: #dfdfdf;
}

html body #gotCouponDetail .vscrollerbar {
	width: 7px;
	background-color: #ffffff;
	border: 1px solid #cfcfcf;
	right: 2px;
}

html body #gotCouponDetail .hscrollerbase {
	height: 5px;
	background-color: #ffffff;
}

html body #gotCouponDetail .hscrollerbar {
	height: 5px;
	background-color: #666666;
}

html body #gotCouponDetail .scrollerjogbox {
	width: 5px;
	height: 10px;
	top: auto;
	left: auto;
	bottom: 0px;
	right: 0px;
	background-color: gray;
}

/* racoupon
----------------------------------------------- */
#var #racoupon,.var #racoupon {
	background:
		url(https://jp.rakuten-static.com/1/bu/myraku/im/arr_pointclub.gif)
		no-repeat left center;
	text-align: left;
	margin: 0;
	padding-left: 12px;
}

#var #racoupon img,.var #racoupon img {
	margin-left: 5px;
	vertical-align: top;
}

/** add styles  */
#gotCouponContents a.getCouponLink {
	display: block;
	position: absolute !important;
	vertical-align: baseline !important;
	top: 50% !important;
	right: 0 !important;
	margin-top: -0.55em !important;
	font-size: 90% !important;
}

#gotCouponDetailFalse div.noItemMessage {
	padding: 10px !important;
	margin: 30px 30px !important;
	border: thin solid rgb(170, 170, 170) !important;
	text-align: center !important;
}

#gotCouponDetailFalse div.noItemLink {
	background:
		url(https://jp.rakuten-static.com/1/bu/myraku/im/arr_pointclub.gif)
		no-repeat left center;
	padding-left: 15px;
	margin-top: 50px;
	margin-left: 24%;
}

#gotCouponDetailFalse div.noItemLink a {
	display: inline-block;
	font-weight: bold;
}

/* 2013.03.14 */

/*
div#gotCouponDetail{
	left: 580px!important;
}
*/