/* =======================================================

目次

==========================================================



0.ご利用手続き導入部



1.登録・購入フロー関連

	A.フローチャートの設定

		A-1.お試し・購入の会員登録フロー

		A-2.決済フロー

		A-3.購入時ログインフロー

		A-4.無料利用時ログインフロー



	B.ボタンアクションの設定

	C.テーブル・フォーム等、登録情報入力画面の設定

	D.会員情報入力ヒント

	E.利用可能サービスアイコンの設定

	F.無料リリース時のアラート文



2.購入フロー・決済方法の選択



3.登録情報のメニュー



4.アンケート



5.コース変更



/* =======================================================

0.ご利用手続き導入部

======================================================= */



div.bg{

	width						:	788px;

	margin:	0 auto;

}



div.select_box div.left_box{

	float						:	left;

	width						:	380px;

}



div.select_box div.left_box p{

	margin						:	12px 0 12px 0;

}



/* ===========でかいボタン=========== */



div.select_box div.left_box ul{

	margin						:	0 0 12px 0;

}



div.select_box div.left_box ul li a{

	display						:	block;

	width						:	359px;

	height						:	92px;

}



div.select_box div.left_box ul li.free{

	margin						:	0 0 20px 0;

}



div.select_box div.left_box ul li.free a, 

div.select_box div.left_box ul li.free a:link, 

div.select_box div.left_box ul li.free a:visited{

	background					:	url(../image/button_select_free.gif) 0 0 no-repeat;

}



div.select_box div.left_box ul li.free a:hover{

	background-position			:	0 -92px;

}



 , 

div.select_box div.left_box ul li.free a:active{

	background-position			:	0 -184px;

}



div.select_box div.left_box ul li.charge a, 

div.select_box div.left_box ul li.charge a:link, 

div.select_box div.left_box ul li.charge a:visited{

	background					:	url(../image/button_select_charge.gif) 0 0 no-repeat;

}



div.select_box div.left_box ul li.charge a:hover{

	background-position			:	0 -92px;

}



 , 

div.select_box div.left_box ul li.charge a:active{

	background-position			:	0 -184px;

}



/* =========//でかいボタン=========== */

/* =========注意書き=========== */

div.select_box div.right_box{

	float						:	right;

}



div.flow_attention{

	background					:	url(../image/bg_attention_1.gif) 0 0 no-repeat;

}



div.flow_attention dl{

	padding							:	30px 28px 16px 28px;

	background					:	url(../image/bg_attention_1_a.gif) 0 bottom no-repeat;

}



div.flow_attention dl dt{

	margin							:	0 0 6px 0;

	font-size						:	120%;

	font-weight					:	bold;

}



div.flow_attention dl.alert dd.list{

	padding						:	0;

	background					:	none;

}



div.flow_attention dl.alert dd.list dl dt{

	height						:	100%;

	line-height					:	1.0;

	margin						:	8px;

	padding						:	0;

	background					:	none;

}



div.flow_attention dl.alert dd.list dl dd{

	margin						:	0 0 0 8px;

}



div.flow_attention dl.alert dd.list dl dd dl.check{

	width						:	300px;

	margin						:	6px 6px 6px 12px;

	padding						:	0 0 6px 0;

	border						:	1px solid #ccc;

	background					:	#ededed;

}



/* =========注意書き その2=========== */

div.flow_attention2{

	background					:	url(../image/bg_attention_2.gif) 0 0 no-repeat;

}



div.flow_attention2 dl{

	padding							:	30px 28px 16px 28px;

	background					:	url(../image/bg_attention_2_a.gif) 0 bottom no-repeat;

}



div.flow_attention2 dl dt{

	margin							:	0 0 6px 0;

	font-size						:	120%;

	font-weight					:	bold;

}



div.flow_attention2 dl.alert dd.list{

	padding						:	0;

	background					:	none;

}



div.flow_attention2 dl.alert dd.list dl dt{

	height						:	100%;

	line-height					:	1.0;

	margin						:	8px;

	padding						:	0;

	background					:	none;

}



div.flow_attention2 dl.alert dd.list dl dd{

	margin						:	0 0 0 8px;

}



div.flow_attention2 dl.alert dd.list dl dd dl.check{

	width						:	300px;

	margin						:	6px 6px 6px 12px;

	padding						:	0 0 6px 0;

	border						:	1px solid #ccc;

	background					:	#ededed;

}





/* =======================================================

1.登録・購入フロー関連

======================================================= */



body.flow div.regist_box h4{

	padding					:	8px;

	text-align				:	left;

}



body.flow div.regist_box p{

	margin					:	12px;

	text-align				:	left;

}



body.flow dl.arrow, 

body.info dl.arrow{

	margin					:	0 0 12px 12px;

}



body.flow dl.arrow dd, 

body.info dl.arrow dd{

	padding-left			:	14px;

	background				:	url(../image/arrow_left_black.gif) 0 2px no-repeat;

}



/* =======================================================

	A.フローチャートの設定

======================================================= */



/* =======================================================

		A-1.お試しの会員登録フロー

======================================================= */

body.flow ol.flow_list_regist,

body.use_select ol.flow_list_regist{

	margin						:	4px 0 0 0;

}



body.flow ol.flow_list_regist li,

body.use_select ol.flow_list_regist li{

	display					:	block;

	float						:	left;

}



body.flow ol.flow_list_regist li.active,

body.use_select ol.flow_list_regist li.active{

	background-position	: 0 -59px;

}



/*------ step1 ------*/

body.flow ol.flow_list_regist li.step_01,

body.use_select ol.flow_list_regist li.step_01{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_01.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_regist li.step_01_active,

body.use_select ol.flow_list_regist li.step_01_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_01.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step2 ------*/

body.flow ol.flow_list_regist li.step_02,

body.use_select ol.flow_list_regist li.step_02{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_02.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_regist li.step_02_active,

body.use_select ol.flow_list_regist li.step_02_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_02.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step3 ------*/

body.flow ol.flow_list_regist li.step_03,

body.use_select ol.flow_list_regist li.step_03{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_03.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_regist li.step_03_active,

body.use_select ol.flow_list_regist li.step_03_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_03.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step4 ------*/

body.flow ol.flow_list_regist li.step_04,

body.use_select ol.flow_list_regist li.step_04{

	width							:	162px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_04.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_regist li.step_04_active,

body.use_select ol.flow_list_regist li.step_04_active{

	width							:	162px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_04.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step5 ------*/

body.flow ol.flow_list_regist li.step_05,

body.use_select ol.flow_list_regist li.step_05{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_dl.gif) 0 0 no-repeat;

}



/* =======================================================

		A-2.購入の会員登録フロー

======================================================= */



/*------ step5 ------*/

body.flow ol.flow_list_regist li.step_06,

body.use_select ol.flow_list_regist li.step_06{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_pay.gif) 0 0 no-repeat;

}



/* =======================================================

		A-3.購入手続きフロー

======================================================= */

body.flow ol.flow_list_charge,

body.use_select ol.flow_list_charge{

	margin						:	4px 0 0 0;

}



body.flow ol.flow_list_charge li,

body.use_select ol.flow_list_charge li,{

	display					:	block;

	float						:	left;

}



body.flow ol.flow_list_charge li.active,

body.use_select ol.flow_list_charge li.active{

	background-position	: 0 -59px;

}



/*------ step1 ------*/

body.flow ol.flow_list_charge li.step_01,

body.use_select ol.flow_list_charge li.step_01{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_01.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge li.step_01_active,

body.use_select ol.flow_list_charge li.step_01_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_01.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step2 ------*/

body.flow ol.flow_list_charge li.step_02,

body.use_select ol.flow_list_charge li.step_02{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_02.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge li.step_02_active,

body.use_select ol.flow_list_charge li.step_02_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_02.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step3 ------*/

body.flow ol.flow_list_charge li.step_03,

body.use_select ol.flow_list_charge li.step_03{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_03.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge li.step_03_active,

body.use_select ol.flow_list_charge li.step_03_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_03.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step4 ------*/

body.flow ol.flow_list_charge li.step_04,

body.use_select ol.flow_list_charge li.step_04{

	width							:	162px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_04.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge li.step_04_active,

body.use_select ol.flow_list_charge li.step_04_active{

	width							:	162px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_04.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step5 ------*/

body.flow ol.flow_list_charge li.step_05,

body.use_select ol.flow_list_charge li.step_05{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/flow_list_charge_step_05.gif) 0 0 no-repeat;

}



/* =======================================================

		A-4.無料利用時ログインフロー

======================================================= */

body.flow ol.flow_list_free_login{

	margin						:	4px 0 0 0;

}



body.flow ol.flow_list_free_login li{

	display					:	block;

	float						:	left;

}



body.flow ol.flow_list_free_login li.active{

	background-position	: 0 -59px;

}



/*------ step1 ------*/

body.flow ol.flow_list_free_login li.step_01{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_login_flow_step_01.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_free_login li.step_01_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_login_flow_step_01.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step2 ------*/

body.flow ol.flow_list_free_login li.step_02{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_login_flow_step_02.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_free_login li.step_02_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_login_flow_step_02.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step3 ------*/

body.flow ol.flow_list_free_login li.step_03{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/bg_regist_flow_step_dl.gif) 0 0 no-repeat;

}



/* =======================================================

	B.ボタンアクションの設定

======================================================= */



body.flow div.button{

	width					:	560px;

	height					:	62px;

	text-align				:	center;

	margin					:	0 auto 12px auto;

}



body.flow div.button img, 

body.flow div.button a{

	display					:	inline;

}



body.flow div.button_2{

	width					:	560px;

	height					:	62px;

	text-align				:	center;

	margin					:	0 auto 12px auto;

}



body.flow div.button_2 img, 

body.flow div.button_2 a{

	display					:	inline;

}



body.flow div.button_3{

	height					:	62px;

	text-align				:	center;

	margin					:	0 auto 6px auto;

}



body.flow div.button_3 img, 

body.flow div.button_3 a{

	display					:	inline;

}



body.flow div.button_4{

	height					:	30px;

	text-align				:	center;

	margin					:	0 auto 12px auto;

}



/* =======================================================

	C.テーブル・フォーム等、登録情報入力画面の設定

======================================================= */



form fieldset{

	margin					:	0 0 12px 0;

	border					:	none;

}



form fieldset legend img{

	margin					:	0;

}



body.flow table{

	width					:	100%;

	margin					:	10px 0 10px 0;

	border					:	1px solid #ccc;

	background				:	#fff;

}



body.flow table th{

	padding					:	4px 3px;

	text-align				:	center;

	border					:	1px solid #ccc;

	background				:	#d2dffb;

}



body.flow table td{

	padding					:	8px 6px;

	line-height				:	1.6;

	border					:	1px solid #ccc;

	background			:	#f2f2f2;

}



body.flow table td p{

	margin					:	0 0 6px 0;

}

body.flow table td.user_form_data input{

	float					:	left;

}

body.flow table td.user_form_data p{

	float					:	left;

	width					:	170px;

	margin					:	0 0 0 8px;!important;

}

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

	ご利用規約の設定

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



body.flow table#check_rule td{

	background				:	#fff;

}



body.flow table#check_rule td div.rule{

	height					:	200px;

	overflow				:	auto;

	border					:	1px solid #ccc;

	background				:	#fff;

}



div.rule h4{

	margin					:	6px 6px 12px 6px ;

	padding-left			:	6px;

	color					:	#333;

	font-size				:	16px;

	font-weight				:	bold;

	border-left				:	4px solid #333;

	border-bottom			:	1px dotted #333;

}



div.rule dl{

	margin					:	6px;

}



div.rule dl dt{

	color					:	#c00;

	font-weight				:	bold;

}



div.rule dl dd{

	margin					:	3px 0 20px 12px;

}



div.rule ol li{

	margin-left				:	20px;

	margin-bottom			:	12px;

	list-style-type			:	decimal !important;

}



div.rule dl dd.last, 

div.rule ol li.last{

	margin-bottom			:	40px !important;

}



div.rule ol.no_list_style li{

	margin-top				:	6px;

	margin-left				:	12px;

	color					:	#666;

	font-weight				:	bold;

	list-style-type			:	none !important;

}



body.flow table#check_rule{

	background				:	#ddd;

}



body.flow table#check_rule td div{

	width					:	100%;

	height					:	200px;

	overflow				:	auto;

	border					:	1px solid #ccc;

	background				:	#fff;

}



body.flow p.check{

	padding					:	8px;

	font-weight				:	bold;

	background				:	#f5d8d8;

	border					:	1px solid #ccc;

}



body.flow p.error{

	display					:	block;

	height					:	36px;

	padding					:	4px 4px 4px 50px;

	color					:	#cc0000;

	background				:	#ffffd4 url(../image/icon_error.gif) 4px 4px no-repeat;

	border					:	1px solid #ccc;

}



body.flow th.error{

	color					:	#cc0000 !important;

	background				:	#f0a7a7 !important;

}



body.flow td.error{

	background				:	#f5d8d8 !important;

}



div.form_ok p{

	background				:	url(../image/icon_form_ok.gif) 0 6px no-repeat;

	padding-top				:	7px;

	padding-left			:	18px;

	font-size				:	11px;

	color					:	#00c;

}



div.form_ng p{

	background				:	url(../image/icon_form_ng.gif) 0 6px no-repeat;

	padding-top				:	7px;

	padding-left			:	18px;

	font-size				:	11px;

	color					:	#c00;

}



div.form_first p{

	background				:	url(../image/icon_form_first.gif) 0 6px no-repeat;

	padding-top				:	7px;

	padding-left			:	18px;

	font-size				:	11px;

	color					:	#333;

}



input.form_height{

	height					:	1.5em;

}



/* =======================================================

	D.会員情報入力ヒント

======================================================= */



div.hint_box{

	float					:right;

	width					:223px;

	margin				:	20px 0 0 0;

}



div.hint_01{

	margin				:	0 0 20px 0;

	background				:	#fff;

	border					:	1px solid #ccc;

}



div.hint_01 h4.title_01{

	height					:	27px;

	background				:	url(../image/txt_title_h4_01.gif) 0 0 no-repeat;

}



div.hint_02{

	background				:	#fff;

	border					:	1px solid #ccc;

}



div.hint_02 h4.title_02{

	height					:	27px;

	background				:	url(../image/txt_title_h4_02.gif) 0 0 no-repeat;

}



div.hint_01 dl,

div.hint_02 dl{

	margin-top				:	6px;

}



div.hint_01 dl dt,

div.hint_02 dl dt{

	margin-bottom			:	6px;

	padding-left			:	3px;

	font-weight				:	bold;

	border-bottom			:	1px solid #666;

}



div.hint_01 dl dd,

div.hint_02 dl dd{

	margin-top				:	0;

	margin-bottom			:	8px;

}



div.hint_01 div.box_body,

div.hint_02 div.box_body{

	margin					:	2px 6px;

}



/* =======================================================

	E.利用可能サービスアイコンの設定

======================================================= */



ul.service_icon li{

	float					:	left;

	display					:	block;

	width					:	93px;

	background				:	#fcc;

	text-align				:	center;

	margin					:	0 10px 10px 0;

	padding-top				:	53px;

}



ul.service_icon li.icon_01{

	background				:	url(../image/icon_bachu.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_02{

	background				:	url(../image/icon_odds.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_03{

	background				:	url(../image/icon_movie.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_04{

	background				:	url(../image/icon_news.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_05{

	background				:	url(../image/icon_comment_01.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_06{

	background				:	url(../image/icon_comment_02.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_07{

	background				:	url(../image/icon_kisya.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_08{

	background				:	url(../image/icon_column.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_09{

	background				:	url(../image/icon_check.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_10{

	background				:	url(../image/icon_database.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_11{

	background				:	url(../image/icon_custom.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_12{

	background				:	url(../image/icon_baken.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_13{

	background				:	url(../image/icon_shushi.gif) 20px 0 no-repeat;

}



ul.service_icon li.icon_03_none{

	background				:	url(../image/icon_movie_none.gif) 20px 0 no-repeat;

	color					:	#999;

}



ul.service_icon li.icon_04_none{

	background				:	url(../image/icon_news_none.gif) 20px 0 no-repeat;

	color					:	#999;

}



ul.service_icon li.icon_13_none{

	background				:	url(../image/icon_shushi_none.gif) 20px 0 no-repeat;

	color					:	#999;

}



/* =======================================================

2.購入フロー・決済方法の選択

======================================================= */



.pay_box{

	margin: 0 0 20px 0;

	padding: 0 0 10px 0;

	border:	1px solid #ccc;

	background:	#fff;

}



h3.pay_txt{

	margin:	0 0 12px 0;

}



.pay_box h4{

	margin:	10px 10px 0 10px;

}



.pay_box .pay_box_body{

	margin:	6px 10px 0 10px;

	background:	#ececec;

}



.pay_box_body .pay_img_box{

	float:	left;

	width:	150px;

}



.pay_box_body .pay_img_box p{

	margin:	0 0 0 10px;

}



.pay_box_body .pay_img_box img{

	margin:	10px 0 0 10px;

}



.pay_box_body .pay_txt_box{

	float:	right;

	width:	364px;

}



.pay_box_body .pay_txt_box table{

	width:354px;

	margin:	10px 0 0 0;

}



.pay_box_body .pay_txt_box p{

	margin:	10px 10px 12px 0;

}



.pay_box_body .pay_txt_box ul{

	text-align:center;

}



.pay_box_body .pay_txt_box ul li{

	width:	250px;

	margin:	0 auto;

}



table tr td dl.arrow{

	margin					:	6px 0 6px 6px !important;

}



table tr td dl.arrow dd{

	margin					:	2px 2px 6px 0 !important;

	padding-left			:	14px !important;

	background				:	url(../image/arrow_left_black_03.gif) 0 2px no-repeat !important;

}



table.center td{

	text-align				:	center;

}



dl.hint{

	margin-bottom			:	20px;

}



dl.hint dt{

	margin-bottom			:	6px;

	color					:	#c00;

	font-weight				:	bold;

}



p.register_txt{

	display					:	block;

	width					:	270px;

	height					:	21px;

	background				:	url(../image/txt_p_03.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



p.alert_txt{

	display					:	block;

	width					:	587px;

	height					:	21px;

	background				:	url(../image/txt_p_04.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



p.contact_txt{

	display					:	block;

	width					:	302px;

	height					:	21px;

	background				:	url(../image/txt_p_06.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



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

	2-A.ご確認ください

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

div.attention{

	margin-bottom			:	20px;

	padding					:	8px;

	border					:	1px solid #ccc;

	background				:	#ffc;

}



div.attention h4{

	margin-bottom			:	6px;

	font-size				:	16px;

	font-weight				:	bold;

	border-bottom			:	1px solid #ccc;

}



div.attention dl dt{

	float					:	left;

	font-weight				:	bold;

}



div.attention p.arrow{

	margin					:	2px 2px 12px 12px;

	padding-left			:	14px;

	background				:	url(../image/arrow_left_attention.gif) 0 2px no-repeat;

}





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

	2-B.購入手続き完了後のFAQ

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

div.next_question{

	margin-bottom			:	20px;

	padding					:	8px;

	border					:	1px solid #ccc;

	background				:	#e6edff;

}



div.next_question h4{

	margin-bottom			:	6px;

	font-size				:	16px;

	font-weight				:	bold;

	border-bottom			:	1px solid #ccc;

}



div.next_question dl dt{

	font-weight				:	bold;

	margin-bottom			:	6px;

}



div.next_question dl dd{

	margin-left				:	12px;

}



div.next_question p{

	margin					:	6px 0;

}





/* =======================================================

3.登録情報のメニュー

======================================================= */

ul.use_info li{

	margin			:	10px 16px 20px 16px;

}



dl.cancel_attention dt{

	margin-bottom			:	6px;

	color					:	#c00;

	font-weight				:	bold;

}



dl.cancel_attention dd{

	margin					:	0 0 12px 6px;

}



p.cancel_txt{

	display					:	block;

	width					:	285px;

	height					:	21px;

	background				:	url(../image/txt_p_02.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



.logout{

	text-align:	right;

}



/* =======================================================

4.アンケート

======================================================= */



div.enquete_read{

	margin					:	0 0 20px 0;

}



div.enquete_read p.alert{

	font-size				:	11px;

}



dl.enquete{

	margin					:	0 0 20px 0;

}



dl.enquete dt{

	margin					:	0 0 6px 0;

	font-weight				:	bold;

}



dl.enquete dd.check{

	float					:	left;

	display					:	inline;

	width					:	250px;

	line-height				:	24px;

	background				:	none !important;

}



dl.enquete dd.check input{

	margin-right			:	3px;

}

dl.enquete dd.textarea{

	text-align				:	center;

}



dl.enquete dd.textarea textarea{

	width					:	540px;

	height					:	120px;

	margin					:	0 auto;

	font-size				:	13px;

	font-family					:'ＭＳ ゴシック','Osaka−等幅',monospace;

}



p.enquete_txt{

	display					:	block;

	width					:	290px;

	height					:	21px;

	background				:	url(../image/txt_p_09.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}





/* =======================================================

		A-3.購入手続きフロー改 09-05-27 takimoto

======================================================= */

body#content_2_column_2 div.contentsbox div.carge_02_login_box{

	width						:	580px;

	float						:	left;

}



body.flow ol.flow_list_charge_02,

body.use_select ol.flow_list_charge_02{

	margin						:	4px 0 0 0;

}



body.flow ol.flow_list_charge_02 li,

body.use_select ol.flow_list_charge_02 li{

	display					:	block;

	float						:	left;

}



body.flow ol.flow_list_charge_02 li.active,

body.use_select ol.flow_list_charge_02 li.active{

	background-position	: 0 -59px;

}



/*------ step1 ------*/

body.flow ol.flow_list_charge_02 li.step_01,

body.use_select ol.flow_list_charge_02 li.step_01{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_01.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_02 li.step_01_active,

body.use_select ol.flow_list_charge_02 li.step_01_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_01.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step2 ------*/

body.flow ol.flow_list_charge_02 li.step_02,

body.use_select ol.flow_list_charge_02 li.step_02{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_02 li.step_02_active,

body.use_select ol.flow_list_charge_02 li.step_02_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step3 ------*/

body.flow ol.flow_list_charge_02 li.step_03,

body.use_select ol.flow_list_charge_02 li.step_03{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_03.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_02 li.step_03_active,

body.use_select ol.flow_list_charge_02 li.step_03_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_03.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step4 ------*/

body.flow ol.flow_list_charge_02 li.step_04,

body.use_select ol.flow_list_charge_02 li.step_04{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_dl.gif) 0 0 no-repeat;

}



/*------ step4 ------*/

body.flow div.btn_login_input{

	width					:	300px;

	height					:	76px;

	text-align				:	center;

	margin					:	0 auto;

	padding					:	12px 0 0;

}





/*------ 支払い方法 ------*/

body#content_2_column_2 div.contentsbox .box_charge_02_price{

	float				:	right;

	width				:	180px;

	border				:	1px solid #999;

	padding				:	10px 0;

	text-align			:	center;

}

body#content_2_column_2 div.contentsbox .box_charge_02_price h3{

	width				:	162px;

	height				:	30px;

	margin				:	0 auto;

}

body#content_2_column_2 div.contentsbox .box_charge_02_price ul{

	width				:	164px !important;

	margin				:	10px auto !important;

	padding				:	0 !important;

}

body#content_2_column_2 div.contentsbox .box_charge_02_price ul li{

	display				:	inline;

	float				:	left;

	width				:	56px;

	margin				:	0 0 18px 19px;

}

/* =======================================================

		A-3.購入手続き（コース選択） 09-05-27 takimoto

======================================================= */

#corse_compares{

	width				:	734px;

	background			:	#6f6b6b;

	text-align			:	center;

	padding				:	4px 0;

	margin				:	auto;

}

#corse_compares h3{

	width				:	726px;

	height				:	38px;

	background			:	#f00;

	border-bottom		:	2px solid #222;

	margin				:	0 auto;

}

#corse_compares img{

	margin				:	auto;

}





/* =======================================================

2.お支払い方法の選択改　09-05-27 takimoto

======================================================= */

#pay_pagelink_box{

	border				:	1px solid #ccc;

	margin-bottom		:	18px;

}

#pay_pagelink_box h4{

	margin-left			:	12px;

	padding-top			:	8px;

}

#pay_pagelink_box ul{

	padding				:	12px 0;

}

#pay_pagelink_box ul li{

	display				:	inline;

	float				:	left;

	width				:	110px;

	text-align			:	center;

	margin				:	0;

}

#pay_pagelink_box ul li img{

	display				:	inline;

}



.pay_box{

	margin: 0 0 20px 0;

	padding: 0 0 10px 0;

	border:	1px solid #ccc;

	background:	#fff;

}



h3.pay_txt{

	margin:	0 0 12px 0;

}



.pay_box h4{

	margin:	10px 10px 0 10px;

}



.pay_box .pay_box_body{

	margin:	6px 10px 0 10px;

	background:	#ececec;

}



.pay_box_body .pay_img_box{

	float:	left;

	width:	150px;

}



.pay_box_body .pay_img_box p{

	margin:	0 0 0 10px;

}



.pay_box_body .pay_img_box img{

	margin:	10px 0 0 10px;

}



.pay_box_body .pay_txt_box{

	float:	right;

	width:	594px;

}



.pay_box_body .pay_txt_box table{

	width:	584px;

	margin:	10px 0 0 0;

}



.pay_box_body .pay_txt_box p{

	margin:	10px 10px 12px 0;

}



.pay_box_body .pay_txt_box ul{

	text-align:center;

}



.pay_box_body .pay_txt_box ul li{

	width:	250px;

	margin:	0 auto;

}



table tr td dl.arrow{

	margin					:	6px 0 6px 6px !important;

}



table tr td dl.arrow dd{

	margin					:	2px 2px 6px 0 !important;

	padding-left			:	14px !important;

	background				:	url(../image/arrow_left_black_03.gif) 0 2px no-repeat !important;

}



table.center td{

	text-align				:	center;

}



dl.hint{

	margin-bottom			:	20px;

}



dl.hint dt{

	margin-bottom			:	6px;

	color					:	#c00;

	font-weight				:	bold;

}



p.register_txt{

	display					:	block;

	width					:	270px;

	height					:	21px;

	background				:	url(../image/txt_p_03.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



p.alert_txt{

	display					:	block;

	width					:	587px;

	height					:	21px;

	background				:	url(../image/txt_p_04.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



p.contact_txt{

	display					:	block;

	width					:	302px;

	height					:	21px;

	background				:	url(../image/txt_p_06.gif) 0 0 no-repeat;

	margin					:	0 0 20px 0;

}



/* =======================================================

2.無料お試しなしの購入改　09-05-28 takimoto

======================================================= */



body.flow ol.flow_list_charge_03,

body.use_select ol.flow_list_charge_03{

	margin						:	4px 0 0 0;

}



body.flow ol.flow_list_charge_03 li,

body.use_select ol.flow_list_charge_03 li{

	display					:	block;

	float						:	left;

}



body.flow ol.flow_list_charge_03 li.active,

body.use_select ol.flow_list_charge_03 li.active{

	background-position	: 0 -59px;

}



/*------ step1 ------*/

body.flow ol.flow_list_charge_03 li.step_01,

body.use_select ol.flow_list_charge_03 li.step_01{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_01.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_03 li.step_01_active,

body.use_select ol.flow_list_charge_03 li.step_01_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_01.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step2 ------*/

body.flow ol.flow_list_charge_03 li.step_02,

body.use_select ol.flow_list_charge_03 li.step_02{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_02.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_03 li.step_02_active,

body.use_select ol.flow_list_charge_03 li.step_02_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_02.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step3 ------*/

body.flow ol.flow_list_charge_03 li.step_03,

body.use_select ol.flow_list_charge_03 li.step_03{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_03.gif) 0 0 no-repeat;

}



body.flow ol.flow_list_charge_03 li.step_03_active,

body.use_select ol.flow_list_charge_03 li.step_03_active{

	width							:	165px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_03.gif) 0 0 no-repeat;

	background-position	: 0 -59px;

}



/*------ step4 ------*/

body.flow ol.flow_list_charge_03 li.step_04,

body.use_select ol.flow_list_charge_03 li.step_04{

	width							:	131px;

	height						:	59px;

	background				:	url(../image/bg_charge_flow_step_02_dl.gif) 0 0 no-repeat;

}



/*------ step4 ------*/

body.flow div.btn_login_input{

	width					:	300px;

	height					:	76px;

	text-align				:	center;

	margin					:	0 auto;

	padding					:	12px 0 0;

}



/* =======================================================

5.コース変更

======================================================= */

p.warning_txt {

	font-size:14px;

}

p.warning_txt span.payment {

	font-size:1.3em;

	font-weight: bold;

}