/* HTML Elements */
body {
	font-family:Verdana, "‚l‚r ‚oƒSƒVƒbƒN", sans-serif; 
	font-size:0.9em;
	background: #FFF;
	color: #333;
	padding-left:5px;
}

* {
	margin:0;
	padding:0;
}

/* A Link */
a:link { color: #1C559A; text-decoration: underline}
a:visited { color: #002368; text-decoration: underline}

a.wh:link { color: #ffffff; text-decoration: underline}
a.wh:visited { color: #cccccc; text-decoration: underline}

a img {
	border:0;
}

/* base text */
.left, .alignleft {
	float:left;
}

.right, .alignright {
	float:right;
}

P  { 
    line-height: 130%;
    } 

ul  { 
    line-height: 130%;
    } 

ol  { 
    line-height: 130%;
    } 

h1 {
	font-size: 1.2em;
	font-weight:bold;
	letter-spacing:0.2em;
	color: #3a73b8;
	width: 554px;
	height: 28px;
	margin: 10px 0px 3px 0px;
	background:url(./img/title_bg.png);
	background-repeat: no-repeat;
}

h2 {
	font-size:1.0em;
	font-weight:bold;
	padding: 5px;
	margin: 10px 0px 3px 0px;
	height: 20px;
	width: 550px;
	color: #ffffff;
	background:url(./img/body_mida01_bg.png);
	background-repeat: no-repeat;
}

h3 {
	font-size:0.8em;
	width: 100%;
	padding: 2px;
	color: #ffffff;
	background-color: #0066CC;
}
span.red {
	color: #990000;
}
span.strong {
	font-weight: bold;
}

/* header */
div#header_title {
	color:#333333;
	font-size: 0.7em;
	padding-left: 3px;
	background:url(./img/header_bg.png);
	width: 780px;
}

div#header_line {
	background:url(./img/header_line.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 783px;
}

/* title logo */
div.title_logo {
	width: 780px;
	height: 30px;
	font-size: 0.8em;
	float:left;
	position:relative; 
}
div.title_logo div#title_link {
	position: absolute;
	bottom: 0;
	right:10px;
}

/* menu */
#menu {
	font-weight: bold;
	margin: 35px 0px 10px 0px;
	padding: 0;
	list-style-type: none;
	background-color: #eee;
	font-size: 0.9em;
	height: 30px;
	width: 760px;
	border-top: 2px solid #eee;
	border-bottom: 2px solid #ccc;
}
#menu li {
	float: left;
	margin: 0;
}
#menu li a {
	text-decoration: none;
	display: block;
	padding: 0 20px;
	line-height: 30px;
	color: #666;
}
#menu li a:hover, #menu li.active a {
	background-color: #f5f5f5;
	border-bottom: 2px solid #DDD;
	color: #999;
}
#menu_wrapper ul {margin-left: 12px;}
#menu_wrapper {padding: 0 16px 0 0; width: 770px; background: url(img/grey.png) no-repeat right;}
#menu_wrapper div {float: left; height: 34px; width: 12px; background: url(img/grey.png) no-repeat left;}
#menu_wrapper.blue ul {
	border-top: 2px solid #356AA0;
	border-bottom: 2px solid #204061;
	background: #356AA0;
}
#menu_wrapper.blue a {color: #fff;}
#menu_wrapper.blue li a:hover, #menu_wrapper.blue li.active a {
	color: #90CDFF; 
	background: #3D7BBB; 
	border-bottom: 2px solid #356AA0;
}
#menu_wrapper.blue {background: url(img/blue.png) no-repeat right;}
#menu_wrapper.blue div {background: url(img/blue.png) no-repeat left;}

/* contents */
div#content_wrap {
	float:left;
	overflow: hidden;
	width: 780px;
	margin: 5px;
}

div#content_left, div#content_right, div#content_left_base, div#content_right_base {
	padding-bottom:32768px;
	margin-bottom:-32768px;
}

div#content_left {
	width: 560px;
	float:left;
}

div#content_right {
	width: 200px;
	padding-top: 10px;
	float:right;
	text-align:center;
	background:url(./img/side_bg_top.png);
	background-repeat: repeat;
}

div#content_left_base {
	width: 160px;
	float:left;
	background:url(./img/side_bg.png);
}

div#content_right_base {
	width: 600px;
	float:right;
}

/* login area */
div#login_frame_top {
	margin:0 auto 0 auto;
	width: 182px;
	height: 29px;
	background:url(./img/login_mida.png);
	background-repeat: no-repeat;
}
div#login_frame_middle {
	margin:0 auto 0 auto;
	width: 182px;
	background:url(./img/login_bg.png);
	background-repeat: repeat;
}

div#login_frame_bottom {
	margin:0 auto 0 auto;
	width: 182px;
	height: 11px;
	background:url(./img/login_under.png);
	background-repeat: no-repeat;
}

/* message_index */
div.message_index {
	padding: 5px;
}
div.message_img_box_index {
	margin: 5px;
}
div.message_img_index {
	float: left; 
	clear: both;
	margin-right: 10px;
}
div.message_img_info_index {
	width: 95%;
	height: 20px;
	padding: 5px;
	border-bottom: 2px dashed #c0c0c0;
}
div.message_img_info_index a {
	text-decoration: none;
	display: block;
	padding: 0 10px;
	line-height: 20px;
	color: #555;
}
div.message_img_info_index a:hover {
	background-color: #f5f5f5;
	color: #333;
}
/* contents_link */
.message_link_index {
	width:520px;
	margin:5px;
	padding:5px;
	float : left ;
	border: 1px solid #dce1e6;
}
.message_link_index span.title {
	font-size: 1.4em;
	color: #002368;
	font-weight: bold;
}

/* message_info */
p.message_info {
	float: left; 
	width: 550px;
}
img.message_img_info {
	margin-left:20px;
}
div.message_under_info {
	float: left; 
	width: 550px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
}
.triangle{
	float: left; 
	width: 550px;
}

/* message_course */
div.message_course {
	float: left; 
	margin: 5px;
}
div.message_img_box_course {
	float: left; 
	margin: 5px;
}
div.message_img_course {
	float: left; 
	clear: both;
	margin-top: 5px;
	width: 180px;
}
div.message_img_info_course {
	float: right; 
	width: 360px;
	margin: 2px;
}
div.message_img_info_course span{
	font-size:0.8em;
}
div.message_img_info_bottom {
	float: left; 
	width: 560px;
	padding: 1px;
	font-size: 0.8em;
	text-align:right;
	border-bottom: 1px dashed #c0c0c0;
}
div.message_img_info_bottom a {
	text-decoration: none;
	display: block;
	padding: 0 10px;
	line-height: 20px;
	color: #555;
}
div.message_img_info_bottom a:hover {
	background-color: #f5f5f5;
	color: #333;
}

/* message_contact */
div.message_contact {
	width:540px;
	margin-right: auto;
	margin-left: auto;
}
div.contact_box  {  
	width: 500px;
	background: url(img/body_mida02_gray_bottom.png) no-repeat bottom;  
	margin-top: 10px;  
	margin-bottom: 40px;  
} 
div.contact_box .inner   {  
	background: url(img/body_mida02_gray_top.png) no-repeat;  
	padding: 25px 20px;  
}
div.message_contact_warning {
	float: left; 
	margin-bottom: 40px;  
	margin-left: 20px;  
	width: 560px;
	padding: 1px;
	font-size: 0.8em;
}

/* message_demo */
div.message_demo {
	float: left; 
	width: 550px;
}
div.message_demo ul {
	margin:5px;
}
div.message_demo li {
	margin:15px;
	color: #265FA4;
}
div.message_demo li span {
	color: #000000;
}
div.message_demo li span.black_bold {
	color: #000000;
	font-weight: bold;
}
div.message_demo li span.red {
	color: #990000;
	font-weight: bold;
}
div.message_link_demo {
	float: left; 
	width:540px;
	margin-top:30px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	font-size: 0.8em;
}

/* course_info */
div.course_info {
	width:540px;
	margin-right: auto;
	margin-left: auto;
}
div.course_info_box  {  
	width: 500px;
	background: url(img/body_mida02_gray_bottom.png) no-repeat bottom;  
	margin-top: 20px;  
	margin-bottom: 20px;  
} 
div.course_info_box .inner   {  
	background: url(img/body_mida02_gray_top.png) no-repeat;  
	padding: 25px 20px;  
}

/* course_detail_info */
span.course_detail_title {
	color: #002368;
	font-weight: bold;
}
span.course_detail_strong {
	color: #0066CC;
	font-weight: bold;
}
table.course_detail_table {
	width: 100%;
	border: 1px #0066CC solid;
	border-collapse: collapse;
	border-spacing: 0;
	font-size:0.8em;
}

table.course_detail_table th {
	border: #0066CC solid;
	border-width: 0 0 1px 1px;
	background: #B6CBE0;
	font-weight: bold;
	text-align: center;
	white-space: nowrap;
	width: 80px;
}
table.course_detail_table td {
	padding:5px;
	border: 1px #0066CC solid;
	border-width: 0 0 1px 1px;
	background: #ffffff;
}
table.course_detail_table hr {
	border-width: 1px 0px 0px 0px;
	border-style: solid;
	border-color: #999999;
	height: 1px;
}
table.course_detail_table table.course_detail_table_table {
	border: 0px;
}
table.course_detail_table_table td {
	border: 0px;
}

/* privacy_message */
div.privacy_message {
	width:540px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}

/* sitemap_message */
div.sitemap_message {
	width:540px;
	margin-right: auto;
	margin-left: auto;
	padding: 5px;
}
div.sitemap_message li {
	list-style-image: url(img/circle_li.png);
	padding: 2px;
}
div.sitemap_message li.indent {
	list-style-image: url(img/circle_li.png);
	padding: 2px;
	margin-left: 20px;
}
div.sitemap_message li.indent2 {
	list-style-image: url(img/circle_li.png);
	padding: 2px;
	margin-left: 40px;
}

/* footer */
div#footer {
	clear: both;
	padding: 5px 0px 5px 15px;
	font-size: 0.8em;
	color: #ffffff;
	background:url(./img/dummy_blue-10.png);
	background-repeat: repeat;
	width: 780px;
}
div#footer a {color: #fff;}

/* table */
td
{color:#333333;font-size: 9pt;}
td.ele
{color:#333333;font-size: 11pt;}
td.ten
{color:#333333;font-size: 10pt;}
td.nine
{color:#333333;font-size: 9pt;}
td.eight {
	color:#333333;
	font-size: 8pt;
	white-space: nowrap;
}
td.seven
{color:#333333;font-size: 7pt;}
td.twe
{color:#333333;font-size: 12pt;}
td.la
{color:#333333;font-size: 13pt;}
td.x-la
{color:#333333;font-size: 15pt;}

td.title
{color:#000000;font-size: 13pt;font-weight:bold;}
td.title_out
{color:#999999;font-size: 13pt;font-weight:bold;}