/*

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

 */


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

	1.特集クーポン
	2.新着クーポン
	3.おすすめクーポン
	4.占い
	5.ランキング
	6.ボーナスクーポン
	7.定番クーポン
	8.注目のセール＆プレゼント情報
	9.クーポンくじ誘導口
	10.ブランドパネル
	11.テーマに沿ったおすすめ
	12.クリック案件
	
----------------------------------------*/


/* ================================================================================
	1.特集クーポン
================================================================================ */

#specialCp {
	}
#specialCp .bgBtm {
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	height: 5px;
	}
#specialCp .splMain {
	}

/* ================================================================================
	2.新着クーポン
================================================================================ */

#newCp {
	background: url(../images/top/new_bg.gif) center repeat-y;
	border-bottom: 1px solid #CCCCCC;
	clear: right;
	float: left;
	line-height: 1.3em;
	margin: 15px 0 15px 0;
	padding: 0 0 8px 0;
	width: 280px;
	}
#newCp dl {
	padding: 0 10px;
	}
#newCp dt {
	margin: 7px 0 0 0;
	}
#newCp dd {
	margin: 1px 0 0 0;
	}
#newCp .gotoNew {
	margin: 8px 0 0 0;
	padding: 0 10px;
	text-align: right;
	}

/* ================================================================================
	3.おすすめクーポン
================================================================================ */

#recommend {
	margin: 10px 0 0 0;
	padding: 0 0 5px 0;	
	}
#recommend li {
	background: url(../images/top/rcmcp_bg.gif) no-repeat;
	display: block;
	float: left;
	height: 66px;
	width: 128px;
	margin: 5px 10px 0 0;
	padding: 6px 0 0 7px;
	}
#recommend ul .rt {
	margin: 5px 0 0 0;
	}
*/

/* ================================================================================
	4.占い
================================================================================ */

#horoscope {
	clear: both;
	}
#horoscope .h_main {
	border: 1px solid #CCCCCC;
	margin: 5px 0px 0px 0px;
	padding: 2px;
	}	
#horoscope .bg {
	background: url(../images/top/hrs_bg.gif) top repeat-x;
	padding: 10px;
	}
#horoscope .hrsTable {
	}
#horoscope .hrsTable td {
	vertical-align: top;
	}
#horoscope .hscList {
	line-height: 1.3em;
	width: 170px;
	margin: 5px 0px 0px 0px;
	}
#horoscope .hscList td {
	color: #777777;
	}
#horoscope .link {
	margin: 0.3em 0em 0em 0em;
	}

/* ================================================================================
	5.ランキング
================================================================================ */

#rank {
	background: url(../images/top/rank_bg.gif) center repeat-y;
	border-bottom: 1px solid #CCCCCC;
	clear: right;
	float: right;
	margin: 10px 0 15px 0;
	padding: 0 0 20px 0;
	width: 280px;
	}
#rank .r_update {
	border-bottom: 1px solid #CCCCCC;
	margin: 0 auto;
	padding: 4px 7px;
	text-align: right;
	width: 260px;
	}
	/* ランキングの表 */
	#rank .r_table {
		margin: 0 auto;
		width: 274px;
		}
	#rank .r_table td,th {
		border-top: 1px solid #FFFFFF;
		border-bottom: 1px solid #D0D0D0;
		}
	#rank .r_table .r1_th {
		/* 1位 */
		background: #FFD426;
		text-align: center;
		width: 30px;
		}
	#rank .r_table .r2_th {
		/* 2位 */
		background: #CCCCCC;
		text-align: center;
		width: 30px;
		}
	#rank .r_table .r3_th {
		/* 3位 */
		background: #FFA041;
		text-align: center;
		width: 30px;
		}
	#rank .r_table .r4_th,.r5_th {
		/* 4位 and 5位 */
		background: #84D6FF;
		text-align: center;
		width: 30px;
		}
	#rank .r_table .r1,.r3,.r5 {
		background: #F0FAFF;
		padding: 8px 6px;
		}
	#rank .r_table .r2,.r4 {
		background: #FFFFFF;
		padding: 6px;
		}

/* 2008/02修正 */
#rank1 {
	clear: both;
	}
#rank1 .main {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	padding: 3px;
	}
#rank1 .main .mainTable {
	width: 100%;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	}
#rank1 .main .mainTable tr {
	background: #FFFFFF url(../images/top/rank1_bg.gif) bottom repeat-x;
	}
#rank1 .main .mainTable th {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #FFFFFF;
	padding: 3px 0;
	}
#rank1 .main .mainTable td {
	border-top: 1px solid #FFFFFF;
	border-bottom: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	font-weight: bold;
	line-height: 1.2em;
	padding: 5px 0;
	width: 230px;
	}

/* ================================================================================
	6.ボーナスクーポン
================================================================================ */

#bonusCp {
	background: url(../images/top/bonus_ttl.gif) top no-repeat;
	clear: both;
	margin: 5px 0 0 0;
	}
#bonusCp .ttl {
	font-size: 1px;
	line-height: 0em;
	text-indent: -9999px;
	}
#bonusCp .b_update {
	height: 53px;
	margin: 17px 0 0 0;
	padding: 0 10px;
	text-align: right;
	}

#bonusCp .af_area {
	margin: 71px 0 0 0;
	padding: 0 0 10px 0;
	}
#bonusCp h4 {
	float: right;
	margin: 2px 0 0 0;
	padding: 0 20px 0 0;
	width: 394px;
	}
#bonusCp .b_bn {
	float: left;
	padding: 0 0 0 18px;
	}
#bonusCp .text {
	/* 案件名,テキスト,注意事項 */
	float: right;
	margin: 5px 0 0 0;
	padding: 0 20px 0 0;
	width: 394px;
	}
#bonusCp .text .df {
	/* 通常の金額 */
	color: #FF0000;
	line-height: 1.3em;
	text-decoration: line-through;
	}

#bonusCp .b_icon {
	/* 受取方法のアイコン */
	float: left;
	padding: 12px 0 0 31px;
	width: 94px;
	}
#bonusCp .u_line {
	border-style:dotted;
	border-width:0px 0px 1px 0px;
	border-color:#999999;
	line-height: 1.6em;
	padding: 0 0 0.1em 0;
	}
#bonusCp .bgBtm {
	/* ボトムシャドウ */
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	border-top: 1px solid #CCCCCC;
	clear: both;
	height: 5px;
	}

/* 2008/02修正 */
#bonusCp2 {
	border-bottom: 1px solid #FFCC00;
	clear: both;
	margin: 5px 0 0 0;
	}
#bonusCp2 .ttl {
	background: url(../images/top/bonus2_ttl.gif) top no-repeat;
	height: 68px;
	font-size: 1px;
	line-height: 0em;
	text-indent: -9999px;
	}
#bonusCp2 #afArea {
	background: url(../images/top/bonus2_bg1.gif) top repeat-y;
	margin: 0 auto;
	}
#bonusCp2 #afArea #afList {
	width: 550px;
	margin: 0 auto;
	padding: 0 0 5px 0;
	}
#bonusCp2 #afArea .afMain {
	background: #FFFFFF;
	border: 1px solid #DBAF00;
	padding: 10px 13px;
	}
#bonusCp2 #afArea .b_bn {
	float: left;
	}
#bonusCp2 #afArea .text {
	float: left;
	width: 385px;
	padding: 0 0 0 15px;
	}
#bonusCp2 #afArea .condition {
	margin: 4px 0 2px 0;
	}
#bonusCp2 #afArea .read {
	line-height: 1.3em;
}
#bonusCp2 #afArea .text .df {
	color: #FF0000;
	text-decoration: line-through;
	}


/* ================================================================================
	7.定番クーポン
================================================================================ */

#standardCp {
	clear: both;
	margin: 15px 0 0 0;
	padding: 0 0 10px 0;
	}
#standardCp ul {
	margin: 5px 0 0 0;
	}
#standardCp li {
	background: url(../images/common/spl_bg_btm.gif) bottom repeat-x;
	display: block;
	float: left;
	height: 80px;
	margin: 5px 10px 0 0;
	padding: 0 0 5px 0;
	width: 280px;
	}
#standardCp ul .rt {
	/* 右列バナー */
	margin: 5px 0 0 0;
	}

/* ================================================================================
	8.注目のセール＆プレゼント情報
================================================================================ */

#sale {
	clear: both;
	margin: 0 0 0 0;
	}
#sale ul {
	margin: 12px 0 0 0;
	}
#sale ul li {
	margin: 10px 0 0 0;
	}
#sale h4 {
	background: url(../images/sale/i_sale_1.gif) left no-repeat;
	float: right;
	margin: 1px 0 0 0;
	padding: 0 0 0 13px;
	width: 427px;
	}
#sale .s_txt {
	float: right;
	margin: 8px 0 10px 0;
	width: 440px;
	}
#sale .s_bn {
	float: left;
	margin: 0 0 10px 0;
	width: 120px;
	}
#sale .s_dot {
	background: url(../images/common/dot_2c.gif) left bottom repeat-x;
	clear: both;
	text-align: left;
	}
/* テキストリンクの場合 */
#sale .more {
	background: url(../images/sale/i_sale_1.gif) left no-repeat;
	float: right;
	margin: 6px 0 0 0;
	padding: 0 0 0 13px;
	text-align: right;
	}
/* ボタンに変更 */
#sale .s_btn {
	clear: both;
	margin: 8px 0 0 0;
	padding: 0 0 0 13px;
	text-align: right;
	}

/* ================================================================================
	9.クーポンくじ誘導口
================================================================================ */

#kuji_news {
	margin: 4px 0 2px 0;
	}

#kuji_news .swf {
	float: left;
	}
#kuji_news .kuji_btn {
	background: url(../images/top/kuji_btn_on.gif) no-repeat;
	float: left;
	height: 30px;
	width: 130px;
	}
#kuji_news .kuji_btn a {
	background: url(../images/top/kuji_btn.gif) no-repeat;
	display: block;
	text-indent: -9999px;
	text-decoration: none;
	height: 30px;
	width: 130px;
	}
#kuji_news .kuji_btn a:hover {
	background-position: 0 -180px;
	}

/* ================================================================================
	10.ブランドパネル
================================================================================ */

#ad23460 {
	clear: right;
	float: right;
	margin: 15px 0 0 0;
	width: 280px;
	}
#ad23460 .top {
	background: url(../images/top/ad23460_frame1.gif) no-repeat;
	height: 20px;
	}
#ad23460 .main {
	background: url(../images/top/ad23460_frame2.gif) repeat-y;
	}
#ad23460 .main .bn23460 {
	width: 234px;
	margin: 0 auto;
	}
#ad23460 .main .comment {
	width: 234px;
	margin: 5px auto 0 auto;
	text-align: center;
	}
#ad23460 .btm {
	background: url(../images/top/ad23460_frame3.gif) bottom no-repeat;
	height: 18px;
	}

/* ================================================================================
	11.テーマに沿ったおすすめ
================================================================================ */

#pickup1 {
	clear: right;
	float: right;
	margin: 10px 0 15px 0;
	width: 280px;
	}
#pickup1 .main {
	background: url(../images/top/pickup1_bg.gif) left;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding: 5px 10px 10px 10px;
	}
#pickup1 .word {
	background: #FFFFFF;
	border: 1px solid #A6CCCC;
	color: #FF6600;
	font-weight: bold;
	text-align: center;
	margin: 0 0 5px 0;
	padding: 5px;
	}
#pickup1 .main ul {
	border-top: 1px solid #A6CCCC;
	}
#pickup1 .main .block {
	background: #FFFFFF;
	border-bottom: 1px solid #A6CCCC;
	border-right: 1px solid #A6CCCC;
	border-left: 1px solid #A6CCCC;
	padding: 7px 12px 6px 12px;
	}

/* ================================================================================
	12.クリック案件
================================================================================ */

#adClick {
	}
#adClick .main {
	width: 510px;
	margin: 20px auto 0 auto;
	}
#adClick .click {
	background: url(../images/top/adclick_bg.gif) no-repeat;
	padding: 7px 21px 13px 21px;
	}
#adClick .no_bn {
	padding: 0 20px;
	}