/*

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

 */


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

	1.基本構造
	2.ヘッダ
	3.当選履歴
	4.おすすめクーポン情報
	5.くじメイン画面
	6.過去のもの（不要）

----------------------------------------*/



/* ================================================================================
	1.基本構造
================================================================================ */

#cp_kuji {
	}

/* ================================================================================
	2.ヘッダ
================================================================================ */

#cp_kuji #kj_head {
	position: relative;
	background: url(../images/kuji/head_bg.gif) no-repeat;
	height: 314px;
	}

#kj_head h3 {
	background: url(../images/kuji/head_ttl.gif) no-repeat;
	text-indent: -9999px;
	width: 570px;
	height: 80px;
	}

#kj_head .copy {
	position: absolute;
	background: url(../images/kuji/head_copy.gif) no-repeat;
	text-indent: -9999px;
	top: 78px;
	left: 21px;
	width: 360px;
	height: 72px;
	}

#kj_head .tamekata {
	position: absolute;
	background: url(../images/kuji/tamekata.gif) no-repeat;
	text-indent: -9999px;
	top: 192px;
	left: 35px;
	width: 333px;
	height: 50px;
	}

#kj_head .mail_btn {
	position: absolute;
	top: 254px;
	left: 35px;
	}
	
#kj_head .enq_btn {
	position: absolute;
	top: 254px;
	left: 220px;
	}
	
#kj_head .prize {
	position: absolute;
	top: 102px;
	left: 406px;
	width: 138px;
	}

#kj_head .prize div {
	margin: 0 0 10px 0;
	}

/* ================================================================================
	3.当選履歴
================================================================================ */

#kj_result {
	background: url(../images/kuji/block_bg.gif);
	border: 1px solid #D1BB60;
	margin: 10px 0 0 0;
	padding: 20px 0;
	}

#kj_result h4 {
	text-align: center;
	}

#kj_result .list {
	background: url(../images/kuji/result_bg.gif) no-repeat;
	margin: 0 auto;
	padding: 17px 13px 9px 13px;
	width: 515px;
	}

#kj_result .border {
	/* リストテーブルのボーダー用 */
	background: #BE994A;
	margin: 0 5px;
	}

#kj_result .border th {
	background: #F8EDD7;
	font-weight: normal;
	width: 120px;
	}

#kj_result .border td {
	background: #FFFFFF;
	padding: 2px 10px;
	text-align: right;
	width: 100px;
	}

#kj_result .btm {
	margin: 0 0 0 0;
	text-align: center;
	}


#kj_result .now_status {
	margin: 15px auto 0 auto;
	}

#kj_result .now_border {
	/* 現在のステータステーブルのボーダー用 */
	background: #A57F26;
	margin: 0 5px;
	}

#kj_result .now_border th {
	background: #FFD37C;
	width: 180px;
	}

#kj_result .now_border td {
	background: #FFFFFF;
	padding: 5px 0;
	text-align: center;
	width: 80px;
	}

#kj_result .challenge_btn {
	clear: both;
	margin: 15px 0 0 0;
	text-align: center;
	}

/* ================================================================================
	4.おすすめクーポン情報
================================================================================ */

#kj_osusume {
	background: url(../images/kuji/block_bg.gif);
	border: 1px solid #D1BB60;
	margin: 15px 0 0 0;
	padding: 0 0 10px 6px;
	}

#kj_osusume h4 {
	margin: 10px 0 0 8px;
	}

/*===== 案件部分 =====*/
#kj_osusume .af_1block {
	background: url(../images/kuji/osusume_bg.gif) right bottom no-repeat;
	float: left;
	margin: 8px 0 0 0;
	padding: 0 0 5px 5px;
	width: 133px;
	}

#kj_osusume .bn {
	margin: 5px auto 0 auto;
	width: 120px;
	}

#kj_osusume .af_name {
	margin: 5px auto 0 auto;
	height: 50px;
	width: 120px;
	}

#kj_osusume .af_condition {
	margin: 5px auto 0 auto;
	height: 28px;
	line-height: 1.2em;
	width: 120px;
	}

/* ================================================================================
	5.くじメイン画面
================================================================================ */

#kuji_main {
	margin: 20px auto 0 auto;
	width: 500px;
	}

#kuji_main p {
	text-align: center;
	}

#kuji_main .kj_swf {
	margin: 15px 0 0 0;
	}

#kuji_main .kj_attention {
	border: 1px solid #CCCCCC;
	margin: 18px 0 0 0;
	}

#kuji_main .kj_attention .text {
	line-height: 1.5em;
	padding: 15px;
	}

#kuji_main .kj_attention .flash_plugin {
	padding: 15px 15px 15px 0;
	}

/* ================================================================================
	6.過去のもの（不要） 
================================================================================ */

#registWrapper {
	width: 780px;
	margin: 10px auto 0px;
	line-height: 1.3em;
	}

#kuji {
	margin: 35px auto 0;
	width: 502px;
	}

#kuji .kuji_flash {
	border: 1px solid #999999;
	}

#kuji .txt1 {
	margin: 0 0 5px;
	}

#kuji .txt2 {
	margin: 5px 0 0;
	}