@charset "utf-8";

@import url(basic.css);

a:link{
	color:#2b6ed1;
	}
a:visited{
	color:#9F357A;
	}
a:hover{
	color:#669933;
	}


/******************** トップページ ********************/
#top #contents p.imp{/*トップ:重要事項*/
	margin:0 0 10px;
	background:url(../images/box/bg_pink.gif);
	color:#777;
	line-height:24px;
	text-align:center;
	}

#top #sidebar{/*サイドバー*/
	margin-left:17px;
	width:220px;
	}
#top #contents{/*コンテンツ*/
	float:right;
	margin-right:32px;
	width:430px;
	}
* html #top #contents{/*IE6*/
	margin-right:15px;
	} 

/*--------------------------------------------------*/
/*サイドバー*/
/*--------------------------------------------------*/

#top #sidebar h2{
	text-align:center;
	font-weight:bold;
	}

/*--------------------------------------------------*/
/*新着情報*/
#top #news{
	width:220px;
	margin:0 auto;
	padding:10px 0;
	background:url(../images/box/bg_pink.gif);
	text-align:center;/*IE6*/
	}

#top #news .box{
	width:200px;
	margin:10px auto 5px;
	padding-bottom:5px;
	background:url(../images/box/inner_gray.gif);
	text-align:left;/*IE6*/
	}
#top #news .top{
	height:5px;
	line-height:5px;
	background:url(../images/box/title_gray.gif) no-repeat top;
	}

#top #news dl{
	margin:-0.5em 0 0.8em;
	padding:0;
	}
#top #news dt{
	margin:0.5em 5px 0;
	}
#top #news dd{
	margin:0 5px 0 7px;
	}


#top .renew{
	margin:0 5px;
	line-height:1;
	font-size:94%;
	text-align:right;
}
#top .renew a{
	text-decoration:none;
	}

/*--------------------------------------------------*/
/*その他のリンクボタン*/
#top #sidebar .links{
	margin:10px 0 0;
	text-align:center;
	}
#top #sidebar .links p{
	margin:0.5em 0;
	}

/*--------------------------------------------------*/
/*トピックス*/
#top #topics{
	width:220px;
	margin:10px auto 0;
	padding:10px 0;
	background:url(../images/box/bg_gray.gif);
	text-align:center;/*IE6*/
	}

#top #topics .box{
	width:200px;
	margin:10px auto 5px;
	padding-bottom:5px;
	background:url(../images/box/inner_white.gif) repeat-y;
	text-align:left;/*IE6*/
	}
#top #topics .box .top{
	margin:0;
	padding:5px 5px 0;
	background:url(../images/box/title_white.gif) no-repeat;
	}
#top #topics .box h3{
	margin:0 5px 1em;
	padding:0 5px;
	text-align:center;
	font-weight:bold;
	}
#top #topics .box .txt{
	margin:0 10px;
	}
#top #topics .box .btn{
	margin:10px 5px 0;
	text-align:center;
	}

/*なるほど講座*/
#top #topics .box .naruhodo{
	margin-top:5px;
	background:url(../images/top/naruhodo.gif) no-repeat right 18px;
	min-height:130px;
	}

/*--------------------------------------------------*/
/*コンテンツ*/
/*--------------------------------------------------*/

#top #contents h2{
	height:58px;
	}
#top #contents .box{
	background:url(../images/box/bg_right.gif) repeat-y;
	}
#top #contents .box_bottom{
	padding-bottom:15px;
	background:url(../images/box/bottom_right.gif) no-repeat top;
	height:20px;
	}
#top #contents .box .type{
	margin:-58px 0 15px 20px;
	padding:13px 0 10px;
	color:#666;
	}
	#top #contents .box .free{
		width:220px;
		}
	#top #contents .box .m2m{
		width:160px;
		}
	#top #contents .box .mous{
		width:320px;
		}
#top #contents .box .txt{
	margin:0 20px;
	}

#top #contents .box h3{
	margin-top:1em;
	padding-left:13px;
	font-weight:bold;
	font-size:113%;
	background:url(../images/ico02.gif) no-repeat left center;
	}
#top #contents .box h3 a{
	color:#2b6ed1;
	text-decoration:none;
	}

/****************************************************/
/******************** サブページ ********************/
/****************************************************/

#contents p.ico01{
	background:url(../images/ico01.gif) no-repeat left center;
	padding-left:13px;
	}
#contents p.ico02{
	background:url(../images/ico02.gif) no-repeat left center;
	padding-left:13px;
	}

/****************************************************/
/*==================== 1カラム ====================*/

.col1 #sidebar{
	display:none;/*サイドバー非表示*/
	}
.col1 #contents{
	float:none;
	margin:0 32px 0 30px;
	width:auto;
	/*background:url(../images/grid.gif);*/
	}

/*--------------------------------------------------*/
/*1カラム コンテンツ*/
/*--------------------------------------------------*/

.col1 #contents h2{/*ページタイトル*/
	height:40px;
	margin-top:2em;
	padding-left:25px;
	background:url(../images/parts/bg_h2.gif) no-repeat;
	color:#666;
	font-size:131%;
	font-weight:bold;
	line-height:40px;
	clear:both;
	}
.col1 #contents .first{
	margin-top:0;
	}

.col1 #contents h3{/*サブ 第1項目*/
	height:24px;
	margin-top:1.5em;
	padding-left:25px;
	background: #ACACAC url(../images/parts/bg_h3.gif) no-repeat;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	clear:both;
	}

.col1 #contents h4{/*サブ 第2項目*/
	margin:1.5em 15px 0;
	padding:0 10px 5px;
	background:url(../images/parts/bg_h4.gif) repeat-x bottom;
	font-weight:bold;
	clear:both;
	}

.col1 #contents p{
	margin:1em 25px 0;
	}

/*ul*/
.col1 #contents ul{
	margin:1em 25px 0;
	padding:0 0 0 2em;
	}
.col1 #contents .decimal li{
	list-style-type:decimal;
	margin:0 0 0.7em 0;
	}

/*dl*/
.col1 #contents dl{
	margin:0;
	padding:0;
	}
.col1 #contents dt{
	margin:1em 25px 0;
	padding:0;
	}

/****************************************************/
/*==================== 2カラム ====================*/

#sidebar{/*サイドバー*/
	margin-left:17px;
	width:200px;
	}
#contents{/*コンテンツ*/
	float:right;
	margin-right:32px;
	width:450px;
	}
* html #contents{/*IE6*/
	margin-right:15px;
	} 

/*--------------------------------------------------*/
/*サイドバー*/
/*--------------------------------------------------*/

/*ページメニュー*/
/*サイト内共通*/
#sidebar .menu{
	border-top:1px solid #999;
	}
#sidebar .menu a{
	text-decoration:none;
	}
#sidebar .menu h2{
	border-top:1px solid #999;
	border-bottom:1px solid #999;
	background:#FFE9EE;
	font-size:113%;
	text-align:center;
	margin-top:-1px;
	}
#sidebar .menu h2 a{
	display:block;
	width:100%;
	line-height:2em;
	background:#FFE9EE;
	}
#sidebar .menu a:link,
#sidebar .menu a:visited,
#sidebar .menu a:hover{
	color:#666;
	}
#sidebar .menu a:hover{
	background:#CCEEFF;
	}

#sidebar .menu ul{
	margin:0;
	padding:0;
	}
#sidebar .menu li{
	border-bottom:1px dotted #999;
	}
#sidebar .menu li a{
	padding:5px 0 5px 20px;
	display:block;
	width:180px;
	background:url(../images/ico01.gif) no-repeat 5px center;
	}
#sidebar .menu li a:hover{
	background:#CCEEFF url(../images/ico01_2.gif) no-repeat 5px center;
	}

/*-------------------------*/
/*その他のリンクボタン*/
#sidebar .links{
	margin:-0.5em 0 0;
	padding:0;
	}
#sidebar .links p{
	margin:0.5em 0;
	}

/*--------------------------------------------------*/
/*2カラム コンテンツ*/
/*--------------------------------------------------*/

.col2 #contents h2{/*ページタイトル*/
	height:40px;
	margin-top:3em;
	padding-left:25px;
	background:url(../images/parts/bg_h2_2.gif) no-repeat;
	color:#666;
	font-size:128%;
	font-weight:bold;
	line-height:40px;
	clear:both;
	}
.col2 #contents .first{
	margin-top:0;
	}

.col2 #contents h3{/*サブ 第1項目*/
	height:24px;
	margin:1.5em 0 0;
	padding-left:25px;
	background: #ACACAC url(../images/parts/bg_h3_2.gif) no-repeat;
	color:#FFF;
	font-weight:bold;
	line-height:24px;
	clear:both;
	}

.col2 #contents h3.imp{/*サブ 第1項目:重要事項*/
	padding-left:32px;
	background:url(../images/parts/bg_h3_important.gif) no-repeat;
	color:#777;
	}

.col2 #contents h4{/*サブ 第2項目*/
	margin:1.5em 15px 0;
	padding:0 10px 5px;
	background:url(../images/parts/bg_h4.gif) repeat-x bottom;
	font-weight:bold;
	clear:both;
	}

.col2 #contents p{
	margin:1em 15px 0;
	}

/*番号付き*/
.col2 #contents ol{
	margin:1em 15px 0;
	padding:0;
	}
.col2 #contents ol li{
	margin:0 0 0.7em 2em;
	padding:0;
	}

/*※印*/
.col2 #contents dl.kome{
	margin:0 15px;
	padding:0;
	}
.col2 #contents dl.kome dt{
	margin:0.7em 0 0 0;
	padding:0;
	}

.col2 #contents dl.kome dd{
	margin:-1.4em 0 0 2em;
	padding:0;
	}

/****************************************************/
/*コンテンツ設定*/

/*--------------------------------------------------*/
/*コース＆料金*/

/*------------------------*/
/*コースインデックス col1*/
#course #contents .course{
	width:320px;
	margin-top:1.5em;
	background:url(../images/courses/back_box_center.gif) repeat-y;
	float:left;
	}
#course #contents .first{
	margin-top:0;
	}

#course #contents .pos_left{
	margin-right:20px;
	}
#course #contents .course .box_bottom{
	height:10px;
	background:url(../images/courses/back_box_bottom.gif) no-repeat;
	}
#course #contents .course h2{
	height:60px;
	margin-top:0;
	padding-left:0;
	background:none;
	line-height:60px;
	}
#course #contents .course p{
	margin:0 0 10px 0;
	}
#course #contents .course a{
	display:block;
	width:320px;
	}
/*マウスアウト*/
#course #contents .course .free a{
	height:40px;
	background:url(../images/courses/p_free.gif) no-repeat;
	}
#course #contents .course .sclass a{
	height:40px;
	background:url(../images/courses/p_sclass.gif) no-repeat;
	}
#course #contents .course .pack a{
	height:40px;
	background:url(../images/courses/p_pack.gif) no-repeat;
	}
#course #contents .course .m2m a{
	height:140px;
	background:url(../images/courses/p_m2m.gif) no-repeat;
	}
#course #contents .course .naruhodo a{
	height:140px;
	background:url(../images/courses/p_naruhodo.gif) no-repeat;
	}
#course #contents .course .support a{
	height:140px;
	background:url(../images/courses/p_support.gif) no-repeat;
	}
/*マウスオーバー*/
#course #contents .course .free a:hover{
	background:url(../images/courses/p_free.gif) no-repeat bottom;
	}
#course #contents .course .sclass a:hover{
	background:url(../images/courses/p_sclass.gif) no-repeat bottom;
	}
#course #contents .course .pack a:hover{
	background:url(../images/courses/p_pack.gif) no-repeat bottom;
	}
#course #contents .course .m2m a:hover{
	background:url(../images/courses/p_m2m.gif) no-repeat bottom;
	}
#course #contents .course .naruhodo a:hover{
	background:url(../images/courses/p_naruhodo.gif) no-repeat bottom;
	}
#course #contents .course .support a:hover{
	background:url(../images/courses/p_support.gif) no-repeat bottom;
	}

/*------------------------*/
/*コース詳細*/
/*col2*/

/*テーブル*/
#course #contents table{
	margin:1.4em 15px 1.4em;
	border-collapse:collapse;
	}
#course #contents table th{
	border:1px solid #AAA;
	padding:2px 4px;
	text-align:center;
	background:#DDD;
	}
#course #contents table td{
	border:1px solid #AAA;
	padding:2px 8px;
	}
#course #contents table .yen{
	text-align:right;
	}
#course #contents table.cps td{
	padding:2px;
	}

/*資格取得パック*/
#course #contents a.mospack{
	margin-right:8px;
	}
#course #contents h3#mcas{
	background: #F8BB59 url(../images/courses/sclass_pack//h3_mcas.gif) no-repeat;
	}
#course #contents h3#mos01,
#course #contents h3#mos02,
#course #contents h3#mos03{
	background: #7FB3F2 url(../images/courses/sclass_pack//h3_mos.gif) no-repeat;
	}


#course #contents div.pack{
	margin-left:240px;
	width:191px;
	}
#course #contents .pack p{
	margin:0;
	padding:0;
	}
#course #contents p.price{
	margin-top:0.5em;
	padding-left:1em;
	height:103px;
	line-height:5.5;
	background:url(../images/courses/sclass_pack/back_price.gif) no-repeat;
	text-align:center;
	font-size:192%;
	font-weight:bold;
	color:#EE0000;
	}
#course #contents .hours{
	text-align:center;
	font-weight:bold;
	}
#course #contents tr.pack{
	background:#FFE9EE;
	}

#course #contents table.sc_pack{
	float:left;
	width:205px;
	}


/*--------------------------------------------------*/
/*試験*/
/*col2*/

.col2 #contents h2#mos{
	background:url(../images/parts/bg_h2_mos.gif) no-repeat;
	}
.col2 #contents h2#ic3{
	background:url(../images/parts/bg_h2_ic3.gif) no-repeat;
	margin-top:3em;
	}

/*menu*/
#mous #sidebar ul.menu{
	margin:0;
	padding:0;
	border:none;
	}
#mous #sidebar ul.menu li{
	margin:0 0 15px;
	padding:0;
	border:none;
	}
#mous #sidebar ul.menu a{
	background:none;
	padding:0;
	width:200px;
	}

/*リンク*/
#mous #contents p.external a{
	background:url(../images/ico02.gif) no-repeat left center;
	padding-left:13px;
	}

/*テーブル*/
#mous #contents table{
	margin:1.4em 15px 1.4em;
	border-collapse:collapse;
	}
#mous #contents table th,
#mous #contents table td{
	border:1px solid #AAA;
	padding:2px 4px;
	}
#mous #contents table th{
	text-align:center;
	background:#DDD;
	}

/*--------------------------------------------------*/
/*なるほど講座*/
/*col1*/

#seminar #contents .outline h3{
	margin:25px 0 15px;
	padding:0;
	background:none;
	color:#666;
	text-align:center;
	font-weight:normal;
	}
#seminar #contents .outline div.outline{
	margin:1em 15px 0;
	padding:15px 30px;
	border-top:1px dotted;
	border-bottom:1px dotted;
	text-align:center;
	}
#seminar #contents .outline div.outline p{
	text-align:left;
	}

#seminar #contents .specific{
	/*background:url(../contents/seminars/naruhodo/image.gif) no-repeat 95% 0;*/
	}
#seminar #contents .specific img{
	margin:15px 25px 0 0;
	}

#seminar #contents .specific dl{
	margin:0 0 0 40px;
	padding:0;
	}
#seminar #contents .specific dt{
	margin:1em 0 0;
	}
#seminar #contents .specific dd{
	margin:0.5em 25px 0 2.5em;
	}

#seminar #contents .specific th{
	padding:0.1em 1em;
	font-weight:normal;
	border:1px solid #999;
	background:#FFE9E9;
	}
#seminar #contents .specific td{
	padding:0.1em 1em;
	border:1px solid #999;
	background:#FFF;
	}

/*--------------------------------------------------*/
/*教室カレンダー*/
/*col1*/
#calendar strong{
	font-size:127%;
	}

/*--------------------------------------------------*/
/*教室案内*/
/*col1*/

/*--------------------------------------------------*/
/*会員サポート*/
/*col1*/

/**/
#support #contents .co3 dt{
	font-weight:bold;
	clear:left;
	}
#support #contents .co3 dt img{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	}
#support #contents .co3 .dd1,
#support #contents .co3 .dd2{
	margin-left:80px;
	}


/*テーブル*/
#support #contents table{
	margin:1.4em 15px 1.4em;
	border-collapse:collapse;
	}
#support #contents table th{
	border:1px solid #AAA;
	padding:2px 4px;
	text-align:center;
	background:#DDD;
	}
#support #contents table td{
	border:1px solid #AAA;
	padding:2px 8px;
	}
#support #contents table .yen{
	text-align:right;
	}
#support #contents table.cps td{
	padding:2px;
	}

/*--------------------------------------------------*/
/*講師紹介*/
/*col1*/

#teacher div.img{
	clear:both;
	margin:15px 0 20px 10px;
	}
#teacher .img img{
	float:left;
	margin-right:10px;
	margin-bottom:15px;
	}

#teacher table{
	width:480px;
	}
#teacher th,
#teacher td{
	border:1px solid #ccc;
	padding:2px 5px;
	}
#teacher th{
	text-align:center;
	width:5em;
	}
#teacher td{
	}


/*--------------------------------------------------*/
/*お問い合わせ*/
/*col1*/
#inquiry #contents dl{
	margin:0 0 0 25px;
	padding:0;
	}
#inquiry #contents dt{
	margin:1em 0 0;
	}
#inquiry #contents dd{
	margin:-1.4em 25px 0 5em;
	}


/*--------------------------------------------------*/
/*サイトポリシー*/
/*col1*/

/*リンクバナー*/
.col1 #contents .bn{
	clear:both;
	margin:1em 25px 0;
	padding:10px;
	}
.col1 #contents .bn .img{
	margin:0;
	float:left;
	width:110px;
	}
.col1 #contents .bn .txt{
	margin:0 0 0 110px;
	}
.col1 #contents .bg1{
	background:#666;
	color:#FFF;
	}

/*--------------------------------------------------*/
/*サイトマップ*/
/*col1*/
#sitemap #contents ul{
	list-style-type:disc;
	}

/*--------------------------------------------------*/
/*エラーページ*/
/*--------------------------------------------------*/
#error #contents{
	background:url(../images/parts/ai-chan_01.gif) no-repeat 95% bottom;
	}

#error #link_to li{
	background:url(../images/ico01.gif) no-repeat 0 3px;
	padding-left:13px;
	line-height:1.7;
	}




