/*----frame layout----*/
#frame
{
	background:#ddd;
	width:784px;
	padding:0 8px;
	margin:auto;
	font-size:1em;
	overflow:hidden;
}
#headerArea
{
	background:#fffff7;
	position:relative;
}
#contentArea
{
	padding:20px;
	height:100%;
	background:#fff;
	position:relative;
	clear:both;
}
#footerArea
{
	height:77px;
	background:url("../image/footerbg.jpg");
	position:relative;
	clear:both;
}
/*----header area----*/
#logoArea
{
	height:120px;
	position:relative;
	overflow:hidden;
}
#logoArea .lnkBanner
{
	position:absolute;
	top:5px;
	right:5px;
}
#logoArea .lnkBannerHaos
{
	position:absolute;
	top:70px;
	right:5px;
}
#logoArea .lnkBannerBlog
{
	position:absolute;
	bottom:130px;
	right:5px;
}
#logoArea .lnkLessonGuide
{
	position:absolute;
	bottom:10px;
	right:10px;
}
.siteLogo
{
	width:300px;
	height:100px;
	float:left;
}
.copAbout
{
	display:block;
	width:305px;
	float:right;
}
.navigation
{
	width:783px;
	height:24px;
	background:#019A01;
}
.navigation ul
{
	 float:right;
}
.navigation li
{
    float:left;
    display:inline;
    height:24px;
    line-height:24px;
    background:url("../image/split1.jpg") no-repeat right;
}
.navigation .last
{
	background:none;
}
.navigation a:link, .navigation a:visited
{
	display:block;
	border:none;
	text-align:center;
	color:#eee;
	font-size:12px;
}
.navigation a:hover, .navigation a:active,
.navigation .selected:active, .navigation .selected:visited
{
	color:#111;
	background:#eee;
}
.naIndex
{
	width:80px;
}
.naService
{
	width:80px;
}
.naApplication
{
	width:120px;
}
.naPayment
{
	width:80px;
}
.naStaff
{
	width:120px;
}
.naAbout
{
	width:120px;
}
/*----footer area*/
#fSiteName
{
	width:250px;
	height:55px;
	color:#03c80b;
	margin:10px 0 0 10px;
	float:left;
	display:inline;
}
#fLogo
{
	width:50px;
	height:40px;
	color:#03c80b;
	margin:10px 0 0 30px;
	float:left;
	display:inline;
}
#fRules
{
	position:absolute;
	top:10px;
	right:10px;
}
#fRules a:link, #fRules a:visited
{
	color:#009a00;
}
#fRules a:hover, #fRules a:active
{
	color:#ff0000;
}
#fCopyright
{
	font-size:12px;
	color:#1a4527;
	position:absolute;
	bottom:8px;
	right:10px;
}
.ftext1
{
	font-size:11px;
	font-weight:normal;
	position:relative;
}
.ftext2
{
	font-size:14px;
	font-weight:bolder;
	position:relative;
	top:-5px;
}
/*----index page----*/
#bIndex #contentArea
{
	padding:7px;
	background:#fff;
}
#indexBlock
{
	background:#eee;
	padding-bottom:7px;
}
#bIndex .divisionLine1
{
	display:none;
}
#bIndex #logoArea
{
	height:384px;
	overflow:hidden;
}
#bIndex #loginArea
{
	width:250px;
	height:180px;
	margin:7px;
	display:inline;
	background:#fff;
	float:left;
}
#loginArea .header
{
	height:30px;
	line-height:30px;
	padding-left:30px;
	font-size:12px;
	color:#fff;
	background:#02cd02  url("../image/headerimg.jpg") no-repeat left;
}
#loginArea .logintro
{
	margin:1px 7px;
}
#indexLoginForm
{
	width:200px;
	margin:auto;
}
#indexLoginForm th
{
	width:50px;
	color:#06d00c;
	font-weight:bold;
}
.loginInput
{
	width:135px;
	border:solid 1px #06d00c;
}
.CBAutoLogin
{
	color:#06d00c;
}
.btnSignin
{
	display:block;
	width:100px;
	margin:5px auto 5px auto;
}
#indexCMArea
{
	width:480px;
	height:180px;
	margin:7px 10px;
	float:right;
	display:inline;
	text-align:center;
}
#indexCM
{
	width:440px;
	height:80px;
	margin:auto;
	text-align:left;
	font-size:1.3em;
	font-weight:bolder;
	position:relative;
	top:10px;
}
#indexCM p
{
	background:url("../image/arrow2.jpg") no-repeat left center;
	padding-left:30px;
}
#indexBlock .ortbl
{
	margin:7px;
}
#indexMenu
{
	width:766px;
	height:222px;
	margin-left:2px;
	background:url("../image/indexMenubg.jpg") no-repeat;
	float:left;
}
#indexMenu li
{
	width:190px;
	height:100px;
	line-height:100px;
	margin-top:10px;
	text-align:center;
	float:left;
	display:inline;
}
/*----guide service page----*/
#serviceContent
{
	font-size:15px;
	font-weight:bold;
}
#serviceContent li
{
	background:url("../image/arrow1.gif") no-repeat;
	padding:10px 0 0 10px;
	position:relative;
}
#serviceContent li p
{
	position:relative;
	top:-13px;
	padding-left:20px;
}
#sercomImg
{
	display:block;
}
#serSpypeImg
{
	width:60px;
	height:40px;
	position:absolute;
	top:-10px;
}
/*----guide application page----*/
#applicationContent
{
	list-style-type:decimal;
	font-size:15px;
	font-weight:bold;
	padding-left:20px;
}
#applicationContent li
{
	padding-bottom:10px;
}
#flowimage
{
	height:650px;
	border:1px solid #000;
	padding:5px 0px;
}
#reFlow
{
	width:280px;
	float:left;
	text-align:center;
}
#yoFlow
{
	width:460px;
	float:right;
	text-align:center;
}
/*----guide payment page*/
#paymentContent
{
	margin:10px 0px 0px 20px;
}
#paymentContent li
{
	margin:5px 5px 0 0;
}
/*----introduce page----*/
#intro table
{
	border: #00ff00 3px solid;
	text-align:left;
	margin:auto;
}

#intro p
{
	font-size:14px;
}
.intro_indent0
{
	padding-left:10px;
}
.intro_indent1
{
	padding-left:35px;
}
.intro_indent2
{
	padding-left:50px;
}
.intro_heading
{
	text-align:center;
	font-size:13px;
	font-weight:bold;
	height:40px;
}
/*----info staff page----*/
#staffBlock
{
	min-height:360px;
	height:100%;
}
#staffView
{
	height:230px;
	width:85%;
	font-size:14px;
	line-height:1.8;
	margin:auto;
}
#staffView .viewText
{
	width:50%;
	float:left;
}
#staffView .viewImage
{
	height:200px;
	float:right;
}
.foreword
{
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
}
#staffSosaTip
{
	background:#fff;
}
#staffSosaTip .lb
{
	width:65px;
	vertical-align:top;
}
#staffintro
{
	width:90%;
	margin:20px auto 0 auto;
}
.tbStaff
{
	table-layout:auto;
	background:#99cc00;
	margin-bottom:4px;
}
.tbStaff .lb
{
	width:120px;
	padding:0px;
}
.tbStaff .rb
{
	padding:0px;
}
.phoar
{
	width:120px;
	height:120px;
	text-align:center;
	border-bottom:2px solid #99cc00;
}
.staffImg
{
	width:120px;
	height:120px;
}
.staffName
{
	text-align:center;
	font-size:1.3em;
}
.syoar
{
	height:120px;
	padding:0 10px;
}
.clkar li
{
	float:left;
	display:inline;
	width:24%;
	text-align:right;
}
/*----info pands page----*/
#pandsBlock
{
	height:100%;
}
#staffProfile li
{
	width:100%;
	height:auto;
	float:none;
	display:block;
	padding:10px 0;
}
.scheduleHeader
{
	background:#99ff99;
}
.scheduleTable td,.scheduleTable th
{
	text-align:center;
}
/*----application free page----*/
#freeRequest
{
	border:solid 1px #000000;
	margin: 10px 0 0 0;
	padding:5px;
}
#freeRequestSubmit
{
	position:relative;
	height:40px;
	text-align:center;
}
/*----application licence page----*/
.licenceContent
{
	margin:10px;
	padding:5px;
	height:300px;
	overflow-y:scroll;
	border:1px solid #1b4985;
}
#licenceBtns
{
	margin-top:20px;
	text-align:center;
}
#licenceBtns a
{
	margin-right:40px;
}
.bktyui
{
	border:2px solid #00f;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	margin:0 10px 10px 10px;
	padding:5px;
	color:#00f;
	font-weight:bold;
}
/*----application free page----*/
#freeRequestFrom th
{
	vertical-align:text-top;
	width:13em;
}
/*----application register page----*/
#registerForm th
{
	width:15em;
}
.registerTitle
{
	font-size:20px;
	font-weight:bolder;
	text-align:center;
	height:36px;
	line-height:36px;
	margin-bottom:5px;
}
.sslhint
{
	text-align:right;
	font-size:0.8em;
}
.registerTitle img
{
	height:36px;
}
.registerTitle span
{
	position:relative;
	top:-8px;
}
.courseNormal
{
	width:16em;
	float:left;
	line-height:2em;
	font-size:1.1em;

}
.courseTokuten
{
	width:20em;
	float:left;
	line-height:2em;
	color:#f00;
	font-size:1.1em;
	font-weight:bold;
}
/*----application registconfirm page----*/
#registconfirmBlock
{
	padding:0 100px;
}
.rcAcceptBar
{
	padding:5px 10px;
	height:30px;
	line-height:30px;
	background:#66ff33;
	position:relative;
}
.rcAccept
{
	margin:5px 0;
	padding:5px;
	line-height:20px;
	background:#006600;
	position:absolute;
	top:0;
	right:20px;
}
.rcAcceptBar a:link,.rcAcceptBar a:visited
{
	color:#fff;
}
#rcAcceptBody
{
	margin:0 5px;
	padding:50px 20px 50px 150px;
	border-left:2px solid #66ff33;
	border-right:2px solid #66ff33;
}
/*----application corporation page----*/
/*----application inquiry page----*/
#corRequestForm th
{
	vertical-align:middle;
	width:17em;
}
#inquireBlock th
{
	vertical-align:middle;
	width:14em;
}
/*----application registsuccess page----*/
#registsuccessAr
{
	margin:20px 80px;
	padding:10px;
	border:2px solid #009900;
	font-size:14px;
	height:100%;
}
#registrei
{
	margin-bottom:10px;
	color:#009900;
	font-size:20px;
	font-weight:bold;
	text-align:center;
}
.jikansetumei
{
	margin-bottom:20px;
}

.jikansetumei h3
{
	font-size:14px;
}
.jikansetumei p
{
	padding-left:2em;
}
/*----about page----*/
#aboutBlock
{
	height:400px;
}
#aboutBlock p
{
	font-size:15px;
	font-weight:bold;
}
/*----video page----*/
#gdvideoBlock
{
	height:515px;
}
#gdvideoBlock .video
{
	border:1px solid #ccc;
	width:640px;
	height:505px;
	margin: 5px auto;
}
/*----login page----*/
#loginBlock
{
	width:50%;
	height:300px;
	margin:0 auto;
	padding-top:40px;
}
#loginForm
{
	width:420px;
}
#loginForm th
{
	width:130px;
}
.btnLogin
{
	display:block;
	width:122px;
	margin:0 auto;
}
#toRegAr
{
	margin-top:40px;
}
#toRegBtns
{
	width:420px;
	height:40px;
	margin-top:20px;
}
#toRegBtns li
{
	width:210px;
	text-align:center;
	float:left;
}
/*----logout page----*/
#logoutBlock
{
	 margin: 5px auto;
	 width: 600px;
	 font-size:1.3em;
}
#logoutBtns
{
	margin:1em 0;
}
#logoutBtns a
{
	width:7em;
	color:#000;
}
/*----sitemap page----*/
#sitemapBlock
{
	height:350px;
}
#sitemapBlock ul
{
	margin-left:50px;
}
#sitemapBlock li
{
	margin-top:5px;
	padding-left:20px;
	background:url("../image/arrow1.gif") no-repeat left center;
}
/*----error page----*/
#errorBlock
{
	height:350px;
}
#errorBack
{
	display:block;
	text-align:center;
	width:122px;
	margin:150px auto;
}
/*----404 page----*/
#nopageBlock
{
	height:350px;
}
#topPageBack
{
	margin-top:100px;
	font-size:15px;
}
/*----payselect page----*/
#typeIntrAr
{
	width:620px;
	margin:20px auto 0 auto;
}
.haraiTypeAr
{
	width:620px;
	margin:20px auto 0 auto;
}
.htBody
{
	border:2px solid #99cc00;
	padding:5px 10px;
}
.htBody ul
{
	padding-left:20px;
}
.htLogoAr img
{
	margin:10px 15px;
}
.toKesai
{
	text-align:center;
	padding:20px 0;
}
.toKesai a
{
	padding:10px;
	font-size:1.2em;
	text-decoration:underline;
}
.htKoza
{
	padding:10px 50px;
}
/*----kesaicard page----*/
/*----kesaiconbini page----*/

#kesaicardBlock, #kesaiconbiniBlock
{
	padding:0 30px;
}
.kesaiteiji .left
{
	float:left;
}
.kesaiteiji p
{
	float:left;
	width:390px;
}
.dataError
{
	width:400px;
	margin:auto;
}
/*----kesaiconbiniguid page----*/
#conguidBlock
{
	padding:0 30px;
}
.cgpTitle
{
	color:#006600;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:20px;
}
.cgsType
{
	margin:10px 0;
	font-size:1.3em;
}
.kesaiBango
{
	padding-left:20px;
	margin-bottom:10px;
}
.cgComment
{
	font-size:0.9em;
}
.cgcType
{
	margin:5px 0;
	font-size:1.2em;
}
#cgAttention
{
	margin: 20px auto;
	line-height:1.7;
}
#cgaTitle
{
	color:#006600;
	font-size:1.4em;
	font-weight:bold;
	margin-bottom:5px;
}
/*----rules page----*/
.ruleListTitle01
{
	margin-top:15px;
	color:#00b050;
}
.ruleList02
{
	margin-left:0.5em;
}
.ruleList02 li
{
	margin-left:1.5em;
	text-indent:-1.5em;
}
.ruleList03 li
{
	margin-left:1.7em;
	text-indent:-1.7em;
}