@charset "utf-8";

/* CSS Document */

body {
background-color:#fff;
background-image:url(../images/bg2.gif);
background-repeat:repeat-x;
}

.arrow { color:#8f979d; }

div#thin_wide { padding-left:13px; }

div#thin {
width:235px;
float:left;
/*background-image:url(../images/sideBg.gif);*/
background-repeat:repeat-x;
margin-right:1px;
overflow:hidden;
padding-bottom:20px;
}

div#wide {
width:708px;
float:left;
background-color:#ccc;
padding:9px 0 12px;
}

/* Pankuzu Style
----------------------------------------------- */

div#pankuzu {
border-top:1px solid #dee0e0;
width:938px;
margin:0 auto;
padding:4px;
font-size:110%;
color:#999;
}

div#pankuzu ul a { color:#505f6c; }

div#pankuzu ul li { display:inline; }

/* Thin Style
----------------------------------------------- */

#webinar_title {
padding:3px 6px;
background-color:#3E3F41;
font-size:140%;
color:#ccc;
/*background-image:url(../images/webinarTitle_border.gif);*/
background-repeat:no-repeat;
background-position:bottom;
border-bottom:1px solid #656567;
}

#menuTitleContainer {
width:240px;
background-color:#3E3F41;
font-size:160%;
line-height:1.4;
}

#menuTitle {
padding:9px;
color:#fff;
}

/* thin ul Style
----------------------------------------------- */
div#thin ul#menu { border-bottom:1px dotted #aaa; }

div#thin ul li { }

/* menu1 Style
----------------------------------------------- */

div#thin ul li.menu1Active,
div#thin ul li a {
display:block;
padding:7px 0 6px 16px;
border-top:1px dotted #aaa;
background-repeat:no-repeat;
font-size:120%;
}

div#thin ul li.menu1 a {
background-image:url(../images/icon_circle.gif);
background-position:4px 10px
}

div#thin ul li.menu1Active {
color:#fff;
background-color:#585b5e;
background-image:url(../images/icon_circle_a.gif);
background-position:4px 10px;
border-top:1px solid #fff;
}

div#thin ul li.menu1 a:hover {
color:#333;
background-color:#ccc;
background-image:url(../images/icon_circle_o.gif);
}

/* menu2 Style
----------------------------------------------- */

div#thin ul li.menu2 a {
background-image:url(../images/icon_menutriangle.gif);
background-position:3px 9px;
}

div#thin ul li.menu2 a:hover {
color:#333;
background-color:#ccc;
background-image:url(../images/icon_menutriangle_o.gif);
}

div#thin ul li.menu2 ul li {
padding-left:15px;
background-repeat:no-repeat;
}

div#thin ul li.menu2 ul li a {
padding:4px 0 3px 16px;
background-image:url(../images/icon_circle2.gif);
background-position:4px 6px;
font-size:110%;
}

div#thin ul li.menu2 ul li.menu2Active {
padding:4px 0 3px 16px;
margin-left:15px;
background-position:4px 6px;
font-size:110%;
}

div#thin ul li.menu2 ul li a:hover {
color:#333;
background-color:#ccc;
background-image:url(../images/icon_circle_o.gif);
}

div#thin ul li.menu2 ul li.menu2Active {
color:#fff;
background-color:#585B5E;
background-image:url(../images/icon_circle2_o.gif);
}

/* menu1 menu2 Common Style
----------------------------------------------- */

div#thin ul li.menu1 a,
div#thin ul li.menu2 a,
div#thin ul li.menu2 ul li a {
background-color:#fff;
background-repeat:no-repeat;
}

/* course Style
----------------------------------------------- */
div#course_caption {
background-image:url(../images/thin_menu_underbg.gif);
background-repeat:repeat-x;
padding:20px 0 8px 0;
margin-top:1px;
}

div#course_caption h2 { padding:0 0 3px 25px; }

div#course_captionBox {
width:183px;
margin:0 auto;
background-image:url(../images/courceBoxBg.gif);
background-repeat:repeat-y;
}

div#course_captionBox p {
color:#8A8A8A;
padding:0 8px;
font-size:110%;
min-height:50px;
}



div#course_captionBox_top {
width:183px;
height:9px;
background-image:url(../images/courceBoxBg_top.gif);
background-repeat:no-repeat;
}

div#course_captionBox_bottom {
width:183px;
height:9px;
background-image:url(../images/courceBoxBg_bottom.gif);
background-repeat:no-repeat;
background-position:bottom;
}

p#faqBtn,
p#txtSearchBtn {
width:183px;
margin:15px auto 0;
}

.backBtn {
width:183px;
margin:30px auto 0;
}

#userInfoChange {
background-image:url(../images/thin_menu_underbg.gif);
background-repeat:repeat-x;
padding:20px 0;
margin:50px auto;
}

#userInfoChange p {
width:183px;
margin:0 auto;
}

/* Wide Style
----------------------------------------------- */

.chapterList {
padding:5px 0 10px 15px;
font-size:180%;
font-weight:bold;
}

div.courseMenuContainer {
clear:both;
width:682px;
border:1px solid #999;
margin:0 auto 6px auto;
background-color:#fff;
overflow:hidden;
padding:4px 0;
}

.chapterTitle {
font-size:140%;
background-image:url(../images/menuTitleBg.gif);
background-repeat:repeat-y;
line-height:30px;
padding-left:12px;
padding-bottom:2px;
}

.chapterTitleDotLine {
width:680px;
margin:0 auto;
height:2px;
background-image:url(../images/menuTitleDotLine.gif);
background-repeat:repeat-x;
}

.chapter_Caption_Menu {
width:680px;
margin-top:4px;
_margin-top:-4px;
background-image:url(../images/dotLine1.gif);
background-repeat:repeat-y;
background-position:401px 0;
overflow:hidden;
}

.chapterThumb {
width:153px;
float:left;
}

.chapterThumb img {
border:1px solid #aaa;
margin:6px 0 1px 13px;
}

.chapterCaption {
width:248px;
float:left;
}

.chapterCaption2 {
width:401px;
float:left;
}

.chapterCaption h2,
.chapterCaption2 h2 {
padding:12px 14px;
color:#fff;
font-size:160%;
font-weight:bold;
}

.chapterCaption p,
.chapterCaption2 p { padding:12px 14px; }

.chapterCaption p,
.chapterCaption2 p,
.miniTestCaption p {
color:#8a8a8a;
font-size:120%;
line-height:1.5;
}

.chapterMenu {
width:260px;
float:left;
padding:6px 9px 0;
}

.chapterMenu p { margin:2px 0; }

.chapterMenu p img { vertical-align:text-bottom; }

.chapterMenu h3 {
margin-top:16px;
border-bottom:1px dotted #BCBCBC;
padding-bottom:3px;
}

.chapterMenu ul.pdfList li {
clear:both;
padding:5px;
border-bottom:1px dotted #BCBCBC;
color:#959595;
overflow:hidden;
}

.pdfList_fileName {
width:11em;
font-size:120%;
float:left;
}

.pdfList_fileLink {
width:100px;
font-size:110%;
float:right;
}

.miniTestContainer {
clear:both;
width:676px;
border:1px solid #999;
margin:0 auto 6px auto;
background-color:#A39F91;
overflow:hidden;
padding:3px;
}

.miniTestCaption_Btn {
background-color:#fff;
padding:5px 11px;
margin-top:3px;
overflow:hidden;
width:652px;
}

.miniTestCaption {
width:522px;
float:left;
}

.miniTestCaption h3 {
font-size:120%;
line-height:1.5;
}

.miniTestBtn {
width:130px;
float:left;
padding-top:5px
}

.allDownloadContainer {
clear:both;
width:682px;
border:1px solid #999;
margin:0 auto 6px auto;
background-color:#4d4d4d;
overflow:hidden;
padding:4px 0;
color:#fff;
}

.download_Caption_Menu {
width:682px;
background-image:url(../images/dotLine2.gif);
background-repeat:repeat-y;
background-position:401px 0;
overflow:hidden;
}

.downloadCaption {
width:415px;
float:left;
}

.downloadMenu {
width:249px;
float:left;
padding:0 9px;
}

.downloadCaption h2 {
padding:12px 14px;
color:#fff;
font-size:160%;
font-weight:bold;
}

.downloadMenu p { margin:8px 0; }

.basicContainer,
.basicContainer2 {
margin:0 auto;
clear:both;
background-color:#fff;
overflow:hidden;
}

.basicContainer {
width:654px;
padding:15px;
}

.basicContainer2 {
width:644px;
padding:20px 20px 30px;
}

.listTitleBox {
border-bottom:1px dotted #aaa;
overflow:hidden;
width:644px;
}

.listTitle {
font-size:140%;
font-weight:bold;
width:540px;
float:left;
}

.listP {
display:block;
padding:5px 0 0 2em;
font-size:120%;
color:#8a8a8a;
line-height:1.5;
background-image:url(../images/listPicon.gif);
background-repeat:no-repeat;
background-position:10px 9px;
}

.listToTop {
text-align:right;
width:104px;
float:right;
font-size:110%;
padding:2px 0 4px;
}

.listToTop a img { vertical-align:middle; }

.formSearchTxt {
font-size:120%;
width:333px;
border:1px solid #8a8a8a;
vertical-align:middle;
padding:7px;
}

.btnSearch {
vertical-align:middle;
padding:5px 10px;
}

.searchResult {
text-align:center;
font-size:120%;
width:654px;
margin:0 auto;
background-color:#fff;
background-image:url(../images/thin_menu_underbg.gif);
background-repeat:repeat-x;
background-position:bottom;
padding:30px 15px 42px;
}

.searchResult2 {
text-align:center;
font-size:120%;
width:654px;
margin:0 auto;
background-color:#fff;
padding:30px 15px;
}

.searchResult_title {
background-image:url(../images/faqResult_icon.gif);
background-repeat:no-repeat;
background-position:10px 13px;
padding:10px 12px 5px 24px;
font-size:140%;
font-weight:bold;
}

.captionSearchResult_text {
padding:15px;
font-size:120%;
overflow:hidden;
line-height:1.3;
}

.captionSearchResult_text dt {
clear:both;
width:50px;
float:left;
padding-bottom:5px;
color:#00609d;
}

.captionSearchResult_text dd {
color:#8a8a8a;
padding-left:50px;
padding-bottom:5px;
padding-right:2em;
}

.title_change {
	height:19px;
	background-image:url(../images/dotlineYoko.gif);
	background-repeat:repeat-x;
	background-position:bottom;
}

.formChangeContainer {
	padding:10px 20px;
}

.formChange {
font-size:120%;
width:268px;
border:1px solid #8a8a8a;
vertical-align:middle;
padding:2px;
}

.submitContainer {
	width:684px;
	margin:0 auto;
	border-top:1px solid #cccccc;
	padding:15px 0;
	background-color:#fff;
	text-align:center;
}

.changeResult {
	text-align:center;
	padding:130px 0;
}

/* loginContainer */

#loginContainer {
	width:499px;
	margin:20px auto 0;
	border:1px solid #46494c;
	background-color:#46494c;
}

#seminarName {
	background-image:url(../images/title_loginBg.gif);
	background-repeat:no-repeat;
	background-color:#d0d0d0;
	padding:13px 10px 8px 80px;
	border-bottom:1px solid #fff;
	border-left:1px solid #fff;
	border-right:1px solid #fff;
	font-size:140%;
}

#loginFormBtnContainer1, #loginFormBtnContainer2, #loginFormBtnContainer3 {
	background-repeat:no-repeat;
	background-color:#26282a;
	padding:45px 0 16px;
}

#loginFormBtnContainer4 {
	padding:16px 0;
}

#loginFormBtnContainer1 {
	background-image:url(../images/loginBg.gif);
}

#loginFormBtnContainer2 {
	background-image:url(../images/passfBg.gif);
}

#loginFormBtnContainer3 {
	background-image:url(../images/passBg.gif);
}

#loginFormBtnContainer4 {
	background-image:url(../images/registBg.gif);
}

#loginFormContainer {
	width:426px;
	margin:0 auto;
	background-color:#fff;
}

.curve-head, .curve-head div, .curve-bottom, .curve-bottom div {
	font-size:1px;
	height:5px;
}

.curve-head {
	background:url(../images/curve_lt.gif) top left no-repeat;
	margin-bottom:10px;
}

.curve-head div {
	background:url(../images/curve_rt.gif) top right no-repeat;
}

.curve-bottom {
	background:url(../images/curve_lb.gif) bottom left no-repeat;
	margin-top:10px;
}

.curve-bottom div {
	background:url(../images/curve_rb.gif) bottom right no-repeat;
}

.loginFormContent {
	padding:5px 0 5px 33px;
}

.loginFormContent img, .loginFormContent input {
	vertical-align:middle;
}

.loginError {
	color:#b22e00;
	font-size:110%;
	padding-left:120px;
}

.loginCheck {
	color:#7d7d7e;
	font-size:110%;
	padding-left:120px;
	margin-top:5px;
}

.loginCheck input {
	vertical-align:baseline;
	margin-right:5px;
}

#loginBtnContainer {
	width:200px;
	margin:15px auto 0;
}

#passForgot {
	width:499px;
	margin:5px auto;
	text-align:right;
	font-size:110%;
}

#passForgot a {
	text-decoration:underline;
}

.passCaption {
	padding:0 10px 5px;
	font-size:110%;
	color:#666;
}

.passCaption2 {
	text-align:right;
	padding:5px 10px 0;
	font-size:110%;
	color:#666;
}

#sendMessage {
	width:265px;
	margin:0 auto;
	padding:50px 0;
}

/* regist */

.registFormContent {
	padding:5px 0 5px 14px;	
}

.registFormContent img, .registFormContent input {
	vertical-align:middle;
}

#registBtnContainer {
	width:300px;
	margin:15px auto 0;
}

.btnRegist_l, .btnRegist_r {
	display:inline;
}

.btnRegist_l {
	padding-right:20px;
}