@charset "utf-8";

/*------- SubPage Layouts -------*/
img.sub-logo {
	margin: 10px 0px 0px 10px;
	float: left;
}

div.sub-contents {
	padding: 10px;
	background: #FFFFFF url(../img/common/inbg.gif);
}

div#pan-link {
	margin-top: 10px;
	background: #FFFFFF;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	border: 1px solid #999999;
}

#block {
	height: 1%;
	margin-top: 10px;
	margin-bottom: 10px;
}

/*------- SubPage StandardStyles -------*/

div.sub-contents h1 {
	margin: 0px;
	padding: 0px;
}
div.sub-contents h2 {
	margin: 5px 5px 10px;
}
div.sub-contents h3     {
	font-size: 116%;
	font-weight: bold;
}

#sub-1 h3,#sub-2  h3, #sub-3 h3,#sub-4-1 h3,#sub-4-2 h3, #sub-5 h3, #sub-6 h3,#sub-8 h3{
	padding-top: 7px;
	padding-right: 10px;
	padding-left: 35px;
}

#sub-4-1  h3   {
	color: #5FC932;
}

#sub-4-2  h3   {
	color: #FF7373;
}

#sub-7 h3 {
	padding:5px;
	margin: 30px 10px 0px;
}

div.sub-contents h4     {
	font-weight: bold;
}

#sub-1 h4,#sub-2  h4, #sub-3 h4,#sub-5 h4, #sub-6 h4,#sub-8 h4{
	padding-top: 3px;
	padding-right: 10px;
	padding-left: 25px;
}

#sub-4-1   h4,#sub-4-2 h4 {
	font-weight: bold;
	margin: 10px 20px;
}

#sub-1 p, #sub-2 p,#sub-3 p,#sub-5 p,#sub-6 p,#sub-8 p{
	margin: 10px 20px;
}

#sub-4-1  p,#sub-4-2 p {
	line-height: 150%;
	color: #333333;
	margin-right: 20px;
	margin-left: 20px;
	margin-bottom: 15px;
}

#sub-7 p {
	margin: 0px 20px;
}

/*------- Left Menu -------*/
#block .sub-menu {
	background: #FFFFFF;
	float: left;
	width: 200px;
	padding-bottom: 10px;
	padding-top: 5px;
	border: 1px solid #CCCCCC;
}
#block .sub-menu      h2    {
	border-bottom: 2px solid #FF6600;
	padding-bottom: 3px;
	margin: 8px 10px;
}

#block .sub-menu h2 a {
	color: #FF6600;
}

#block .sub-menu li {
	background: url(../img/common/list_006_c-trans.png) no-repeat left center;
	margin: 5px 5px 5px 15px;
	padding-left: 15px;
	padding-right: 5px;
}

/*------- MainContents -------*/
.sub-main {
	background: #FFFFFF;
	float: right;
	width: 550px;
	border: 1px solid #CCCCCC;
}
.t-bar {
	margin: 10px 20px;
	height: 30px;
	width: 480px;
	width: 510px;
	clear: both;
}
#sub-1    .t-bar   {
	background: url(../img/common/h_orange.gif) no-repeat;
}
#sub-2   .t-bar  {
	background: url(../img/common/h_green.gif) no-repeat;
}
#sub-3   .t-bar  {
	background: url(../img/common/h_pink.gif) no-repeat;
}
#sub-4-1 .t-bar   {
	background: url(../img/common/h_green_star.gif) no-repeat;
}
#sub-4-2 .t-bar {
	background: url(../img/common/h_pink_star.gif) no-repeat;
}
#sub-5  .t-bar  {
	background: url(../img/common/h_red.gif) no-repeat;
}
#sub-6   .t-bar   {
	background: url(../img/common/h_blue.gif) no-repeat;
}
#sub-7    .t-bar   {
	background: url(../img/common/h_gray.gif) no-repeat;
}
#sub-8   .t-bar   {
	background: url(../img/common/h_gray.gif) no-repeat;
}
.u-bar {
	height: 22px;
	width: 510px;
	clear: both;
	margin: 10px 20px 0px;
}
#sub-1   .u-bar   {
	background: url(../img/common/al_orange.gif) no-repeat left;
}
#sub-1   .u-bar   h4  {
	color: #FF9014;

}
#sub-2 .u-bar  {
	background: url(../img/common/al_green.gif) no-repeat left;
}
#sub-2 .u-bar   h4   {
	color: #99CC00;
}
#sub-3 .u-bar  {
	background: url(../img/common/al_pink.gif) no-repeat left;
}
#sub-3 .u-bar    h4  {
	color: #FF6699;
}
#sub-4 .u-bar  {
	background: url(../img/common/al_red.gif) no-repeat left;
}
#sub-4    .u-bar  h4   {
	color: #CC0000;
}
#sub-5  .u-bar  {
	background: url(../img/common/al_red.gif) no-repeat left;
}
#sub-5   .u-bar   h4  {
	color: #CC0000;
}
#sub-6  .u-bar  {
	background: url(../img/common/al_blue.gif) no-repeat left;
}
#sub-6    .u-bar    h4  {
	color: #0066CC;
}

#sub-7     .u-bar  {
	background: url(../img/common/al_gray.gif) no-repeat left;
}
#sub-7      .u-bar      h4  {
	color: #000000;
	margin: 0px;
	padding: 0px;
}
#sub-8   .u-bar  {
	background: url(../img/common/al_gray.gif) no-repeat left;
}
#sub-8     .u-bar     h4  {
	color: #666666;
}

/*------- Program-Code -------*/
.program-code {
	background: #333333;
	margin: 10px 20px;
	border: 1px solid #CCCCCC;
	padding-top: 10px;
}
.program-code p {
	line-height: normal;
	color: #00CC00;

}
.program-code h5 {
	line-height: normal;
	color: #FFFFFF;
	margin-left: 20px;
	font-weight: bold;
}
.program-code  .space-text {
	color: #333333;
}

/*------- TABLE Server -------*/
table#svr {
	margin-right: 20px;
	margin-left: 20px;
}
table#svr  td {
	vertical-align: top;
	line-height: 150%;
	padding: 3px 5px;
}
table#svr  td.title {
	background: #FFF9EE;
	font-weight: bold;
	text-align: right;
}
table#svr  td.separator {
	background: #FF9900;
	padding: 0px;
}
table#svr td.line {
	background: url(../img/common/dot_orange.gif) repeat-x center center;
	height: 3px;
}

/*------- TABLE Haken -------*/
table#haken {
	margin-right: 20px;
	margin-left: 20px;
}
table#haken td {
	vertical-align: top;
	line-height: 150%;
	padding: 3px 5px;
}
table#haken  td.title {
	background: #FFF0F0;
	font-weight: bold;
	text-align: right;
}
table#haken   td.separator {
	background: #FF6699;
	padding: 0px;
}
table#haken td.line {
	background: url(../img/common/dot_red.gif) repeat-x center center;
	height: 3px;
}

/*------- TABLE TimeTable -------*/
table#timetable {
	margin-right: 20px;
	margin-left: 20px;
}
table#timetable p {
	margin: 0px;
}
table#timetable  td {
	vertical-align: top;
	line-height: 150%;
	padding: 3px 5px;
	background: #f5f5f5;
}
table#timetable     td.color-line {
	background: #ffffff;
}
table#timetable td.work {
	background: #f0f0f0;
}

/*------- TABLE Sikaku -------*/
table#sikaku {
	margin-right: 20px;
	margin-left: 20px;

}
table#sikaku th {
	vertical-align: top;
	line-height: 150%;
	padding: 3px 5px;
	background: #f5f5f5;
}
table#sikaku   td {
	vertical-align: top;
	line-height: 150%;
	padding: 3px 5px;
}
table#sikaku  td.star {
	color: #FF9900;
}
table#sikaku  td.star  span.red {
	color: #FF0000;
}
table#sikaku td.line {
	background: url(../img/common/dot_darkgray.gif) repeat-x center center;
	height: 3px;
}
ul.sikaku-list  li   {
	background: url(../img/common/16px_checkbox_002-trans.png) no-repeat left center;
	margin: 10px 5px 5px 30px;
	padding-left: 20px;
}
ul.pearson-link-list li  {
	background: url(../img/common/list_006_f-trans.png) no-repeat left center;
	margin: 10px 5px 5px 30px;
	padding-left: 20px;
}

/*------- TABLE SiteMap -------*/
table#sitemap 
{
	margin-right: 20px;
	margin-left: 20px;
}
table#sitemap    td         {
	padding-top: 5px;
	padding-bottom: 5px;
}
table#sitemap        h5         {
	padding: 5px 10px 5px 0px;
	margin: 0px;
	border-bottom: 2px dotted #FF6600;
	color: #FF6600;
}
table#sitemap h6 {
	padding: 0px 0px 5px;
	margin: 0px 0px 0px 20px;
	border-bottom: 2px dotted #FF9900;
	color: #FF9900;
}
table#sitemap ul {
	margin-top: 10px;
	margin-bottom: 10px;
}
table#sitemap  li  {
	padding-left: 20px;
	background: #f5f5f5 url(../img/common/list_003_c-trans.png) no-repeat 5px center;
	margin: 5px 0px 5px 20px;
	padding-top: 3px;
	padding-bottom: 3px;
}


/*------- ContactList -------*/
ul.contact-list {
	margin: 10px 20px 20px;
}
ul.contact-list   li {
	background: url(../img/common/list_007_c-trans.png) no-repeat left center;
	padding-left: 15px;
	margin-top: 8px;
}

/*------- TABLE Contact(tel,fax) -------*/
table.contact {
	margin: 10px 0px 5px;
}
#sub-8 table.contact {
	margin-right: 20px;
	margin-left: 20px;
}
table.contact td {
	vertical-align: top;
	color: #555555;
	padding: 3px 5px;
}
table.contact td.title {
	background: #FFEDC5;
	color: #FF6600;
	font-weight: bold;
}
table.contact td.separator {
	background: #FF8B3D;
	padding: 0px;
}
table.contact td.line {
	background: url(../img/common/dot_orange.gif) repeat-x center center;
	height: 3px;

}

/*------- etc... -------*/
div.hr {
	background: #dddddd url(../img/common/bk_slash.gif);
	margin: 20px;
	height: 10px;
	clear: both;
}

/*------- img float -------*/
.img-float-r   {
	float: right;
	margin-left: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}
.img-float-l   {
	float: left;
	margin-right: 10px;
	margin-top: 5px;
	margin-bottom: 5px;
}