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

/* ---------------* 【リセットスタイル】 *--------------- */
* {
font-weight:400;
font-style:normal;
line-height:normal;
text-indent: 0px;
}

body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, div, pre, p, blockquote, span, table, th, td, img, #header, #footer, #topbox, #ad, #company-name, #copy, #nagare, #kokuchi, .nifty, .rireki, .navText, .menulink {
margin: 0;
padding: 0;
line-height:normal;
}

address, caption, cite, code, dfn, em, strong, th {
font-style: normal;
}

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: '';
}
object, embed {
vertical-align: top;
}

hr, legend {
display: none;
}

img, abbr, acronym, fieldset {
border: 0;
}

li {
list-style-type: none;
}

/* 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;}
/* -----------------------------------------------リンク */

a {
font-weight:700;
cursor:pointer;
overflow:hidden;
}
a:link    {text-decoration:none;}
a:visited {text-decoration:none;}
a, a:visited {color:#52607A;}
a:hover{text-decoration:none;color:#09f;}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: normal;
	}
strong, em {
	font-weight: bold;
	}



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

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

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

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


#wrap{
	margin:0 auto;
	width:780px;
}

#wrap,#header{
	margin:0 auto;
	width:780px;
}

.floatR,
dd.CoruseSample,CoruseList{
float:right;
position:relative;}
.clearB{clear:both;}

.floatL,.floatR{
display:block;}

.floatL{
float:left;
position:relative;}
* html #wrap,
* html .floatL,
* html .floatR{height:1%;}
/* -------------------------- 【検索窓】 */
#kensaku{
	text-align:right;
	margin:20px auto 5px;
width:760px;
}
#jumpForm {
font-size:14px;
	margin : 0px;
}
#AnchorList {
	width :250px;
}
/* -------------------------- 【ヘッダー】 */
#title {
	background:#333 url(../images/kado-right.gif) no-repeat right top;
	height:32px;
	line-height:32px;
	color:#FC0;
	font-size:12px;
}
#title img{float:left;
position:relative;}



#catchcopy{
	top:32px;
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:visible;
	border-left:solid 1px #999;
	border-right:solid 1px #999;
	height:139px;
	position:relative;
	background:url(../images/bg-senden.jpg) no-repeat right 0;
}
#senden p{
font-weight:700;}
#senden .imgDougaku{
	float:left;
position:relative;
left:10px;
}
.icon{
position:absolute;
bottom:0px;
right:1px;
float:right;
display:inline;
}

ul.icon{
width:180px;
height:70px;
background:url(../images/icon_link.jpg) no-repeat top right;
}
ul.icon li{
float:left;
position:relative;
display:inline;}
ul.icon li a{
padding:0;
margin:0;
width:60px;
height:70px;
display:block;
overflow:hidden;
}

ul.icon li a span{
display:none;}
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;}

/* h1タイトル部分*/ 
.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;
}


#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;
}
#ribbon{
	padding:5px;
	font-size:14px;
	font-weight:700;
	text-align:center;
	color:#6FF;
	border-bottom:#2255aa solid 3px;
	border-top:solid 3px #77AAFF;
	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;
}
#attention {
	line-height:1.3;
	padding:10px;
	margin-bottom:0px;
	background-color:#F7F7F7;
	font-size:14px;
	text-align:center;
}
#point span {
	color:#F00;
	font-size:16px;
}

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

.CoruseGuide{
	border: #ccc solid 1px;
	background:#fff url(../images/bg-senden.jpg) no-repeat 0 bottom;
padding:10px 5px;
overflow:visible;
display:block;
}
.CoruseGuide dl{
display:block;
float:right;
width:170px;
position:relative;
}

.CoruseGuide dl.center{
	float:none;
	overflow:visible;
	width:173px;
	margin-left:20px;}
#volume1 .CoruseGuide,
#volume2 .CoruseGuide,
#volume3 .CoruseGuide{
display:block;
width:173px;
overflow:visible;
float:left;
position:relative;
margin:0px;
}
.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{
height:35px;
line-height:35px;
text-align:right;}
	dd.CoruseIT,
	dd.CoruseBasic,
	dd.CoruseBiz,
	dd.CoruseMovie,
	dd.CoruseDTP,
	dd.CoruseCertify{font-size:12px;padding-left:35px;
}
	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;
float:left;
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:81px;
height:35px;
		overflow:hidden;
background:url(../images/CoruseVideo.gif) no-repeat 0px 1px;
}
	dd.CoruseSample a:hover{
background:url(../images/CoruseVideoH.gif) no-repeat 0px 1px;
}
	dd.CoruseMovie,
	dd.CoruseTime span{
font-weight:700;
color:#777;}
	dd.CoruseSample span{
display:none;}

	#volume1 .CoruseGuide dl dd,#volume2 .CoruseGuide dl dd,#volume3 .CoruseGuide dl dd{
height:37px;
line-height:37px;}
#CoruseGuideTxt,#CoruseGuideTxtyt{
margin:10px 20px;
padding:0;
display:block;
overflow:hidden;}
#CoruseGuideTxt p{
display:block;
margin-left:100px;
font-size:14px;}
#CoruseGuideTxtyt p{
display:block;
margin-left:300px;
font-size:14px;
margin-bottom:10px;}#CoruseGuideTxtyt .floatL span{
	font-size:12px;
	color:#069;
	display:block;
	padding:3px;}
#CoruseGuideTxtyt .floatL{
	width:285px;}
#CoruseGuideTxt strong{
color:#039;
font-size:20px;}
#CoruseGuideTxt p strong,
#CoruseGuideTxtyt p strong{
	line-height:1.4;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
color:#036;
font-size:17px;}
* html .CoruseGuide,
* html #CoruseGuideTxt,
* html #contents{height:1%;}


#Chapter,#Chapter2,#Chapter3{
	width:95%;
	margin:0 auto;
	text-align:center;
	background-color:#FFF;
	display:block;
	overflow:hidden;
}
#ChapterGuide{
	font-size :13px;
	text-align :left;
	width:225px;
}
#ChapterGuide p{
padding:5px 10px;}

#ChapterGuideTopix{
float:right;
position:relative;
width:500px;}
#ChapterGuideTopix p{
margin-top:12px;
}
.Box1,
.Box3,
#ChapterGuide,
.Box{
display:block;
text-align:left;
float:left;
position:relative;}
#Box2nd,#Box3rd{
clear:both;}
.Box1{
	width:100%;}
.Box{
width:49%;}
.Box3{width:32%;}
#Bcenter,#Bcenter2,#Bcenter3{
margin:0 1% 0 2%;}
#lust,#lust2,#lust3,
#lesson2,#lesson4,#lesson6,#lesson8{
float:right;
position:relative;}
#lesson2,#lesson4,#lesson6,#lesson8{
width:355px;
position:relative;}
#lesson1,#lesson3,#lesson5,#lesson7{
clear:both;
float:left;
position:relative;
width:355px;
}

#jumpForm {
	margin : 0px;
}


#softTitle {
	vertical-align : middle;
	color : #000000;
	font-size : 22px;
}
#footer address {
	font-size : 12px;
	color : #405080;
	font-weight : bold;
	letter-spacing : .1em;
	margin : 0px;
	text-align:center;
}
#registBlock {
	padding : 0 15px 0 0;
}

#mainImage {
	width : 100%;
	background-image : url(../images/s_p.jpg);
	background-repeat : no-repeat;
}

.totop,.andmore{
	font-size:11px;
	text-align:right;
	margin-bottom:10px;
}

#ChapterGuideTopix dt a,
#ChapterGuideTopix .floatL a,
#ChapterGuideTopix .floatR a,
.parentList li a{
color:#F60;}
.point01{
color:#C90;}
.totop a{
	color:#97A3BA;
}
.totop a:hover {
	color:#CFD3E4;
}
strong,
#ChapterGuideTopix dl dt a,.parentList li a:hover
{
color:#069;}
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;
	}
#ChapterList .details{
	border-top:#036 6px solid;
	background:#39C;
	font-size:14px;
	color:#FFF;
	text-align:center;
	width:100%;
	height:20px;
	padding:0;
display:block;}	
#ChapterList h2 a{
	height:56px;
	width:55px;
	text-align:center;
	position:absolute;
	right:0;
	top:0;
	display:block;
	overflow:hidden;
	background-color:#036;
	}
		
#ChapterList h2 a img{
	margin:5px auto;
	padding:0;}
#ChapterList h2 a:hover{
display:block;
	background:#036 url(../images/bLoginH.gif) no-repeat center center;}
#ChapterList h2 a:hover img{
	display:none;}
	
h2.volumeTitle span.loginText a,
h3.volumeTitle span.loginText a{
position:absolute;
right:0;
bottom:0;
}

h2.volumeTitle span.loginText a:hover,
h3.volumeTitle span.loginText a:hover,
.Box3 span.loginText a:hover{
background:#66CCFF;}

div.chapterBlock{
	clear:both;
	width : 100%;
	height : 100%;
	position:relative;
	padding-top:10px;
font-size:118.4%;
	margin:0;
}

div.chapterBlock a{
color:#FF3300;}
div.chapterBlock a:hover{
color:#800;}
div.chapterBlock ul li{
	line-height:1.6;
}
.chapterBlock dl{
margin:15px;}


#ChapterList{
	overflow:visible;}
#ChapterList div.chapterBlock ul, li {
	line-height:1.0;
}
#ChapterGuideTopix dl,
ol.parentList {
	font-size : 10pt;
	font-weight : bold;
	padding : 0px;}
ol.parentList {
}
#ChapterGuideTopix dl.floatL,
#ChapterGuideTopix dl.floatR{
	width:48%;}

.dtline{
line-height:1.5;
	border-bottom: #666 solid 2px;}
#ChapterGuideTopix dl dt{
	font-size : 10pt;
	font-weight : bold;
margin-left:5px;
	/* [disabled]border-bottom: #666 solid 2px; */
}
ol.parentList li,
ol.parentList2 li{
	padding:3px;
	font-weight:700;
list-style-position:inside;
	list-style-type : decimal;
}
	
ul.childList{
	border-top:#666 solid 2px;
	font-size : 9pt;
	font-weight : normal;
margin:0 0 15px;
padding : 0 0 0 20px;
}

ul.childList li{
	border-bottom:#ccc dashed 1px;
	font-weight:400;
	line-height:1.3;
}

#ChapterGuideTopix dl.floatL li,
#ChapterGuideTopix dl.floatR li{
	/* [disabled]padding:3px 0; */
}
#ChapterGuideTopix dl dd,
ol.parentList1#Chapter01 li,
ol.parentList1#Chapter02 li{
	margin-left:10px;
}
ol.parentList1 span{
	margin:0;
	padding:2px 0;
	display:block;
	overflow:hidden;}



#Chapter01 a:hover,li.samplevideo a:hover{
	background: url(../images/Svideo.gif) no-repeat right bottom;
	display:block;
	width:100%;
	height:40px;
	}
#Chapter01 span,
#Chapter02 span{
color:#777;
display:block;
padding:2px 0;
margin:0 0 0 50px;}
ol.parentList2{
	margin:10px 0 0 40px;}

#ChapterGuideTopix ol,
#ChapterGuideTopix dl{
	padding:15px 5px;
	}
	
	/* --------------------------  シリーズリンク */
#SeriesLink{float:right;
	width:100%;
	margin:0 auto 20px;}
#SeriesLink4{
	width:680px;
	overflow:hidden;
	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;}

* body #SeriesLink4,
* body #SeriesLink{
height:1%;}
#SeriesLink4 a img,
#SeriesLink li,
#SeriesLink a img{
float:left;
position:relative;
}
#SeriesLink4 a,
#SeriesLink a{
overflow:hidden;
background:url(../IT_6001/images/bgTitleLink.jpg) repeat-x bottom left;
color:#888;
}
	#SeriesLink li{width:auto;}
	#SeriesLink a{width:240px;
	margin-bottom:10px;
border:#CCC 1px solid;}
	#SeriesLink li.center{
		margin:0 10px;}
	#SeriesLink4 a{width:330px;
	font-size:13px;
	color:#333;
	margin-bottom:10px;}
#SeriesLink4 a img,
#SeriesLink a img{
margin:0 5px 0 0;
padding:0 5px 0 0;
background:#ffF;}
#SeriesLink a img{
margin:0 5px 0 0;
padding:3px;
border:#036 9px solid;
background-color:#0cf;}
#SeriesLink a:hover img{
padding:3px;
border:#036 9px solid;
background-color:#9cf;}
#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;
}
#SeriesLink li a strong{
	padding-bottom:0;}
#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;}

#SeriesLink a:hover,
#SeriesLink a:hover{
background:#0CF;
color:#036;}
	
/* blue  */
#ChapterList .ChapterTitle{
	text-align:left;
	border-top:#39c 6px solid;
	color:#FFF;
	background-color:#036;}
	#ChapterList #point span,.cLink{
	color:#6cf;
margin:0;
padding:0;
display:inline;}


#ChapterList .ChapterTitle{
font-size:20px;
padding:5px 0 0 10px;}

#ChapterList dd.TitleLink dl{
padding:10px;
}
#ChapterList dd.TitleLink{
position:relative;
font-size:13px;
float:right;
display:block;
width:350px;}
#ChapterList dd.TitleGuide,.TitleGuide{
float:left;
display:block;
width:370px;}
#ChapterList dd.TitleLink dl{
display:block;
margin:0 0px 10px;}
#ChapterList dd.TitleLink div{
margin-top:10px;}
#ChapterList dd.TitleLink dl dt span{
font-weight:700;
font-size:14px;}
#ChapterList .chapterBlock p.Mtitle,
#ChapterList dd.TitleGuide strong,
#ChapterList dd.TitleLink dl dd a{
margin-left:10px;
color:#09c;
font-size:18px;
}
#ChapterList .chapterBlock p.Mtitle{
text-align:center;}
#ChapterList dd.TitleLink dl dd a:hover{
color:#3CF;}
#ChapterList dd.TitleGuide p{
padding:15px;}

#ChapterList #attention{
text-align:left;
	background-color:#FFF;}
#userAttention {
	color:#8C0003;
	background: #FFFF99 url(../../images/common/bg-menuYbottom02.jpg) repeat-x bottom left;
	border: #FFCC66 solid 1px;
	font-weight:700;
	margin:0 0 20px;
	text-align:center;
	padding:5px;
}

#userAttention strong{
color:#C00;}
#ChapterList #attention p strong{
	font-size:18px;
	line-height:1.3;}
#ChapterList #attention p{
	font-size:14px;}


#icon img{
	padding:0 5px 5px 0;
	vertical-align:baseline;
}
#icon img.video,.chapterImage,.chapterImage250,img.Guideimg{
	border:1px solid #ccc;
	padding:3px;
	background:#fff;}
#icon img.video{
	margin:0 5px 5px 5px;
	float:left;
position:relative;}
.chapterImage{
margin:0 25% 10px;}
	#icon{
		color:#069;
		background-color:#eee;
		height:193px;
		padding-top:5px;
		font-size:13px;
		font-weight:700;}
#Chapter01 a,li.samplevideo a{
	height:40px;
	background: url(../images/SvideoH.gif) no-repeat right bottom;
display:block;
}
#ChapterList .andmore{
margin:20px 0 0;}
.chapterImage250{
margin:0 0 10px;}
img.Guideimg{
display:block;
margin:8px auto;
}


#lessonGuide{
display:block;
overflow:hidden;
margin:0 0 15px;}
.totop{
overflow:hidden;
display:block;
width:100%;}
.link{
position:absolute;
top:0;
right:0;
display:block;
overflow:hidden;}
.go{
width:100%;
text-align:right;}

#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 : bold;
	letter-spacing: .1em;
	margin : 0px;
	text-align:center;
}

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

#Sponsor li#CompanyName{
width:270px;
float:left;
position:relative;}

#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;}
#Address,#Address p,
#CompanyName,#CompanyName p,
#Copyright,#Copyright p{
color:#405080;}

#point{
margin:0;
padding:0;
clear:both;
	color:#036;
	background-color :#C5EBFE;
	font-size:14px;
	line-height:1.3;
	font-weight:700;
	text-align:center;
}
#point p.noticeable{
	text-align:left;
	border-top:#39c 6px solid;
	background-color:#036;
padding:10px;}
#point p.noticeable,p.notice{
	color:#FFF;}
#point p.noticeable span {
	color:#6cf;
	font-size:16px;
}
	*:first-child+html #point p.noticeable{
		padding-bottom:20px;
		margin-bottom:-15px;}
p.notice{
	background-color:#39c;
}
#point p.notice span{
	font-weight:700;
color:#FF0;
}
#registText{
	clear:both;
	color : #888;
display:block;
	font-size : 12px;
	padding:5px;
	text-align : right;
}
.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;}
.pro{
	clear:both;
	overflow:visible;
	margin:5px 10px 0;
	height:70px;
	background: url(../images/tape.jpg) repeat-x top left;}

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

/* Coruse List */
	.CoruseList {
	/* [disabled]padding:0 15px; */
}
	.CoruseList .floatL{
margin-right:2%;}
	.CoruseList .floatL,
	.CoruseList .floatR{
		display:block;
		width:32%;}
	.CoruseList 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 5px 0 0;}
.CoruseList ul{
clear:left;
	border-top:#666 solid 2px;
	}

	.CoruseList ol>li{
clear:both;
display:block;
margin:0 0 15px;}
.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;
	}