@charset "shift_jis";
/* Dougaku Style.css */

/* ---------------* 【リセットスタイル】 *--------------- */
html, body, div, span,
header, article, aside, footer,
hgroup, h1, h2, h3, h4, h5, h6,
section, p, blockquote, pre,
a, address, cite, time,
ins, del, dfn, em, ins, kbd, q,
small, strong, b, i, abbr, mark,
s, sub, sup, code, var, samp, dialog,
figure, img, iframe,
embed, object, param, video, audio,
source, canvas, map, area,
table, caption, tbody, tfoot, thead, tr, th, td,
nav,dl, dt, dd, ol, ul, li,
fieldset, form, label, legend{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
line-height:normal;
	font-weight: normal;
	font-style: normal;
text-indent: 0;
	font-size: 100.01%;
}
h1, h2, h3, h4, h5, h6{
	font-weight: 700;}
header, section, footer, aside, nav, article, figure {
	display: block;
}
table {
border-collapse: collapse;
}/* IE6.7,firefox2× */
table {
 border-spacing:0;
}
head~/* */body table {
 border-spacing:0;
}
 html:not([lang*=""]) table,
*>table {
border-spacing:0;
}
 head~/* */body q:before, head~/* */body q:after {
 content: '';
}

legend {
display: none;
}

hr,img, abbr, acronym, fieldset {
border: 0;
}
g{}
* html body ul,
* html body ol,
* html body dl{
position: relative;
}
li {
list-style-type: none;
}
hr{
size:0;
width:0;
border:0;
margin-bottom:15px;}
/* add this */
#badge{
float:right;
position:fixed;
bottom:5%;
right:0;
width:35px;}
#badge a{
margin:0 0 4px 0;}
/* Fixed Positioned AddThis Toolbox */            
.addthis_toolbox.atfixed {
    border: 1px solid #eee;
    padding: 5px 5px 1px;
    width: 32px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.addthis_toolbox .custom_images a {
    width: 32px;
    height: 32px;
    margin:0;
    padding:0;
    cursor: pointer;
}
.addthis_toolbox .custom_images a img { border: 0; margin: 0 0 1px; opacity: 1.0; }
.addthis_toolbox .custom_images a:hover img { margin: 1px 0 0; opacity: 0.75; }

#at16p{
margin-left:180px;}
.addthis_button_facebook_like{margin:5px;}

/* -----------------------------------------------リンク */

a {
cursor:pointer;
overflow:hidden;
border:none;
margin:0; padding:0;
font-weight:700;
}
a:link{text-decoration:none;}
a:visited {text-decoration:none;}
a, a:visited {color:#52607A;margin:0; padding:0;}
a:hover{text-decoration:none;color:#09f;
border:none;}
a:hover img{margin:0; padding:0;}
a:active  {text-decoration:none;color:#69c;}
a:focus   {text-decoration:none;}

/* スクロールバーの表示 */
html {
height:100%;
margin-bottom:1px;
}
/* --------------------------------------------------- IEスクロール */
* html body,
body{
scrollbar-face-color: #fff;       /* 表面の色 */
scrollbar-3dlight-color: #fff;    /* 左端と上端の色 */
scrollbar-highlight-color: #eee;  /* ハイライトの色 */
scrollbar-shadow-color: #eee;     /* 影の色 */
scrollbar-darkshadow-color:#fff; /* 右端と下端 */
scrollbar-arrow-color: #ccc;      /* 矢印の色 */
scrollbar-track-color:#fff;      /* バーの背景の色 */
}

/* --------------------------------------------- */

/* デフォルトの文字指定:メイリオをメインに使用 */

body {
behavior:url("csshover3.htc");
background: #FFF;position:relative;
	line-height: 1.5;
	font-size: 13px;
	*font-size: 81.25%;/*for IE6,IE7*/
	font-family: "Meiryo", "メイリオ", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "MS PGothic", "ＭＳ Ｐゴシック" sans-serif;
color: #333;
}

/* -------------------------- IE6 */
* html body {
font-family: "ＭＳ Ｐゴシック", "MS PGothic", Sans-Serif;
}

/* -------------------------- IE7 */
*+html code, *+html kbd, *+html pre, *+html samp, *+html tt {
font-size:108%;
}
/* -------------------------- firefox2 3 */
body, x:-moz-read-only{
	font-size:12px;
	}

h1,h2,h3,h4,h5,h6 {
font-size: 100.01%;
	font-weight:400;
	}
strong, em {
	font-weight: 700;
	}



/* --------------------------------------------- */

/* 高さを100％にする */
html, body {
	height: 100%;
}
#wrap, #Side, #main {
min-height:100%;
height: auto !important;
height:100%;
}

body>#wrap {
height:auto;
}/* Firefox用 */

/* --------------------------------------------- */
body { behavior:url("csshover3.htc");}
html:not(:target) body {behavior:url("csshover3.htc");
}/* リンク以外のhover */
/* -------------------------- 【全体のデザイン】　*/

body {
	color: #333;
	background:#fff url(../images/bg_g.jpg) repeat-x;
}
/* -------------------------- レイアウト */
* html body {
	text-align:center;
}
* html #footer, *html #wrap {
	text-align:left;
}

#wrap,#header{
	margin:0 auto;
	width:780px;
}
#badge{
margin: 15% auto;
float:right;}

#volume1 dl.floatL,#volume2 dl.floatL,#volume3 dl.floatL,
#volume1 dl.floatR,#volume2 dl.floatR,#volume3 dl.floatR{
width:48%;
}
.floatL,.imgLeft,
dd.CoruseTime{
clear:both;
float:left;
position:relative;}
.floatR,
dd.CoruseSample,.CoruseList{
float:right;
position:relative;}
.clearB{clear:both;}

.floatL,.floatR{
display:block;}
.floatimgL{
	float:left;padding:0 15px 15px 0;}
.floatL,
ul.icon li{
	float:left;
	position:relative;
	height: 240;
}
.Box,
#CoruseGuideTxtyt{
	position:relative;
	overflow:visible;}
.Box{
clear:both;
width:100%;}
#CoruseGuideTxtyt{
	padding:0;
	display:block;
	margin:10px 0;
}
#CoruseGuideTxtyt .floatL span strong{
	color:#F30;}

#CoruseGuideTxtyt .floatL span{
	font-size:12px;
	color:#069;
	display:block;
	padding:3px;}
#CoruseGuideTxtyt .floatL{
	width:285px;}
#CoruseGuideTxtyt p{
	margin: 0 0 10px 300px;
	font-size:14px;
	position:relative;
}
#CoruseGuideTxt strong{
color:#036;
font-size:20px;}
#CoruseGuideTxt p strong,
#CoruseGuideTxtyt p strong{
	line-height:1.4;
	color:#036;
	font-size:16px;
}
#CoruseGuideTxtyt:after{
　　　clear:　both;
　　　content:"";
　　　display:　block;
　　　}
#CoruseGuideTxtyt p span.lookme{
	color:#F60;
	font-weight:700;}
	#CoruseGuideTxtyt p.center{
		margin-right:195px;}
* html .CoruseGuide,
* html #CoruseGuideTxt,
* html #CoruseGuideTxtyt,
* html #CoruseGuideTxtyt p,
* html #contents,
* html #wrap,
* html .floatL,
* html .floatR,
* html .Box{height:1%;}
* html #CoruseGuideTxtyt p{line-height: 1.5;}
/* -------------------------- 【検索窓】 */
#kensaku{
	text-align:right;
	margin:20px auto 5px;
width:760px;
}
#jumpForm {
font-size:14px;
	margin : 0;
}
#AnchorList {
	width : 250px;
}
/* -------------------------- 【ヘッダー】 */

#catchcopy{
	top:32px;
padding:5px;
text-indent:10px;
	background-color:#333;
	color:#FC0;
	-moz-border-top-left-radius: 8px;
	-webkit-border-top-left-radius: 8px;
	border-top-left-radius: 8px;
	-moz-border-top-right-radius: 8px;
	-webkit-border-top-right-radius: 8px;
	border-top-right-radius: 8px;
}
#catchcopy strong{color:#fff;
padding:5px;}



#senden {
	display:block;
	overflow:hidden;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	height:139px;
margin:0;
padding:0;
	background:url(../images/bg-senden.jpg) no-repeat right 0;
position:relative;
}
#senden p{
font-weight:700;}
/* h1文字換え */
.CourseTittle{
padding-left:10px;
padding-bottom:3px;
font-weight:700;
line-height:normal;
margin:0;
font-size:26px;
}
.CourseTittleL,
.CourseTittleS,
.CourseTittleSS,
.CourseTittle{
padding-left:10px;
padding-bottom:3px;
font-weight:700;
line-height:normal;
margin:0;}
.CourseTittle{
font-size:26px;
}
.CourseTittleL {
	font-size:28px;
}
.CourseTittleS {
	font-size:24px;
}

.CourseTittleSS{
	font-size:22px;}

h1 strong{
	color:#069;
font-weight:700;}
/* h2文字換え */
#senden{
line-height:1.0;}
#senden p{
white-space: nowrap;
line-height:1.0;
	font-size:12px;
	display:block;
	color:#06C;
	padding:5px 0 0 10px;
}

#senden .imgDougaku{
padding-left:10px;
}/* 動学インフォ画像 */

/* -------------------------- ヘッダナビリンク */
.icon{
position:absolute;
bottom:0;
right:1px;
}

ul.icon{
width:180px;
height:70px;
background:url(../images/icon_link.jpg) no-repeat top right;
}

ul.icon li a,
#SeriesLink a{
display:block;
}
ul.icon li a span,
#SeriesLink a span{
display:none;}

ul.icon li a{
padding:0;
margin:0;
width:60px;
height:70px;}
ul.icon li#link01 a:hover{
background:url(../images/icon_linkH.jpg) no-repeat top left;}
ul.icon li#link02 a:hover{
background:url(../images/icon_linkH.jpg) no-repeat -60px top;}
ul.icon li#link03 a:hover{
background:url(../images/icon_linkH.jpg) no-repeat -120px top;}
ul.icon li#link04 a:hover{
background:url(../images/icon_linkH.jpg) no-repeat -180px top;}
#ribbon{
	padding:5px;
	font-size:14px;
	font-weight:700;
	text-align:center;
	color:#6FF;
	border-bottom:#25a solid 3px;
	border-top:solid 3px #7aF;
	background:#4275D9 url(../../images/bg-ribbon.gif) repeat-x left top;
}
#ribbon a,
.loginText a{
	color:#FFF;
}
#ribbon a:hover,
.loginText a:hover{
	color:#009;
}

/* --------------------------  【コンテンツ】 */

#contents {
font-size:108%;
overflow:visible;
	padding:15px;
	background-color:#FFF;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
}

/* --------------------------  【コースガイド】 */

#lesson2,#lesson4,#lesson6,#lesson8{
width:355px;}
#lesson1,#lesson3,#lesson5,#lesson7{
clear:both;
width:355px;
}
#lesson1 .CoruseGuide dl,#lesson2 .CoruseGuide dl,#lesson3 .CoruseGuide dl,#lesson4 .CoruseGuide dl{
	float:right;
	}
.CoruseList{
	width:555px;
	float:right;
	position:relative;
margin-top:8px;
}
* body .CoruseList,
* body .CoruseList dl{
height:1%;
}

.CoruseGuide{
	border: #ccc solid 1px;
	background:#fff url(../images/bg-senden.jpg) no-repeat 0 bottom;
padding:10px 5px;
display:block;
overflow:hidden;
}
#lesson1 .CoruseGuide,#lesson2 .CoruseGuide,#lesson3 .CoruseGuide,#lesson4 .CoruseGuide{
	padding:10px 5px;}
.CoruseGuide dl{
display:block;
overflow:visible;
width:170px;
}

#volume1 .CoruseGuide,
#volume2 .CoruseGuide,
#volume3 .CoruseGuide,
#volume4 .CoruseGuide{
display:block;
width:173px;
overflow:visible;
float:left;
position:relative;
margin:0;
}
.CoruseGuide dl dt{
font-size:14px;
font-weight:700;
color:#666;
	border-bottom:#39c solid 3px;
}

#volume1 .CoruseGuide dl dt img,
#volume2 .CoruseGuide dl dt img,
#volume3 .CoruseGuide dl dt img{
margin-bottom:5px;}

.CoruseGuide dl dd.CoruseSample,
.CoruseGuide dl	dd.CoruseTime,
.CoruseGuide dl	dd.CoruseDownLoad{
height:37px;
line-height:37px;
text-align:right;}

.CoruseGuide dl	dd.CoruseDownLoad{
	clear:both;}
 dd.CoruseLife,
	dd.CoruseIT,
	dd.CoruseBasic,
	dd.CoruseBiz,
	dd.CoruseWeb,
	dd.CoruseMovie,
	dd.CoruseDTP,
	dd.CoruseCertify{
height:37px;
line-height:37px;
text-align:right;
font-size:12px;padding-left:35px;
}
	dd.CoruseLife{background:url(../images/CoruseLife.gif) no-repeat 5px 2px;}
	dd.CoruseBasic{background:url(../images/CoruseBasic.gif) no-repeat 5px 2px;}
	dd.CoruseIT{background:url(../images/CoruseIT.gif) no-repeat 5px 2px;}
	dd.CoruseBiz{background:url(../images/CoruseBiz.gif) no-repeat 5px 2px;}
	dd.CoruseMovie{background:url(../images/CoruseMovie.gif) no-repeat 5px 2px;}
	dd.CoruseDTP{background:url(../images/CoruseDTP.gif) no-repeat 5px 2px;}
	dd.CoruseWeb{background:url(../images/CoruseWeb.gif) no-repeat 5px 2px;}
	dd.CoruseCertify{background:url(../images/CoruseCertify.gif) no-repeat 5px 2px;
}
	dd.CoruseTime{
width:86px;
background:url(../images/CoruseTime.gif) no-repeat 5px 1px;}
	dd.CoruseTime span{
display:block;
padding:15px 3px 0 0;
}
	dd.CoruseSample a{
display:block;
width:83px;
height:35px;
background:url(../images/CoruseVideo.gif) no-repeat 2px 1px;
}
	dd.CoruseSample a:hover{
background:url(../images/CoruseVideoH.gif) no-repeat 2px 1px;
}
	dd.CoruseMovie,
	dd.CoruseTime span{
font-weight:700;
color:#777;}
	dd.CoruseSample span{
display:none;}
#CoruseGuideTxt{
margin:5px;
padding:0;
display:block;
overflow:hidden;}
#CoruseGuideTxt p{
display:block;
margin-left:100px;
font-size:14px;}
#CoruseGuideTxt strong{
color:#039;
font-size:14px;}
#CoruseGuideTxt p strong{
	color:#036;
	font-size:14px;
}
* html .CoruseGuide,
* html .CoruseGuide dl,
* html #CoruseGuideTxt,
* html #contents{height:1%;}
/* キャプチャータイトル */
h2.volumeTitle{
	height:30px;
line-height:30px;
	background-color :#C5EBFE;
	border-bottom:none;
	font-size:18px;
	position:relative;
	display:block;
	margin:0;
	padding-left:5px;
	}
	
h2 a{
	height:56px;
	width:55px;
	text-align:center;
	position:absolute;
	top:0;
	right:0;
display:block;
overflow:hidden;
	background-color:#036;
	}
		
h2 a img{
	margin:5px;}
h2 a:hover{
display:block;
overflow:hidden;
background:#036 url(../images/bLoginH.gif) no-repeat center center;}
h2 a:hover img{
	display:none;}
.guidetext{
background-color: #fff;
border: 1px solid #CCC;
position:relative;
margin:3px 0 5px 5px;
overflow:hidden;
text-align:left;
font-size:0.8em;
padding: 5px;}
/* --------------------------  シリーズリンク */

#SeriesLink{
	/* [disabled]width:590px; */
	float:right;
	position:relative;
}
#SeriesLink4{
	width:680px;
	overflow:visible;
	margin:0 auto 20px;
	clear:both;}
#SeriesLink4,
#SeriesLink4 li,
#SeriesLink4 a,
#SeriesLink,
#SeriesLink li,
#SeriesLink a,
#SeriesLink a img{ display:block; position:relative; overflow:visible; }
#SeriesLink4 li a strong,
#SeriesLink li a strong{
display:block;
overflow:hidden;}

#SeriesLink4 a img,
#SeriesLink li,
#SeriesLink a img{
float:left;
position:relative;
overflow:hidden;
}
	#SeriesLink li.center{
padding:0 6px;}
* body #SeriesLink li.center{
padding:0 3px;}

#SeriesLink4 a,
#SeriesLink a{
overflow:hidden;
background:url(../IT_6001/images/bgTitleLink.jpg) repeat-x bottom left;
color:#888;
}
	#SeriesLink a{
	width:185px;
	border:#CCC 1px solid;
}
	#SeriesLink4 a{width:330px;
	font-size:13px;
	color:#333;
	margin-bottom:10px;}
#SeriesLink4 a img,
#SeriesLink a img{
background:#ffF;}
#SeriesLink a img{
padding:0 5px 0 0;}
#SeriesLink a img{
margin:0 5px 5px;
padding:3px;
border:#CCC 1px solid;}
#SeriesLink4 li a strong,
#SeriesLink li a strong{
margin:0 0 5px;
padding:2px;
background-color:#39c;
border-bottom:#036 3px solid;
text-align:center;
color:#FFF;
}
#SeriesLink4 li a img{border-top:#fff 12px solid;border-right:#fff 8px solid;border-bottom:#fff 12px solid;}
#SeriesLink a,
#SeriesLink li a strong{
font-size: 12px;
font-weight:700;
}
#SeriesLink4 li a strong{
	font-size:15px;}
#SeriesLink4 li a:hover strong,
#SeriesLink li a:hover strong{
background:#c5ebfe;
color:#036;}

#SeriesLink4 a:hover,
#SeriesLink a:hover{
background:#0CF;
color:#036;}
#SeriesLink4 a:hover span.go{
	color:#FFF;}

* body #SeriesLink4,
* body #SeriesLink,
* body #SeriesLink li,
* body #SeriesLink li a{
height:1%;}
.centerimg{
	margin:5px auto;}
/* コース概要 */
.parentList {
clear:both;
list-style-position:inside;
	font-size : 12px;
}
ol.parentList{
margin:10px;
line-height:1.5;}


.parentList li,
dt.parentList{
line-height:1.5;
	list-style-type : decimal;
	font-weight : 700;
}
dt.parentList{
	border-bottom: #666 solid 2px;
	padding:5px 2px 0 0px;
	text-indent:0px;
}
.dtline{
font-size: 13px;
	font-weight:700;
line-height:1.5;
	border-bottom: #666 solid 2px;}
.childList{
	border-top: #666 solid 2px;
	font-size : 9pt;
	padding-left : 1.5em;
text-indent:-1.5em;
margin:0 0 10px;
padding-top:5px;
}
dd ul.childList{
border-top:0;}

.childList li{
line-height:1.5;
font-weight:400;
	list-style: disc;
	border-bottom:#ccc dashed 1px;}
.parentList a{
font-weight:700;
color:#F30;}
.parentList li a:hover{
color:#800;}
/* note */

#point{
margin:0 10px 20px;
clear:both;
	color:#036;
	background-color :#C5EBFE;
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}
#point p.noticeable{
margin:0;
	text-align:left;
	border-top:#39c 6px solid;
	background-color:#036;}
#point p.noticeable,p.notice{
	color:#FFF;
	padding:5px;}
p.notice{
	background-color:#39c;
}
#point p.noticeable span {
	color:#6cf;
	font-size:16px;
}
#point p.notice span{
	font-weight:700;
color:#FF0;}
.details{
	border-top:#036 6px solid;
	background:#39C;
	font-size:14px;
	color:#FFF;
	text-align:center;
	width:100%;
	height:20px;
	padding:0;
display:block;}

.details a{
color:#FFF;}
.details a:hover{
color:#036;}
.centerimg,
.imgLeft,a:hover .imgLeft,.img{
	border:1px solid #ccc;
	padding:3px;
	background:#fff;}
.centerimg{
	margin:15px auto 0 18%;}/* 184のみ */
/* --------------------------【フッター】 */
#attention {
	clear:both;
	color:#8C0003;
	background: #FF9 url(../../images/common/bg-menuYbottom02.jpg) repeat-x bottom left;
	border: #FC6 solid 1px;
	font-weight:700;
	margin:0;
font-size:14px;
	text-align:center;
	padding:5px;
}
#userAttention {
	color:#8C0003;
	background: #FF9 url(../../images/common/bg-menuYbottom02.jpg) repeat-x bottom left;
	border: #Fc6 solid 1px;
	font-weight:700;
	margin:0 0 20px;
	text-align:center;
	padding:5px;
}

#userAttention strong{
color:#C00;}
#Sponsor{
	clear:both;
display:block;
overflow:visible;
height: 20px;
line-height:20px;
background:url(../images/d.gif) repeat-x top left;
	font-size : 12px;
	font-weight : 700;
	letter-spacing: .1em;
	margin : 0;
	text-align:center;
}

#Sponsor li#Address,
#Sponsor li#CompanyName{
float:left;
position:relative;
width:250px;
}

#Sponsor li#Address{
background: url(../images/dl.gif) no-repeat left top;}


#Sponsor li#Copyright{
width:250px;
float:right;
position:relative;
background: url(../images/dr.gif) no-repeat right top;}

#Address,
#CompanyName,
#Copyright{
display:block;
text-align:center;
height:20px;
line-height:20px;}
#registText{
	clear:both;
	width : 100%;
	color : #888;
display:block;
	font-size : 12px;
	margin: 5px 0 15px;
	padding : 0;
	text-align : right;
}
.totop{
clear:both;}
.totop,
.go{
display:block;
	font-size:13px;
	font-weight:700;
	text-align:right;
padding:0 5px;
}

#Address,#Address p,
#CompanyName,#CompanyName p,
#Copyright,#Copyright p{
color:#405080;}

a.totop,.go{
	color:#4E698D;
}
a:hover .totop,
a:hover .go{
	color:#CFD3E4;
}

/* Tips */

#TitleLinkTOP dt{
background-color:#eee;
color:#666;
padding:3px;
border-bottom:3px #999 solid;
text-align:center;}

a .phrase{
overflow:hidden;
display:block;}

#TitleLinkTOP dt.mainNote{
color:#630;
background-color:#CF0;
border-bottom:3px #660 solid;}
#TitleLinkTOP dt strong{
	color:#360;}
	
		
#TitleLinkTOP dd.tips50,
#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tipsR,
#TitleLinkTOP dd.tips,
#TitleLinkTOP img,
a .phrase,
.tPhrase{
display:block;}
#TitleLinkTOP img,
a .phrase,
.tPhrase{
margin-right:5px;}
#TitleLinkTOP dd.tips50,
#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tipsR,
#TitleLinkTOP dd.tips{
border-top:solid #fff 1px;
border-bottom:solid #ddd 1px;
overflow:hidden;}

#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tips{
	float:left;
border-right:solid #ddd 1px;}
#TitleLinkTOP dd.tipsR{
	float:right;}
#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tipsR,
#TitleLinkTOP dd.tips{
	width:232px;}
#TitleLinkTOP dd.tips50{
	width:50%;}
#TitleLinkTOP dd.tips50,
#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tipsR,
#TitleLinkTOP dd.tips{
	color:#666;
	background-color:#efefef;}
#TitleLinkTOP dd.tips50,
#TitleLinkTOP dd.tipsL,
#TitleLinkTOP dd.tipsR,
#TitleLinkTOP dd.tips{
	font-size:12px;
padding:5px;
position:relative;}
#TitleLinkTOP .tPhrase{
font-size:16px;
text-align:right;
	color:#690;}

.pro{
	clear:both;}
.pro,.kanren{
	overflow:visible;
	margin:5px 0 0;
	height:70px;
	background: url(../images/tape.jpg) repeat-x top left;}

.pro ul,.kanren ul{
		display:block;
		position:relative;
		float:left;
	overflow:visible;}
	.pro strong,.kanren strong{
		display:block;
		position:relative;
		float:right;
		height:47px;
		color:#CF0;
		margin:5px 0 0;}
.pro li,.kanren li{
		display:block;
		position:relative;
		float:left;
	font-size:9px;
	color:#FFF;
	font-weight:700;
	width:56px;
	padding:0;
	margin:0;
	text-align:center;}
	.pro strong{
		width:320px;}
	.kanren strong{
		width:150px;}
.pro li a,.kanren li a{
	color:#069;
		display:block;
	overflow:hidden;}
	.pro li a span,
	.kanren li a span,
.pro li a:hover img,
.kanren li a:hover img{
		display:none;}
.pro li a:hover,
.kanren li a:hover{
	color:#Fc3;
	padding-top:47px;
	background: url(../images/tapego.jpg) no-repeat top left;}
	.pro li a:hover span,
.kanren li a:hover span{
		position:absolute;
		display:block;
		top:24px;
		width:500px;
		font-size:15px;
		color:#FF6;}
.kanren li a:hover span{
		font-size:13px;}
		.pro li a:hover span.cl01{	
		left:180px;}
		.pro li a:hover span.cl02{	
		left:190px;}
		.pro li a:hover span.cl03{	
		left:64px;}
		.pro li a:hover span.cl04{	
		left:5px;}
		.pro li a:hover span.cl05{	
		left:-5px;}
.kanren li a:hover span.cl04{	
		left:-56px;}
.kanren li a:hover span.cl03{	
		left:-5px;}
.kanren li a:hover span.cl02{	
		left:55px;}
.kanren li a:hover span.cl01{	
		left:109px;}
		.pro li a:hover span.cl06,
.kanren li a:hover span.cl03{	
		left:0px;}

.kanren ul.kno a img{
padding:4px 0 0;}
.kanren ul.kno a:hover img{
padding:0;}
.mark{color:#F60;}
/* Coruse List */
	.CoruseList {
	/* [disabled]padding:0 15px; */
}
	.CoruseList .floatL{
margin-right:2%;}
	.CoruseList .floatL,
	.CoruseList .floatR{
	display:block;
width:48%;
}
	.CoruseList .col3{
width:32%;
float:left;
}
.CoruseList ol b,ol b,dt.parentList b,
#lesson1 ol b,#lesson2 ol b,#lesson3 ol b,#lesson4 ol b{
		font-family:Arial, Helvetica, sans-serif;
		display:block;
		float:left;
		line-height:1.0;
		color:#fff;
		background-color:#666;
		padding:3px 2px;
		margin:0 3px 0 0;
		text-indent:0;}
.CoruseList ul{
clear:left;
	border-top:#666 solid 2px;
	}.CoruseList ul.inner{
		margin-left:5px;
	border-top:none;
	}	.CoruseList ul.inner>li{
		font-size:.8em;
		padding-left:13px;
		background:url(../../html/images/icon/arrow02.jpg) no-repeat left 5px;}
#lesson1 ol li,#lesson2 ol li,
#lesson3 ol li,#lesson4 ol li{
list-style:none;
}
	.CoruseList ol>li{
clear:both;
display:block;
font-size:.88em;
font-weight:700;
margin:0 0 10px;}
.line{
	border-bottom:#666 solid 2px;}
ul.childList li{
list-style:none;
	padding-left:1.2em;
	border-bottom:#999 1px dashed;
	background: url(../../html/images/icon/arrow01.gif) no-repeat 2px center;
	}