@charset "euc-jp";

/*========================================================
目次
--------------------------------------------------------
1.お知らせ

2.利用方法

3.登録情報

4.よくある質問

5.サイトマップ

6.コース別利用サービス一覧

7.お客様の声
======================================================= */
/* =======================================================
1.お知らせ
======================================================= */
/*---- お知らせ記事 ----*/
body.info div.topic_box{
	position:	relative;
	width:	545px;
	margin:	0 0 40px 0;
	background				:	url(../image/bg_topic_foot.gif) 0 bottom no-repeat;
}

body.info div.topic_box h3{
	position:	absolute;
	top:	-20px;
	left:0;
	width:	545px;
	padding: 40px 0 0 35px;
	background				:	url(../image/bg_topic_h3.gif) 0 top no-repeat;
	font-size:	120%;
}

body.info div.topic{
	padding:	40px 35px 20px 35px;
}

body.info div.topic_box h4{
	font-size:	110%;
	font-weight:	bold;
}

/*---- お知らせバックナンバー ----*/
body.info div.topic_box_bn{
	position:	relative;
	width:	545px;
	background				:	url(../image/bg_topiclist_foot.gif) 0 bottom no-repeat;
}

body.info div.topic_box_bn h4{
	position:	absolute;
	top:	-20px;
	left:0;
	width:	545px;
	padding: 40px 0 0 35px;
	background				:	url(../image/bg_topiclist_h3.gif) 0 top no-repeat;
	font-size:	110%;
	font-weight:	bold;
}

body.info div.topic_bn p{
	position:	absolute;
	top:	24px;
	right:	35px;
}

body.info div.topic_bn{
	padding:	40px 35px 20px 35px;
}

div.topic_box_bn ul{
	margin				:	8px 0 0 0;
}

div.topic_box_bn ul li{
	padding-left				:	15px;
	margin-bottom				:	5px;
	background				:	url(../image/topic_listmark.gif) 0 3px no-repeat;
}

span.day{
	margin-left				:	6px;
	color					:	#666;
	font-size				:	11px;
}

/* =======================================================
4.よくある質問
======================================================= */

/* -----------------------------------------
よくある質問カテゴリ
----------------------------------------- */
body.faq dl.faq_category{
	width					:	177px;
	margin					:	0 0 8px;
	background				:	url(../image/side_ul_bg.gif) repeat-y 50% 0;
}

body.faq dl.faq_category dt{
	width					:	177px;
	height					:	42px;
	margin-bottom			:	8px;
}
body.faq dl.faq_category dd{
	width					:	175px;
	margin-top				:	6px;
	border					:	1px solid #095ca8 !important;
	background				:	#fafafa;
}
body.faq dl.faq_category dd a{
	display					:	block;
	padding					:	4px 2px 4px 23px;
	background				:	url(../image/side_faq_dd.gif) 4px center no-repeat;
}

.side_button_mypage a,
.side_button_coursechange a{
	display					:	block;
	width					:	177px;
	height					:	42px;
	margin					:	0 0 8px;
}
.side_button_mypage a, 
.side_button_mypage a:link, 
.side_button_mypage a:visited{
	background				:	url(../image/side_button_mypage.gif) 0 0 no-repeat;
}
.side_button_mypage a:hover, 
.side_button_mypage a:active{
	background-position		:	0 -42px;
}

.side_button_coursechange a, 
.side_button_coursechange a:link, 
.side_button_coursechange a:visited{
	background				:	url(../image/side_button_coursechange.gif) 0 0 no-repeat;
}
.side_button_coursechange a:hover, 
.side_button_coursechange a:active{
	background-position		:	0 -42px;
}

body.faq .button_to_mypage{
	margin:	20px 0 0 0;
}

body.faq .button_to_mypage a{
	display:	block;
	width:600px;
	height:	66px;
}

body.faq .button_to_mypage a, 
body.faq .button_to_mypage a:link, 
body.faq .button_to_mypage a:visited{
	background-position				:	0 0;
}

body.faq .button_to_mypage a:hover, 
body.faq .button_to_mypage a:active{
	background-position		:	0 -66px;
}

/* -----------------------------------------
よくある質問カテゴリ終わり
----------------------------------------- */

/* -----------------------------------------
よくある質問カテゴリ別一覧
----------------------------------------- */

body.faq ol.faq_list li{
	margin					:	6px 0 0 12px;
	padding					:	0 13px 0 14px;
	background				:	url(../image/icon_help.gif) 0 4px no-repeat;
}

body.faq ol.faq_list li a:visited{
	padding					:	0 11px 0 0;
	color					:	#c30;
	background				:	url(../image/icon_visited.gif) right 0 no-repeat !important;
}

body.faq ol.other{
	margin					:	6px 0 0 0;
	padding					:	0 0 6px 0;
}

body.faq dl{
	border					:	none;
}

/* -----------------------------------------
よくある質問カテゴリ別一覧終わり
----------------------------------------- */

/* -----------------------------------------
質問と答え
----------------------------------------- */

body.faq dl.q_a{
	width						:	600px;
	padding					:	0 0 40px 0;
	background		:	url(../image/bg_faq_03.gif) 0 bottom no-repeat;
}

body.faq dl.q_a dt.question{
	margin					:	0 0 0 82px;
	padding					:	0 40px 4px 28px;
	font-size				:	105%;
	line-height				:	19px;
	color					:	#c30;
	background				:	url(../image/icon_question.gif) 0 0 no-repeat;
}

body.faq dl.q_a dd.answer{
	line-height				:	19px;
	background				:	url(../image/icon_answer.gif) 0 8px no-repeat;
}
body.faq dl.q_a dd{
	padding					:	8px 40px 20px 28px;
	margin					:	0 0 0 82px;
}

body.faq p.return_top{
	float					:	right;
	margin					:	6px 0 6px 12px;
	padding-left			:	14px;
	background				:	url(../image/arrow_left_link.gif) 0 4px no-repeat;
}

/* -----------------------------------------
質問と答え終わり
----------------------------------------- */


/* =======================================================
5.サイトマップ
======================================================= */

body.sitemap div.contentsbox div.box_body_3 dl{
	border					:	none;
}

body.sitemap div.contentsbox div.box_body_3 dl dt{
	margin-bottom			:	6px;
	padding-left			:	6px;
	color					:	#333;
	font-size				:	100%;
	font-weight				:	bold;
	line-height				:	24px;
	border-left				:	4px solid #dadfff;
	background				:	#ededed;
}

body.sitemap div.contentsbox div.box_body_3 dl dt a, 
body.sitemap dl dt.title a{
	color					:	#333;
	font-weight				:	bold;
}

body.sitemap dl dt.title{
	margin-bottom			:	12px !important;
}

body.sitemap dl dd.last{
	margin-bottom			:	12px !important;
	padding-bottom			:	6px;
}
/* =======================================================
7.お客様の声
======================================================= */

body.voice dl{
	margin						:	12px 6px 30px 0;
	padding						:	0 0 18px 0;
	background					:	url(../image/bg_dotline_info_box.gif) left bottom repeat-x;
}

body.voice dl dt{
	margin						:	0 0 8px 0;
	padding						:	0 0 4px 10px;
	line-height					:	16px;
	border-bottom				:	1px solid #4096ee;
	background					:	url(../image/user_voice_txt_head.gif) 0 0 no-repeat;
}

body.voice dl dd{
	margin						:	0 6px 12px 6px !important;
	text-indent					:	1em;
}

body.voice dl.last{
	background					:	none;
}

body.voice div.voice_free{
	text-align					:	center;
}

body.voice div.voice_free img{
	margin						:	0 auto;
}

body.voice div.register_button{
	margin						:	12px 0 20px 0;
}

body.voice div.register_button ul{
	margin						:	0 0 0 28px;
}

body.voice div.register_button ul li{
	float						:	left;
	display						:	inline;
	margin						:	0 6px;
}