@charset "utf-8";

.commonTitleBorder{ margin-bottom:20px; padding-top:20px; font-size:23px; font-weight:bold; border-left:solid 3px #131364; line-height:1px;}
.commonTitleBorder span { font-size:30px; color:#131364; line-height:1px;}
.commonTitleBorder span.black { color: #000; }

/* mainVisual
-------------------------------------------------- */
#mainArea .mainImg { padding: 0; height: 240px; }
#mainArea .mainImg h2 { width: 980px; margin: 0 auto; padding-top: 95px; }
#mainArea .mainImg h2 img { display: block; padding: 6px 0 6px 13px; border-left: 3px solid #131364; }
#course_overseas #mainArea { background:#e1ebf2 url(/course/images/bg_img_overseas01.jpg) no-repeat center 0; border:none;}
#course_business #mainArea { background:#e1ebf2 url(/course/images/bg_img_business01.jpg) no-repeat center 0; border:none;}
#course_level    #mainArea { background:#e1ebf2 url(/course/images/bg_img_level01.jpg) no-repeat center 0; border:none;}
#course_theme    #mainArea { background:#e1ebf2 url(/course/images/bg_img_theme01.jpg) no-repeat center 0; border:none;}


/* contents
-------------------------------------------------- */
#mainCol .small { font-size: 14px; }

#mainCol #intro { width: 714px; height: 243px; background: url(/course/images/bg_img_oversea02.png) 0 0 no-repeat; }
#mainCol #intro ul { margin: 15px; padding-top: 35px; }
#mainCol #intro ul li { padding-bottom: 15px; font-size: 17px; font-weight: bold; }
#mainCol #intro ul li span { color: #131364; }
#mainCol #intro + h4 { margin-bottom: 25px; padding: 10px; background: #131364; color: #fff; font-size: 20px; }

#mainCol #point { margin-bottom: 40px; }
#mainCol #point span { display: none; }
#mainCol #point dt { margin-bottom: 10px; padding-left: 50px; line-height: 40px; font-size: 22px; color: #131364; font-weight: bold; }
#mainCol #point dd { margin-bottom: 20px; padding-bottom: 20px; background: url(/shared/images/bg_dot.png) left bottom repeat-x; font-size: 16px; line-height: 1.6; }
#mainCol #point dd.last { margin-bottom: 0; padding-bottom: 0; background: none; }
#mainCol #point #no01 { background: url(/course/images/icon_01.png) 0 0 no-repeat; }
#mainCol #point #no02 { background: url(/course/images/icon_02.png) 0 0 no-repeat; }
#mainCol #point #no03 { background: url(/course/images/icon_03.png) 0 0 no-repeat; }
#mainCol #point #no04 { background: url(/course/images/icon_04.png) 0 0 no-repeat; }
#mainCol #point #no05 { background: url(/course/images/icon_05.png) 0 0 no-repeat; }

#mainCol .solution { margin-bottom: 50px; padding: 25px 27px; border: 1px solid #adadad; }
#mainCol .solution.last { margin-bottom: 0; }
#mainCol .solution h5 { margin-bottom: 20px; padding: 2px 0 2px 10px ; color: #131364; font-size: 24px; font-weight: bold; border-left: 3px solid #131364; }
#mainCol .solution h6 { margin-bottom: 15px; padding: 0 10px 0 40px; height: 40px; background: #8989b1 url(/shared/images/icon_check.png) 10px 6px no-repeat; color: #fff; font-weight: bold; font-size: 18px; line-height: 40px; }
#mainCol .solution h6 + p { margin-bottom: 35px; font-size: 16px; font-weight: bold; line-height: 1.6; }

#mainCol .solutionInner { margin-bottom: 20px; }
#mainCol .solutionInner .flow { display: table; margin: 0 0 15px 5px; }
#mainCol .solutionInner .flow dt { display: table-cell; padding-top: 2px; width: 55px; text-align: left; }
#mainCol .solutionInner .flow dd.text { display: table-cell; width: 450px; vertical-align: top; font-size: 18px; color: #131364; font-weight: bold; line-height: 1.4; }
#mainCol .solutionInner .flow dd.icon { display: table-cell; width: 149px; vertical-align: top; }
#mainCol .solutionInner .flow dd.icon ul { float: right; width: 140px; }
#mainCol .solutionInner .flow dd.icon li.first { float: left; width: 68px; }
#mainCol .solutionInner .flow dd.icon li.last  { float: right; width: 68px; }

#mainCol .solutionInner .detail { margin-bottom: 15px; padding-left: 72px; }
#mainCol .solutionInner .detail dt { margin-bottom: 15px; }
#mainCol .solutionInner .detail dd .text { margin-bottom: 20px; font-size: 16px; line-height: 1.6; }
#mainCol .solutionInner .detail dd.list { padding: 10px; background: #eaeaea; }
#mainCol .solutionInner .detail dd.link { margin: 30px 0 30px; padding-bottom: 30px; background: url(/shared/images/bg_dot.png) left bottom repeat-x; }
#mainCol .solutionInner .detail dd.link.noBorder { margin-bottom: 0; padding-bottom: 0; background-image: none; }
#mainCol .solutionInner .detail dd dl { display: table; }
#mainCol .solutionInner .detail dd dl dt { display: table-cell; padding: 20px 0; width: 145px; vertical-align: middle; text-align: center; background: #8989b1; color: #fff; font-size: 16px; font-weight: bold; }
#mainCol .solutionInner .detail dd dl dd { display: table-cell; padding-left: 10px; vertical-align: middle; font-size: 16px; line-height: 1.6; }
#mainCol .solutionInner .detail dd dl dd span { color: #8989b1; }
#mainCol .solutionInner .detail dd dl dd ul { margin: 0; padding: 0; }
#mainCol .solutionInner .detail dd dl dd ul li { text-indent: -1.0em; padding-left: 1.0em; }

#mainCol .solution .result li { padding: 0 5px 0 1.1em; text-indent: -1.1em; font-size: 18px; font-weight: bold; line-height: 1.6; }
#mainCol .solution .result li span { color: #8989b1; }

#course_overseas .solutionInner#bgArrow01 { background: url(/course/images/bg_course_arrow_01.png) 0 66px no-repeat; }
#course_overseas .solutionInner#bgArrow02 { background: url(/course/images/bg_course_arrow_02.png) 0 66px no-repeat; }
#course_overseas .solutionInner#bgArrow03 { background: url(/course/images/bg_course_arrow_03.png) 0 66px no-repeat; }
#course_overseas .solutionInner#bgArrow04 { background: url(/course/images/bg_course_arrow_04.png) 0 0 no-repeat; }
#course_overseas .solutionInner#bgArrow05 { background: url(/course/images/bg_course_arrow_05.png) 0 66px no-repeat; }
#course_overseas .solutionInner#bgArrow06 { background: url(/course/images/bg_course_arrow_06.png) 0 66px no-repeat; }

#course_business .solutionInner#bgArrow01 { background: url(/course/images/bg_course_business_arrow_01.png) 0 66px no-repeat; }
#course_business .solutionInner#bgArrow02 { background: url(/course/images/bg_course_business_arrow_02.png) 0 66px no-repeat; }
#course_business .solutionInner#bgArrow03 { background: url(/course/images/bg_course_business_arrow_03.png) 0 60px no-repeat; }
#course_business .solutionInner#bgArrow04 { background: url(/course/images/bg_course_business_arrow_04.png) 0 66px no-repeat; }
#course_business .solutionInner#bgArrow05 { background: url(/course/images/bg_course_business_arrow_05.png) 0 66px no-repeat; }
#course_business .solutionInner#bgArrow06 { background: url(/course/images/bg_course_business_arrow_06.png) 0 60px no-repeat; }
#course_business .solutionInner#bgArrow07 { background: url(/course/images/bg_course_business_arrow_07.png) 0 66px no-repeat; }
#course_business .solutionInner#bgArrow08 { background: url(/course/images/bg_course_business_arrow_08.png) 0 66px no-repeat; }


/* course_level
----------------------------------------------------------------------------------------------------------------------------- */

/* common */
#mainColOuter { margin-bottom: 30px; }
#mainColOuter.last { margin-bottom: 0; }

.section { padding-bottom: 27px; border: solid 1px #adadad; }
.sectionInner { width: 660px; margin:0 auto; background: none;}
.sectionInner.line { margin: 0 auto 30px; padding-bottom: 30px; background: url(/shared/images/bg_dot.png) left bottom repeat-x;}
.section02 { padding: 26px; border: solid 1px #adadad; }


#mainCol #point.bg { margin: 5px 5px 20px; padding: 20px; background:#e6e6e6 url(/course/images/bg_level_title.jpg) 0 0 no-repeat;}
#mainCol #point.bg dt { font-size: 20px; }
#mainCol #point.bg dd { margin-bottom: 0; padding-bottom: 0; background: none;}
#mainCol h6 { margin-bottom: 15px; padding: 0 10px 0 40px; background: #8989b1 url(/shared/images/icon_check.png) 10px 6px no-repeat; color: #fff; font-weight: bold; font-size: 18px; line-height: 40px; }
#mainCol h6 + p { margin-bottom: 20px; font-size: 16px; font-weight: nomal; line-height: 1.6; }

.resultCtr { position:relative; margin:0 auto 40px; text-align:center;}
.resultCtr.last { margin:0 auto 20px;}
.resultCtr .arrow { position:absolute; margin:-20px 0 0 50%; left:-128px;}
.resultInner { margin-top:20px; background:url(/course/images/bg_level_col_top.jpg) 0 0 no-repeat; border: solid 3px #131364;}
.resultText { padding: 35px 0 25px; background: url(/course/images/bg_level_col_btm.jpg) 0 bottom no-repeat; color: #131364; font-weight: bold; font-size: 18px; line-height: 1.7; }
.resultText .att { font-weight: normal; font-size: 16px;}

/* about */
#about .read { margin-bottom:15px; font-size: 16px; line-height: 1.5; }
#about .flow { padding: 9px; border: solid 1px #adadad; }

/* method */
#method ul.method { margin-top:10px;}
#method ul.method li { float:left; width:214px; padding:15px 0; background:#e6e6ef; text-align:center;}
#method ul.method li.center { margin:0 9px;}
#method .title { margin-bottom:30px; padding:10px 0 7px; color:#131364; font-weight:bold; border: solid 2px #131364; font-size: 19px; text-align:center; }

/* teacher */
#teacher .ph { margin-bottom: 20px; text-align: center; }
#teacher .text { font-size:16px;}

/* quality */
#quality .text { margin-top:20px; font-size:24px; font-weight:bold; text-align:center;}
#quality .text span { font-size:46px; color:#131364;}

/* online */
#course_level #online { background:url(/course/images/bg_level01.jpg) right bottom no-repeat;}
#course_level #mainCol #online h6 { font-size: 16px;}
#course_level #online li { float:left; width:314px; margin-bottom:20px; border:3px solid #131364;}
#course_level #online li.last { margin-bottom:0;}
#course_level #online li.right { margin-left:20px;}
#course_level #online li .text { padding:0 15px; font-size:14px;}
#course_level #online li .time { width:284px; margin:0 auto; padding: 15px 0; background: url(/shared/images/bg_dot.png) 0 0 repeat-x; font-size:14px;}

.intro { display: table; margin-bottom: 20px; border: 1px solid #131364; } 
.intro dt { display: table-cell; padding: 10px 0; width: 135px; background: #131364; color: #fff; font-size: 16px; font-weight: bold; vertical-align: middle; text-align: center; }
.intro dd { display: table-cell; padding: 10px; color: #131364; font-weight: bold; font-size: 20px; line-height: 1.6; }
.intro + p { margin-bottom: 20px; font-size: 16px; line-height: 1.6; }
.intro + p + p { text-align: center; }

.section02 h3 { margin: 20px 0 15px; }
.section02 .text { padding-top: 20px; font-size: 16px; line-height: 1.6; }
.section02 .text02 { font-size: 18px; line-height: 1.6; color: #131364; font-weight: bold;  text-indent: -1.0em; padding-left: 1.0em; }

.module { display: table; margin-bottom: 20px; padding-bottom: 20px; width: 100%; background: url(/shared/images/bg_dot.png) left bottom repeat-x; }
.module dt { display: table-cell; padding: 10px 0; width: 171px; border: 2px solid #8989b1; background: #ebebf5; color: #131364; text-align: center; vertical-align: middle; font-weight: bold; font-size: 16px; line-height: 1.6; }
.module dd { display: table-cell; padding: 0 10px;vertical-align: middle; }
.module dd li { padding-left: 1.0em; text-indent: -1.0em; font-size: 16px; line-height: 1.6; }
.module dd li span { color: #131364; } 


.module02 { display: table; width: 100%; background: url(/shared/images/bg_dot.png) left bottom repeat-x; }
.module02 dt { display: table-cell; padding-bottom: 1px; width: 202px; text-align: center; vertical-align: top; }
.module02 dd { display: table-cell; padding: 15px 10px;vertical-align: middle; }
.module02 dd p { font-size: 16px; font-weight: bold; }
.module02 dd li { padding-left: 1.0em; text-indent: -1.0em; font-size: 16px; line-height: 1.6; }
.module02 dd li span { color: #131364; } 
.module02.last { padding-bottom: 0; background: none; }
.module02.flow01 span { color: #9999b9; }
.module02.flow02 span { color: #68669e; }
.module02.flow03 span { color: #3b3979; }
.module02.last   span { color: #131364; }