/*

information{
	ファイル名 : /css/coupon.css;
	概要: このCSSファイルは、『クーポン一覧ページ』で使用されるスタイルが定義してあります。;
	サイト名 : クーポンメール;
	URL : http://www.couponmail.jp/;
	コピーライト : Copyright (C) 2007 REALUS Inc. All Rights Reserved.;
}

 */


/* コンテンツ
----------------------------------------

	1.570*130バナー
	2.カテゴリ検索
	3.ページ送り
	4.ソート
	5.クーポン部分
	6.クーポン部分（エラー）
	7.お気に入りクーポン
	8.アイコンの説明
	9.直リンク
	10.ガイドボタン
	
----------------------------------------*/



/* ================================================================================ */
/*      1.570*130バナー																*/  
/* ================================================================================ */

#bn570130 {
	background: url(../images/coupon/special/spl_bg.gif) no-repeat;
	height: 130px;
	margin: 20px auto 0 auto;
	padding: 0 0 5px 0;
	width: 570px;
	}
#bn570130 .bn570130 {
	padding: 5px 0 5px 15px;
	}
#bn570130 .bgBtm {
	/* ボトムシャドウ */
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	border-top: 1px solid #CCCCCC;
	clear: both;
	height: 5px;
	}
/* 特集大枠 
#tokusyuu {
	margin: 20px 0px;
	}

#tokusyuu .txtArea .frame2 {
	background: url(../images/coupon/special/special_frame2.gif) center repeat-y;
	padding: 10px 15px;
	}
#tokusyuu .txtArea .spclTxt2 {
	margin: 6px 0 0 0;
	}

/* もっとくわしくのエリア 
.moretxt {
	margin: 10px 0 0 0;
	}
.i_more1 {
	padding: 0px 0px 0px 3px;
	text-decoration: none;
	}
.i_more2 {
	padding: 0 2px;
	text-decoration: none;
	}
.moretxt .attention {
	background: #FFEEEE;
	margin: 10px 0 0 0;
	padding: 5px;
	}
.moretxt .ttl1 {
	font-weight: bold;
	}
.moretxt .read {
	margin: 10px 0px 0px 0px;
	}
.moretxt .cpCondition {
	margin: 5px 0px 0px 0px;
	font-weight: bold;
	}
.moretxt .time {
	margin: 0 0 0 1.0em;
	}
.moretxt .dotLine1 {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	height: 1px;
	text-align: left;
	margin: 10px 0 20px 0;
	}
.icon_attention {
	line-height: 1em;
	margin: 6px 0 0 0;
	}
*/


/* ================================================================================ */
/*      2.カテゴリ検索																*/  
/* ================================================================================ */

#category2 {
	margin: 15px 0px 0px 0px;
	}
#category2 .gid {
	text-align: right;
	}

		/* タイトル */
		#category2 .ttl {
			height: 22px;
			text-align: right;
			}

#category2 .ctgryList {
	background: #FFFFFF;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.7em;
	padding: 5px 10px;
	}
#category2 li {
	display: inline;
	margin: 0 0.7em 0 0;
	}


/* ================================================================================ */
/*      3.ページ送り																*/  
/* ================================================================================ */

#pgLst {
	float: left;
	margin: 10px 0px 20px 0px;
	}
#pgLst .lstAll {
	margin: 0px 0px 5px 0px;
	}
#pgLst li {
	display: inline;
	margin: 0px 2px;
	}
				
		/* 配布条件の表示 */
		#pgLst .category2 {
			font-weight: bold;
			margin: 0 0 10px 0;
			}


/* ================================================================================ */
/*      4.ソート																	*/  
/* ================================================================================ */

#sort {
	background: #CCCCCC;
	margin: 10px 0px 0px 0px;
	padding: 1px;
	}
#sort td {
	text-align: center;
	}

#sort .sortTtl {
	background: #FFFFFF;
	float: left;
	text-align: center;
	padding: 3px 0px;
	width: 160px;
	}
#sort .sort1 {
	background: #EEEEEE;
	float: left;
	text-align: center;
	margin: 0px 0px 0px 1px;
	padding: 3px 0px;
	width: 101px;
	}


/* ================================================================================ */
/*      5.クーポン部分																*/  
/* ================================================================================ */

#coupon {
	background: url(../images/coupon/couponborder.gif);
	margin: 20px 0px 0px 0px;
	padding: 1px;
	}
#coupon .cpLabel {
	background: url(../images/coupon/cp_label.gif) left top repeat-y;
	padding: 0px 0px 0px 12px;
	}

		/* お気に入り機能 */
		#coupon .cpDefault {	/* 通常 */
			background: #FFFFFF;
			padding: 10px 10px 10px 20px;
			}
		#coupon .cpBookm {		/* お気に入り */
			background: url(../images/coupon/cp_bookm.gif) #FFFFFF right top no-repeat;
			padding: 10px 10px 10px 20px;
			}
		
				/* 非表示のとき */
				#coupon .system {
					background: #FFCCCC;
					padding: 10px 10px 10px 20px;
					}
				#coupon .cpBookmSystem {		/* お気に入りに入っていて非表示 */
					background: url(../images/coupon/cp_bookm_end.gif) #FFCCCC right top no-repeat;
					padding: 10px 10px 10px 20px;
					}
				#coupon .cpBookmEnd {		/* お気に入りに入っていて非表示（ユーザー用） */
					background: url(../images/coupon/cp_bookm_end2.gif) #FFFFFF right top no-repeat;
					padding: 10px 10px 10px 20px;
					}

#coupon .cpMain {
	margin: 0;
	}
#coupon .fvrBtn {
	margin: 1em 0em 0em 0em;
	}
#coupon .cpMainTable {
	margin: 8px 0px 0px 0px;
	/*width: 100%;*/
	}
#coupon .cpMainTd {
	background: url(../images/common/dot_2c_v_11px.gif) left top repeat-y;
	padding: 0px 0px 0px 21px;
	}
#coupon .cpMainTd li {
	display: inline;
	margin: 0px 3px 0px 0px;
	}
#coupon .cpMainTd .near {
	margin: 0px 6px 0px 0px;
	}
#coupon .cpCondition {
	margin: 4px 0px 0px 0px;
	font-weight: bold;
	}
#coupon .cpTime {
	font-weight: bold;
	margin: 0.1em 0em 0em 0em;
	}
#coupon .cpTxt {
	margin: 6px 0px 0px 0px;
	}

#coupon .dotLine1 {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	margin: 5px 0px;
	text-align: left;
	}

#coupon .attention {
	padding: 0px 0px;
	}
#coupon .attentiontxt {
	margin: 2px 0px 0px 0px;
	}


/* ================================================================================ */
/*      6.クーポン部分（エラー）													*/  
/* ================================================================================ */

#cp_err {
	margin: 30px auto 0;
	width: 510px;
	}

#cp_err .errMessage {
	background: #FFEEEE;
	border: 1px solid #FF0000;
	padding: 20px 40px;
	}
#cp_err .errShadow {
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	height: 5px;
	}


/* ================================================================================ */
/*      7.お気に入りクーポン														*/  
/* ================================================================================ */

.fvr_guide {
	float: right;
	margin: 0 0 0 0;
	text-align: right;
	}

/* お気に入りクーポンのページ送り*/
#fvr_pgLst {
	}
#fvr_pgLst .lstAll {
	margin: 0px 0px 5px 0px;
	}
#fvr_pgLst li {
	display: inline;
	margin: 0px 3px;
	}
.pgTxt2 {
	margin: 20px 0 0 0;
	}


/* ================================================================================ */
/*      8.アイコンの説明															*/  
/* ================================================================================ */

.icon_txt {
/*	background: #FFFFDD;*/
	border: 1px solid #CCCCCC;
	float: right;
	margin: 10px 0 0 0;
	padding: 2px;
	}
.icon_table td {
	line-height: 1em;
	padding: 1px;
	}
.icon_table .txt {
	font-size: 10px;
	padding: 0 0 0 4px;
	}


/* ================================================================================ */
/*      9.直リンク																	*/  
/* ================================================================================ */

#direct_l {
	margin: 10px 0 0 0;
	}
#direct_l .d_gidBtn {
	margin: 10px 0 0 0;
	text-align: right;
	}
#direct_l .d_ttl {
	background: #FF6600;
	border-color: #FF0000;
	border-style: solid;
	border-width: 1px 0 1px 0;
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0 2px 7px;
	}

	/* ☆★☆★ 後から削除 ☆★☆★ */
	#direct_l li {
		display: block;
		float: left;
		padding: 10px 6px 15px 6px;
		text-align: center;
		width: 102px;
		}

#direct_l .d_table {
	margin: 10px 0 0 0;
	width: 100%;
	}
#direct_l .d_table td {
	text-align: center;
	vertical-align: top;
	}
#direct_l .d_bn {
	margin: 0 auto;
	text-align: center;
	/*width: 90px;*/
	}
#direct_l .d_txtArea {
	line-height: 1.2em;
	margin: 3px auto 0 auto;
	text-align: center;
	width: 102px;
	}
#direct_l .d_txtArea .d_txt {
	line-height: 1.2em;
	}
#direct_l .d_txtArea .attention {
	font-weight: bold;
	margin: 3px auto 0 auto;
	}
#direct_l .d_txtArea .attention a:link	 	{ color: #FF6600; text-decoration: underline; }
#direct_l .d_txtArea .attention a:visited	{ color: #FF6600; text-decoration: underline; }
#direct_l .d_txtArea .attention a:hover		{ color: #FF0000; text-decoration: underline; }
#direct_l .d_txtArea .attention a:active	{ color: #FF6600; text-decoration: underline; }

.d_dot {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	height: 1px;
	text-align: left;
	margin: 15px 0 0 0;
	}


/* ================================================================================ */
/*      10.ガイドボタン																*/  
/* ================================================================================ */

.cp_gidBtn {
	padding: 10px 0 0 0;
	text-align: right;
	}