/*

information{
	ファイル名 : /css/common.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.メンテナンス画面
	13.ログイン誘導画面
	14.TRUSTe
	15.ログインエラー
	16.デイリーアンケート
	17.オーバーチュア
	18.クーポンくじバナー
	19.占い（2008/02）
	20.JIPC 不正撲滅キャンペーン
	21.ラッキースタンプ
	22.楽天ブックス検索
	23.YSTウェブ検索
	
----------------------------------------*/


/* ================================================================================
	1.ページ全体構成
================================================================================ */

body {
	background: url(../images/common/body_bg.gif) top repeat-x;
	font-family: "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", sans-serif;
	margin: 0px;
	padding: 0px;
	}


form,input	{ margin: 0px; padding: 0px; }


.bold		{ font-weight: bold; }
.red		{ color: #FF0000; }
.blue		{ color: #0066FF; }
img			{ border: 0; }
.clear		{ clear: both; }

a 			{ /*\*/outline-width: 0;/**/ }

a:link		{ color: #0066FF; }
a:visited	{ color: #0066FF; }
a:hover		{ color: #FF0000; }
a:active	{ color: #0066FF; }


#wrapper {
	width: 790px;
	margin: 0px auto;
	color: #333333;
	}

/* コンテンツ部分の外枠 */

#contentswrapper {
	line-height: 1em;
	margin: 10px auto 0px;
	}

#leftwrapper {
	width: 190px;
	float: left;
	line-height: 1.1em;
	}

#rightwrapper {
	width: 570px;
	float: right;
	line-height: 1.3em;
	padding: 0px 5px 0px 0px;
	}

/* ページタイトル */

.pgTtl {
	background: url(../images/common/dot_pg_ttl.gif) left top repeat-x;
	height: 23px;
	margin: 0px auto;
	padding: 6px 0px;
	}
.pgTxt {
	margin: 20px 0px 20px 0px;
	}


/* ページ先頭へ */

#pagetop {
	margin: 40px auto 0px;
	text-align: right;
	}

/* 点線 */
.dotLine {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	height: 1px;
	text-align: left;
	}

/* 罫線 上下 */
.border1px {
	background: url(../images/common/border_1de_2.gif) repeat-x;
	clear: both;
	height: 1px;
	}
.border1px9 {
	background: #999999;
	clear: both;
	height: 1px;
	}

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

#head {
	position: relative;
	width: 780px;
	height: 103px;
	margin: 0px auto;
	line-height: 1em;
	}
#head .hdlogo {
	position: absolute;
	left: 0px;
	top: 33px;
	}

#head h2 {
	position: absolute;
	left: 0px;
	top: 5px;
	font-weight: normal;
	color: #FFFFFF;
	padding: 1px 0 0 0;
	}
#head .coupon {
	position: absolute;
	left: 685px;
	top: 10px;
	}
#head .l_banner {
	position: absolute;
	left: 312px;
	top: 33px;
	}

/* ================================================================================
	3.ナビゲーション
================================================================================ */

#navi {
	background: url(../images/navi/navi_bg2.gif) repeat-x;
	position: relative;
	width: 780px;
	height: 34px;
	margin: 0px auto;
	}
#navi ul {
	position:absolute;
	left: 429px;
	top: 4px;
	margin: 0px;
	padding: 0px;
	}
#navi ul li {
	display: inline;
	list-style: none;
	}

/* FLASH PRテキスト */
#navi .pr_fla {
	position: absolute;
	left: 10px;
	top: 6px;
	}

/* ================================================================================
	4.文字サイズ変更
================================================================================ */

#textsize {
	width: 780px;
	margin: 5px auto 0px;
	text-align: right;
	}

/* ================================================================================
	5.ログインボックス
================================================================================ */

#loginbox {
	border-left: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	width: 178px;
	margin: 0px auto;
	}
#loginbox .idArea {
	background: url(../images/common/logbox_fr4.gif) center repeat-y;
	border-bottom: 1px solid #CCCCCC;
	line-height: 1.3em;
	padding: 10px 8px;
	}
#loginbox .idTime {
	margin: 0 0 0.2em;
	padding: 0 8px;
	}
#loginbox .name {
	padding: 0 8px;
	}

/* ピックアップテキスト */
#loginbox .l_dot {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	height: 1px;
	margin: 5px auto;
	text-align: left;
	}
#loginbox .l_pickup {
	background: #FFFFFF;
	border-top: 1px solid #C3C3C3;
	border-right: 1px solid #EEEEEE;
	border-bottom: 1px solid #EEEEEE;
	border-left: 1px solid #C3C3C3;
	margin: 6px 0 0 0;
	padding: 5px 5px 5px 5px;
	}
#loginbox .l_pickup li {
	background: url(../images/common/i_arrow.gif) no-repeat;
	padding: 0 0 0 10px;
	}

	/* ボタンエリア */
	#loginbox .btnArea {
		background: url(../images/common/logbox_btn_bg.gif) center top no-repeat;
		border-bottom: 1px solid #CCCCCC;
		padding: 6px 9px;
		}
	#loginbox .favoriteBtn {
		float: left;
		}
	#loginbox .logout {
		float: right;
		}

/* ログアウト時に表示 */

#logout {
	width: 190px;
	margin: 0px 0px 10px 0px;
	}
#logout .inputArea {
	background: url(../images/common/login_fr2.gif) repeat-y;
	padding: 5px 25px;
	}
#logout .txtbox {
	width: 135px;
	height: 14px;
	}
#logout .inputtxt {
	line-height: 1.3em;
	}
#logout .idsvtxt {
	margin: 2px 0px 0px 0px;
	line-height: 1.5em;
	}

		/* Win IE には適用させない \*/
		html[xmlns] #logout .idsvTxt {
			margin: 2px 0px 0px 0px;
			line-height: 1.5em;
			}
		html[xmlns] .checkBox {
			margin: 0px 5px 0px 0px;
			}
		/* ここまで */

#logout .submitbtn {
	margin: 2px 0px 0px 0px;
	text-align: right;
	}
#logout .passlost {
	margin: 5px 0px 0px 0px;
	}
#logout .registBtn {
	margin: 2px 0px 0px;
	}

/* ================================================================================
	6.カテゴリ 
================================================================================ */

#category {
	line-height: 1em;
	margin: 10px auto 0px auto;
	width: 180px;
	}
#category .fword .form {
	background: #f6ffe5 url(../images/common/category/category_bd.gif) top no-repeat;
	padding: 7px 5px 5px 5px;
	}
#category .input1 {
	width: 100px;
	}
/* 中間のグレー背景用 */
#category .category1 {
	background: url(../images/common/category/category_bd_gry.gif) bottom no-repeat;
	padding: 0 0 10px 0;
	}

/* 共通 */
#category ul li a {background: url(../images/common/category/category_bd.gif) bottom no-repeat;color: #333333;display: block;text-decoration: none;padding: 5px 0;width: 180px;}
#category ul li a:hover { background: #FFFFCC url(../images/common/category/category_bd.gif) bottom no-repeat; }

/* すべてのクーポンを表示 */
#category .all { text-indent: 12px; }

/* 大カテゴリ */
#category .c1 { text-indent: 30px; }
#category .c1_active { background:#FFFFCC; text-indent: 30px; }

/* 小カテゴリ */
#category .c2 { background: #FFFFEE; text-indent: 45px; }
#category .c2_icon { background: url(../images/common/category/c2_icon.gif) left center no-repeat; padding: 0 0 0 10px; }

#category .ttl {
border-top: 1px solid #CCCCCC;
border-left: 1px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
width: 178px;
}
#category .fix_txt_center {
padding: 0 3px 0 3px;
}

/* ================================================================================
	7.インフォメーション
================================================================================ */

#info {
	border: 1px solid #CCCCCC;
	width: 178px;
	margin: 10px auto 0px;
	}
#info .infoTtl {
	border-bottom: 1px solid #CCCCCC;
	}
#info .infoMain {
	padding: 5px;
	}
#info .infoMain .date {
	line-height: 1.0em;
	}
#info .infoBdr {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	margin: 5px auto;
	height: 1px;
	text-align: left;
	}
#info .more {
	text-align: right;
	}
#infoDetail {
	width: 530px;
	margin: 0 auto;
	}
#infoDetail .infoBlock {
	margin: 40px 0 0 0;
	}
#infoDetail .infoBlock .infoDetailTtl {
	color: #555555;
	font-weight: bold;
	line-height: 1em;
	margin: 0 0 5px 0;
	}
#infoDetail .infoBlock .date {
	line-height: 1em;
	margin: 4px 0 0 0;
	text-align: right;
	}
#infoDetail .infoBlock .infoDetailRead {
	margin: 15px 0 15px 0;
	padding: 0 10px;
	}
#infoDetail .bgBtm {
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	border-top: 1px solid #CCCCCC;
	height: 5px;
	}

/* ================================================================================
	8.フッタ
================================================================================ */

#foot {
	width: 780px;
	margin: 10px auto 0px;
	text-align: center;
	line-height: 1.2em;
	}
#foot .footnavi {
	background: #7CC700;
	color: #FFFFFF;
	padding: 3px 0px 4px;
	}
#foot .footnavi a {
	color: #FFFFFF;
	}

#foot ul {
	margin: 0px;
	padding: 0px;
	}
#foot li {
	display: inline;
	margin: 0px;
	padding: 0px;
	}

#foot .copyright {
	margin: 10px 0px 15px 0px;
	}

/* ================================================================================
	9.既存会員に対してのメッセージ
================================================================================ */

#subarashii {
	margin: 0px 0px 10px 0px;
	}
#subarashii .message {
	background: #FFEEEE;
	border: 1px solid #FF0000;
	margin: 10px auto;
	padding: 15px 20px;
	}
#subarashii .read1 {
	margin: 5px 0px 0px 0px;
	}
#subarashii .form {
	margin: 15px 0px 0px 0px;
	}

		/* テストボックスの横幅を指定 */
		#subarashii .txt200px {
			width: 200px;
			margin: 0px 5px 0px 10px;
			}
#subarashii .dotLine3 {
	background: url(../images/common/dot_2c.gif) left repeat-x;
	text-align: left;
	}

/* ================================================================================
	10.エラー画面
================================================================================ */

#errWrapper {
	width: 570px;
	margin: 0px auto;
	padding: 0 0 15px 0;
	line-height: 1.3em;
	}

		/* エラー画面ヘッダ　ポップアップ表示の場合のみ */	
		#errWrapper #errHead {
			position: relative;
			height: 85px;
			margin: 0px auto 10px;
			line-height: 1em;
			}
		#errWrapper #errHead .hdlogo {
			position: absolute;
			left: 0px;
			top: 33px;
			}
		
		#errWrapper #errHead h2 {
			position: absolute;
			left: 0px;
			top: 5px;
			font-weight: normal;
			color: #FFFFFF;
			padding: 1px 0 0 0;
			}
		#errWrapper #errHead .coupon {
			position: absolute;
			left: 475px;
			top: 10px;
			}
		
				/* ページタイトル */		
				#errWrapper .pgTtl {
					background: url(../images/common/dot_pg_ttl.gif) left top repeat-x;
					height: 23px;
					margin: 0px auto;
					padding: 6px 0px;
					}

/* エラー画面メイン */
#err {
	margin: 0px auto;
	}

#err .errMessage {
	background: #FFEEEE;
	border: 1px solid #FF0000;
	margin: 30px auto 0px;
	padding: 20px 40px;
	width: 390px;
	}
#err .errShadow {
	background: url(../images/common/spl_bg_btm.gif) repeat-x;
	margin: 0px auto;
	width: 470px;
	height: 5px;
	}
	
		/* 閉じるボタン */
		#closeBtn {
			margin: 40px auto 10px;
			text-align: right;
			}

		/* エラー画面用コピーライト */
		#errFoot .copyright {
			margin: 10px auto 0px;
			}

/* ================================================================================
	11.送信完了
================================================================================ */

#complete {
	}
#complete .txt1 {
	margin: 0px 0px 0px 0px;
	}
#complete .dot1 {
	background: url(../images/common/dot_9_2.gif) left repeat-x;
	margin: 10px auto;
	text-align: left;
	}

/* ================================================================================
	12.メンテナンス画面
================================================================================ */

#maintenance_wrapper {
	width: 600px;
	margin: 0px auto;
	color: #555555;
	}

#maintenance_message {
	margin: 80px 0px 0px 0px;
	}
#maintenance_read {
	line-height: 1.5em;
	margin: 50px 0px 0px 0px;
	}
#maintenance_logo {
	margin: 80px 0px 0px 0px;
	text-align: right;
	}
#maintenance_copyright {
	margin: 10px 0px 0px 0px;
	text-align: right;
	}

/* ================================================================================
	13.ログイン誘導画面
================================================================================ */

#noLogin {
	margin: 30px 0 0 0;
	}

/* 左側を指定 */
#noLogin #left {
	float: left;
	margin: 0 0 0 0;
	width: 350px;
	}
#noLogin #left .message {
	margin: 0 0 0 0;
	}
#noLogin #left .memberTxt {
	line-height: 1.5em;
	margin: 35px 0 0 0;
	}
#noLogin #left .noMemberTxt {
	line-height: 1.5em;
	margin: 35px 0 0 0;
	}
#noLogin #left p {
	margin: 5px 0 0 0;
	}

/* 右側を指定 */
#noLogin #right {
	float: right;
	width: 190px;
	}

/* ================================================================================
	14.TRUSTe 
================================================================================ */

#TRUSTe {
	border: 1px solid #CCCCCC;
	margin: 10px auto 0px;
	padding: 10px 0;
	text-align: center;
	width: 178px;
	}
#TRUSTe .TRUSTe_txt {
	line-height: 1.1em;
	margin: 8px auto 0 auto;
	text-align: left;
	width: 158px;
	}

/* ================================================================================
	15.ログインエラー
================================================================================ */

#login_err {
	margin: 20px 0;
	}
		/* テキストボックスの横幅 */
		#login_err .txt_pc {
			height: 14px;
			margin: 0 5px;
			width: 200px;
			}
		#login_err .txt_pass {
			height: 14px;
			margin: 0 5px;
			width: 120px;
			}
#login_err .message {
	background: #FFAAAA;
	border: 1px solid #CCCCCC;
	padding: 10px 15px;
	}
		/* タイトル部分（■ログイン etc.） */
		#login_err .ttl_bg {
			background: #FFFFFF;
			border: 1px solid #CCCCCC;
			padding: 1px;
			}
		#login_err .member_ttl {
			background: #999999;
			color: #FFFFFF;
			font-weight: bold;
			padding: 2px 5px;
			}
		#login_err .noMember_ttl {
			background: #3399FF;
			color: #FFFFFF;
			font-weight: bold;
			padding: 2px 5px;
			}
		/* フォーム部分 共通 */
		#login_err .form {
			background: #FFFFFF;
			border-bottom: 1px solid #CCCCCC;
			border-left: 1px solid #CCCCCC;
			border-right: 1px solid #CCCCCC;
			padding: 10px 15px;
			}

/* member */
#login_err .member {
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0 0;
	padding: 10px;
	}
/* noMember */
#login_err .noMember {
	background: #F7F7F7;
	border: 1px solid #CCCCCC;
	margin: 10px 0 0 0;
	padding: 10px;
	}

#login_err .ipass_lost {
	margin: 10px 0 0 0;
	}
#login_err .member p {
	padding: 0 10px 0 0;
	}
#login_err .form_table {
 margin: 10px 0 0 0;
	}
#login_err .passCheck_table {
	margin: 0 10px 0 0;
	}
		/* 入力省略のcheckbox */
		#login_err .cookie {
			margin: 0 2px 0 0;
			}
		/* Win IE には適用させない \*/
		html[xmlns] #login_err .cookie {
			margin: 0 5px;
			}

/* ================================================================================
	16.デイリーアンケート
================================================================================ */

#d_enq {
	border: 1px solid #CCCCCC;
	width: 178px;
	margin: 10px auto 0px;
	}
#d_enq .d_enqTtl {
	border-bottom: 1px solid #CCCCCC;
	}
#d_enq .d_enqMain {
	background: #FFFDEC;
	padding: 5px;
	}
#d_enq .stampGet {
	margin: 0 0 5px 0;
	}
#d_enq dl {
	width: 150px;
	margin: 0px auto;
	}
#d_enq dt {
	font-weight: bold;
	margin: 4px 0 5px 0;
	}
#d_enq dd {
	margin: 0 0 2px 0;
	}
#d_enq .question {
	border-style: dotted;
	border-width: 0px 0px 1px 0px;
	border-color: #666666;
	line-height: 1.3em;
	padding: 0 0 0.5px 0;
	}
#d_enq .vote_btn {
	margin: 5px 0 0 0;
	text-align: center;
	}
#d_enq .more {
	margin: 8px 0 2px 0;
	text-align: right;
	}

/* ================================================================================
	17.オーバーチュア
================================================================================ */

#ot {
	padding: 10px 0 0 0;
	clear:both;
	}
	
#ot p {
	margin: 0 0 6px 0;
	}
#ot p a {
	display: block;
	text-decoration: none;
	}
#ot span {
	color: #333333;
	text-decoration: none;
	}
#ot .ad {
	color: #008000;
	margin: 0 0 0 1em;
	}
	
#ot .about {
margin:10px; 
width:570px;
text-align:right; 
font-size:x-small; 
color:#666;
}	
	
#ot .about .ot_title {
display:inline;
}

#ot .about .ot_title {
color:#666;
text-decoration:underline;
}	

/* ================================================================================
	18.クーポンくじバナー
================================================================================ */

#kuji_bn180 {
	margin: 10px auto 0 auto;
	width: 180px;
	}

/* ================================================================================
	19.占い（2008/02）
================================================================================ */

#horoscope2 {
	border: 1px solid #CCCCCC;
	width: 178px;
	margin: 10px auto 0px;
	}
#horoscope2 .ttl {
	border-bottom: 1px solid #CCCCCC;
	}
#horoscope2 .main {
	background: url(../images/common/horoscope2_copy.gif) no-repeat;
	padding: 49px 0 5px 0;
	}
#horoscope2 .btnTable {
	margin: 0 auto;
	}
#horoscope2 .btnTable td {
	width: 54px;
	height: 23px;
	text-align: center;
	}
#horoscope2 .more {
	margin: 5px auto 0 auto;
	padding: 0 10px;
	text-align: right;
	}

/* ================================================================================
	20.JIPC 不正撲滅キャンペーン
================================================================================ */

#JIPC {
	border: 1px solid #CCCCCC;
	margin: 10px auto 0px;
	padding: 8px 0;
	text-align: center;
	width: 178px;
	}
#JIPC .JIPC_txt {
	line-height: 1.1em;
	margin: 8px auto 0 auto;
	text-align: left;
	width: 158px;
	}


/* ================================================================================
	21.ラッキースタンプ
================================================================================ */

#lucky_stmp {
	width: 570px;
	margin: 0px auto;
	padding: 0 0 15px 0;
	line-height: 1.3em;
	}

#lucky_stmp #lucky_head {
	position: relative;
	height: 120px;
	margin: 0px auto 10px;
	line-height: 1em;
	}
#lucky_stmp #lucky_head h1 {
	position: absolute;
	left: 20px;
	top: 32px;
	}
#lucky_stmp #lucky_head .coupon {
	position: absolute;
	left: 475px;
	top: 10px;
	}
#lucky_stmp .lucky_bn {
	width: 510px;
	margin: 25px auto 0 auto;
	}
#lucky_stmp .click {
	background: url(../images/top/adclick_bg.gif) no-repeat;
	padding: 7px 21px 13px 21px;
	}
#lucky_stmp .no_bn {
	padding: 0 20px;
	}
#lucky_stmp #attention {
	background: #F5F5F5;
	border: 1px solid #CCCCCC;
	line-height: 1.6em;
	margin: 30px 30px 0 30px;
	padding: 12px 18px;
	}


/* ================================================================================
	22.楽天ブックス検索
================================================================================ */

#rbooks_search {
border: 1px solid #CCCCCC;
width: 178px;
margin: 10px auto 0 auto;
}
#rbooks_search .main {
background: #ffebeb;
padding: 5px;
}
#rbooks_search .fix_txt_center {
padding: 4px 3px 0 3px;
}
#rbooks_search .search_size2 {
width: 100px;
}


/* ================================================================================
	23.YSTウェブ検索
================================================================================ */

#yst {
	background: url(../images/common/yst/yst_bg.gif) repeat-x bottom;
	border: 1px solid #CCCCCC;
	width: 178px;
	margin: 10px auto 0px;
	padding: 12px 0;
	}
	
#yst .copy {
	text-align: center;
	}
	
#yst .input_table {
	margin: 9px auto 0 auto;
	}
	
#yst .keywords {
	width: 118px;
	height: 16px;
	padding: 1px 2px;
	}
	
#yst .yst_logo {
	margin: 9px auto 0 auto;
	text-align: center;
	}

#yst a:hover {
text-decoration:none;
} 
/*BG color is a must for IE6*/ 

#yst .rule {
margin:3px 8px;
font-size:10px;
color:#333;
}

#yst a.tooltip span {
display:none; 
padding:2px 3px; 
margin-left:8px; 
width:200px;
} 

#yst a.tooltip:hover span {
display:inline; 
position:absolute; 
background:#ffffff; 
border:1px solid #cccccc; 
color:#333;
font-size:12px;
padding:5px;
}