@charset "utf-8";
/*=========上部共通のソース=========*/
body  {
	margin: 0; /* 複数の異なるブラウザの初期設定値に対応するため、body エレメントのマージンと余白を 0 にすることをお勧めします */
	padding: 0;
	text-align: center; /* これにより、IE 5* ブラウザではコンテナが中央揃えになります。そして、テキストは、#container セレクタの初期設定である左揃えに設定されます */
	color: #333;
	background-color: #FFF;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "メイリオ", Meiryo, "ＭＳＰゴシック", sans-serif;
	font-size: 85%;
}

.twoColFixLtHdr #container {
	width: 800px;  /* 最大幅である 800px より 20px 小さくすることにより、ブラウザクロームの使用が可能となり、水平スクロールバーが表示されなくなります */
	background: #FFF; /* 自動マージン（幅と連動）により、ページが中央揃えになります */
	text-align: left; /* この設定は body エレメントの text-align: center より優先されます。 */
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
} 
.twoColFixLtHdr #container hr {
color: #CCC;
background-color:#ccc;
height: 3px;
border-style: dotted;
margin:5px 0;
}

.twoColFixLtHdr #header {
	color: #FFF;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
} 
.twoColFixLtHdr #header h1 {
	margin: 0; /* #header div の最後のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間の原因不明のスペース）が回避されます。div の周囲に境界線が適用されている場合は、境界線によってマージンの相殺が回避されるため、この操作は不要です */
	font-family: "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"メイリオ",Meiryo,"ＭＳＰゴシック",sans-serif;
	color:#333333;
	font-size:25px;
	border-bottom-width: thin;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
    border-left:6px solid #999;
	padding-left:5px;
}


.twoColFixLtHdr #title_image {
	padding-bottom: 20px;
}

div#mainmenu {
	width: 800px;
	padding: 0;
	margin: 0 0 20px 0;
	background: none;
	border-bottom-style: none;
}


/*=========上部共通のソース　ここまで=========*/


/*=========中部共通のソース　ここまで=========*/
.twoColFixLtHdr #mainContent {
	margin:0 0 0 200px;
	padding-top: 0 0 0 20px;
	font-size:14px;
} 

.twoColFixLtHdr #container h1, #mainContent h1{
	color:#333;
	font-size:25px;
	border-bottom: thin solid #CCC;
	border-left:solid 5px #CCC;
	margin-top:0;
	padding-top:0;
	padding-left:10px;
}

.twoColFixLtHdr #mainContent h2{
color:#333;
font-size:18px;
}
/*=========中部共通のソース　ここまで=========*/

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


/*=========トップページソース=========*/
.twoColFixLtHdr #topleft{
	float: left; 
	width: 530px;
	background-color: #fff;
}

.twoColFixLtHdr #booklist_top{
	margin-top: -15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 535px;
	padding-top: 0;
	padding-right: 0px;
	padding-bottom: 0;
	padding-left: 10px;
	border-left:thin #999 solid;
}

.twoColFixLtHdr #bookbox_top{
width:255px;
float:right;
font-size:12px;
}

.twoColFixLtHdr #bookbox_top img{
	margin-right:5px;
	float:left;
}

.twoColFixLtHdr #trainingmenulink{
	width:380px;
	float:left;
	font-size:12px;
	margin-top:30px;
	margin-bottom:30px;
}

.twoColFixLtHdr #topnews{
	width:525px;
	margin-bottom: 20px;
}

.twoColFixLtHdr #topnews h3{
	border-left:4px solid #666;
	border-bottom:3px double #666;
	width:500px;
	margin-bottom:4px;
	padding:2px;
	font-size:16px;
}

.twoColFixLtHdr #topnews li{
	width:485px;
	color:#666;
	overflow: hidden;
	border-bottom:1px dotted #c1c1c1;
	height: 25px;
	padding-left:15px;
	list-style:none;
	font-size:12px;
	background:url(img/icon02_g.gif) no-repeat;
  }

/*=========サイドメニューソース=========*/

.twoColFixLtHdr #sidebar1 {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 200px;
	background-color: #fff;
	margin:-10px 0 0 -10px;
}

.twoColFixLtHdr #sidebar1 h3 {
padding-left:10px;
margin-top:15px;
color:#333;
}


.twoColFixLtHdr #sidebar1 li {
  color:#666;
  overflow: hidden;
  border-top:1px dotted #c1c1c1;
  height: 20px;
  list-style:none;
  font-size:12px;
  padding-top:5px;
  padding-left:15px;
  background:url(img/icon01.gif) no-repeat center left;
  }

.twoColFixLtHdr #sidebar1 li a{
	text-decoration:none;
	color:#000;
}
.twoColFixLtHdr #sidebar1 li a:hover{
text-decoration:none;
font-weight:bold;
color:#999;
}
/*=========テーマ別研修ページソース=========*/
.twoColFixLtHdr #thememenu {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 800px;
	background-color: #fff;
	margin:0 0 30px 0;
	font-size:75%;
}

.twoColFixLtHdr #thememenu h3{
padding:5px 0 5px 10px;
margin-top:15px;
color:#333;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}

.twoColFixLtHdr #thememenu li {
  color:#666;
  overflow: hidden;
  border-top:1px dotted #c1c1c1;
  list-style:none;
  font-size:12px;
  padding-top:5px;
  padding-left:15px;
  }

.twoColFixLtHdr #thememenu a{
	text-decoration:none;
	color:#000;
}
.twoColFixLtHdr #thememenu a:hover{
text-decoration:none;
font-weight:bold;
color:#999;
}


/*=========研修詳細ページソース=========*/
.twoColFixLtHdr #instroctor_pic{
	float:right;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom:10px;
	margin-left: 20px;
	padding: 0;
}

.twoColFixLtHdr #timetable{
	font-size: 14px;
	padding-bottom:25px;
	padding-top: 0px;
	margin-top: 0px;
}

/*=========講師一覧ページソース=========*/
.twoColFixLtHdr #instructormenu {
	float: left; /* このエレメントはフローティングエレメントであるため、幅が設定されている必要があります */
	width: 800px;
	background-color: #fff;
	margin:0 0 30px 0;
	font-size:12px;
}

.twoColFixLtHdr #instructormenu h3{
padding:5px 0 5px 10px;
margin-top:15px;
color:#333;
border-top:1px dotted #333;
border-bottom:1px dotted #333;
}

.twoColFixLtHdr #instructormenu li {
  color:#666;
  overflow: hidden;
  border-top:1px dotted #c1c1c1;
  list-style:none;
  font-size:12px;
  padding-top:5px;
  padding-left:15px;
  }

.twoColFixLtHdr #instructormenu li a{
	text-decoration:none;
	color:#000;
}
.twoColFixLtHdr #instructormenu li a:hover{
text-decoration:none;
font-weight:bold;
color:#999;
}

/*=========講師詳細ページソース=========*/

.twoColFixLtHdr #briefhistory{
font-size:12px;
float:left;
width:400px;
margin-top:15px;
}

.twoColFixLtHdr #booklist_ins{
margin:35px 0 20px 405px;
	border-left:thin #ccc solid;
	padding:0 0 60px 10px;
	height: 100%;
}

.twoColFixLtHdr #booklist_ins p{
font-size:12px;
}

.twoColFixLtHdr #booklist_ins h3{
font-size:12px;
color:#415E1E;
border-bottom:thin solid #B1D971;
border-left:8px solid #B1D971;
padding-left:5px;
margin:0 0 -15px -5px;
}

.twoColFixLtHdr #bookbox_ins{
	width:150px;
	float:right;
	padding-left:20px;
	font-size:12px;
}


.twoColFixLtHdr #trainingmenulink li {
  height: 20px;
  overflow: hidden;
  list-style:none;
  font-size:12px;
  padding-top:5px;
  padding-left:15px;
  background:url(img/icon02_g.gif) no-repeat center left;
}
.twoColFixLtHdr #trainingmenulink li a{
	text-decoration:none;
}
.twoColFixLtHdr #trainingmenulink li a:hover{
text-decoration:none;
font-weight:bold;
color:#F60;
}




/*=========著書一覧ページソース=========*/
.twoColFixLtHdr #booklist h3{
font-size:16px;
color:#415E1E;
border-bottom:thin dashed #39F;
}

.twoColFixLtHdr #bookbox{
	margin:10px;
	padding:5px;
	color:#333;
	width: 380px;
	border: thin solid #CCC;
}

.twoColFixLtHdr #bookbox img{
float:left;
margin:0 20px 0 0;
}
.twoColFixLtHdr #bookbox p{
font-size:12px;
}
/*=========事例ページソース=========*/

.c1{
clear:left;
}

/*=========問い合わせページソース=========*/

.twoColFixLtHdr #inquiryform{
	width:500px;
	background-color:#E8E8E8;
	padding:20px;
	margin-bottom:50px;
}



/*=========下部共通のソース=========*/
.twoColFixLtHdr #footer {
	background-color: #fff;
	margin-top:50px;
	padding: 0px;
	border-top-width: thin;
	border-top-style: solid;
	border-top-color: #ccc;
} 

.twoColFixLtHdr #footer p {
	margin: 0; /* フッターの最初のエレメントのマージンを 0 に設定することにより、マージンの相殺（div 間のスペース）が回避されます */
	padding: 10px 0; /* このエレメントの余白により、マージンの相殺を発生させることなく、マージンの効果とまったく同じように、スペースが設定されます */
	font-size:9px;
}
.fltrt { /* このクラスは、ページ上でフローティングエレメントを右側に配置するのに使用できます。プローティングエレメントは、ページ上でその横に配置されるエレメントの前に配置される必要があります。 */
	float: right;
	margin-left: 8px;
}
.fltlft { /* このクラスは、ページ上でフローティングエレメントを左側に配置するのに使用できます */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* このクラスは、div またはブレークエレメントに適用される必要があり、また、フローティングエレメントが完全に含まれているコンテナの末尾の直前にある最後のエレメントである必要があります */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
/*=========下部共通のソース　ここまで=========*/