@charset "utf-8";
/* css document */

div#container {
width: 683px;
margin:0;
padding:0 0 30px;
text-align:center;
}

/** ------------------------------- **
	Reset
-------------------------------------------------------------------- **/

div#container * {
margin: 0px;
padding: 0px;
}

div#container h1, div#container h2, div#container h3, div#container h4, div#container h5, div#container h6, div#container p, div#container span, div#container ul, div#container ol, div#container li, div#container dl, div#container dt, div#container dd, div#container table, div#container th, div#container td, div#container input, div#container legend, div#container div, div#container form, div#container hr, div#container address {
margin:0;
padding:0;
list-style:none;
font-weight: normal;
font-style: normal;
}

div#container p, div#container h1, div#container h2, div#container h3, div#container h4, div#container div#container h5, div#container h6, div#container ul, div#container ol, div#container dl, div#container div, div#container pre, div#container blockquote, div#container input {
word-break:break-all;
}

div#container hr {display: none;}

div#container a {
/*\*/
overflow: hidden;
/**/
}

div#container a img {border:none;}

/** ------------------------------- **
	Setting
-------------------------------------------------------------------- **/

div#container .left {float: left;}
div#container .right {float: right;}
div#container .clear{clear:both;}

div#container div:after, div#container ul:after, div#container dl:after, div#container dt:after, div#container dd:after, div#container td:after  {
content:"";
height:0;
clear:both;
display:block;
visibility:hidden;
}

/* IE7用*/
div#container div {zoom:100%;}



/** ------------------------------- **
	Common
-------------------------------------------------------------------- **/

/* title h1 */

div#container h1 {
	height: 77px;
	background: url(/education/training/images/title.jpg) no-repeat left top;
	clear: both;
	text-indent: -999999px;
	margin: 0;
}


/* title h2 */

div#container div.bg_h2-area {
width:683px;
height:63px;
_height:82px;
margin:0;
padding:19px 0 0;
background:url(/education/training/images/bg_about-top.gif) top no-repeat;
}

div#container div.bg_h2-area h2 {
width:614px;
height:29px;
margin:0 auto;
text-align:left;
text-indent:-9999px;
background:url(/education/training/images/h2_title.gif) no-repeat;
}


/* title h3 */

div#container h3 {
width:683px;
height:40px;
margin:26px 0 0;
text-align:left;
text-indent:-9999px;
}

div#container h3.h301 {background:url(/education/training/images/h3_title01.gif) no-repeat;}
div#container h3.h302 {background:url(/education/training/images/h3_title02.gif) no-repeat;}
div#container h3.h303 {background:url(/education/training/images/h3_title03.gif) no-repeat;}


/* title h4 */

div#container h4 {
width:683px;
margin:10px 0 0;
padding:20px 0 0;
text-align:left;
border-top:1px solid #bdbdbd;
font-size:18px;
}

div#container h4 img {
height:34px;
vertical-align:middle;
margin-right:10px;
}


/* title h5 */

div#container h5 {
margin:10px 0 0;
padding:0 0 15px;
text-align:left;
font-size:12px;
line-height:22px;
}


/* txt size */

div#container p {
font-size:12px;
line-height:22px;
padding:0 0 22px;
}

div#container ul {
font-size:14px;
line-height:30px;
}


/* common button */

div#container ul.common-button {
width:666px;
_width:683px;
margin:17px 0 0;
padding:0 0 0 8px;
}

div#container ul.common-button_line {
width:675px;
_width:683px;
margin:10px 0 24px;
padding:24px 0 0 8px;
border-top:1px solid #bdbdbd;
}

div#container ul.common-button li,
div#container ul.common-button_line li {
float:left;
width:325px;
height:59px;
margin:0;
text-align:left;
text-indent:-9999px;
font-size:1% !important;
line-height:1% !important;
}

div#container ul.common-button li.bt01,
div#container ul.common-button_line li.bt01 {
padding:0 16px 0 0;
background:url(/education/training/images/bt_course.gif) left no-repeat;
}

div#container ul.common-button li.bt02,
div#container ul.common-button_line li.bt02 {
padding:0 0 0 0;
background:url(/education/training/images/bt_schedule.gif) right no-repeat;
}

div#container ul.common-button li.bt03,
div#container ul.common-button_line li.bt03 {
padding:0 16px 0 0;
background:url(/education/training/images/bt_curriculum.gif) left no-repeat;
}

div#container ul.common-button li a,
div#container ul.common-button_line li a {
display:block;
width:325px;
height:59px;
margin:0;
padding:0;
}

div#container p.bt_pagetop {
clear:both;
width:680px;
margin:0;
padding:15px 0 0;
text-align:right;
}

div#container p.bt_pagetop_line {
clear:both;
width:680px;
margin:10px 0 0;
padding:10px 0 0;
text-align:right;
border-top:1px solid #bdbdbd;
}

/** ------------------------------- **
	About
-------------------------------------------------------------------- **/

/* bt */

div#container ul.first-button {
width:666px;
_width:683px;
margin:17px 0 0;
padding:0 0 0 8px;
}

div#container  ul.first-button li.bt_first{
width:148px;
height:29px;
margin:0 auto;
padding:11px 0 0;
font-size:1% !important;
line-height:1% !important;
}

div#container  ul.first-button li.bt_first a{
display:block;
width:148px;
height:29px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
background:url(/education/training/images/bt_first.gif) left no-repeat;
}


div#container  ul.first-button li.bt_curriculum{
width:148px;
height:29px;
margin:0 auto;
padding:11px 0 0;
font-size:1% !important;
line-height:1% !important;
}

div#container  ul.first-button li.bt_curriculum a{
display:block;
width:148px;
height:29px;
margin:0;
padding:0;
text-align:left;
text-indent:-9999px;
background:url(/education/training/images/bt_curriculum_small.gif) right no-repeat;
}




/* txt */

div#container p.about-txt{
width:622px;
height:66px;
margin:22px auto 0;
padding:0 0 0;
text-align:left;
text-indent:-9999px;
background:url(/education/training/images/about-txt.gif) bottom no-repeat;
font-size:1% !important;
line-height:1% !important;
}

/* advantage-area */

div#container .advantage-area {
width:683px;
margin:24px 0 0;
padding:0 0 39px;
*padding:0 0 0px;
background:url(/education/training/images/bg_about-btm.gif) bottom no-repeat;
}

div#container .advantage-area ul {
width:644px;
_width:683px;
*width:600px;
margin:0;
*margin:0px 0px 20px 0px;
padding:0 0 0 39px;
*padding:0 0 0 0px;
}

div#container .advantage-area ul li {
float:left;
width:300px;
*width:290px;
height:205px;
margin:0;
text-align:left;
text-indent:-9999px;
font-size:1% !important;
line-height:1% !important;
}

div#container .advantage-area ul li.advantage01 {background:url(/education/training/images/about-advantage01.jpg) left bottom no-repeat;margin:0 7px 0 0;}
div#container .advantage-area ul li.advantage02 {background:url(/education/training/images/about-advantage02.jpg) left bottom no-repeat;margin:0 7px 0 0;}
div#container .advantage-area ul li.advantage03 {clear:left;background:url(/education/training/images/about-advantage03.jpg) left bottom no-repeat;margin:6px 7px 0 0;}
div#container .advantage-area ul li.advantage04 {background:url(/education/training/images/about-advantage04.jpg) left bottom no-repeat;margin:6px 7px 0 0;}


/** ------------------------------- **
	Lecturer
-------------------------------------------------------------------- **/

/* lecturer-area */

div#container .lecturer-area {
width:678px;
margin:14px 0 0 2px;
padding:0;
background:url(/education/training/images/bg_lecturer-line.gif) top left repeat-y;
}

div#container .lecturer-area dl {
float:left;
width:158px;
margin:0;
padding:0 5px 0 6px;
text-align:left;
}

div#container .lecturer-area dl dt {
margin:0;
padding:0;
}

div#container .lecturer-area dl dd {
margin:0;
padding:15px 0 0;
font-size:10px !important;
line-height:15px !important;
}

div#container p.lecturer-txt {
font-size:12px;
line-height:22px;
padding:15px 0 0;
text-align:left;
}


/** ------------------------------- **
	Symposium
-------------------------------------------------------------------- **/

/* symposium-menu */

div#container ul.symposium-menu {
width:679px;
_width:683px;
margin:13px 0 20px;
padding:0 0 0 4px;
text-align:left;
}

div#container ul.symposium-menu li {
min-height:22px;
_height:22px;
margin:0;
padding:0 0 0 35px;
background:url(/education/training/images/icon_arr01.gif) left no-repeat;
}


/* symposium-area */

div#container .symposium-area {
width:683px;
margin:21px 0 0;
padding:0;
text-align:left;
}

div#container .symposium-area p.symposium-img_left {
float:left;
width:300px;
height:220px;
margin:0;
padding:0 15px 15px 0;
}

div#container .symposium-area p.symposium-img_right {
float:right;
width:300px;
height:220px;
margin:0;
padding:0 0 15px 15px;
}

div#container .symposium-area .txt_left {
float:left;
width:367px;
text-align:left;
}

div#container .symposium-area .txt_right {
float:right;
width:367px;
text-align:left;
}


/** ------------------------------- **
	Course
-------------------------------------------------------------------- **/

/* course-dl */

div#container dl.course-menu {
width:679px;
_width:683px;
margin:13px 0 20px;
padding:0 0 0 4px;
text-align:left;
}

div#container dl.course-menu dt {
min-height:22px;
_height:22px;
margin:0;
padding:0 0 0 35px;
background:url(/education/training/images/icon_arr03.gif) left no-repeat;
font-size:14px;
line-height:30px;
}

div#container dl.course-menu dd {
margin:0 0 10px;
padding:0 0 0 35px;
font-size:12px;
line-height:18px;
}





