@charset "euc-jp";

/* =======================================================
ご利用方法の設定
======================================================= */


/* =======================================================
目次
==========================================================

/* =======================================================
1.トップページ設定
======================================================= */
ul.use_select_corse{
	width					:	583px;
	margin					:	0 auto 10px;	
}

ul.use_select_course li{
	margin-bottom			:	1.4em;
}

ul.use_select_course li a{
	display:	block;
	width:600px;
	height:	66px;
}

ul.use_select_course li a, 
ul.use_select_course li a:link, 
ul.use_select_course li a:visited{
	background-position				:	0 0;
}

ul.use_select_course li a:hover, 
ul.use_select_course li a:active{
	background-position		:	0 -66px;
}



/* -----------------------------------------
	共通
----------------------------------------- */
body.howto h2{
	margin					:	0;
	padding					:	0;
	text-align				:	center;
}

body.howto h2.sub_h{
	margin-bottom			:	2em;
	padding					:	0;
	text-align				:	center;
}

body.howto h2 img{
	margin					:	auto;
}

body.howto img.cap,
body.howto dl.howto dt img{
	margin-bottom			:	10px;
}

body.howto dl.howto{
	width					:	580px;
	margin					:	0 auto 10px;	
}

body.howto p.next_use{
	text-align				:	center;
}
body.howto p.next_use img{
	margin					:	0 auto;
}

body.howto dl.howto_text_dlist dt{
	margin					:	0 0 0.3em 0;
	font-weight				:	bold;
	text-align				:	left;
	font-size				:	1em;
}

body.howto dl.howto_text_dlist dd{
	margin					:	0 0 1em 2em;
	text-align				:	left;
}

.b_bottom{
	padding					:	0 0 8px 0 !important;
	margin-bottom			:	20px !important;
	border-bottom			:	1px dotted #ccc;
}
body.howto dl.howto dt{
	margin					:	0 0 6px 0;
	font-weight				:	bold;
}

dl.howto_text_dl dt{
	font-size				:	1.3em;
	font-weight				:	bold;
	margin-bottom			:	0.5em;
}
dl.howto_text_dl dd{
	margin-bottom			:	0.8em;
}

/* -----------------------------------------
	ボタン
----------------------------------------- */

body.howto ul.trial{
	text-align				:	center;
}

body.howto ul.trial li a{
	display					:	block;
	width					:	390px;
	height					:	39px;
	margin					:	0 auto;
}
body.howto ul.trial li.step02_1 a, 
body.howto ul.trial li.step02_1 a:link, 
body.howto ul.trial li.step02_1 a:visited{
	background				:	url(../image/button_use_step_02_1.gif) 0 0 no-repeat;
}
body.howto ul.trial li.step02_2 a, 
body.howto ul.trial li.step02_2 a:link, 
body.howto ul.trial li.step02_2 a:visited{
	background				:	url(../image/button_use_step_02_2.gif) 0 0 no-repeat;
}

body.howto ul.trial li.step03 a, 
body.howto ul.trial li.step03 a:link, 
body.howto ul.trial li.step03 a:visited{
	background				:	url(../image/button_use_step_03.gif) 0 0 no-repeat;
}

body.howto ul.trial li.step02_1 a:hover, 
body.howto ul.trial li.step02_1 a:active,
body.howto ul.trial li.step02_2 a:hover,
body.howto ul.trial li.step02_2 a:active,
body.howto ul.trial li.step03 a:hover,
body.howto ul.trial li.step03 a:active{
	background-position		:	0 -39px;
}

body.howto ul.free{
	text-align				:	center;
}
body.howto ul.free li a{
	display					:	block;
	width					:	248px;
	height					:	56px;
	margin					:	0 auto;
}
body.howto ul.free li.free_button a, 
body.howto ul.free li.free_button a:link, 
body.howto ul.free li.free_button a:visited{
	background				:	url(../image/button_use_free.gif) 0 0 no-repeat;
}
body.howto ul.free li.free_button a:hover, 
body.howto ul.free li.free_button a:active{
	background-position		:	0 -56px;
}

body.howto ul.charge{
	text-align				:	center;
}
body.howto ul.charge li a{
	display					:	block;
	width					:	250px;
	height					:	55px;
	margin					:	0 auto;
}
body.howto ul.charge li.charge_button a, 
body.howto ul.charge li.charge_button a:link, 
body.howto ul.charge li.charge_button a:visited{
	background				:	url(../image/button_charge_register.gif) 0 0 no-repeat;
}
body.howto ul.charge li.charge_button a:hover, 
body.howto ul.charge li.charge_button a:active{
	background-position		:	0 -55px;
}

/* -----------------------------------------
	クレジットカード購入方法
----------------------------------------- */
#use_credit_list{
	width					:	580px;
	margin					:	1.4em auto;
	border					:	1px solid #222;
	text-align				:	left;
}
#use_credit_list dl{
	width					:	560px;
	margin					:	1em auto;
}
#use_credit_list dl dt{
	width					:	138px;
	height					:	19px;
	background				:	url(../image/txt_use_credit.gif) 0 0 no-repeat;
}
#use_credit_list dl dd dl{
	width					:	560px;
}
#use_credit_list dl dd dl dt{
	display					:	inline;
	width					:	60px;
	height					:	40px;
	background				:	none !important;
}
#use_credit_list dl dd dl dt img{
	display					:	inline;
	vertical-align			:	middle;
}

#use_credit_list dl dd dl dd{
	display					:	inline;
}

/* -----------------------------------------
	バージョンUP対応（アンインストール）
----------------------------------------- */

ul.use_select_corse{
	width					:	583px;
	margin					:	0 auto 10px;	
}

ul.use_uninst li{
	margin-bottom			:	1.4em;
}

ul.use_uninst li a{
	display:	block;
	width:398px;
	height:	44px;
}

ul.use_uninst li a, 
ul.use_uninst li a:link, 
ul.use_uninst li a:visited{
	background-position				:	0 0;
}

ul.use_uninst li a:hover, 
ul.use_uninst li a:active{
	background-position		:	0 -44px;
}

/* =========注意書き その2=========== */
div.attention2{
	margin-bottom				:	20px;
	background					:	url(../image/bg_attention_2.gif) 0 0 no-repeat;
}

div.attention2 dl{
	padding							:	30px 28px 16px 28px;
	background					:	url(../image/bg_attention_2_a.gif) 0 bottom no-repeat;
}

div.attention2 dl dt{
	margin							:	0 0 6px 0;
	font-size						:	120%;
	font-weight					:	bold;
}

div.attention2 dl dd{
	width								:	490px;
}

dl.howto dd.pay_credit{
	margin							:10px 0 10px 165px ;
}

/* (20081018 コース変更ページ) */

ul.use_coursechange li{
	margin-bottom			:	1.5em;
}

ul.use_coursechange li a{
	display:	block;
	width:583px;
	height:	45px;
}

ul.use_coursechange li a, 
ul.use_coursechange li a:link, 
ul.use_coursechange li a:visited{
	background-position				:	0 0;
}

ul.use_coursechange li a:hover, 
ul.use_coursechange li a:active{
	background-position		:	0 -45px;
}