@charset "utf-8";

/***********************************************************************/
/* 北日本新聞社-公開側　ニュースサイト-申込・サイトについて用CSS       */
/***********************************************************************/

/***** 全ページ共通CSS読み込み *****/
@import url("common.css");


/*---------- 購入手続きページCSSを記述 ----------*/
/* ヘッダー */
#pur_header{
	width:960px;
	height:56px;
	padding:0px 10px 0px;
	border-top:5px solid #999999;
	border-bottom:1px solid #003399;
	clear:both;
}
	/* 右ボタン */
	#r_pur_btn{
		width:145px;
		height:26px;
		float:right;
		margin-top:14px;
	}
	#r_pur_btn a{
		width:145px;
		height:26px;
		display:block;
		background-image:url(../_images/purchase/pur_bg.jpg);
		background-position:0px -58px;
		background-repeat:no-repeat;
		text-decoration:none;
		text-indent:-1000em;
		overflow:hidden;
	}
	#r_pur_btn a:hover{
		background-position:-145px -58px;
	}
	/* 右ボタン */
	#r_market_btn{
		width:123px;
		height:27px;
		float:right;
		margin-top:14px;
		padding-right:20px;
	}
	#r_market_btn a{
		width:123px;
		height:27px;
		display:block;
		background-image:url(../_images/market_flash/page_close.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-decoration:none;
		text-indent:-1000em;
		overflow:hidden;
	}
	#r_market_btn a:hover{
		background-position:0px -27px;
	}
/* 全体 */
#pur_main{
	width:960px;
	padding:7px 10px 80px;
}

/* フッターメニュー・コピーライトのみの場合 */
#pur_footer{
	position:relative;
	width:980px;
	margin-top:-80px;
	height:80px;	/* news_main_sのpadding-bottom値と共通 */
	font-size:12px;
	margin-left:auto;
	margin-right:auto;
	padding-left:10px;
	padding-right:10px;
	background:url(../_images/common/bg.jpg) center top repeat-y;
	clear:both;
}

/* copyright */
#pur_copyright{
	width:970px;
	height:44px;
	color:#FFFFFF;
	line-height:120%;
	padding:11px 0px 0px 10px;
	background-color:#999999;
	color:#FFFFFF;
}
/* タイトル */
#pur_maintitle{
	width:940px;
	height:30px;
	padding-left:20px;
	background-image:url(../_images/purchase/pur_bg.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	font-size:120%;
	line-height:30px;
	color:#FFFFFF;
}
.pur_subtitle{
	width:940px;
	height:28px;
	padding-left:20px;
	background-image:url(../_images/purchase/pur_bg.jpg);
	background-position:0px -30px;
	background-repeat:no-repeat;
	font-size:120%;
	line-height:28px;
}
/* お支払い方法 */
.pur_catetitle{
	width:928px;
	height:28px;
	line-height:28px;
	font-size:110%;
	padding-left:10px;
	margin:10px 0px 10px;
	background-color:#FFF4D2;
	border:1px solid #BCBCBC;
}
* html .pur_catetitle{
	height:25px;
	padding-top:3px;
}
.pur_catetitle02{
	width:450px;
	height:28px;
	line-height:28px;
	font-size:110%;
	padding-left:10px;
	margin:10px 0px 10px 0px;
	background-color:#FFF4D2;
	border:1px solid #BCBCBC;
}
* html .pur_catetitle02{
	height:25px;
	padding-top:3px;
}
.l_pur_box, .r_pur_box{
	width:460px;
	float:left;
}

/* 購入手続き画像 */
.pur_flow_box{
	padding:20px 0px 20px;
}
#pur_flow{
	margin:0px auto;
}
	#pur_flow td{
		border-bottom:1px solid #A5BCE9;
		border-top:1px solid #A5BCE9;
		vertical-align:middle;
		text-align:left;
		height:43px;
		font-size:105%;
		font-weight:bold;
	}
	#pur_flow td.pur_td01{
		padding:0px 10px;
		color:#FFFFFF;
		background-color:#0066CC;
	}
		.td_left_boder{
			border-left:1px solid #A5BCE9;
		}
	#pur_flow td.pur_td02{
		padding:0px 20px;
		color:#333333;
	}
		#pur_flow td.pur_td02 span{
			color:#3366CC;
		}
	#pur_flow td.pur_td_last{
		border:0px;
	}
/* 詳細BOX */
.pur_detail{
	padding:10px 10px 18px;
}
.pur_detail02{
	padding:10px 10px 25px;
}
/* table */
.pur_table01{
	background-color:#CCCCCC;
	color:#333333;
	margin:0px auto;
}
	.pur_table01 th{
		background-color:#D7D7D7;
		padding:5px 0px;
		text-align:center;
		vertical-align:middle;
	}
	.pur_table01 td{
		background-color:#FFFFFF;
		padding:5px 5px 5px 10px;
		vertical-align:top;
	}
	.pur_table01 td.pur_td_bg{
		background-color:#F9F9F9;
	}
.pur_total_table{
	color:#333333;
	margin:0px auto;
}
	.pur_total_table th.total_th{
		padding:5px 0px;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		background-color:#EDEDED;
	}
	.pur_total_table td.total_td{
		padding:5px 5px 5px 0px;
		text-align:right;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		background-color:#FFF4D2;
	}
.pur_table02, .pur_table03, .pur_table04, .pur_table05{
	background-color:#CCCCCC;
	border-top:2px solid #CCCCCC;
	border-bottom:1px solid #CCCCCC;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	color:#333333;
}
.pur_table02{
	width:780px;
	margin:0px auto;
}
.pur_table03{
	width:580px;
}
.pur_table04{
	width:780px;
}
.pur_table05{
	width:460px;
}
	.pur_table02 th, .pur_table05 th{
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		background-color:#F0F0F0;
		padding:5px 10px;
	}
		th.th_bg_light{/* セル背景色が薄灰の時 */
			background-color:#F5F5F5;
		}
	.pur_table02 td, .pur_table03 td, .pur_table04 td, .pur_table05 td{
		border-bottom:1px solid #CCCCCC;
		background-color:#FFFFFF;
		padding:5px 5px 5px 10px;
	}
	td.right_boder{
		border-right:1px solid #CCCCCC;
	}
	td.all_border{
		border-right:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
	}
	.pur_table02 td p{
		padding:2px 0px;
	}
	td.td_bg{
		background-color:#F0F0F0;
	}
	td.td_space{
		padding:10px 5px 10px 10px;
	}
	td.present{
		border:0px;
	}
	td.clean{
		padding:0px 0px 0px 0px;
		border:0px;
	}
/* テキスト */
.pur_txt{
	padding-bottom:10px;
}
.pur_txt02{
	padding:10px 0px 15px;
}
.pur_txt03{
	width:780px;
	margin:0px auto;
}
.top_space{
	padding-top:10px;
}
.bottom_space{
	padding-bottom:10px;
}
.right_space{
	padding-right:20px;
}
span.red{
	color:#FF0000;
}
span.paytxt{
	color:#3366CC;
	font-size:110%;
}
span.td_txt{
	font-size:90%;
}
span.font_small{
	font-size:80%;
	font-weight:normal;
}
.font_big{
	font-size:110%;
}

/* ボタン */
#pur_agt_btn{
	text-align:center;
	padding-top:10px;
}
#pur_back_btn{
	padding-bottom:20px;
}
/* よくあるお問い合わせボタン */
.faq_txt{
	padding:25px 0px 5px;
}
.faq_btn{
	width:203px;
	height:40px;
}
	.faq_btn a{
		width:203px;
		height:40px;
		background-image:url(../_images/purchase/faq_btn.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		text-indent:-1000em;
		overflow:hidden;
	}
	.faq_btn a:hover{
		background-position:0px -40px;
	}

/* メールアドレス表示 */
#mail_check{
	padding:10px 0px 0px;
	margin:0px 10px 20px;
	border:5px solid #DEDEDE;
	display:inline-block;
}
* html #mail_check{	/* IE6 */
	display:inline;
}
*+html #mail_check{	/* IE7 */
	display:inline;
}
#mail_check_top{
	padding:5px 15px 0px;
	color:#3366CC;
	text-align:center;
	font-size:14px;
}
#mail_box{
	padding:10px 5px;
	margin:0px 5px;
	border-bottom:1px dotted #999999;
	text-align:center;
}
	span.l_blue_big{
		color:#3366CC;
		font-size:18px;
		font-weight:bold;
	}
#mail_check_footer{
	text-align:left;
	padding:10px 20px 10px;
}
	span.l_blue{
		color:#3366CC;
	}

/* 完了メッセージ */
.center{
	text-align:center;
}
.message_box{
	padding:30px 50px;
	border:5px solid #DEDEDE;
	background-color:#F0F0F0;
	margin:10px 10px 0px;
	text-align:center;
	color:#3366CC;
	font-size:140%;
	font-weight:bold;
	display:inline-block;
}
* html .message_box{	/* IE6 */
	display:inline;
}
*+html .message_box{	/* IE7 */
	display:inline;
}

/* 受付番号etc */
.reg_number{
	text-align:center;
	padding:20px 0px;
}
	.reg_number strong{
		font-size:110%;
	}

/* 各ご購読ボタン */
.subscribe_btn{
	height:33px;
	float:left;
}
#subscribe_btn01, #subscribe_btn02, #subscribe_btn03, #subscribe_btn04,#subscribe_btn05{
	width:201px;
	height:33px;
	display:block;
	background-image:url(../_images/purchase/pur_btn_bg.jpg);
	background-repeat:no-repeat;
	text-decoration:none;
	text-indent:-1000em;
	overflow:hidden;
}
#subscribe_btn01, #subscribe_btn02, #subscribe_btn03, #subscribe_btn04{
	background-image:url(../_images/purchase/pur_btn_bg.jpg);
}
#subscribe_btn05{
	background-image:url(../_images/purchase/card_btn.jpg);
}

#subscribe_btn01{
	background-position:0px 0px;
	margin-right:10px;
}
#subscribe_btn01:hover{
	background-position:-201px 0px;
}
#subscribe_btn02{
	background-position:0px -33px;
	margin-right:10px;
}
#subscribe_btn02:hover{
	background-position:-201px -33px;
}
#subscribe_btn03{
	background-position:0px -66px;
	margin-right:10px;
}
#subscribe_btn03:hover{
	background-position:-201px -66px;
}
#subscribe_btn04{
	background-position:0px 0px;
}
#subscribe_btn04:hover{
	background-position:-201px 0px;
}
#subscribe_btn05{
	background-position:0px 0px;
}
#subscribe_btn05:hover{
	background-position:0px -33px;
}

/* キャンペーン */
#campaign_box{
	width:867px;
	background-color:#FBF5DD;
	padding-bottom:15px;
	margin:0px auto 10px;
}
#l_campaign_box{
	width:584px;
	float:left;
	padding:15px 0px 0px 36px;
}
	#l_campaign_box p{
		width:584px;
		height:24px;
		line-height:24px;
		font-size:14px;
		text-align:center;
		font-weight:bold;
		background-image:url(../_images/purchase/campaign_bg.jpg);
		background-position:left top;
		background-repeat:no-repeat;
	}
	p.space_footer{
		margin-bottom:5px;
	}
	#l_campaign_footer{
		text-align:center;
	}
#r_campaign_box{
	width:247px;
	float:left;
}
	#r_campaign_box p{
		padding:5px 5px 0px;
		line-height:130%;
	}
/* お申込みボタン */
#form_link{
	width:190px;
	height:43px;
	margin-top:10px;
}
#form_link a{
	display:block;
	width:190px;
	height:43px;
	background-image:url(../_images/purchase/form_link02.jpg);
	background-position:0px 0px;
	background-repeat:no-repeat;
	text-indent:-1000em;
	text-decoration:none;
	overflow:hidden;
}
#form_link a:hover{
	background-position:0px -43px;
}
/* 画像配置 */
.img_right{
	float:right;
	padding:0px 0px 0px 10px;
}

/*---------- 購入手続きページCSSを記述ここまで ----------*/

/*---------- エラーページCSSを記述 ----------*/
#error_txt{
	font-size:120%;
	font-weight:bold;
	color:#333333;
	padding:40px 30px 50px;
}
#error_link{
	padding:0px 30px 10px 30px;
	font-size:110%;
}
.error_title{
	font-size:120%;
	font-weight:bold;
	color:#333333;
	padding:40px 30px 20px;
}
.error_comment{
	padding:0px 30px 10px;
	color:#333333;
}
/*---------- エラーページCSSを記述ここまで ----------*/

/*** エラー/警告 ***/
#error{
	width:780px;
	border:1px solid #CCCCCC;
	background-color:#FFE9E1;
	padding:12px 12px;
	margin:10px auto;
}
	#error ul{
		padding:3px 0px 0px 30px;
	}
	#error ul li{
		color:#FF0000;
		font-weight:bold;
	}
	.m_txt_big{
		font-size:110%;
	}
/*** 囲い ***/
.note{
	width:868px;
	border:1px solid #999999;
	background-color:#FFFFFF;
	padding:12px 15px;
	margin-bottom:15px;
}
	.note ul{
		padding:3px 0px 6px 30px;
	}

/* よくあるお問い合わせボタン */
.faq_txt{
	padding:25px 0px 5px;
}
.faq_btn{
	width:203px;
	height:40px;
}
	.faq_btn a{
		width:203px;
		height:40px;
		background-image:url(../_images/purchase/faq_btn.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		display:block;
		text-decoration:none;
		text-indent:-1000em;
		overflow:hidden;
	}
	.faq_btn a:hover{
		background-position:0px -40px;
	}

/*---------- よくあるお問い合わせCSSを記述 ----------*/
.pur_subtitle02{
	width:940px;
	height:28px;
	padding-left:20px;
	background-image:url(../_images/purchase/pur_bg.jpg);
	background-position:0px -30px;
	background-repeat:no-repeat;
	font-size:110%;
	line-height:28px;
}
.faq_list{
	padding:0px 0px 20px 10px;
	list-style:none;
}
	.faq_list a{
		color:#1B33A1;
	}
.l_faq_box{
	float:left;
	font-size:110%;
	font-weight:bold;
	color:#1B33A1;
	width:28px;
	padding:0px 8px 0px 3px;
}
.r_faq_box{
	width:901px;
	float:left;
}
.faq_page_top{
	height:15px;
	line-height:15px;
	text-align:right;
	padding:5px 0px 5px 0px;
}
/*---------- よくあるお問い合わせCSSを記述ここまで ----------*/

/*---------- webun会員についてCSSを記述 ----------*/
#about_main{
	width:674px;
	padding:30px 153px 80px;
}
#about_box{
	width:580px;
	padding:30px 46px;
	margin-bottom:30px;
	border:1px solid #CCCCCC;
}
	#about_box h1{
		font-size:140%;
		text-align:center;
	}
.about_txt{
	padding:20px 0px 0px;
}
	.about_txt span.n_blue{
		color:#003399;
	}
	.about_txt span.s_red{
		color:#990000;
	}
	.about_txt span.k_green{
		color:#006600;
	}
/* 以下、「このサイトについて」ページのみに使用 */
#about_box h2{
	width:560px;
	height:24px;
	padding:0px 10px;
	margin-top:20px;
	background-color:#DAE3F6;
	font-size:110%;
	line-height:24px;
}
#about_box h3{
	width:560px;
	padding-left:20px;
	margin-top:15px;
	font-size:110%;
}
.about_txt02{
	padding:7px 0px 0px 20px;
}
		#about_box a{
			color:#000099;
			text-decoration:none;
		}
		#about_box a:hover{
			color:#000099;
			text-decoration:underline;
		}
#contact_box{
	width:350px;
	margin:7px 180px 0px 20px;
	padding:10px 14px;
	border:1px solid #CCCCCC;
}
		#contact_name{
			padding-bottom:5px;
		}
/* webun会員　入会案内と手続き */
#about_box02{
	width:580px;
	padding:30px 46px;
	margin-bottom:15px;
	border:1px solid #CCCCCC;
}
#member_btn{
	width:100%;;
	height:38px;
	text-align:center;
	padding-bottom:15px;
}
	#member_btn a{
		display:block;
		width:157px;
		height:38px;
		margin:0px auto;
		background-image:url(../_images/e_guide/member_btn.jpg);
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-decoration:none;
		text-indent:-1000em;
		overflow:hidden;
	}
	#member_btn a:hover{
		background-position:0px -38px;
	}
/* fontカラー */
.e_guide_red{
	color:#990000;
}
.e_guide_blue{
	color:#003399;
}
.e_guide_green{
	color:#006600;
}
/*---------- webun会員についてCSSを記述ここまで ----------*/

/*---------- エラーページCSSを記述 ----------*/
#error_txt{
	font-size:120%;
	font-weight:bold;
	color:#333333;
	padding:40px 30px 50px;
}
#error_link{
	padding:0px 30px 10px 30px;
	font-size:110%;
}
/*---------- エラーページCSSを記述ここまで ----------*/

/*---------- 写真プリントのお申し込みについてCSSを記述 ----------*/
/*** ページ上部 ***/
#pic_pur_top01{/* 概要ページ */
	width:700px;
	padding:20px 130px;
}
#pic_pur_top02{/* フォームページ */
	width:700px;
	padding:20px 260px 20px 0px;
}
	/* 概要（囲み） */
	#pic_pur_box01{/* 概要ページ */
		width:640px;
		padding:20px 29px;
		margin-bottom:15px;
		border:1px solid #CCCCCC;
	}
	#pic_pur_box02{/* フォームページ */
		width:600px;
		padding:20px 49px;
		margin-bottom:15px;
		border:1px solid #CCCCCC;
	}
		ul#pic_pur_list{
			padding-left:20px;
		}
		ul#pic_pur_list li{
			padding-top:10px;
		}
		p#pic_moushi_detail{
			padding-top:10px;
		}
	/* お問い合わせ先 */
	#toi_box{
		width:600px;
		padding:10px 50px 5px;
		margin-bottom:15px;
		background-color:#0066CC;
		font-size:120%;
		line-height:1.3;
		color:#FFFFFF;
	}
		#toi_title{
			width:150px;
			float:left;
		}
		#toi_detail{
			width:450px;
			float:left;
		}
		#toi_detail strong{
			font-size:140%;
		}
	/* 表の見出し */
	.table_midashi{
		width:700px;
		font-size:110%;
		margin-bottom:5px;
	}
	/* 申し込みについて　テキスト */
	p#moushi_txt{
		padding:15px 0px 10px;
		text-align:center;
		font-weight:bold;
	}
	/* 申し込みページはこちら　ボタン */
	#pic_pur_btn{
		width:100%;
		height:61px;
		text-align:center;
	}
		#pic_pur_btn a{
			display:block;
			width:248px;
			height:61px;
			margin:0px auto;
			background-image:url(../_images/purchase/to_pic_moushi.jpg);
			background-position:0px 0px;
			background-repeat:no-repeat;
			text-decoration:none;
			text-indent:-1000em;
			overflow:hidden;
		}
		#pic_pur_btn a:hover{
			background-position:0px -61px;
		}
		
/*** ページ下部（概要ページ） ***/
.pur_detail03{
	padding:10px 0px 25px;
}
	p.moushi_caution{
		padding-bottom:20px;
		font-size:110%;
	}
/*** ページ下部（フォームページ） ***/
.pur_detail04{
	padding:10px 0px 25px;
}
	.form_table_title{
		width:220px;
		height:20px;
		padding:3px 10px;
		margin:20px 630px 7px 90px;
		background-color:#333333;
		color:#FFFFFF;
		line-height:20px;
		font-size:110%;
	}
	/* フォームの表に使用 */
	.pur_detail04{
	}
		.pur_detail04 .pur_table02 th{
			background-color:#E7E7E7;
		}
	/* 写真の指定欄に使用 */
	.pur_table06{
		width:780px;
		border-top:2px solid #CCCCCC;
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		color:#333333;
		margin:0px auto;
	}
	.pur_table06 th{
		border-bottom:1px solid #CCCCCC;
		border-left:1px solid #CCCCCC;
		border-right:1px solid #CCCCCC;
		background-color:#E7E7E7;
		padding:5px 10px;
	}
	.pur_table06 td{
		border-bottom:1px solid #CCCCCC;
		background-color:#FFFFFF;
	}
		div.td_padding{
			padding:5px 5px 5px 10px;
		}
		/* 入れ子のテーブル */
		table.ireko_table th, table.ireko_table td{/* 一度ボーダー・余白をクリア */
			border:none;
			padding:0px;
		}
		table.ireko_table th{
			padding:5px;
			background-color:#F5F5F5;
			border-bottom:1px solid #CCCCCC;
		}
		table.ireko_table td{
			padding:5px;
			text-align:center;
		}
		table.ireko_table th.ireko_r_border, table.ireko_table td.ireko_r_border{
			border-right:1px solid #CCCCCC;
		}
		/* 入れ子のテーブル-確認用 */
		table.ireko_table th, table.ireko_table02 td{/* 一度ボーダー・余白をクリア */
			border:none;
			padding:0px;
		}
		table.ireko_table th{
			padding:5px;
			background-color:#F5F5F5;
			border-bottom:1px solid #CCCCCC;
		}
		
		table.ireko_table02 th{
			padding:5px;
			background-color:#F5F5F5;
			border:none;
		}
		table.ireko_table02 td{
			padding:5px;
			text-align:center;
			border-top:1px solid #CCCCCC;
		}
		table.ireko_table02 th.ireko_r_border, table.ireko_table02 td.ireko_r_border{
			border-right:1px solid #CCCCCC;
		}
	/* リセット・送信ボタン */
	#form_btn_box{
		width:960px;
		padding-top:15px;
		text-align:center;
	}

/*** 文字の強調（上部・下部共通） ***/
.red_strong{
	color:#CC0000;
}
.blue_strong{
	color:#003399;
}
/*---------- 写真プリントのお申し込みについてCSSを記述ここまで ----------*/