/* ----------------------- Cael unique CSS ----------------------- */

* html {
    zoom: 80%;
}

/*----------------------index.html---------------------*/

#page_index #body {
	width: 800px;
	background: none;
	background-color: #ffffff;
	position: relative;
	display: block;
}

#page_index #body #container {
	width: 611px;
    float:left;
}
#page_index #header { 
	width: 611px;
	height: 384px;

}

#page_index #body #container #header h1 {
	width: 339px;
	height: 152px;
	text-indent: -1000em;
	overflow: hidden;
	position: absolute;
	background:none no-repeat 0 0;
}

#page_index #body #container #contents {
	width: 611px;
	height: auto;
	display: table;
}

#page_index #body #container #contents #beginner {
	width: 576px;
	height: 34px;
    display: block;
    background: url(../img/_frame/201003/201003_01.jpg) no-repeat 0 0;
    margin: 10px 12px 0 23px;
}

#page_index #body #container #contents #top3 { 
	width: 570px;
	height: 60px;
	padding: 12px 18px 0 23px;
}

#page_index #body #container #contents #top3 #top3_01 {
    float: left;
    width: 190px;
    height: 60px;
	background: url(../img/_frame/201003/201003_02.jpg) no-repeat;
    display: block;
    margin-right: 10px;
}
#page_index #body #container #contents #top3 #top3_02 {
    float: left;
    width: 180px;
    height: 60px;
	background: url(../img/_frame/201003/201003_03.jpg) no-repeat;
    display: block;
    margin-right: 10px;
}
#page_index #body #container #contents #top3 #top3_03 {
    float: left;
    width: 180px;
    height: 60px;
	background: url(../img/_frame/201003/201003_04.jpg) no-repeat;
    display: block;
}
#page_index #body #container #contents #ssl_b {
    clear: both;
    width: 588px;
    padding-left: 23px;
}
#page_index #body #container #contents #ssl_b, x:-moz-read-only {
    margin-top: 7px;
}

.clear{
    clear: both;
}

/******************************************** menu start *************************************/
#page_index #body #container #contents #menu {
    float: left;
	width: 191px;
    height: auto;
	padding-left: 23px;
}

#page_index #body #contents h2{
	margin: 0;
}


#page_index #body #contents #menu h2,
#page_index #body #contents #menu li h2 a{
	width: 185px;
	height: 29px;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
}

#page_index #body #contents #menu li#menu02 .emphasis01 ,
#page_index #body #contents #menu li#menu02 .emphasis01 a,
#page_index #body #contents #menu li#menu03 .emphasis02 ,
#page_index #body #contents #menu li#menu03 .emphasis02 a,
#page_index #body #contents #menu li#menu04 .emphasis03 ,
#page_index #body #contents #menu li#menu04 .emphasis03 a{
	width: 190px;
	height: 96px;
}

#page_index #body #contents #menu li#menu01 h2 ,
#page_index #body #contents #menu li#menu01 a {
    width: 190px;
    height: 60px;
    display: block;
    background: url(../img/_frame/201003/201003_02.jpg) no-repeat 0 0;
}

#page_index #body #contents #menu li#menu05 h2   { height: 25px; background: url(../img/_frame/index/faq.gif) no-repeat 0 0;}

#page_index #body #contents #menu li#menu06 h2 a { height: 22px; background: url(../img/_frame/index/contact.gif) no-repeat 0 0;}


#page_index #body #contents #menu li ul {
	margin: 0 0 0 10px;
	padding: 0;
}
#page_index #body #contents #menu li li,
#page_index #body #contents #menu li li a {
	width: 160px;
	height: 15px;
	overflow: hidden;
	display: block;
	text-indent: -1000em;
}

#page_index #body #contents #menu h2{
	margin-bottom: 7px;
}
#page_index #body #contents #menu li#menu04 h2{
	margin-bottom: 0px;
}
#page_index #body #contents #menu li li {
	padding-bottom: 5px;
}

#page_index #body #contents #menu li#menu05_01 a { background: url(../img/_frame/index/faq-sub.gif) no-repeat 0 0;}
#page_index #body #contents #menu li#menu05_02 a { background: url(../img/_frame/index/faq-sub.gif) no-repeat 0 -15px;}
#page_index #body #contents #menu li#menu05_03 a { background: url(../img/_frame/index/faq-sub.gif) no-repeat 0 -30px;}

#page_index #body #contents #menu li#menu01_01 a:hover { background: url(../img/_frame/index/attend-sub.gif) no-repeat 0 -15px;}

#page_index #body #contents #menu li#menu05_01 a:hover  { background: url(../img/_frame/index/faq-sub.gif) no-repeat -160px 0;}
#page_index #body #contents #menu li#menu05_02 a:hover  { background: url(../img/_frame/index/faq-sub.gif) no-repeat -160px -15px;}
#page_index #body #contents #menu li#menu05_03 a:hover  { background: url(../img/_frame/index/faq-sub.gif) no-repeat -160px -30px;}
/******************************************** menu end *************************************/

#page_index #body #contents #emphasis {
	width: 191px;
	height: auto;
	padding: 12px 0 0 23px;
}
#page_index #body #contents #emphasis .emphasisbox {
	width: 178px
	height: 203px;
	float: left;
	padding-right: 6px;
}
#page_index #body #contents #emphasis h2,
#page_index #body #contents #emphasis h2 a {
	width: 190px;
	height: 96px;
	overflow: hidden;
	display: block;
	text-indent: -1000em;
}
#page_index #body #contents #emphasis h2.emphasis02 {
	padding-top: 17px;
}


#page_index #body #contents #menu li#menu02 h2.emphasis01 a { background: url(../img/_frame/index/banner-purpose.gif) no-repeat 0 0;}
#page_index #body #contents #menu li#menu03 h2.emphasis02 a { background: url(../img/_frame/index/banner-user.gif) no-repeat 0 0;}
#page_index #body #contents #menu li#menu04 h2.emphasis03 a {	height: 98px; background: url(../img/_frame/index/banner-curriculum.gif) no-repeat 0 0;}

#page_index #body #contents #menu li#menu02 h2.emphasis01 a:hover { background: url(../img/_frame/index/banner-purpose.gif) no-repeat 0 -96px;}
#page_index #body #contents #menu li#menu03 h2.emphasis02 a:hover { background: url(../img/_frame/index/banner-user.gif) no-repeat 0 -96px;}
#page_index #body #contents #menu li#menu04 h2.emphasis03 a:hover { background: url(../img/_frame/index/banner-curriculum.gif) no-repeat 0 -98px;}



#page_index #body #contents #menu li#menu04 ul { 
	width: 140px;
	overflow: hidden;
	padding-top: 5px;
	margin-left: 29px;
	background: url(../img/_frame/index/curriculum-line.gif) no-repeat 1px 0 ;
}
#page_index #body #contents #menu li#menu04 li {
	width: 140px;
	height: 15px;
	overflow: hidden;
	display: block;
	text-indent: -1000em;
	margin-bottom: 3px;
}

#page_index #body  #contents #menu li#menu04 li a {
	width: 140px;
	height: 15px;
	overflow: hidden;
	display: block;
	text-indent: -1000em;
}


#page_index #body #contents #menu li#menu04 li.emphasis03_01 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 0px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_06 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 -15px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_02 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 -30px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_03 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 -45px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_04 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 -60px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_05 a { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat 0 -75px;}

#page_index #body #contents #menu li#menu04 li.emphasis03_01 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px 0px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_06 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px -15px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_02 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px -30px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_03 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px -45px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_04 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px -60px;}
#page_index #body #contents #menu li#menu04 li.emphasis03_05 a:hover { background: url(../img/_frame/index/curriculum-sub.gif) no-repeat -140px -75px;}

/******************************** #newarrivals ********************************/
#page_index #body #contents #newarrivals {
    float: right;
	width: 370px;
	padding: 0 15px 0 10px;
/*	background: url(../img/_frame/index/line.gif) no-repeat 25px 100%;*/
	margin-bottom: 10px;
}

#page_index #body #contents #newarrivals h3 {
	background: url(../img/_frame/index/newarrivals.gif) no-repeat 0 2px;
	height: 16px;
	overflow: hidden;
	text-indent: -1000em;
	margin: 0;
	margin-bottom: 5px;
	padding:0;
	border-bottom: 1px solid #B9C3C9;
}

#page_index #body #contents #newarrivals a {
	font-size: 12px;
	color: #4a4a4a;
	margin-left: 50px;
	padding: 0;
	text-decoration: none;
}

#page_index #body #contents #newarrivals a:hover {
	text-decoration: underline;
}

#page_index #body #contents #newarrivals ul {
	width: 350px;
	clear: both;
/*	background: url(../img/_frame/index/line.gif) no-repeat 0 0;*/
	margin-top: 2px;
	padding-top: 10px;

}

#page_index #body #contents #newarrivals .listBox a {
	font-size: 12px;
	color: #4a4a4a;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#page_index #body #contents #newarrivals .listBox {
	height: 250px;
	overflow-y: scroll;
}

#page_index #body #contents #newarrivals .listBox li {
	zoom: 100%;
	width: 340px;
	padding-left: 5px;
	color: #4a4a4a;
	margin-bottom: 2px;
	border-bottom: 2px dotted #B9C3C9;
}

#page_index #body #contents #newarrivals .listBox li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

#page_index #body #contents #newarrivals .listBox li .date {
	color: #5A922E;
	width: 340px;
	line-height: 1.3;
}

#page_index #body #contents #newarrivals .listBox li .subject {
	width: 340px;
	line-height: 1.3;
}

#page_index #body #contents #newarrivals .listBox li .org {
	color: #5A922E;
}

/******************************** #notice ********************************/
#page_index #body #contents #notice {
    float: right;
	width: 370px;
	padding:13px 15px 0 10px;
/*	background: url(../img/_frame/index/line.gif) no-repeat 25px 100%;*/
}

#page_index #body #contents #notice h3 {
	background: url(../img/_frame/index/notice.gif) no-repeat 0 2px;
	height: 16px;
	overflow: hidden;
	text-indent: -1000em;
	margin: 0;
	margin-bottom: 5px;
	padding:0;
	border-bottom: 1px solid #B9C3C9;
}

#page_index #body #contents #notice a {
	font-size: 12px;
	color: #4a4a4a;
	margin-left: 50px;
	padding: 0;
	text-decoration: none;
}

#page_index #body #contents #notice a:hover {
	text-decoration: underline;
}

#page_index #body #contents #notice ul {
	width: 350px;
/*	background: url(../img/_frame/index/line.gif) no-repeat 0 0;*/
	margin-top: 2px;
	padding-top: 10px;

}

#page_index #body #contents #notice .listBox {
	height: 250px;
	overflow-y: scroll;
}

#page_index #body #contents #notice .listBox li {
	zoom: 100%;
	width: 340px;
	padding-left: 5px;
	color: #4a4a4a;
	margin-bottom: 2px;
	border-bottom: 2px dotted #B9C3C9;
}

#page_index #body #contents #notice .listBox a {
	font-size: 12px;
	color: #4a4a4a;
	margin: 0;
	padding: 0;
	text-decoration: underline;
}

#page_index #body #contents #notice .listBox li:after {
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
	content: "";
}

#page_index #body #contents #notice .listBox li .date {
	color: #5A922E;
	width: 340px;
	line-height: 1.3;
}

#page_index #body #contents #notice .listBox li .subject {
	width: 340px;
	line-height: 1.3;
}


#page_index #body #contents #attention {
    clear: both;
	padding-left: 10px;
	width: 590px;

}
#page_index #body #contents #attention p{
	padding-left: 15px;
	font-size: 10px;
	line-height: 18px;

}


#page_index #body #navi {
	width: 189px;
	background-color: #ffffff;
	padding: 0;
    float:right;
	top: 0;
    right: 0px;
}

#page_index #body #navi #navi-logo { 
	width: 189px;
	height: 152px;
	text-indent: -1000em;
	overflow: hidden;
	background: url(../img/_frame/index/bg-topheader-right.gif) no-repeat 0 0;
}


#page_index #navi #message {
	width: 185px;
	height: auto;
	background: url(../img/_frame/index/bg-message.gif) no-repeat 0 25px;
	margin-bottom: 15px;
	padding-bottom: 15px;
    border-bottom: 1px solid #7B8999;

}
#page_index #navi #message h3{
	width: 185px;
	height: 25px;

}
#page_index #navi #message h3 a{
	width: 185px;
	height: 25px;
	background: url(../img/_frame/index/message.gif) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
}
#page_index #navi #message h4{
	width: 165px;
	height: 32px;
	background: url(../img/_frame/index/message-title.gif) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
	margin: 10px 0 10px 12px;

}
#page_index #navi #message #message_name{
	width: 148px;
	height: 56px;
	background: url(../img/_frame/index/message-name.gif) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
	margin: 10px 0 0 17px;
}
#page_index #navi #message p {
	font-size: 10px;
	padding: 0 12px;
	line-height: 15px;
	letter-spacing: 0px;
	color: #4a4a4a;

}
#page_index #navi #about_this {
	width: 185px;
	height: auto;
	margin-bottom: 15px;
}
#page_index #navi #about_this #about_this_title {
	width: 185px;
	height: 25px;
	background: url(../img/_frame/index/about-this.gif) no-repeat 0 0;
	text-indent: -1000em;
	overflow: hidden;
}
#page_index #navi #about_this ul {
	margin-top: 10px;
	width: 174px;
	height: 115px;
}
#page_index #navi #about_this li{
	margin-bottom: 10px;
	width: 174px;
	height: 15px;
	text-indent: -1000em;
	overflow: hidden;
}
#page_index #navi #about_this li a {
	width: 174px;
	height: 15px;
	display: block;

}

#page_index #navi #about_this li.about_this01 { height: 30px; background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 0; }
#page_index #navi #about_this li.about_this02 { background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -30px; }
#page_index #navi #about_this li.about_this03 { background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -45px; }
#page_index #navi #about_this li.about_this04 { background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -60px; }

#page_index #navi #about_this li.about_this01 a{ height: 30px; background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 0; }
#page_index #navi #about_this li.about_this02 a{ background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -30px; }
#page_index #navi #about_this li.about_this03 a{ background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -45px; }
#page_index #navi #about_this li.about_this04 a{ background: url(../img/_frame/index/about-this-sub.gif) no-repeat 0 -60px; }

#page_index #navi #about_this li.about_this01 a:hover { height: 30px; background: url(../img/_frame/index/about-this-sub.gif) no-repeat -174px 0; }
#page_index #navi #about_this li.about_this02 a:hover { background: url(../img/_frame/index/about-this-sub.gif) no-repeat -174px -30px; }
#page_index #navi #about_this li.about_this03 a:hover { background: url(../img/_frame/index/about-this-sub.gif) no-repeat -174px -45px; }
#page_index #navi #about_this li.about_this04 a:hover { background: url(../img/_frame/index/about-this-sub.gif) no-repeat -174px -60px; }


#page_index #navi #about_this .textCenter a{
	width: 104px;
	height: 13px;
	text-indent: -1000em;
	overflow: hidden;
	display: block;
	background: url(../img/_frame/index/pdf-dl.gif) no-repeat 0 0; 
	margin: 0 auto;
}
#page_index #navi #about_this .textCenter a:hover{ background: url(../img/_frame/index/pdf-dl.gif) no-repeat -105px 0; }

#page_index #navi #banner{
	width: 189px;
	margin: 0;
}

#page_index #navi #banner #banner_description{
	background: url(../img/_frame/index/banner_description.gif) no-repeat 0 0;
}

/*----------------------Tape-a---------------------*/

.type_a #body #contents #type-a-contents {
	width: 388px;
	float: left;
	display: table;
	padding: 0 5px 0 10px;

}
* html .type_a #body #contents #type-a-contents {
	width: 385px;
}
.type_a #body #contents #prof {
	width: 170px;
	padding: 0 0 0 5px;
	display: table;

}
.type_a #body #contents #prof p{
	font-size: 10px;
}

/*----------------------Tape-b---------------------*/
.type_b #body #contents {
	width: 568px;
	padding: 0 5px 0 10px;
}
.type_b #body #contents h3 {
	padding: 0 15px;
}
.type_b #body #contents p,
.type_b #body #contents li{
	padding: 0 25px;
}
.type_b #body #contents .coming {
    border:0 none;
    margin-left:5px;
    vertical-align:-10%;
}

/*----------------------curriculum.html---------------------*/
#page_curriculum #body #contents h2{
	text-align: center;
}

#page_curriculum #body #contents .imgLeft div{
	width: 252px;
	height: 67px;
}
#page_curriculum #body #contents .imgLeft a{
	width: 252px;
	height: 67px;
	text-indent: -1000em;
	display: block; 
	overflow: hidden;
}

#page_curriculum #body #contents #curriculum-banner01 a { background: url(../img/_frame/curriculum/curriculum-banner01.gif) no-repeat 0 0;}
#page_curriculum #body #contents #curriculum-banner02 a { background: url(../img/_frame/curriculum/curriculum-banner02.gif) no-repeat 0 0;}
#page_curriculum #body #contents #curriculum-banner03 a { background: url(../img/_frame/curriculum/curriculum-banner03.gif) no-repeat 0 0;}
#page_curriculum #body #contents #curriculum-banner04 a { background: url(../img/_frame/curriculum/curriculum-banner04.gif) no-repeat 0 0;}
#page_curriculum #body #contents #curriculum-banner05 a { background: url(../img/_frame/curriculum/curriculum-banner05.gif) no-repeat 0 0;}
#page_curriculum #body #contents #curriculum-banner06 a { background: url(../img/_frame/curriculum/curriculum-banner06.gif) no-repeat 0 0;}

#page_curriculum #body #contents #curriculum-banner01 a:hover { background: url(../img/_frame/curriculum/curriculum-banner01.gif) no-repeat 0 -67px;}
#page_curriculum #body #contents #curriculum-banner02 a:hover { background: url(../img/_frame/curriculum/curriculum-banner02.gif) no-repeat 0 -67px;}
#page_curriculum #body #contents #curriculum-banner03 a:hover { background: url(../img/_frame/curriculum/curriculum-banner03.gif) no-repeat 0 -67px;}
#page_curriculum #body #contents #curriculum-banner04 a:hover { background: url(../img/_frame/curriculum/curriculum-banner04.gif) no-repeat 0 -67px;}
#page_curriculum #body #contents #curriculum-banner05 a:hover { background: url(../img/_frame/curriculum/curriculum-banner05.gif) no-repeat 0 -67px;}
#page_curriculum #body #contents #curriculum-banner06 a:hover { background: url(../img/_frame/curriculum/curriculum-banner06.gif) no-repeat 0 -67px;}



/*----------------------rules.html---------------------*/

#page_rules #body #contents h6 {
	float: left;
	width: 40px;
	text-align: right;
	display: inline;
	margin: 0;
	padding-right: 10px;
}

/*----------------------specification.html---------------------*/
#page_specification table{
	border-collapse: collapse;
	border: 1px solid #333333;
	margin: 10px 0 20px 24px;
}
#page_specification th{
	background-color: #bebebe;
}


#page_specification th,
#page_specification td {
	border: 1px solid #333333;
	padding: 5px;
}

/*----------------------commitee.html---------------------*/

#page_commitee #body #contents h4 {
	margin-left: 25px;
}
#page_commitee #body #contents p {
	margin-left: 30px;
}

/*----------------------commitee.html---------------------*/
#page_sitemap #body #contents ul ul {
	margin-left: 30px;
}




/*----------------------Tape-c---------------------*/
.type_c #body #contents {
	width: 568px;
	padding: 0 5px 0 10px;
}

.type_c #body #contents h2{
	text-align: center;
}
.type_c #body #contents .type-c-block {
	margin-bottom: 20px;
}



/*----------------------user.html---------------------*/

#page_user #body #contents .type-c-block {
	padding: 0 10px 0 0;
	height: 150px;
	display: table;
}
#page_user #body #contents .type-c-block h3{
	margin-top: 25px;
}




/*----------------------purpose.html---------------------*/

#page_purpose #body #contents h2{
	text-align: center;
}


/*----------------------Tape-d---------------------*/
.type_d #body #contents {
	width: 568px;
	padding: 0 5px 0 10px;
}
.type_d #body #contents ul{
	margin-left: 30px;
}
.type_d #body #contents .type_d_colum_L{
	width: 260px;
	float: left;
}
.type_d #body #contents .type_d_colum_R{
	width: 300px;
	float: left;
}
.type_d #body #contents .type_d_colum_L h3,
.type_d #body #contents .type_d_colum_R h3{
	margin-left: 10px;
}
.type_d #body #contents .type_d_colum_L ol,
.type_d #body #contents .type_d_colum_R ol,
.type_d #body #contents .type_d_colum_L ul,
.type_d #body #contents .type_d_colum_R ul{
	margin-left: 30px;
}
.type_d #body #contents .type_d_colum_L li,
.type_d #body #contents .type_d_colum_R li{
	padding-right: 10px;
}

/*----------------------curriculum1.html---------------------*/

#page_curriculum1 #body #contents .type_d_colum h5{
	margin-left: 15px;
}


/*----------------------contact.html---------------------*/

#page_contact #body #contents ol {
	margin: 20px 0 20px 30px;
}

/*----------------------news20110401_jsco.html---------------------*/

#right15 {
    text-align: right;
    margin: 0 30px 0 0;
}

/* =========== IEÍÑ°õºþÀßÄêCSS =========== */

@media print{
#page_index #body { /*WinIE only */
    /width: 801px;
}
#footer { /*WinIE only */
    /width: 801px;
}
}