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



*/

/*=============================共通設定=============================*/

*{
	margin			:	0;
	padding			:	0;
}

body{
	/*text-align		:center;	IE6対策*/
	font-size		:	12px;
	line-height		:	1.5;
	color			:	#333;
}

img{
	border			:	none;
}

hr{
	display			:	none;
}

li{
	list-style-type	:	none;
}

.clear{
	clear			:	both;
	height			:	0;
}



/*=============================レイアウト設定=============================*/

/*==============全体設定==============*/

#container{
	width			:	770px;
	margin			:	0 auto;
	text-align		:	left;	/*IE6対策*/
	background		:	url(../images/common/bg_contents.gif) repeat-y top left;
}

#contents{
	/*background		:	url(../images/common/bg_contents.gif) repeat-y top left;*/
}

/*==============ヘッダー設定==============*/

#header{
	background-color:	#FFF;
}

/*==============メインコンテンツ設定==============*/

#main{
	width			:	584px;
	float			:	right;
}

/*==============サイドメニュー設定==============*/

#sidemenu{
	width			:	186px;
	float			:	left;
}

/*==============フッター設定==============*/

#footer{
	background-color:	#FFF;
}


/*=============================個別設定=============================*/

/*==============ヘッダー==============*/

/*///////// h001 /////////*/

.h001{
	padding			:	15px 0 10px;
	width			:	770px;
}

.h001 h1{
	background		:	url(../images/common/main_logo.gif) no-repeat top left;
	width			:	155px;
	height			:	24px;
	text-indent		:	-9999px;
	float			:	left;
	font-size		:	12px;
}

.h001 h1 a{
	display			:	block;
	width			:	155px;
	height			:	24px;
}

.h001 ul{
	float			:	right;
}

.h001 li{
	float			:	left;
	padding-left	:	20px;
	margin-right	:	12px;
	font-size		:	12px;
}

.h001 li.privacy{
	background		:	url(../images/common/icon_kojinjyoho.gif) no-repeat left center;
}
.h001 li.company{
	background		:	url(../images/common/icon_kaisyagaiyou.gif) no-repeat left center;
}
.h001 li.sitemap{
	background		:	url(../images/common/icon_sitemap.gif) no-repeat left center;
}
.h001 li.top{
	background		:	url(../images/common/icon_top.gif) no-repeat left center;
}

/*リンク設定*/

.h001 a:link{
	color			:	#C30;
	text-decoration	:	none;
}

.h001 a:visited{
	color			:	#C30;
	text-decoration	:	none;
}

.h001 a:hover{
	color			:	#C30;
	text-decoration	:	underline;
}
.h001 a:active{
	color			:	#C30;
	text-decoration	:	underline;
}

/*///////// h002 /////////*/

.h002{
	background		:	url(../images/common/title_head_e-learning.gif) no-repeat;
	width			:	770px;
	height			:	53px;
}

.h002 h2{
	text-indent		:	-9999px;
	float			:	left;
	margin-right	:	250px;
}

.h002 p.explain{
	color			:	#FFF;
	float			:	left;
	width			:	380px;
	font-size		:	12px;
	padding-top		:	10px;
}

.h002 p.btn a{
	background		:	url(../images/common/btn_ttl_e-learning.gif) no-repeat top left;
	width			:	134px;
	height			:	53px;
	float			:	right;
	text-indent		:	-9999px;
}

.h002 p.btn a:hover{
	background		:	url(../images/common/btn_ttl_e-learning.gif) no-repeat 0px -53px;
	width			:	134px;
	height			:	53px;
	float			:	right;
}


/*///////// h003 /////////*/

.h003{
	width			:	770px;
}

.h003 ul{
	width			:	770px;
	height			:	33px;
	background		:	url(../images/common/global_menu.jpg) no-repeat;
}

.h003 li{
	display			:	inline;
}

.h003 li a {
	height			:	33px;
	display			:	block;
	float			:	left;
	text-indent		:	-9999em;
	text-decoration	:	none;
	overflow		:	hidden;		/*Mac IE対策*/
}

/*---- off ----*/

.h003 li.back_top a {
	width			:	186px;
	background		:	url(../images/common/global_menu.jpg) no-repeat 0px 0px;
}

.h003 li.info a {
	width			:	195px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -186px 0px;
}

.h003 li.lect_list a {
	width			:	195px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -381px 0px;
}

.h003 li.mypage a {
	width			:	194px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -576px 0px;
}

/*---- over ----*/

.h003 li.back_top a:hover{
	background		:	url(../images/common/global_menu.jpg) no-repeat 0px -33px;
}

.h003 li.info a:hover{
	background		:	url(../images/common/global_menu.jpg) no-repeat -186px -33px;
}

.h003 li.lect_list a:hover{
	background		:	url(../images/common/global_menu.jpg) no-repeat -381px -33px;
}

.h003 li.mypage a:hover{
	background		:	url(../images/common/global_menu.jpg) no-repeat -576px -33px;
}

/*---- on ----*/

.h003 li.back_top_on a {
	width			:	186px;
	background		:	url(../images/common/global_menu.jpg) no-repeat 0px -33px;
}

.h003 li.info_on a {
	width			:	195px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -186px -33px;
}

.h003 li.lect_list_on a {
	width			:	195px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -381px -33px;
}

.h003 li.mypage_on a{
	width			:	194px;
	background		:	url(../images/common/global_menu.jpg) no-repeat -576px -33px;
}


/*==============サイドメニュー==============*/

/*///////// s001 /////////*/

.s001{
	margin			:	15px 6px;
}

.s001 h3,
.s001 p,
.s001 ul.apl,
.s001 ul.kobetsu,
.s001 ul.exp{
	margin			:	0 2px;
	font-size:12px;
}

.s001 .side_shadow{
	background-image:	url(../images/common/parts_side_shadow_1.jpg);
	width			:	170px;
	height			:	5px;
	margin			:	0 2px;
}



/* 教材・講座のお申込み */

.s001 h3.ttl_apl{
	background		:	url(../images/common/banner_side_form_title.jpg) no-repeat;
	width			:	170px;
	height			:	19px;
	text-indent		:	-9999px;
}

.s001 ul.apl{
	width			:	170px;
	height			:	59px;
	background		:	url(../images/common/sidemenu1.gif) no-repeat;
}

.s001 ul.apl li a {
	width			:	170px;
	display			:	block;
	text-indent		:	-9999em;
	text-decoration	:	none;
	overflow		:	hidden;
}

/*---- off ----*/

.s001 li.apl_online a {
	height			:	19px;
	background		:	url(../images/common/sidemenu1.gif) no-repeat 0px 0px;
}

.s001 li.apl_postcard a {
	height			:	20px;
	background		:	url(../images/common/sidemenu1.gif) no-repeat 0px -19px;
}

.s001 li.apl_school a {
	height			:	20px;
	background		:	url(../images/common/sidemenu1.gif) no-repeat 0px -39px;
}


/*---- over ----*/

.s001 li.apl_online a:hover{
	background		:	url(../images/common/sidemenu1.gif) no-repeat -170px 0px;
}

.s001 li.apl_postcard a:hover{
	background		:	url(../images/common/sidemenu1.gif) no-repeat -170px -19px;
}

.s001 li.apl_school a:hover{
	background		:	url(../images/common/sidemenu1.gif) no-repeat -170px -39px;
}


/* メインボタン */

.s001 ul.m_menu{
	width			:	174px;
	height			:	165px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat;
	margin-bottom	:	5px;
}

.s001 ul.m_menu li a {
	width			:	174px;
	display			:	block;
	text-indent		:	-9999em;
	text-decoration	:	none;
	overflow		:	hidden;
}

/*---- off ----*/

.s001 li.chosoku a {
	height			:	33px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat 0px 0px;
}

.s001 li.l_style a {
	height			:	33px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat 0px -33px;
}

.s001 li.howto_lect a {
	height			:	33px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat 0px -66px;
}

.s001 li.qanda a {
	height			:	33px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat 0px -99px;
}

.s001 li.access a {
	height			:	33px;
	background		:	url(../images/common/sidemenu2.jpg) no-repeat 0px -132px;
}

/*---- over ----*/

.s001 li.chosoku a:hover{
	background		:	url(../images/common/sidemenu2.jpg) no-repeat -174px 0px;
}

.s001 li.l_style a:hover{
	background		:	url(../images/common/sidemenu2.jpg) no-repeat -174px -33px;
}

.s001 li.howto_lect a:hover{
	background		:	url(../images/common/sidemenu2.jpg) no-repeat -174px -66px;
}

.s001 li.qanda a:hover{
	background		:	url(../images/common/sidemenu2.jpg) no-repeat -174px -99px;
}

.s001 li.access a:hover{
	background		:	url(../images/common/sidemenu2.jpg) no-repeat -174px -132px;
}


/* 個別相談 */

.s001 h3.ttl_kobetsu{
	background		:	url(../images/common/title_side_kobetsu.jpg) no-repeat;
	width			:	170px;
	height			:	19px;
	text-indent		:	-9999px;
}

.s001 ul.kobetsu{
	width			:	170px;
	height			:	54px;
	background		:	url(../images/common/sidemenu3.gif) no-repeat;
}

.s001 ul.kobetsu li a {
	width			:	170px;
	display			:	block;
	text-indent		:	-9999em;
	text-decoration	:	none;
	overflow		:	hidden;
}

/*---- off ----*/

.s001 li.kobetsu_online a {
	height			:	27px;
	background		:	url(../images/common/sidemenu3.gif) no-repeat 0px 0px;
}

.s001 li.kobetsu_school a {
	height			:	27px;
	background		:	url(../images/common/sidemenu3.gif) no-repeat 0px -27px;
}


/*---- over ----*/

.s001 li.kobetsu_online a:hover{
	background		:	url(../images/common/sidemenu3.gif) no-repeat -170px 0px;
}

.s001 li.kobetsu_school a:hover{
	background		:	url(../images/common/sidemenu3.gif) no-repeat -170px -27px;
}


/* 無料体験 */

.s001 h3.ttl_exp{
	background		:	url(../images/common/title_side_free_taiken.jpg) no-repeat;
	width			:	170px;
	height			:	19px;
	text-indent		:	-9999px;
}

.s001 ul.exp{
	width			:	170px;
	height			:	27px;
	background		:	url(../images/common/sidemenu4.gif) no-repeat;
}

.s001 ul.exp li a {
	width			:	170px;
	display			:	block;
	text-indent		:	-9999em;
	text-decoration	:	none;
	overflow		:	hidden;
}

/*---- off ----*/

.s001 li.free_exp a {
	height			:	27px;
	background		:	url(../images/common/sidemenu4.gif) no-repeat 0px 0px;
}

/*---- over ----*/

.s001 li.free_exp a:hover{
	background		:	url(../images/common/sidemenu4.gif) no-repeat -170px 0px;
}


/*==============フッター==============*/

/*///////// f001 /////////*/

.f001{
	border-top		:	#999 solid 1px;
	width			:	770px;
	padding-bottom	:	10px;
}

.f001 .f_left{
	float			:	left;
	padding-top		:	10px;
}

.f001 .f_left ul.fnavi li{
	display			:	inline;
	padding-left	:	10px;
	background		:	url(../images/common/naviline.gif) no-repeat 3px 50%;
}

.f001 .f_left ul.fnavi li.first{
	background-image:	none;
}

.f001 .f_left ul.w3c{
	margin-top		:	8px;
}

.f001 .f_left ul.w3c li{
	display			:	inline;
	padding-left	:	10px;
}

.f001 .f_right{
	float			:	right;
	text-align		:	right;
}

.f001 .f_right address{
	margin-top		:	4px;
}


/*///////// f002 /////////*/

.f002{
	background-color:	#EBEBEB;
	padding			:	10px 5px 5px 10px;
	border-top		:	#999 solid 1px;
}

.f002 .inner{
	width			:	755px;
}

.f002 p{
	font-size		:	10px;
	line-height		:	1.3;
	float			:	left;
	width			:	550px;
}

.f002 ul{
	float			:	right;
}

.f002 li{
	float			:	left;
	width			:	89px;
	margin-right	:	5px;
}