﻿/*----------------------------------------------*/
/*----------------  記述ルール  ----------------*/
/*----------------------------------------------*/
/*  次の順序で記述されています。  */
/*  1.css reset  2.基本レイアウト 3.個別レイアウト 4.汎用装飾  */
/*  1.css reset=cssをリセットしブラウザ間の挙動差をなくします  */
/*  2.基本レイアウト=.header .menu、基本リンク色といったほぼ全ページ共通の定義を記述します。  */
/*  3.個別要素レイアウト=「table.A」といったオブジェクトや少数のページで限定的に使う定義を記述します。  */
/*  4.汎用装飾=強調文字のカラー・文字幅、文字表示位置といった断片的かつ散発的に使用する定義を記述します。  */
/*----------------------------------------------*/


/*  1.css reset  */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, sub, sup, tt, var,
dl, dt, dd,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
	/* remember to define focus styles! */
body {
	line-height: 1;
	color: black;
	background: white;
}
	/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/*  --------------------2.基本レイアウト--------------------  */

/*  リンク文字色  */
a:link,a:visited {
	color:#e4007f;
}
a:hover {
	color:#e055a6;
	text-decoration:none;
}

.productTitle a:link,.productTitle a:visited,.gadjetObjectDetail_ProductTitle a:link,.gadjetObjectDetail_ProductTitle a:visited {
	color:#ffffff;
}
.productTitle a:hover,.gadjetObjectDetail_ProductTitle a:hover {
	color:#eeeeee;
	text-decoration:none;
}

.gadjetObjectDetail_CouponListItemLink
{
	text-decoration:none;
	font-size:11px;
	line-height:1.2em;
}


/*  .body  */
body {
	font-size:14px;
	line-height:1.5em;
	color:#111111;
	background:#fafafa;
	height:100%;
}

/*  form  */
form {
	height:100%;
}
.focus:focus {
	background:#fdf6fa;
}


/*  .header  */
.header {
	width:100%;
}
.logo {
	float:left;
	margin-left:20px;
}
.iconRSS {
	position:relative;
	top:4px;
	margin-right:5px;
}
.bookmark {
	float:right;
	padding:20px 4% 0px 0px;
}
.listControl {
	margin:5px 20px 3px 28px;
	display:table;
	background:#eeeeee;
	border:solid 1px #999999;
	padding:3px 5px;
	font-size:12px;
}
.listControlInner {
	display:table;
	font-weight:bold;
	color:#333333;
}
.listControl_Order,.listControl_Area {
	background:#fafafa;
	padding:3px 5px;
	margin:3px;
}


/*  footer  */
.footer {
	clear:both;
	width:100%;
	padding:10px 0px;
	letter-spacing:0.1em;
	text-align:center;
}

/*  --------------------3.個別レイアウト--------------------  */
/*  レイアウト  */

/*  .gadjetContainer  */
.gadjetContainer {
	width:32%;
	float:left;
}
/*  .gadjetContainerObjectDetail  */
.gadjetContainer_ObjectDetail {
	width:95%;
}

/*
.gadjet ページ単位で独立したデザインになっています
-------------------------------*/

	/*  ticketのデザイン  */
	.gadjet_Ticket {
		position:relative;
		margin:5px 0px 20px 25px;
		border:solid 1px #111111;
		background:#ffffff;
	}
	.gadjet_TicketInner {
		height:600px;
		overflow:hidden;
	}

	/*  過去に配信したクーポンのデザイン  */
	.gadjet_ClosedTicket {
		position:relative;
		margin:5px;
		border:solid 1px #111111;
		background:#ffffff;
	}

	/*  CouponDetail、ServiceDetailのデザイン  */
	.gadjet_ObjectDetail {
		position:relative;
		margin:5px 0px 30px 25px;
		background:url(../img/productBodyLineBg.png);
		padding:1px;
	}
	.gadjet_ObjectDetailInner {
		background:#ffffff;
		padding:5px;
	}

	/*  tweetsListのデザイン  */
	.gadjet_TweetsList {
		position:relative;
		margin:5px 0px 30px 25px;
		background:url(../img/productBodyLineBg.png);
		padding:1px;
	}
	.gadjet_TweetsListInner {
		background:#ffffff;
		padding:5px;
	}

/*
-------------------------------*/


/*
ページ種別のgadjet要素
-------------------------------*/

	/*  gadjet汎用  */
	.mainInfo {
		color:#ffffff;
		background:url(../img/accentcolorBg.png) #111111;
	}
	.mainInfoHeightLimit {
		height:100px;
		overflow:hidden;
	}
	.mainInfoHeightLimitShort {
		height:35px;
		overflow:hidden;
	}

	.mainInfoClose {
		background:#cccccc;
	}


	/*  gadjetTiket、gadjetTweetList  */
	.serviceTitle {
		background:url(../img/BgLine2.png) bottom repeat-x;
		text-align:left;
		padding:0px 0px 1px;
		width:100%;
	}

	.serviceTitle a {
		padding:0px;
		display:block;
		background:url(../img/ServiceTitleBg.gif) right top no-repeat;
	}

	.salesTitle {
		background:url(../img/SalesTitle.png) 10px 8px no-repeat;
		height:30px;
		overflow:hidden;
	}
	.salesTitleInner {
		padding:5px 5px 5px 80px;
		font-size:14px;
	}
	.salesMin {
		display:inline-block;
		padding:0px 5px 0px 23px;
		background:url(../img/SalesMin.png) left center no-repeat;
		color:#cccccc;
	}
	.salesMax {
		display:inline-block;
		padding:0px 5px 0px 23px;
		background:url(../img/SalesMax.png) left center no-repeat;
		color:#cccccc;
	}

	.closed {
		position:absolute;
		left:10px;
	}
	.productPrice {
		position:absolute;
		left:-20px;
		top:93px;
		background:url(../img/PriceRateBg.png) left top no-repeat;
		padding:0px 3px;
		height:30px;
		z-index:1;
	}
	.productPriceRate {
		width:95px;
		display:inline-block;
	}
	.productPriceRateInner {
		font-weight:bold;
		letter-spacing:0.1em;
		color:#ffffff;
		padding:4px 0px 0px 16px;
	}
	.productPriceInner {
		display:inline-block;
		background:url(../img/SalesPrice.png) 0px center no-repeat;
		color:#999999;
		padding:5px 0px 5px 30px; 
	}
	.productTitle {
	}
	.productTitleInner {
		font-size:14px;
		padding:30px 8px 4px 8px;
		font-family:serif;
		font-weight:normal;
		line-height:1.6em;
	}
	.productClose {
		background:url(../img/PriceRateCloseBg.png) left top no-repeat;
	}
	.gadjetInfoSeparate {
		background:url(../img/BgLine.gif) repeat-x top;
		padding-top:3px;
	}
	.productCloseTime {
		padding:3px 3px 3px 80px;
		background:url(../img/ShopProductCloseTime.png) 10px center no-repeat;
	}
	.productRegTime {
		padding:3px 3px 3px 65px;
		background:url(../img/ShopProductRegTime.png) 10px center no-repeat;
	}

	.productImgObj {
		width:100%;
	}
	.productImgObj:hover {
		filter: alpha(opacity=80);
		opacity: 0.8;
	}

	.shopInfoTitle {
		background:url(../img/ShopInfoTitle.png) 0px 2px no-repeat;
		height:20px;
		overflow:hidden;
		margin:5px 0px;
	}
	.shopInfoTitleInner {
		padding:0px 0px 0px 70px;
		font-size:11px;
	}


	.productBody {
		padding:5px 10px 10px 10px;
	}

	.productBody_contents {
		background:url(../img/productBodyLineBg.png);
		cursor:url(../img/CursorMore.png), help;
		padding:1px;
	}
	.productBody_contentsInner {
		padding:5px;
		background:#fafafa;
		border:solid 2px #ffffff;
	}


	/*  gadjetObjectDetail  */
	.gadjetObjectDetail_ProductTitle {
		margin-bottom:10px;
	}
	.gadjetObjectDetail_ProductTitleInner {
		font-size:16px;
		padding:10px 15px;
		font-family:serif;
		font-weight:normal;
		line-height:1.6em;
	}
	.gadjetObjectDetail_ProductTitle_ServiceLogo {
		background-position:repeat-x;
		text-align:center;
	}
	.gadjetObjectDetail_Rate {
		padding:10px;
	}
	.gadjetObjectDetail_TotalRate {
		display:inline-table;
		float:left;
		width:140px;
		height:85px;
		margin:10px ;
		-webkit-box-shadow: 5px 5px 3px #111111;
		-moz-box-shadow: 5px 5px 3px #111111;
		box-shadow: 5px 5px 3px #111111;
	}
	.gadjetObjectDetail_TotalRateInner {
		color:#ffffff;
		text-align:center;
		padding:40px 0px 0px;
		font-size:56px;
	}
	.gadjetObjectDetail_TotalRateProduct {
		background:url(../img/gadjetObjectDetail_TotalRateProductBg.png) no-repeat;
	}
	.gadjetObjectDetail_TotalRateService {
		background:url(../img/gadjetObjectDetail_TotalRateServiceBg.png) no-repeat;
	}
	.gadjetObjectDetail_RateGraph {
		float:left;
		overflow:hidden;
		margin:20px 5px;
	}
	.gadjetObjectDetail_RateCount {
		width:30px;
		display:table;
		padding:0px 3px;
		overflow:visible;
		text-align:right;
	}
	.gadjetObjectDetail_StatusGood {
		width:55px;
		height:20px;
		background:url(../img/RatePropatyNameGood.png) left top no-repeat;
	}
	.gadjetObjectDetail_StatusBad {
		width:55px;
		height:20px;
		background:url(../img/RatePropatyNameBad.png) left top no-repeat;
	}
	.gadjetObjectDetail_StatusGood_Short {
		width:23px;
		height:20px;
		background:url(../img/RatePropatyNameGood.png) left top no-repeat;
	}
	.gadjetObjectDetail_StatusBad_Short {
		width:23px;
		height:20px;
		background:url(../img/RatePropatyNameBad.png) left top no-repeat;
	}
	.gadjetObjectDetail_CommentPostGood {
		width:90px;
		height:29px;
		background:url(../img/SelectButtonRatePropatyNameGood.png) left top no-repeat;
	}
	.gadjetObjectDetail_CommentPostBad {
		width:90px;
		height:29px;
		background:url(../img/SelectButtonRatePropatyNameBad.png) left top no-repeat;
	}
	.gadjetObjectDetail_GoodRate {
		overflow:hidden;
	}
	.gadjetObjectDetail_BadRate {
		overflow:hidden;
	}
	.gadjetObjectDetail_RateGraphGood {
		margin:6px 5px 0px 3px;
		background:url(../img/ColorStripe.png) #3597e7;
		height:8px;
		border:solid 1px #007de3;
	}
	.gadjetObjectDetail_RateGraphBad {
		margin:6px 5px 0px 3px;
		background:url(../img/ColorStripe.png) #f8b763;
		height:8px;
		border:solid 1px #f79b50;
	}
	.gadjetObjectDetail_ProductImgArea {
		display:table;
		background:url(../img/LineBg2.gif);
		padding:1px;
		margin:20px auto 5px;
	}
	.gadjetObjectDetail_ProductImgAreaInner {
		padding:5px;
		background:#ffffff;
	}
	.gadjetObjectDetail_productImgObj {
		width:100%;
	}

	.gadjetObjectDetail_CouponComment {
		background:#f0f9fc;
		border-bottom:solid 2px #92b2c0;
		padding:5px 10px;
	}
	.gadjetObjectDetail_CouponCommentInner {
		background:#f0f9fc;
		padding:8px 10px;
	}
	.gadjetObjectDetail_CouponCommentTitle {
		padding:5px;
		background:url(../img/accentcolorBg.png) #111111;
		color:#ffffff;
		font-size:16px;
		height:30px;
		/*background:url(../img/CouponCommentRate.png) left top no-repeat;*/
	}
	.gadjetObjectDetail_CouponCommentItem {
		background:url(../img/BgLine2.png);
		padding-bottom:1px;
	}
	.gadjetObjectDetail_CouponCommentItemInner {
		background-color:#f0f9fc;
		background-position:left 12px;
		background-repeat:no-repeat;
		padding:5px 5px 5px 55px;
		overflow:hidden;
	}
	.gadjetObjectDetail_CouponCommentTwitterAccount {
		padding:0px 3px 0px 18px;
		color:#6a808a;
		background:url(../img/IconPersonal.png) 3px center no-repeat;
	}
	.twitterCommentPost {
		text-align:center;
		padding:10px;
	}
	.twitterCommentPostComment {
		width:134px;
		height:46px;
		background:url(../img/BottonTweetComment.png) left top no-repeat;
	}
	.twitterCommentPostComment:hover {
		background:url(../img/BottonTweetComment.png) left bottom no-repeat;
	}
	.twitterCommentPostBuy {
		width:134px;
		height:46px;
		background:url(../img/BottonTweetBuy.png) left top no-repeat;
	}
	.twitterCommentPostBuy:hover {
		background:url(../img/BottonTweetBuy.png) left bottom no-repeat;
	}
	.twitterCommentPostUse {
		width:134px;
		height:46px;
		background:url(../img/BottonTweetUse.png) left top no-repeat;
	}
	.twitterCommentPostUse:hover {
		background:url(../img/BottonTweetUse.png) left bottom no-repeat;
	}
	.couponCommentRateSpacer {
		margin-top:37px;
	}
	.iconArrow {
		padding:5px 5px 5px 30px;
		background:url(../img/iconArrow.png) 5px center no-repeat;
	}
	.buttonComment {
		width:69px;
		height:15px;
		background:url(../img/ButtonComment.png) left top no-repeat;
	}
	.buttonComment:hover {
		background:url(../img/ButtonComment.png) left bottom no-repeat;
	}
	.buttonCouponDetail {
		background:url(../img/ButtonCouponDetail.png) left top no-repeat;
		width:69px;
		height:15px;
	}
	.buttonCouponDetail:hover {
		background:url(../img/ButtonCouponDetail.png) left bottom no-repeat;
	}
	.gadjetObjectDetail_ContentsTitle {
		padding:5px;
		background:url(../img/accentcolorBg.png) #111111;
		color:#ffffff;
		font-size:14px;
	}
	.gadjetObjectDetail_SubContentsTitle {
		padding:25px 10px 2px;
		background:url(../img/gadjetSubContentsTitleBg.png) repeat-x;
		border-bottom:solid 2px #111111;
		font-weight:bold;
	}
	.gadjetObjectDetail_SubContentsTitleInner {
		padding:10px 0px 3px 50px;
		font-size:16px;
	}
	.gadjetObjectDetail_SubContentsBody {
		padding:5px;
	}
	.gadjetObjectDetail_ServiceLogo {
		border:solid 1px #111111;
		background:#ffffff;
		padding:1px;
		display:inline-table;
	}
	.gadjetObjectDetail_CompanyName {
		background:#f7fff4;
		border-bottom:solid 2px #c1d9b7;
		padding:5px 10px;
	}
	.gadjetObjectDetail_CompanyBody {
		background:#f7fff4;
		color:#596653;
		padding:5px 10px;
	}
	.twitter {
		margin:5px;
	}
	.twitterAccountList {
		background:url(../img/productBodyLineBg.png);
		padding:1px;
		display:table;
	}
	.twitterAccountListInner {
		background:#f7fff4;
		padding:5px;
		display:table;
	}
	.twitterNull {
		display:none;
	}
	.gadjetObjectDetail_ShopTitle {
		background:#f9f8f4;
		border-bottom:solid 2px #e5e2d2;
		color:#5e5a46;
		padding:5px 10px;
		font-weight:bold;
	}
	.gadjetObjectDetail_ShopBody {
		background:#f9f8f4;
		color:#5e5a46;
		padding:8px 10px;
	}
	.commentPostButton {
		background:url(../img/ButtonComment.png) left top no-repeat;
		width:69px;
		height:15px;
		margin-left:10px;
	}
	.commentPostButton:hover {
		background:url(../img/ButtonComment.png) left bottom no-repeat;
		width:69px;
		height:15px;
	}
	.gadjetObjectDetail_CouponList {
		padding:5px 10px;
	}
	.gadjetObjectDetail_CouponListItem {
		height:120px;
		overflow:hidden;
	}
	.gadjetObjectDetail_CouponListItemInner {
		padding:5px ;
		overflow:hidden;
	}

	.iconCouponRate {
		background:url(../img/IconCouponRate.png) 3px center no-repeat #e4e4e4;
		padding:3px 3px 3px 55px;
		margin:3px;
	}
	.iconCouponRateTotal {
		font-weight:bold;
	}
	.iconCouponRateGood {
		background:url(../img/IconCouponRateGood.png) 3px center no-repeat #ebebeb;
		padding:2px 2px 2px 23px;
		margin:0px 1px;
		color:#007de3;
		font-size:10px;
		position:relative;
		top:-1px;
	}
	.iconCouponRateBad {
		background:url(../img/IconCouponRateBad.png) 3px center no-repeat #ebebeb;
		padding:2px 2px 2px 23px;
		margin:0px 1px;
		color:#c66d25;
		font-size:10px;
		position:relative;
		top:-1px;
	}
	.iconCouponBuyCount {
		background:url(../img/IconCouponBuyCount.png) 3px center no-repeat #ebebeb;
		padding:2px 2px 2px 23px;
		margin:0px 1px;
		color:#8c3aab;
		font-size:10px;
		position:relative;
		top:-1px;
	}
	.gadjetObjectDetail_CommentPostTitle {
		background:url(../img/billet1.png) 10px center no-repeat #f0f9fc;
		border-bottom:solid 1px #92b2c0;
		padding:5px 10px 5px 35px;
	}
	.gadjetObjectDetail_CommentPostBody {
		background:#f0f9fc;
		padding:5px 10px;
		border-bottom:solid 2px #92b2c0;
	}
	.gadjetObjectDetail_CommentPostFooter {
		
	}
	.couponDetail 
	{
		background-color:#444444;
		position:absolute;
		top:562px;
		width:99%;
		z-index:1000;
		padding:5px 3px 0px;
		text-align:center;
	}
	.buttonUserRate {
		width:114px;
		height:29px;
		background:url(../img/ButtonUserRate.png) left top no-repeat;
	}
	.buttonUserRate:hover {
		background:url(../img/ButtonUserRate.png) left bottom no-repeat;
	}
	.buttonUserTweet {
		width:114px;
		height:29px;
		background:url(../img/ButtonUserTweet.png) left top no-repeat;
	}
	.buttonUserTweet:hover {
		background:url(../img/ButtonUserTweet.png) left bottom no-repeat;
	}
	.listItem td {
		vertical-align:middle;
	}
	.listItemImg {
		position:relative;
		top:5px;
	}

/*
-------------------------------*/


/*  jquery.uiの切り替え用CSS  */
.productBody_contents_after {
	background:url(../img/productBodyLineBg.png);
	position:fixed;
	left:0px;
	top:0px;
	width:100%;
	height:100%;
	cursor:url(../img/CursorRemove.png), help;
	z-index:2000;
}
/*  ※↓複数クラスを使用しています  */
.productBody_contents_after .productBody_contentsInner {
	height:60%;
	width:50%;
	margin:10% auto;
	padding:70px 0px 20px;
	border:solid 1px #e4007f;
	background:url(../img/ContentsZoom.png) left top no-repeat #ffffff;
}
.productBody_contents_after .productBody_contentsInnerLv2 {
	line-height:1.8em;
	overflow:auto;
	padding:0px 50px 0px;
	height:100%;
}


/*  ServiceListIcon  */
.serviceList {
	margin:0px 20px 10px;
	background:#ffffff;
}
.serviceListTitle {
	background:url(../img/productBodyLineBg.png);
	padding-bottom:1px;
}
.serviceListTitleInner {
	background:url(../img/contentTitle.png) left 2px no-repeat #ffffff;
	padding:4px 3px 4px 10px;
}
.serviceListContents {
	padding:10px;
}
.serviceListIcon {
}
.serviceListIconLink {
	display: inline-table;
}
.commentPost {
	width:400px;
	margin:20px auto;
}
.bottonTweetCommentSubmit {
	width:184px;
	height:50px;
}
.bottonTweetCommentSubmit {
	background:url(../img/BottonTweetCommentSubmit.png) left top no-repeat;
}
.bottonTweetCommentSubmit:hover {
	background:url(../img/BottonTweetCommentSubmit.png) left bottom no-repeat;
}


/*  --------------------4.汎用装飾--------------------  */

/*  画像の位置調整  */
.imgPosition_Short {
	position:relative;
	top:4px;
}

/* テキスト */
.textAccentBg {
	background:#fefcd7;
	padding:0px 3px;
}


/*  配置  */
.half {
	width:50%;
}
.center {
	text-align:center;
}
.tablecentering {
	margin-left:auto;
	margin-right:auto;
}

/* フォームサイズ */
.middle {
	width:300px;
}
.v-short {
	height:50px;
}


/*  clearfix  */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}
.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*\*//*/
  height: auto;
  overflow: hidden;
  /**/
}
