@charset "shift_jis";
body, div, dl, dt, dd, ul, ul li, h1, h2, h3, h4, h5, h6,
pre, form, fieldset, input, textarea, p, blockquote, th, td,
section, nav, article, aside, hgroup, header, address,
figure, figcaption {
	margin: 0;
	padding: 0;
}


body {
	margin:10px 0;
	padding:0;
	color:#000000;
	font-family:Helvetica, Arial, Meiryo, メイリオ, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', sans-serif;
 	font-size:8pt;
	background:#EEEEEE;
}
img {border:0px; vertical-align:bottom;}
p {margin-bottom:12px;}
td {vertical-align:top;}
ul, ul li {margin:0; padding:0; list-style-type:none}
ol {margin:0 0 20px 0; padding: 0 0 0 20px; list-style-type:decimal;}
ol li {padding:0; margin:0 0 4px 0; line-height:1.8;}

h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
h2, h3, h4 {margin:0 0 2em 0;}
h2 {
	margin:0 0 1em 0;
	color:#ff0000;
	font-size:26px;
	line-height:1.5;
}

h4 {
	margin:0 0 1em 0;
	color:#333333;
	font-size:20px;
	line-height:1.5;
}


/* Link Color for general */
a:link {color:#333333; text-decoration:underline;}
a:visited {color:#333333; text-decoration:underline;}
a:hover {color:#CC0000; text-decoration:none;}
a:active {color:#CC0000; text-decoration:none;}


/* Container */
* html body div#wwrap {width:100%; text-align:center; margin:0; padding:0;}
#wrapper {width:800px; margin:0 auto; padding:0px; text-align:left; background-image:url(../images/bg.gif); background-repeat:repeat-y;}
#container {margin:0px; padding:20px 11px 50px 3px;}

/* Header */
div#headerContainer {
	height:50px; 
	background:url(../images/hdr_bg.gif) no-repeat; 
}
div#headerRow {
	padding:20px 50px 0px 50px; 
}

#mainImg {line-height:1; zoom:1;}
#main {font-size:12px; line-height:2; padding:0 30px; }

#leftCol {float:left; width:500px; margin-right:30px;}
#rightCol {float:left; width:185px;}



.fchangeCol {margin:5px 5px 0px 5px}
.floatLeft {float:left;}
.floatRight {float:right;}
.txtCenter {text-align:center;}
.txtRight {text-align:right;}
.txtBox {margin-top:50px}
.c-both {clear:both}
.mt0 {margin-top:0px; !important;}
.mt5 {margin-top:5px; !important;}
.mt10 {margin-top:10px; !important;}
.mt20 {margin-top:20px; !important;}
.mt30 {margin-top:30px; !important;}
.mt50 {margin-top:50px; !important;}
.mt100 {margin-top:100px; !important;}
.ml10 {margin-left:10px; !important;}
.ml20 {margin-left:20px; !important;}
.w100 {width:100px;}
.txtIndent {margin-left:1.5em; text-indent:-1.5em;}
.fzS {font-size:0.9em;}
.fzL {font-size:1.25em;}
.fzLL {font-size:1.5em;}
.bigTxt {font-size:1.25em;}
.rightImg {float:right; margin-left:20px;}

.colorOr {color:#f39800;}
.colorGr {color:#55b428;}

.clearfix {
	display:inline-block; 
}
.clearfix:after {
	content:""; 
	display:block; 
	height:0; 
	visibility:hidden; 
	clear:both; 
}
/* Hides from IE-mac \*/
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* End hide from IE-mac */


/* Footer */
#footerContainer {
	padding-bottom:9px;
	background:url(../images/ftr_bg.gif) no-repeat left bottom; 
}
div#footer {
	margin:0 11px 0 3px;
	padding:15px 20px; 
	color:#ffffff;
	font-size:0.9em;
	background:#55b428;
}

#footer li {float:left;}
#footer li.copyright {float:right; text-align:right;}
#footer a:link,
#footer a:visited {color:#ffffff; text-decoration:none;}
#footer a:hover,
#footer a:active {color:#ffffff; text-decoration:underline;}

#rightMenu {
	margin-top:40px;
}
#rightMenu ul li {
	border:1px solid #cccccc;
	padding:4px 0;
	margin-top:5px;
}
#rightMenu ul li.caption {
	border:none;
	padding:0 0 0 1em;
	margin-top:2px;
}
#rightMenu ul li a,
#rightMenu ul li span {
	padding:10px 6px;
	border-left:6px solid #55b428;
	line-height:12px;
}
#rightMenu ul li .pdfIcon {background:url(../images/icon_pdf.gif) no-repeat 100% 6px; padding-right:22px;}

#insidePage #rightMenu,
#coursePage #rightMenu {
	display:none;
}
#contactBox {
	background:#eeeeee;
	margin-top:30px;
	padding:10px;
	line-height:1.4;
	-moz-border-radius: 10px; /* for Firefox */
	-webkit-border-radius: 10px; /* for Safari and chrome */
	border-radius: 10px; /* CSS3 */
	position:relative;
	zoom:1;
	font-size:0.9em;
}
#contactBox .hdr {background:url(../images/icon_mail.gif) no-repeat 0 2px; padding:1px 0 1px 24px; font-size:12px; font-weight:bold;}

#contactBox dl {padding-top:5px;}
#contactBox dl dt,
#contactBox dl dd{
	padding:5px 0;
	border-top:1px solid #ffffff;
}
#contactBox dl dt.first,
#contactBox dl dd.first{
	border:none;
}
#contactBox dl dt{
	width:30px;
	float:left;
	clear:both;
 }
#contactBox dl dd{
	_position:relative; /* for WinIE6 */
	_left:-3px; /* for WinIE6 */
	_height:0%; /* for WinIE6 */
	margin-left:30px;
}



/* top page */
#topPage dl#outline dt,
#topPage dl#outline dd{
	padding:10px;
	background:url(../../../common/images/dotline.gif) no-repeat left top;
}
#topPage dl#outline dt.first,
#topPage dl#outline dd.first{
	border:none;
}
#topPage dl#outline dt{
	width:80px;
	_width:100px; /* Override for WinIE6 */
	float:left;
	clear:both;
	color:#55b428;
	font-weight:bold;
 }
#topPage dl#outline dd{
	_position:relative; /* for WinIE6 */
	_left:-3px; /* for WinIE6 */
	_height:0%; /* for WinIE6 */
	margin-left:100px;
}


/* course page */

#coursePage #leftCol,
#coursePage #rightCol {float:none; width:auto; margin:0;}
#coursePage .rightImg {width:160px; font-size:0.9em;}

#inlineLink {
	padding:10px 20px;
	margin:20px 0;
	background:#fce8e7;
	border:3px double #ff0000;
	-moz-border-radius: 10px; /* for Firefox */
	-webkit-border-radius: 10px; /* for Safari and chrome */
	border-radius: 10px; /* CSS3 */
	position:relative;
	zoom:1;
}
#inlineLink li {float:left; margin-right:30px;}
#inlineLink li a {background:url(../../course/images/icon_arrow.gif)no-repeat 0 2px; padding-left:16px;}

#inlineLink li a:link,
#inlineLink li a:visited {color:#e71f19; text-decoration:underline;}
#inlineLink li a:hover,
#inlineLink li a:active {color:#e71f19; text-decoration:none;}

#coursePage h3.colorStyle {
	color:#503e10;
	margin-top:50px;
	padding:0 10px 4px 10px;
	font-size:20px;
	font-weight:bold;
	border-left:10px solid #503e10;
	border-bottom:1px solid #503e10;
	line-height:1;
}

#coursePage h3.colorStyle .date {
	font-size:32px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif
}

#coursePage .companyName {
	color:#55b428;
	font-size:22px;
	font-weight:bold;
	margin-bottom:10px;
	line-height:1.6;
}
#coursePage .companyName span {
	color:#ff0000;
	font-size:13px;
}

#coursePage #leftCol div.rightImg + dl {
	width:540px;
}
#coursePage #leftCol dl {
	border-bottom:1px solid #503e10;
	margin:0 0 2em 0;
}
#coursePage #leftCol dl dt,
#coursePage #leftCol dl dd{
	padding:10px 0;
	border-top:1px dotted #503e10;
	zoom:1;
}
#coursePage #leftCol dl dt.first,
#coursePage #leftCol dl dd.first{
	border:none;
}
#coursePage #leftCol dl dt{
	width:80px;
	float:left;
}
#coursePage #leftCol dl dd{
	_position:relative; /* for WinIE6 */
	_left:-3px; /* for WinIE6 */
	_height:0%; /* for WinIE6 */
	margin-left:80px;
}
#coursePage #leftCol dl dt span {padding:4px 6px; margin-right:6px; background:#55b428; color:#ffffff; font-weight:bold;}

#coursePage table {border-collapse:collapse;}

#coursePage th,
#coursePage td {padding:10px; line-height:1.8; border-right:4px solid #ffffff; border-bottom:4px solid #ffffff;}

#coursePage th {background:#55b428; color:#ffffff;}
#coursePage td {background:#DCDDDD;}

.teacherTitle {padding:2px 4px; margin-right:6px; background:#666666; color:#ffffff;}
.detailTitle {padding:2px 4px; margin-right:6px; border:1px solid #666666; background:#ffffff;}

#coursePage #rightCol br{
    display: none;
}

@media print{
body {background-color:#FFFFFF;}
div#headerContainer {background:none;}
#mainContainer {background:none;}
#footerContainer {background:none;}

}