/*------------------------------------- Grobal configs --------------------------------- */
* {	margin: 0px; padding: 0px;}
img {border: none;}
html { font-size: 12px;	color : #fff; font-family : "ms�S�V�b�N", "Osaka", "Verdana", sans-serif;}
body { background: url("../images/grobal/bg.gif") repeat; text-align: center; margin: 0px auto;}
p { margin-bottom: 20px;}

a { outline: none;} /*--macfirefox(u-*/
a:link { color: #ff6600; text-decoration: underline;}
a:visited { color: #ff6600; text-decoration: underline;}
a:active { color: #ff6600; text-decoration: underline;}
a:hover { color: #00c; text-decoration: underline;}

.algnC { text-align: center;}
.algnR { text-align: right;}
.algnL { text-align: left;}

.mb10 { margin-bottom: 10px;}
.mb20 { margin-bottom: 40px;}

.ml10 { margin-left: 10px;}
.ml20 { margin-left: 20px;}

.clear { clear: both;}

.red { color: #e60012;}

/*------------------------------------- Classes --------------------------------- */
#container { width: 871px; text-align: center; margin: 0px auto; background: url("../images/grobal/bg_mainarea.gif") repeat-y;}
#header { width: 869px; height: 78px; overflow: hidden; text-align: left; margin: 0px auto; background: url("../images/grobal/bg_header.gif") repeat-x;}
#header:after {	clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em;	line-height: 0em;}

#header .left { float: left; display:inline; width: 229px; height: 47px; margin: 12px 0px 0px 47px;}
#header .right { float: left; width: 546px; height: 20px; margin: 30px 0px 0px 0px; text-align: right;}
#header .right h1{ font-size: 12px; font-weight:normal;}

/*------------------------------------- gmenu --------------------------------- */
#gmenu { width: 869px; height: 57px; margin: 0px auto; text-align: center; background: url("../images/gmenu/bg_gmenu.gif") repeat-x;}
#gmenu:after {	clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em;	line-height: 0em;}
#gmenu ul.btnz { width: 869px; height: 57px; margin: 0; padding: 0px;}
#gmenu ul.btnz li { float: left; display: block; height: 57px; list-style-type: none; text-indent: -9999px; line-height: 0.1px;}
#gmenu ul.btnz li a {display: block; height: 57px;}


#toppage #gmenu ul.btnz li.btn_01 a {background: url("../images/gmenu/cp_gmenu_off_01.gif") no-repeat; width: 139px; margin-left: 35px;}
#gmenu ul.btnz li.btn_01 a {background: url("../images/gmenu/gmenu_off_01.gif") no-repeat; width: 139px; margin-left: 35px;}
#gmenu ul.btnz li.btn_01 a:hover {background: url("../images/gmenu/gmenu_on_01.gif") no-repeat;}


#course #gmenu ul.btnz li.btn_02 a {background: url("../images/gmenu/cp_gmenu_off_02.gif") no-repeat; width: 133px;}
#gmenu ul.btnz li.btn_02_cp {background: url("../images/grobal/cp_gmenu_off_02.gif") no-repeat; display: block; width: 133px;}
#gmenu ul.btnz li.btn_02 a {background: url("../images/gmenu/gmenu_off_02.gif") no-repeat; width: 133px;}
#gmenu ul.btnz li.btn_02 a:hover {background: url("../images/gmenu/gmenu_on_02.gif") no-repeat;}

#apply #gmenu ul.btnz li.btn_03 a {background: url("../images/gmenu/cp_gmenu_off_03.gif") no-repeat; width: 114px;}
#gmenu ul.btnz li.btn_03_cp {background: url("../images/grobal/cp_gmenu_off_03.gif") no-repeat; display: block; width: 114px;}
#gmenu ul.btnz li.btn_03 a {background: url("../images/gmenu/gmenu_off_03.gif") no-repeat; width: 114px;}
#gmenu ul.btnz li.btn_03 a:hover {background: url("../images/gmenu/gmenu_on_03.gif") no-repeat;}

#nda #gmenu ul.btnz li.btn_04 a {background: url("../images/gmenu/cp_gmenu_off_04.gif") no-repeat; width: 191px;}
#gmenu ul.btnz li.btn_04_cp {background: url("../images/grobal/cp_gmenu_off_04.gif") no-repeat; display: block; width: 191px;}
#gmenu ul.btnz li.btn_04 a {background: url("../images/gmenu/gmenu_off_04.gif") no-repeat; width: 191px;}
#gmenu ul.btnz li.btn_04 a:hover {background: url("../images/gmenu/gmenu_on_04.gif") no-repeat;}

#corporatecontracts #gmenu ul.btnz li.btn_05 a {background: url("../images/gmenu/cp_gmenu_off_05.gif") no-repeat; width: 128px;}
#gmenu ul.btnz li.btn_05_cp {background: url("../images/grobal/cp_gmenu_off_05.gif") no-repeat; display: block; width: 128px;}
#gmenu ul.btnz li.btn_05 a {background: url("../images/gmenu/gmenu_off_05.gif") no-repeat; width: 128px;}
#gmenu ul.btnz li.btn_05 a:hover {background: url("../images/gmenu/gmenu_on_05.gif") no-repeat;}

#inquiry #gmenu ul.btnz li.btn_06 a {background: url("../images/gmenu/cp_gmenu_off_06.gif") no-repeat; width: 128px;}
#gmenu ul.btnz li.btn_06_cp {background: url("../images/grobal/cp_gmenu_off_06.gif") no-repeat; display: block; width: 128px;}
#gmenu ul.btnz li.btn_06 a {background: url("../images/gmenu/gmenu_off_06.gif") no-repeat; width: 128px;}
#gmenu ul.btnz li.btn_06 a:hover {background: url("../images/gmenu/gmenu_on_06.gif") no-repeat;}

/*------------------------------------- btnarea --------------------------------- */
#btnarea .duobtn { overflow: hidden; width: 775px; margin: 0px auto; text-align: center; height: 115px; background-color: #e5e5e5; margin-bottom: 20px;}
#btnarea .duobtn:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em;	line-height: 0em;}
#btnarea .duobtn ul.btnz { width: 460px; height: 67px; margin: 20px auto; text-align: center; padding: 0px; display: inline-block; zoom: 100%;}
#btnarea .duobtn ul.btnz li { float: left; display: block; list-style-type: none; margin: 0px; padding: 0px 0px 10px 10px; text-indent: -9999px; line-height: 0.1px;}
#btnarea .duobtn ul.btnz li a {display: block; width: 217px; height: 67px;}

#btnarea .duobtn ul.btnz li.btn_01 a {background: url("../images/grobal/btn_course_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_01 a:hover {background: url("../images/grobal/btn_course_on.gif") no-repeat;}

#btnarea .duobtn ul.btnz li.btn_02 a {background: url("../images/grobal/btn_inquiry_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_02 a:hover {background: url("../images/grobal/btn_inquiry_on.gif") no-repeat;}

#btnarea .duobtn ul.btnz li.btn_03 a {background: url("../images/grobal/btn_clear_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_03 a:hover {background: url("../images/grobal/btn_clear_on.gif") no-repeat;}

#btnarea .duobtn ul.btnz li.btn_04 a {background: url("../images/grobal/btn_submit_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_04 a:hover {background: url("../images/grobal/btn_submit_on.gif") no-repeat;}

#btnarea .duobtn ul.btnz li.btn_05 a {background: url("../images/grobal/btn_disagree_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_05 a:hover {background: url("../images/grobal/btn_disagree_on.gif") no-repeat;}

#btnarea .duobtn ul.btnz li.btn_06 a {background: url("../images/grobal/btn_agree_off.gif") no-repeat;}
#btnarea .duobtn ul.btnz li.btn_06 a:hover {background: url("../images/grobal/btn_agree_on.gif") no-repeat;}

/*------------------------------------- mainarea --------------------------------- */
#mainarea { width: 869px; height: auto; margin: 0px auto; text-align: center; background: url("../images/grobal/shadow_header.gif") repeat-x top left; color: #666;}
#mainarea .txtzone { width: 775px; margin: 0px 47px; padding: 40px 0px; line-height: 1.6em;}


/*------------------------------------- h2 --------------------------------- */
h2 { width: 775px; padding-bottom: 10px; margin-bottom: 20px; border-bottom: solid 1px #dfdfdf; font-size: 0.1em; text-indent: -9999px; line-height: 0.1px;}

/*------------------------------------- h3 --------------------------------- */
h3 { font-size: 0.1em; text-indent: -9999px; line-height: 0.1px;}

/*------------------------------------- toppage --------------------------------- */
#toppage h2.title_01 { height: 85px; background: url("../images/toppage/txt_02.gif") no-repeat;}
#toppage h2.title_02 { height: 24px; background: url("../images/toppage/localtitle_01.gif") no-repeat;}
#toppage h3.title_03 { width: 226px; height: 27px; background: url("../images/toppage/imgtitle_01.gif") no-repeat;}

#toppage #mainarea .cm_02area { width: 775px; height: auto; overflow: hidden; text-align: left;}
#toppage #mainarea .cm_02area:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
#toppage #mainarea .cm_02area .left { float: left; overflow: hidden; width: 510px; margin-right: 20px; text-align: left;}
#toppage #mainarea .cm_02area .left p { margin-bottom: 25px; line-height: 2em;}
#toppage #mainarea .cm_02area .right{ float: right; width: 226px; text-align: left;}

/*------------------------------------- course --------------------------------- */
#course h2.title_01 { height: 24px; background: url("../images/course/localtitle_01.gif") no-repeat;}
#course h2.title_02 { height: 24px; background: url("../images/course/localtitle_02.gif") no-repeat;}
#course #mainarea p { text-align: left;}
#course #mainarea .emarea { width: 750px; padding: 10px 0px 0px 0px; border: solid 1px #edabbf; background-color: #fae6ec;}

#course h2, #course h3, #course h4, #course h5 { font-size: 0.1em; text-indent: -9999px; line-height: 0.1px;}
#course h3 { width:775px; height:40px; background:url(../images/course/h3_course_title.gif) no-repeat;}
#course h3.ttl01 { background-position:0 0;}
#course h3.ttl02 { background-position:0 -40px;}

#course .course_box { margin:20px auto 0 auto; width:755px;}
#course .course_box .boxL {
	margin:0 15px 0 0;
	width:370px;
	float:left;
}
#course .course_box .boxR {
	margin:0;
	width:370px;
	float:left;
}

#course .course_box h4 { margin:0 auto; height:24px; background:url(../images/course/h4_course_title.gif) no-repeat;}
#course .course_box .boxL h4 { width:133px; background-position:0 0;}
#course .course_box .boxR h4 { width:238px; background-position:0 -24px;}

#course .course_box h5 { margin:0 0 10px 0; width:370px; height:26px;}
#course .course_box .boxL h5 { background:url(../images/course/h5_course01_title.jpg) no-repeat;}
#course .course_box .boxR h5 { background:url(../images/course/h5_course02_title.jpg) no-repeat;}

/*---------- icon list ----------*/
#course .course_box ul { margin:0 0 10px 0; height:73px; border-bottom:1px #999999 dashed; list-style:none; overflow:hidden;}
#course .course_box ul li {  font-size: 0.1em; text-indent: -9999px; line-height: 0.1px; float:left;}
#course .course_box ul li.li01,
#course .course_box ul li.li02,
#course .course_box ul li.li03 { width:116px; height:28px;}
#course .course_box ul li.li04,
#course .course_box ul li.li05 { width:146px; height:28px;}
#course .course_box ul li.li01, #course .course_box ul li.li02 { margin:0 11px 6px 0;}
#course .course_box ul li.li03 { margin:0 0 6px 0;}
#course .course_box ul li.li04 { margin:0 11px 6px 0;}

#course .course_box .boxL ul li { background:url(../images/course/icon_corse01.gif) no-repeat;}
#course .course_box .boxL ul li.li01 { background-position:0 0;}
#course .course_box .boxL ul li.li02 { background-position:-116px 0;}
#course .course_box .boxL ul li.li03 { background-position:-232px 0;}

#course .course_box .boxR ul li { background:url(../images/course/icon_corse02.gif) no-repeat;}
#course .course_box .boxR ul li.li01 { background-position:0 0;}
#course .course_box .boxR ul li.li02 { background-position:-116px 0;}
#course .course_box .boxR ul li.li03 { background-position:-232px 0;}
#course .course_box .boxR ul li.li04 { background-position:-348px 0;}
#course .course_box .boxR ul li.li05 { background-position:-494px 0;}

/*---------- parts p ----------*/
#course .course_box p.btn {
	margin:10px auto 25px auto;
	height:125px;
	font-size: 0.1em;
	text-indent: -9999px;
	line-height: 0.1px;
}
#course .course_box p.btn a { width:370px; height:125px; display:block;}
#course .course_box p.btn.slide a { width:755px; height:105px; display:block;}

#course .course_box .boxL p.btn { width:370px; background:url(../images/course/course01_btn.jpg) no-repeat;}
#course .course_box .boxR p.btn { width:370px; background:url(../images/course/course02_btn.jpg) no-repeat;}
#course .course_box p.btn.slide { width:775px; background:url(../images/course/course03_btn.jpg) no-repeat;}

#course .course_box p.service01, #course .course_box p.service02 {
	width:370px;
	background:url(../images/course/text_course_service.gif) no-repeat;
	font-size: 0.1em;
	text-indent: -9999px;
	line-height: 0.1px;
}
#course .course_box p.service01 { height:40px;}
#course .course_box p.service02 { height:65px;}
#course .course_box .boxL p.service01 { margin:0 0 10px 0; background-position:0 0;}
#course .course_box .boxL p.service02 { background-position:0 -40px;}
#course .course_box .boxR p.service01 { margin:0 0 10px 0; background-position:-370px 0;}
#course .course_box .boxR p.service02 { background-position:-370px -40px;}

#course p.option01, #course p.option02 {
	margin:0 0 10px 0;
	width:775px;
	height:65px;
	background:url(../images/course/text_course_option.jpg) no-repeat;
	font-size: 0.1em;
	text-indent: -9999px;
	line-height: 0.1px;
}
#course p.option03 {
	width:775px;
	height:24px;
	background:url(../images/course/course_contact.gif) no-repeat;
	font-size: 0.1em;
	text-indent: -9999px;
	line-height: 0.1px;
}
#course p.option01 { background-position:0 0;}
#course p.option02 { background-position:0 -65px;}
#course p.option03 a { width:775px; height:24px; display:block;}

/*------------------------------------- apply --------------------------------- */
#apply h2.title_01 { height: 24px; background: url("../images/apply/localtitle_01.gif") no-repeat;}

#apply table { border-left: solid 1px #f3c8d5; border-bottom: solid 1px #f3c8d5; margin: 0px; padding: 0px;}
#apply td { border-right: solid 1px #f3c8d5; border-top: solid 1px #f3c8d5; padding: 10px 5px; color: #666; font-size: 12px;}
#apply .hcell { background-color: #f8dde5;}
#apply .cell { background-color: #fae6ec;}

/*------------------------------------- nda --------------------------------- */
#nda h2.title_01 { height: 24px; background: url("../images/nda/localtitle_01.gif") no-repeat;}
#nda h2.title_02 { height: 24px; background: url("../images/nda/localtitle_02.gif") no-repeat;}

#nda #mainarea .cm_02area { width: 775px; height: auto; overflow: hidden; text-align: left;}
#nda #mainarea .cm_02area:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
#nda #mainarea .cm_02area .left { float: left; overflow: hidden; width: 225px; text-align: left;}
#nda #mainarea .cm_02area .right{ float: left; width: 530px; text-align: left;}

#nda #mainarea p { text-align: left;}

#nda #mainarea .emarea { width: 775px; padding: 10px 0px; background-color: #fae6ec;}
#nda #mainarea .emarea ol { width: 750px; display:block; text-align:left;}
#nda #mainarea .emarea ol li { width: 550px; margin: 0px 0px 15px 100px; text-align:left; list-style-type:decimal;}
#nda #mainarea .pptxtarea { text-align: left;}
#nda #mainarea .pptxtarea p { margin: 0px 0px 0px 20px;}
#nda #mainarea .pptxtarea h4 { margin: 20px 0px;}
#nda #mainarea .pptxtarea ul { width: 750px; display:block; text-align:left;}
#nda #mainarea .pptxtarea ul li { width: 700px; margin: 0px 0px 15px 40px; text-align:left; list-style-type:decimal;}

/*------------------------------------- corporatecontracts --------------------------------- */
#corporatecontracts h2.title_01 { height: 24px; background: url("../images/corporatecontracts/localtitle_01.gif") no-repeat;}
#corporatecontracts h2.title_02 { height: 24px; background: url("../images/corporatecontracts/localtitle_02.gif") no-repeat;}
#corporatecontracts h2.title_03 { height: 24px; background: url("../images/corporatecontracts/localtitle_03.gif") no-repeat;}

#corporatecontracts #mainarea .cm_02area { width: 775px; height: auto; overflow: hidden; text-align: left;}
#corporatecontracts #mainarea .cm_02area:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
#corporatecontracts #mainarea .cm_02area .left { float: left; overflow: hidden; width: 163px; text-align: left;}
#corporatecontracts #mainarea .cm_02area .right{ float: left; width: 595px; text-align: left;}

#corporatecontracts #mainarea p { text-align: left;}
#corporatecontracts #mainarea .emarea { width: 750px; padding: 40px 0px; border: solid 1px #edabbf; background-color: #fae6ec;}
#corporatecontracts #mainarea .emarea ul { width: 750px; display:block; text-align:left;}
#corporatecontracts #mainarea .emarea ul li { width: 650px; margin: 0px 0px 15px 100px; text-align:left; list-style-type:circle;}

/*------------------------------------- inquiry --------------------------------- */
#inquiry h2.title_01 { height: 24px; background: url("../images/inquiry/localtitle_01.gif") no-repeat;}

#inquiry table { border-left: solid 1px #f3c8d5; border-bottom: solid 1px #f3c8d5; margin: 0px; padding: 0px;}
#inquiry td { border-right: solid 1px #f3c8d5; border-top: solid 1px #f3c8d5; padding: 10px 5px; color: #666; font-size: 12px;}
#inquiry .hcell { background-color: #f8dde5;}
#inquiry .cell { background-color: #fae6ec;}





/*------------------------------------- Footer --------------------------------- */ 
#footer { width: 869px; height: 97px; margin: 0px auto; text-align: center; background: url("../images/grobal/bg_footer.gif") repeat-x;}

#footer a { outline: none;} /*--macfirefox(u-*/
#footer a:link { color: #fff; text-decoration: underline;}
#footer a:visited { color: #fff; text-decoration: underline;}
#footer a:active { color: #fff; text-decoration: underline;}
#footer a:hover { color: #f60; text-decoration: underline;}

#footer ul.btnz { width: 869px; height: 15px; margin: 0px; padding: 10px 0px; text-align: left;}
#footer ul.btnz:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
#footer ul.btnz li { float: left; height: 15px; display: block; font-size: 12px; padding: 0px 5px; margin: 0px 5px; border-right: solid 1px #fff;}
#footer ul.btnz li a {display: block;}
#footer .cm_02area { width: 849px; height: 15px; overflow: hidden; padding: 0px 10px; text-align: left;}
#footer .cm_02area:after { clear: both; content: "."; display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0em;}
#footer .cm_02area .left { float: left; display:block; width: 424px; text-align: left;}
#footer .cm_02area .right{ float: right; display:block; width: 400px; text-align: right;}



.error_message{
    text-align: left;
    color:red;
}