@charset "euc-jp";
/*
/////////////////////////////////
//							   //
//	WAO 資格カレッジ		   //
//	CSS Edit				   //
//							   //
//	ROCOZ GRAPHICS W.kimura	   //
//	2007.8.11				   //
//							   //
//	追加CSSは日付を記入		   //
/////////////////////////////////



*/

/*============================= カタログ =============================*/

#catalog_box{
	width				:	560px;
	margin-left			:	15px;
	margin-bottom		:	30px;
}

#catalog_box .anc{
	clear				:	both;
	float				:	right;
	background			:	url(../images/catalog/arrow_u.gif) center left no-repeat;
	padding-left		:	20px;
	margin-top			:	10px;
}

/** コースセレクタ **/
.catalog_selecter{
	width				:	560px;
}

.catalog_selecter table{
	background			:	url(../images/catalog/course_selecter_bg.jpg) top left repeat-x;
}

.selecter_1{
	width				:	125px;
	height				:	35px;
}

.selecter_2{
	width				:	355px;
	height				:	35px;
}

.selecter_3{
	width				:	70px;
	height				:	35px;
}

.selecter_return{
	float				:	right;
	background			:	url(../images/catalog/detail_arrow_1.jpg) center left no-repeat;
	padding-left		:	20px;
	line-height			:	24px;
}

/** トップページのキャッチコピー **/
.catalog_catch{
	margin-top			:	15px;
	color				:	#666;
}

.catalog_catch_1{
	width				:	85px;
	float				:	left;
}

.catalog_catch_2_a{
	width				:	275px;
	float				:	left;
}

.catalog_catch_2_b{
	width				:	475px;
	float				:	left;
}

.catalog_catch_3{
	width				:	200px;
	float				:	left;
}

.catalog_catch_text1{
	padding				:	5px 8px;
	font-size			:	18px;
	font-weight			:	bold;
	color				:	#F30;
}

.catalog_catch_text2{
	padding				:	0px 8px 20px 8px;
	line-height			:	185%;
}


/** トップページのシミュレーション **/
.catalog_sim{
	background-color	:	#ECF7FF;
	background			:	url(../images/catalog/catalog_sim_bg_1.jpg) repeat-y left top;
	margin-bottom		:	20px;
}

.catalog_sim_ttl{
	margin-bottom		:	25px;
}

.catalog_sim dt{
	width				:	200px;
	float				:	left;
	height				:	35px;
}

.catalog_sim dd{
	width				:	335px;
	float				:	right;
	text-align			:	right;
	height				:	35px;
	padding-right		:	25px;
}


/** トップページのコース一覧 **/
.catalog_course{
	margin-bottom		:	30px;
}

.catalog_course dl{
	padding				:	10px;
	border-bottom		:	1px #333 dashed;
}

.catalog_course dt{
	font-weight			:	bold;
	line-height			:	35px;
}

.catalog_course dd{
	line-height			:	25px;
	background			:	url(../images/catalog/catalog_course_icon_1.jpg) no-repeat left top;
	padding-left		:	20px;
}


/** 商品の見出し **/
.catalog_midashi{
	border-bottom		:	1px #666 solid;
	padding-bottom		:	25px;
}

.catalog_midashi div.midashi1{
	width				:	85px;
	float				:	left;
}

.catalog_midashi div.midashi2{
	width				:	475px;
	float				:	right;
}

.catalog_midashi div.midashi3{
	width				:	471px;
	float				:	right;
	font-size			:	17px;
	font-weight			:	bold;
	color				:	#06F;
	line-height			:	35px;
	margin-left			:	4px;
}

.catalog_midashi dl{
	margin-bottom		:	25px;
}

.catalog_midashi dt{
	font-size			:	15px;
	font-weight			:	bold;
	color				:	#F30;
	margin-bottom		:	10px;
}

.catalog_midashi dd{
	line-height			:	170%;
}


/** カタログのインデックス **/
.catalog_index{
	line-height			:	62px;
	margin-left			:	20px;
}

.catalog_index li{
	float				:	left;
}


/** カタログの講師紹介 **/
.catalog_teacher{
	margin-bottom		:	45px;
}

.catalog_teacher dd{
	padding				:	10px;
}

.teacher_box{
	line-height			:	170%;
}

.teacher_box img{
	margin				:	0px 20px 20px 0px;
}


/** カタログ講座の特徴 **/
.catalog_kouza{
	margin-bottom		:	25px;
}

.kouza_box{
	width				:	500px;
	border				:	#0F92FE 1px solid;
	padding				:	18px;
	margin				:	17px 9px;
}

.kouza_box dt{
	font-size			:	17px;
	font-weight			:	bold;
	color				:	#F30;
	margin-bottom		:	14px;
}

.kouza_box dd{
	float				:	left;
}

.kouza_box dd.left{
	width				:	140px;
}

.kouza_box dd.right{
	padding-left		:	23px;
	width				:	330px;
	line-height			:	175%;
}

.kouza_box .left_menu_1{
	background			:	url(../images/catalog/detail_arrow_1.jpg) top left no-repeat;
	padding-left		:	20px;
	margin				:	10px 0px 10px 13px;
}

.kouza_box .left_menu_2{
	font-size			:	10px;
}

.kouza_box .kouza_border{
	height				:	1px;
	margin-bottom		:	10px;
	border-bottom		:	1px dashed #666;
}

.kouza_box .warning{
	font-size			:	10px;
	color				:	#F30;
	line-height			:	140%;
	margin-top			:	10px;
}


/** カタログ教材 **/
.catalog_kyozai{
	margin-bottom		:	25px;
}

.kyozai_box{
	margin				:	20px 10px;
}

.kyozai_box .kyozai_left{
	width				:	230px;
	float				:	left;
}

.kyozai_box dl{
	width				:	310px;
	float				:	right;
	line-height			:	175%;
}

.kyozai_box ul{
	width				:	310px;
	float				:	right;
	line-height			:	175%;
}

.kyozai_box li{
	background			:	url(../images/catalog/detail_arrow_1.jpg) center left no-repeat;
	padding-left		:	20px;
}


/** カタログ学習の流れ **/
.catalog_nagare{
	margin-bottom		:	25px;
}

.catalog_nagare dt{
	margin-bottom		:	20px;
}


/** カタログカリキュラム **/

.catalog_cal{
	margin-bottom		:	25px;
}

.cal_box{
	width				:	543px;
	margin-left			:	10px;
}

.catalog_cal dt{
	margin-top			:	20px;
}

.catalog_cal dd{
	border-top			:	#FFF solid 1px;
}

.catalog_cal table{
	width				:	100%;
	border-collapse		:	collapse;
	empty-cells			:	show;
	border-spacing		:	0;
}

.catalog_cal tr.gray{
	background-color	:	#F3F3F3;
}

.catalog_cal th{
	background-color	:	#7AC2FE;
	border				:	#7AC2FE solid 1px;
	padding				:	4px 10px;
	color				:	#FFF;
	font-size			:	14px;
	font-weight			:	normal;
	text-align			:	left;
}

.catalog_cal th a{
	padding				:	5px 25px;
	background			:	url(../images/catalog/detail_arrow_5.jpg) no-repeat center left;
	color				:	#FFF;
	text-decoration		:	underline;
}

.catalog_cal th a:visited{
	color				:	#FFF;
	text-decoration		:	underline;
}

.catalog_cal th a:hover{
	color				:	#F30;
	text-decoration		:	underline;
}

.catalog_cal th a:active{
	color				:	#F30;
	text-decoration		:	underline;
}

.catalog_cal th.open a{
	background			:	url(../images/catalog/detail_arrow_2.jpg) no-repeat center left;
}

.catalog_cal td{
	border				:	#0F92FE solid 1px;
	padding				:	4px 10px;
}

.catalog_cal td.subh,
.catalog_cal td.subh_open{
	background-color	:	#ECF5FF;
	font-size			:	14px;
}

.catalog_cal td.subh a{
	background			:	url(../images/catalog/detail_arrow_4.jpg) no-repeat center left;
	padding-left		:	15px;
	text-decoration		:	underline;
}

.catalog_cal td.subh a:visited,
.catalog_cal td.subh_open a:visited{
	text-decoration		:	underline;
}

.catalog_cal td.subh_open a{
	background			:	url(../images/catalog/detail_arrow_3.jpg) no-repeat center left;
	padding-left		:	15px;
	text-decoration		:	underline;
}

.catalog_cal td.time,
.catalog_cal td.total_time{
	text-align			:	right;
}

.catalog_cal td.time{
	color				:	#06F;
}

.catalog_cal td.total_time{
	font-weight			:	bold;
	color				:	#F00;
}


/** 講座内容 **/

.kouza_cont{
	margin-bottom		:	20px;
	color				:	#666;
}

.kouza_cont ul{
	margin-top			:	20px;
}

.kouza_cont li{
	margin				:	0 20px 10px;
}


/** 受講料 **/

#catalog_box .price{
	margin-bottom		:	30px;
}

#catalog_box .price_inner{
	margin				:	0 45px;
}

#catalog_box .price dl{
	margin-top			:	20px; 
}



#catalog_box .price dd{
	font-size			:	16px;
	font-weight			:	bold;
	color				:	#F00;
	margin-bottom		:	15px;
}

#catalog_box .price table{
	border-collapse		:	collapse;
	empty-cells			:	show;
	border-spacing		:	0;
	margin-bottom		:	20px;
}

#catalog_box .price th{
	border				:	#09F solid 1px;
	background-color	:	#DDEEFF;
	font-weight			:	normal;
	color				:	#06F;
	padding				:	4px 10px;
	text-align			:	left;
}

#catalog_box .price td{
	border				:	#09F solid 1px;
	padding				:	4px 10px;
}

#catalog_box .price .price_box{
	background			:	url(../images/catalog/detail_campaign_3.jpg) repeat-y;
	width				:	470px;
	margin-bottom		:	30px;
}

#catalog_box .price li{
	float				:	left;
}

#catalog_box .price .discount{
	font-size			:	18px;
	line-height			:	40px;
	padding-left		:	50px;
}

#catalog_box .discount_box{
	color			:	#FFF;
	font-size		:	20px;
	font-weight		:	bold;
	line-height		:	41px;
	padding			:	0px 5px;
	background		:	url(../images/catalog/campaign_icon_1_b.jpg) top left repeat-x;
}

#catalog_box .price .price_box_top{
	background			:	url(../images/catalog/detail_campaign_1.jpg) no-repeat;
	width				:	470px;
	height				:	10px;
}

#catalog_box .price .price_box_btm{
	background			:	url(../images/catalog/detail_campaign_2.jpg) no-repeat;
	width				:	470px;
	height				:	10px;
}

#catalog_box .price .price_box p.top{
	text-align			:	center;
	margin-bottom		:	10px;
}

#catalog_box .price .price_box p.btm{
	text-align			:	center;
	font-size			:	24px;
	font-weight			:	bold;
	color				:	#F00;
}

#catalog_box .price .price_box p.btm img{
	vertical-align		:	middle;
	margin-left			:	10px;
	margin-right		:	5px;
}

#catalog_box .price .price_box p.btm span.del{
	font-size			:	16px;
	color				:	#333;
	text-decoration		:	line-through;
}

#catalog_box .price .price_box p.btm span.sml{
	font-size			:	16px;
}

#catalog_box .price p.btn{
	text-align			:	center;
}


/*============================= カタログ　シミュレーション結果 =============================*/

#catalog_sum_result{
	margin				:	15px 12px 30px;
}

#catalog_sum_result ul.top_btn{
	text-align			:	right;
}

#catalog_sum_result ul.top_btn li{
	background			:	url(../images/common/arrow_r.gif) no-repeat center left;
	display				:	inline;
	margin-left			:	10px;
	padding				:	2px 0 2px 20px;
}

#catalog_sum_result ul.top_btn li a,
#catalog_sum_result ul.top_btn li a:visited{
	text-decoration		:	underline;
}

#catalog_sum_result .catalog_ttl{
	margin-bottom		:	20px;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .catalog_ttl:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .catalog_ttl div.ttl1{
	width				:	85px;
	float				:	left;
}

#catalog_sum_result .catalog_ttl div.ttl2{
	width				:	475px;
	margin-top			:	14px;
	float				:	right;
}

#catalog_sum_result h3{
	background			:	url(../images/catalog/ttls_catalog_cursimu.jpg) no-repeat;
	width				:	560px;
	height				:	31px;
	text-indent			:	-9999px;
	font-size			:	100%;
	margin-bottom		:	15px;
}

#catalog_sum_result .cur_box{
	background-color	:	#ECF7FF;
	border				:	#54B1FE solid 1px;
	padding				:	14px 14px 20px;
	margin-bottom		:	30px;
}

#catalog_sum_result .cur_box .course_box{
	background-color	:	#FFF;
	border				:	#018CFE solid 1px;
	padding				:	15px;
	margin-bottom		:	25px;
}

#catalog_sum_result .cur_box .course_box h4{
	font-size			:	14px;
	font-weight			:	bold;
	color				:	#666;
}

#catalog_sum_result .cur_box .course_box dl.top{
	margin-bottom		:	10px;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .cur_box .course_box dl.top:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .cur_box .course_box dl.top dt{
	float				:	left;
}

#catalog_sum_result .cur_box .course_box dl.top dd{
	float				:	left;
	margin-right		:	15px;
}

#catalog_sum_result .cur_box .course_box_btm{
	clear				:	both;
	background			:	url(../images/catalog/bg_curboxbtm.gif) repeat-y;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .cur_box .course_box_btm:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .cur_box .course_box_btm .leftbox{
	float				:	left;
	width				:	170px;
	margin-right		:	30px;
}

#catalog_sum_result .cur_box .course_box_btm .leftbox ul{
	margin-left			:	5px;
	margin-top			:	10px;
}

#catalog_sum_result .cur_box .course_box_btm .leftbox li{
	background			:	url(../images/catalog/mark_bluesquare.gif) no-repeat left 5px ;
	padding-left		:	12px;
	margin-bottom		:	10px;
}

#catalog_sum_result .cur_box .course_box_btm .rightbox{
	float				:	left;
	width				:	290px;
}

/* シュミレーション時間表示部（OK） */

#catalog_sum_result .cur_box .rightbox dl.time{
	background-color	:	#FFE9D2;
	border				:	#F60 solid 1px;
	margin				:	10px 0;
	padding				:	5px 20px;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .cur_box .rightbox dl.time:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .cur_box .rightbox dl.time dt{
	float				:	left;
	margin-right		:	10px;
	margin-top			:	6px;
}

#catalog_sum_result .cur_box .rightbox dl.time dd{
	float				:	left;
	font-size			:	20px;
	font-weight			:	bold;
	color				:	#F30;
}

/* シュミレーション時間表示部（OK）ここまで */

/* シュミレーション時間表示部（NG） */

#catalog_sum_result .cur_box .rightbox dl.time_ng{
	background-color	:	#FFF0FF;
	border				:	#C00 solid 1px;
	margin				:	10px 0;
	padding				:	5px 20px;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .cur_box .rightbox dl.time_ng:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .cur_box .rightbox dl.time_ng dt{
	float				:	left;
	margin-right		:	10px;
	margin-top			:	6px;
}

#catalog_sum_result .cur_box .rightbox dl.time_ng dd{
	float				:	left;
	font-size			:	20px;
	font-weight			:	bold;
	color				:	#F30;
}

/* シュミレーション時間表示部（NG）ここまで */

#catalog_sum_result .cur_box p.resimu,
#catalog_sum_result .cur_box p.notice{
	text-align			:	center;
}

#catalog_sum_result .cur_box p.resimu{
	margin-bottom		:	10px;
}

#catalog_sum_result .cur_box p.notice{
	color				:	#006;
	font-size			:	10px;
	margin-bottom		:	40px;
}

#catalog_sum_result .cur_box dl.select_simu{
	clear				:	both;
	margin				:	0 5px 15px;
	display			:	inline-block;		/*Clear For IE*/
}

#catalog_sum_result .cur_box dl.select_simu:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

#catalog_sum_result .cur_box dl.select_simu dt{
	float				:	left;
	margin-bottom		:	0px;
}

#catalog_sum_result .cur_box dl.select_simu dd{
	float				:	right;
	margin-bottom		:	0px;
}

#catalog_sum_result .cur_box dl.select_simu dd li{
	display				:	inline;
}

#catalog_sum_result .cur_box p.btn{
	clear				:	both;
	text-align			:	center;
}

#catalog_sum_result p.box_btm{
	margin-bottom		:	10px;
	text-align			:	center;
}

#catalog_sum_result p.box_btm span{
	color				:	#F00;
	font-size			:	14px;
	font-weight			:	bold;
	padding-left		:	5px;
	padding-right		:	5px;
}

#catalog_sum_result ul.btn{
	text-align			:	center;
}

#catalog_sum_result ul.btn li{
	display				:	inline;
}

#catalog_sum_result ul.btn li.l_btn img{
	margin-right		:	20px;

}


/*============================= カタログ Q&A =============================*/
.qa_box{
}

.qa_bind{
	padding				:	10px 35px;
	display				:	inline-block;
}

.qa_box ul:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

.qa_bind li{
	width				:	140px;
	float				:	left;
	background			:	url(../images/catalog/arrow_d.gif) center left no-repeat;
	padding-left		:	20px;
	line-height			:	30px;
}

.quest_box{
	width				:	540px;
	clear				:	both;
	margin-bottom		:	20px;
	margin-left			:	10px;
}

.quest_box h4{
	color				:	#FFF;
	font-size			:	14px;
	line-height			:	35px;
	background-color	:	#7AC2FE;
	padding-left		:	10px;
	font-weight			:	normal;
	margin-bottom		:	10px;
}

.quest_box dl{
	clear				:	both;
	padding				:	3px 10px 0px 15px;
}

.quest_box dt{
	float				:	left;
	margin-right		:	10px;
	color				:	#06F;
	font-weight			:	bold;
}

.quest_box dd{
	float				:	left;
}

.answer_box{
	width				:	540px;
	clear				:	both;
	margin-bottom		:	20px;
	margin-left			:	10px;
}

.answer_box h4{
	color				:	#FFF;
	font-size			:	14px;
	line-height			:	35px;
	background-color	:	#7AC2FE;
	padding-left		:	10px;
	font-weight			:	normal;
	margin-bottom		:	10px;
}

.answer_box span{
	float				:	left;
	margin-right		:	10px;
	color				:	#06F;
	font-weight			:	bold;
}

.answer_box dt{
	padding				:	10px;
	background-color	:	#C8E7FF;
}

.answer_box dd{
	padding				:	12px 15px 0px 42px;
	background-color	:	#F6F6F6;
	background			:	url(../images/catalog/mark_a.gif) 10px 12px no-repeat;
	line-height			:	170%;
	color				:	#666;
}

.answer_box dd.return{
	background			:	none;
	padding				:	10px 15px 12px 42px;
	text-align			:	right;
}

.answer_box dd.return a{
	background			:	url(../images/catalog/arrow_u.gif) center left no-repeat;
	padding-left		:	20px;
}


/****** 情報リンク ******/
.info_iframe{
	padding				:	20px 8px 0px 8px;
}

.info_iframe .info_f1{
	width				:	538px;
	background-color	:	#FFCADB;
	padding-right		:	6px;
}

.info_iframe .info_f2{
	width				:	538px;
	background-color	:	#ACDAFF;
	padding-right		:	6px;
}

.info_iframe table{
	float				:	right;
}

.info_iframe_box{
	width				:	542px;
	border				:	#CCC 1px solid;
}

.info_arrow{
	background			:	url(../images/common/arrow_r.gif) center left no-repeat;
	margin-left			:	7px;
	line-height			:	36px;
	padding-left		:	20px;
}

.info_links{
	width				:	521px;
	background			:	url(../images/common/info_bg_1.jpg) top left no-repeat;
	background-color	:	#D7E4FF;
	margin-left			:	9px;
	padding				:	0px 10px 10px 10px;
}

.info_links_foot{
	width				:	541px;
	margin-left			:	9px;
}

.info_links_title{
	margin				:	8px 0px;
}

.info_links_menu_1{
	margin				:	10px 0px;
}

.info_links_menu_1 ul{
	width				:	160px;
	float				:	left;
	border-right		:	1px solid #06F;
}

.info_links_menu_1 li{
	padding-left		:	10px;
	line-height			:	22px;
}

.info_links_iframe_box{
	border				:	1px solid #CCC;
	background-color	:	#FFF;
}

.info_white_box{
	background-color	:	#FFF;
	padding				:	10px;
}

.info_white_box li{
	background			:	url(../images/common/arrow_r.gif) left center no-repeat;
	padding-left		:	20px;
	line-height			:	30px;
}

.info_white_box p{
	color				:	#06F;
	font-weight			:	bold;
	padding-left		:	5px;
	line-height			:	30px;
	margin-top			:	10px;
}

.info_white_box dl{
	float				:	left;
}

.info_white_box dt{
	color				:	#06F;
	font-weight			:	bold;
	font-size			:	14px;
	line-height			:	30px;
}

.info_white_box dd{
	padding-left		:	22px;
	line-height			:	20px;
	background			:	url(../images/catalog/detail_arrow_4.jpg) 10px 4px no-repeat;
}

.info_dl_half{
	width				:	50%;
}

.info_dl_full{
	width				:	100%;
}

/************* 体験記 *************/
.talk_box{
}


.talk_bind{
	padding				:	10px;
	display				:	inline-block;
}

.talk_box ul:after{
	/**** clear ****/
	content				:	".";
	height				:	0;
	clear				:	both;
	display				:	block;
	visibility			:	hidden;
	/**** clear ****/
}

.talk_box li{
	background			:	url(../images/catalog/detail_arrow_1.jpg) center left no-repeat;
	padding-left		:	20px;
	line-height			:	25px;
}

.talk_detail{
}

.talk_detail dt{
	text-align			:	right;
	color				:	#06F;
	line-height			:	20px;
	height				:	20px;
	padding				:	5px;
}

.talk_detail dd{
	background			:	url(../images/catalog/taiken_title.gif) 10px 15px no-repeat;
	padding				:	10px 10px 10px 80px;
}

.talk_detail h4{
	color				:	#FFF;
	font-size			:	16px;
	line-height			:	35px;
	background-color	:	#7AC2FE;
	padding-left		:	10px;
	font-weight			:	bold;
	margin-bottom		:	0px;
}