@charset "utf-8";
/*accordion*/
.accordion_child{
 text-align: left;
 width: 360px;
 margin-top: 10px;
 margin-left: 0;
 padding-bottom: 20px;
 padding-left: 20px; }
#TmenuZone {
 background-repeat: no-repeat;
 background-attachment: scroll;
 text-align: center;
 width: 330px;
 float: left;
 margin-right: 0;
 padding-top: 50px; }
#test1-header img {
   }
#test2-header img {
 position: relative;
 left: -70px; }

#test3-header img { position: relative;
 left:     -25px; }

#test4-header img { position: relative;
 left:     45px; }

#test5-header img { position: relative;
 left:     80px; }

/* for IE6 */
.header_highlight{
 font-weight: bold;
 background-image: url(../images/program_highlightback.gif);
 background-repeat: no-repeat;
 background-position: left center;
 margin: 0;
 padding: 0;
 border-color: #fff;
 border-width: 1px; }
#mainbtn .accordion_child h5 {
 color: #323232;
 font-size: 16px;
 background-color: #e1e1e1;
 background-repeat: repeat-x;
 background-position: 0 top;
 margin-top: 0;
 margin-bottom: 5px;
 padding-left: 0;
 border-bottom: 2px solid #323232; }
#mainbtn .accordion_child h6 {
 font-size: 13px;
 letter-spacing: 1px;
 margin-top: 0;
 padding-bottom: 0;  }

#mainbtn .accordion_child p {
 color: #592132;
 font-size: 13px;
 width: 95%;
 margin-bottom: 5px; }

.Knavi{
 text-align: center;
 width: 95%;
 margin: 5px auto;
 padding: 0; }
#colZone ul.Knavi li {
 font-size:             14px;
 background-image:      none;
 background-repeat:     repeat-x;
 background-attachment: scroll;
 background-position:   0 bottom;
 text-align: left;
 list-style-type:       none;
 margin:                0;
 padding: 0; }
/* for IE6 */
* html #colZone ul.Knavi li { font-size:             14px;
 background-image:      none;
 background-repeat:     repeat-x;
 background-attachment: scroll;
 background-position:   0 bottom;
 text-align:            left;
 list-style-type:       none;
 margin:                0;
 padding:               0; }
.Knavi li a {
 color: #0b449a;
 background-color: #f5f5f0;
 background-image: url(../../images/arrow_01-3.gif);
 background-repeat: no-repeat;
 background-position: 5px center;
 text-decoration: none;
 margin: 0;
 padding-top: 7px;
 padding-bottom: 7px;
 padding-left: 25px;
 border-color: #fff #b5deb5 #b5deb5;
 border-style: solid;
 border-width: 1px;
 display: block; }
* html .Knavi li a {
 height: 20px; }

/* for IE6 */
* html .Knavi*** li a { color: #0b449a; background-image: none; text-decoration: none; height: 20px; margin: 0; padding-top: 2px; padding-bottom: 2px; padding-left: 20px; display: block; }
.Knavi li a:hover {
 color: #f33;
 background-color: #eaffca;
 background-image: url(../../images/arrow_01-2.gif);
 background-repeat: no-repeat;
 text-decoration: none; }
#test2-content { display: none; }
#test3-content { display: none; }

/*研修プログラム*/
.accordion_toggle {/*05*/
 display: block;
 width: auto;
 color: #ffffff;
 font-weight: normal;
 outline: none medium;
 font-size: 16px;
 color: #004d40;
 background-image: url(../images/event_tit.gif);
 background-repeat: repeat;
 background-position: 0 0;
 text-align: left;
 letter-spacing: 1px;
 cursor: pointer;
 margin: 0;
 padding-top: 10px;
 padding-bottom: 10px;
 padding-left: 35px;
 border-bottom: 1px solid #5fb27a; }
.accordion_toggle_active {
 background-color:#47a791;
 color: #ffffff;
 font-weight:bold;
 background-image: url(../images/event_titO.gif);
 background-repeat: repeat;
 background-position: 0 0; }
.accordion_content {/*06*/
 overflow: hidden;	/* 07 */
 padding: 0 10px;
 background-color: #fff;
 color: #666;
 text-align: left;
 width: auto;
 height: auto;
 border-bottom: 1px solid #5fb27a; }
.accordion_content p {
 font-size: 95%;
 line-height: 1.5;
 margin-top: 15px;
 margin-bottom: 15px;
  }
.accordion_content p.next {
 text-align: right;
 margin: 0;
 padding: 0; }
.subt {
 color: #3d6555;
 font-size: 12px;
 font-weight: normal;
 background-color: #f1f7f1;
 background-repeat: no-repeat;
 background-position: 0 center;
 text-decoration: none;
 letter-spacing: 1px;
 margin-left: 20px;
 padding: 3px 5px;
 border: solid 1px #fff; }
#myAcc {
 background-color: #ccc;
 width: 80%;
 margin-right: auto;
 margin-bottom: 30px;
 margin-left: auto;
 border-color: #5fb27a;
 border-style: solid solid none;
 border-width: 1px 1px 0; }
h3.eventTit {
 color: #333;
 background-image: url(../images/event.gif);
 background-repeat: no-repeat;
 background-position: 0 0;
 text-align: left;
 text-indent: -9999px;
 width: 90%;
 height: 69px;
 margin: 10px auto 0; }
h3.eventcap {
 color:          #666;
 font-size:      13px;
 text-align:     left;
 margin:         0 auto 10px;
 padding-top:    0;
 padding-bottom: 5px;
 padding-left:   5px;
 width:          90%; }
/*研修プログラム一覧index、荒川追加分_2008.5*/
#myAcc a {
 color: navy;
 font-size: 90%;
 background-image: url(../images/tri_1.gif);
 background-repeat: no-repeat;
 background-position: left center;
 text-decoration: none;
 margin-top: 5px;
 padding-left: 15px; }
#myAcc a:hover {
 color: #272727;
 font-size: 90%;
 background-image: url(../images/tri_2.gif);
 background-repeat: no-repeat;
 background-position: left center;
 text-decoration: none; }
#myAcc ul {
 margin-top: 15px;
 margin-bottom: 20px;
 list-style-type: none; }
#myAcc li {
 margin-top: 4px;
 margin-bottom: 4px; }
#myAcc span.step {
 color: #005700;
 font-size: 13px;
 background-image: url(../images/step_3.gif);
 background-repeat: no-repeat;
 background-position: left center;
 text-decoration: none;
 word-spacing: 2px;
 width: 40px;
 height: 30px;
 margin-left: 0;
 padding: 5px 23px 5px 7px; }
#myAcc p.sem {
 color: #363636;
 text-indent: -110px;
 padding-left: 110px;
 border-bottom: 1px solid #c0ff6a; }
/*研修プログラム一覧index　荒川追加分＿200805*/
#swfmenu {
 text-align: center;
 width: 80%;
 margin-right: auto;
 margin-left: auto; }
#swfmenuBorder {
 background-color: white;
 text-align: center;
 width: 580px;
 height: 440px;
 padding-top: 2px;
 border: solid 5px #dddeff; }
#commentBox {
 text-align: center;
 width: 75%;
 margin: 20px auto;
 padding: 10px;
 border: solid 1px #008000; }
#commentBox p {
 color: #272727;
 font-size: 90%;
 text-align: left; }
#commentBox p.lead {
 color: #005700;
 background-color: #deffa5;
 margin-bottom: 5px;
 padding: 5px; }
/*実績・実例*/
/*研修の概要　AJAX*/
.TabbedPanels {
	margin: 0px;
	padding: 0px;
	clear: both;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}
.TabbedPanelsTab {
 color: #909090;
 position: relative;
 top: 1px;
 float: left;
 padding: 4px 10px;
 margin: 0 1px 0 0;
 font: bold 100% sans-serif;
 background-color: #f0f0f0;
 background-image: url(../images/slash-2.png);
 background-repeat: repeat;
 border-top: 1px solid #c8c8c8;
 border-right: 1px solid #c8c8c8;
 border-left: 1px solid #c8c8c8;
 border-bottom-style: none;
 list-style: none;
 -moz-user-select: none;
 -khtml-user-select: none;
 cursor: pointer; }
.TabbedPanelsTabHover {
 color: #c8355a;
 background-color: #ccc; }
.TabbedPanelsTabSelected {
 color: #002f6f;
 background-color: #e8eef5;
 background-image: url(../images/tab_bg2.gif);
 background-repeat: repeat;
 background-position: 0 top;
 border-top: 2px solid #b1e67c;
 border-right: 2px solid #b1e67c;
 border-left: 2px solid #b1e67c;
 border-bottom-style: none;
 border-bottom-width: 0; }
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}
.TabbedPanelsContentGroup {
 background-color: #effcf0;
 clear: both;
 background-image: none;
 background-repeat: repeat-x;
 background-position: 0 0;
 border: solid 2px #b1e67c; }
.TabbedPanelsContent {
	padding: 4px;
}
.TabbedPanelsContentVisible {
}
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}
div.textcontent {
 background-color: white;
 text-align: center;
 margin: 5px;
 padding: 5px; }
div.textcontent li {
 color: #232323;
 background-repeat: no-repeat;
 text-align: left;
 list-style-type: square; }
div.textcontent p {
 text-align:        left;
 list-style-type:   square; }
div.textcontent p.text {
 color:           #3c3c3c;
 font-size: 95%;
 line-height: 1.7;
 text-align:      left;
 margin-top: 10px;
 margin-left: 50px;
 list-style-type: square; }
div.textcontent span.waku {
 color:           #2a4a54;
 font-weight: normal;
 background-color: #e5f4e6;
 text-align:      left;
 margin-right: 10px;
 padding: 3px 7px;
 list-style-type: square;
 border: solid 1px #d7eddc; }
/*90%　研修までの流れ*/
table.LL {
 width: 90%;
 margin-top: 20px;
 margin-right: auto;
 margin-left: auto; }
table.LL,table.LL th,table.LL td {
 border-collapse: collapse;
 color: #555;
 border-top: 1px solid #bfd7ea;
 border-bottom: 1px solid #bfd7ea;
 border-right-color: #bfd7ea;
 border-right-width: 1px;
 border-left-color: #bfd7ea;
 border-left-width: 1px; }
table.LL td, table.LL th {
 text-align: left;
 padding: 4px; }
div#clear    { clear: both }
/*研修ブログラム*/
/*Zone*/
#mainbtn {
 background-color: #e5e5e5;
 background-image: url(../images/program_back.gif);
 background-repeat: no-repeat;
 background-position: 0 top;
 width: 720px;
 min-height: 450px;
 margin: 15px auto 50px;
 border: solid 1px #e5e5e5; }
.rightZone_box {
 background-color: #fef4bc;
 text-align: center;
 width: 100%;
 padding-bottom: 20px;
 border: solid 1px #e3d34e;
  }
.rightZone_box h3 {
 background: #fef4bc url(../images/line_yw.gif) repeat-x 0 bottom;
 text-align: left;
 width: 95%;
 margin: 5px auto 0;
 padding-bottom: 5px; }
.rightZone_box img {
 padding-top: 8px;  }
.rightZone_box p {
 color: #836743;
 font-size: 12px;
 text-align: left;
 width: 85%;
 margin: 0 auto;
 padding-top: 8px; }
.rightZone_box2 { text-align: center; width: 100%; padding-top: 0; }
/*tooltip*/
div.tooltip{
 width:230px;
 position:absolute;
}
div.tooltip p{
 line-height:1.5;
 margin:0;
 font-size:small;
 background:url("images/tooltipBody.gif") top right;
 padding:10px 5px 0 40px;
}
div.tooltip img{
 vertical-align:top;
}