@charset "UTF-8";

@import url("./common.css");



/* LAYOUT -------------------------------------------------*/

/* ▼ 横幅*/
#base{width:980px;}


/* COLOR -------------------------------------------------*/

/* ▼ 中央　見出し*/
/*
#cont #chead h1{background:url("/common/images/line_w500-h5_0066FF.gif") no-repeat;}
#cont div.CL00{background:url("/common/images/line_w500-h3_FFA100.gif") no-repeat;}
#cont div.CL11{background:url("/common/images/line_w500-h3_0066FF.gif") no-repeat;}
*/

#cont table.border-a,
#cont table.border-a tr,
#cont table.border-a tr td,
#cont table.border-b,
#cont table.border-b tr,
#cont table.border-b tr td {margin:0px;padding:0px;}
#cont table.border-a,
#cont table.border-b{border:0px;border-collapse: collapse;}

#cont #chead table.border-a tr td.line_l{height:5px;width:190px;}
#cont #chead table.border-a tr td.line_c{height:5px;width:1px;}
#cont #chead table.border-a tr td.line_r{height:5px;width:309px;}
#cont table.border-b tr td.line_l{height:3px;width:190px;}
#cont table.border-b tr td.line_c{height:3px;width:1px;}
#cont table.border-b tr td.line_r{height:3px;width:309px;}

#cont #chead table.border-a tr td.line_l{background-color:#000000;}
#cont #chead table.border-a tr td.line_r{background-color:#666666;}
#cont div.CL00 table.border-b tr td.line_l{background-color:#000000;}
#cont div.CL00 table.border-b tr td.line_r{background-color:#666666;}
#cont div.CL11 table.border-b tr td.line_l{background-color:#000000;}
#cont div.CL11 table.border-b tr td.line_r{background-color:#666666;}

/*#cont div.CL00 h2 span {background:url("/common/images/icon_arrow-b_box-l_FFA100.gif") no-repeat 0px 50%;}*/
#cont div.CL11 h2 span {background:url("/common/images/icon_arrow-b_box-l_0066FF.gif") no-repeat 0px 50%;}

#cont div.CL00 h2 span img {background:black;border:none;margin-right:5px;}
#cont div.CL11 h2 span img {background:black;border:none;margin-right:5px;}



/* ▼ 左ナビ　上：上部ライン　下：矢印アイコン*/
#cont #c3_ll dl.cc00 table tr td.line_l{background-color:#cc0000;}
#cont #c3_ll dl.cc00 table tr td.line_r{background-color:#FF2222;}
#cont #c3_ll dl.cc00 dt b{background:url("/common/images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat 0px 9px;}

#cont #c3_ll dl.cc11 table tr td.line_l{background-color:#000000;}
#cont #c3_ll dl.cc11 table tr td.line_r{background-color:#666666;}
#cont #c3_ll dl.cc11 dt b img{background:black;border:none;margin-right:9px;}

#cont #c3_ll dl.cc11-2    {border-top:1px solid #000000;}
#cont #c3_ll dl.cc11-2 dt b img{background:black;border:none;margin-right:7px;}

/*#cont #c3_ll dl.cc00    {background:url("/common/images/line_w200_CC0000.gif") no-repeat 0px 0px;}*/
/*#cont #c3_ll dl.cc11    {background:url("/common/images/line_w200_0066FF.gif") no-repeat 0px 0px;}*/
/*#cont #c3_ll dl.cc11 dt b{background:url("/common/images/icon_arrow-b_box_0066FF.gif") no-repeat 0px 9px;}*/
/*#cont #c3_ll dl.cc11-2 dt b{background:url("/common/images/icon_arrow-b_box-s_0066FF.gif") no-repeat 0px 7px;}*/


/* CTS -------------------------------------------------*/

/* ▼ コンテンツ共通*/

#cont h2 { background:url("../images/line_dott_999999.gif") repeat-x 0px 100%;}
#cont h2 span {
display:block;
padding:12px 0px 10px 0px;
font-size:14px;
line-height:1em;
}
#cont img.arr {
margin-right:5px;
vertical-align:middle;
}
#cont a.blk {display:block;}
#cont a.blk:hover {background:#EEE;}



/* ▼ コンテンツヘッダー部分*/
#cont #chead h1 {
padding:18px 0px 20px 0px;
font-size:16px;
line-height:1em;
}
#cont #chead img{
margin-bottom:3px;
-ms-interpolation-mode: bicubic;
}
#cont #chead #cmenu {
width:100%;
background:#999;
text-align:center;
}
#cont #chead #cmenu td {width:25%;}
#cont #chead #cmenu a {
display:block;
background:#FFF;
color:#000;
line-height:25px;
}
#cont #chead #cmenu a:hover {background:#EEE;}



/* ▼「ねらい」部分*/
#cont #cbox1 h3 {
margin:10px 0px 1em 0px;
font-size:14px;
line-height:1.5em;
}
#cont #cbox1 p{
margin-left:20px;
margin-bottom:1.5em;
color:#333;
font-size:14px;
line-height:1.5em;
}
#cont #cbox1 .lbox-g {
padding:10px;
border:1px solid #999;
}
#cont #cbox1 .lbox-g p {
margin:0px;
font-size:1em;
}
#cont #cbox1 .lbox-g p img {
margin-right:5px;
vertical-align:middle;
}
#cont #cbox1 ul {
list-style:disc outside;
margin:0 0 0.5em 40px;
}
#cont #cbox1 ul li {
color:#333333;
font-size:14px;
line-height:1.5em;
}




/* ▼「研修プログラム例」部分*/
#cont #cbox2 .ibox {
width:500px;
}
#cont #cbox2 .ibox table#programTable{
border-collapse: separate;
border-spacing: 1px;
width: 100%;
}
#cont #cbox2 .ibox table#programTable td {
padding: 4px;
border-width:0px;
background-color:white;
text-align:center;
}
#cont #cbox2 .ibox table#programTable td.tblTitle {
background-color:transparent;
color:white;
text-align:left;
height:29px;
padding:0px 0.5em;
}
#cont #cbox2 .ibox table#programTable td.tblSubTitle1{
height:2em;
width: 35px;
padding:1px;
vertical-align:middle;
}
#cont #cbox2 .ibox table#programTable td.tblSubTitle2{
height:2em;
width:406px;
padding:1px;
vertical-align:middle;
}
#cont #cbox2 .ibox table#programTable td.tblSubTitle3{
height:2em;
width: 55px;
padding:1px;
vertical-align:middle;
}
#cont #cbox2 .ibox table#programTable td * {
text-align:left;
}
#cont #cbox2 .ibox table#programTable td center {
text-align:center;
}
table#programTable ul{
list-style:none outside;
line-height:1.6em;
margin-left:0px;
padding-left:0px;
}
table#programTable ul li{
list-style:none outside;
margin-left:0.5em;
padding-left:0px;
}
table#programTable ol{
list-style:decimal outside;
margin-left:0px;
padding-left:2.2em;
}
table#programTable ol li{
list-style:decimal outside;
margin-left:0px;
padding-left:0px;
}
table#programTable .style1,
table#programTable .emphasis{
line-height:1.6em;
font-weight:bolder;
}

#cont #cbox2 .ibox table#programTable{background-color: #666666;}
#cont #cbox2 .ibox table#programTable td.tblSubTitle1,
#cont #cbox2 .ibox table#programTable td.tblSubTitle2,
#cont #cbox2 .ibox table#programTable td.tblSubTitle3{background-color: #C0C0C0;}
#cont #cbox2 .ibox table#programTable .style1,
#cont #cbox2 .ibox table#programTable .emphasis{color: #666666}

/*
#cont #cbox2 .ibox table {
border-collapse: collapse;
border-spacing: 0;
}
#cont #cbox2 .ibox table td {
vertical-align:top;
border: 1px #0066FF solid;
border-width: 1px;
}
*/
/*
#cont #cbox2 .ibox h3 {
font-size:100%;
padding-left:2em;
line-height:2em;
}
#cont #cbox2 .ibox h3 u {
display:block;
margin-bottom:10px;
margin-left:-2em;
padding-left:0.5em;
background:url("../images/line_dott_999999.gif") repeat-x 0px 100%;
text-decoration:none;
}
#cont #cbox2 .ibox div,
#cont #cbox2 .ibox p {
padding:6px 8px 1em 2em;
padding:0em 1em 0.5em 2em;
line-height:1.5em;
}
*/



/* ▽ お問い合わせ部分*/
#cont #cbox2 #contact {
padding:10px;
border:1px solid #FF9933;
}
#cont #cbox2 #contact div {clear:left;}
#cont #cbox2 #contact b { font-weight:normal;}
#cont #cbox2 #contact div span,
#cont #cbox2 #contact div a {
display:block;
float:left;
margin-top:10px;
line-height:1.8em;
}
#cont #cbox2 #contact div a {
padding:0px 5px;
background:#FF9933;
color:#FFF;
}
#cont #cbox2 #contact div a:hover {background:#FF0000;}
#cont #cbox2 #contact div b.nl {
display:block;
float:left;
margin-top:10px;
padding:0px 5px;
border:1px solid #0066FF;
line-height:1.8em;
}
#cont #cbox2 #contact div.no1 a {margin-left:18px;}
#cont #cbox2 #contact div.no2 a {margin-left:20px;}
#cont #cbox2 #contact dd { margin:5px 0px 0px 25px;}



/* ▼「関連の研修を探す」部分*/
#cont #cbox3 ul { list-style:none;}
#cont #cbox3 ul li a:hover { background:#EEE;}



/* ▼「インソース研修情報・公開講座ＮＥＷＳ」部分*/
#cont #cbox4 p,
#cont #cbox4 ul{
margin-left:90px;
list-style:none;
}
#cont #cbox4 ul li {float:left;}
#cont #cbox4 ul li a:hover { background:#EEE;}



/* ▼「受講者の評価」部分*/
#cont #cbox5 .ibox {
margin-top:20px;
border-top:1px solid #999;
}
#cont #cbox5 .ibox i {
display:none;
border-bottom:1px solid #999;
color:#666666;
font-size:10px;
font-style:normal;
text-align:right;
}
#cont #cbox5 .ibox dt,
#cont #cbox5 .ibox dd {
margin-top:2px;
padding:5px 0px 5px 5px;
_padding:5px 0px 0px 5px;
}
#cont #cbox5 .ibox dt {
clear:left;
float:left;
}
#cont #cbox5 .ibox dt b {font-weight:normal;}
#cont #cbox5 .ibox dd {
margin-left:100px;
border-left:1px solid #999;
}

#cont #cbox5 .ibox dd span { font-size:10px;}
#cont #cbox5 .ibox dd img {vertical-align:middle;}
#cont #cbox5 .ibox dd img.no1 {margin:0px 2px 0px 2px;}
#cont #cbox5 .ibox dd img.no2 {margin:0px 2px 0px 2px;}
#cont #cbox5 .ibox dd ul {margin:0px 0px 0px 15px;}
#cont #cbox5 .ibox dd li {margin:0px 0px 1em 0px;}



/* ▼「ニュース」部分*/
#cont #cbox6{line-height:1.5em;}
#cont #cbox6 h3,
#cont #cbox6 h4 {font-size:1em;}
#cont #cbox6 h4 {font-weight:normal;}
#cont #cbox6 .fr{width:410px;}
#cont #cbox6 .fl{width:80px;}
#cont #cbox6 .fl a span{
display:block;
border:1px solid #CCC;
font-size:10px;
text-align:center;
line-height:1.5em;
}
#cont #cbox6 .fl a span:hover{ background:#EEE;}


/* ▽ 研修製作者から一言*/
#cont #cbox7 p {
color:#333333;
font-size:14px;
line-height:1.5em;
margin-bottom:1.5em;
}



/*「流れ」「ポイント」ボックス*/
.pointBoxChara {
margin-bottom: 35px;
}

.pointFlowBox {
margin-bottom: 30px;
}
.pointFlowBox .seminarPointBox {
width: 500px;
margin-bottom: 10px;
line-height: 1.5em;
background-color: #EFF8F5;
}
.pointFlowBox .seminarPointBox dt img {
margin-top: 5px;
margin-bottom: 5px;
height: 29px;
}
.pointFlowBox .seminarPointBox dt {
margin-top: auto;
margin-bottom: auto;
height: 29px;
}
.pointFlowBox .seminarPointBox dd {
list-style-type: none;
padding-top: 3px;
padding-bottom: 11px;
padding-left: 92px;
font-size: 14px;
font-weight: bold;
color: #005B5B;
margin-top: -20px;
}
.flowBox {
width: 500px;
border-width: 0px 0px 1px 0px; /* 下だけ引く */
border-color: #9BCDD2;
border-style: solid;
/*padding: 0.3em; /* セル内側の余白 */
line-height: 1.5em;
}

.flowBox tr {
background-color: #EFF8F5;
}
.flowBox td {
border-width: 1px 0px 0px 0px; /* 上だけ引く */
border-color: #9BCDD2;
border-style: solid;
}
#base #cont #c3_l #c3_lr #cbox1 .pointFlowBox .flowBox .flowLeftBox p {
margin-left:7px;
margin-right:7px;
margin-bottom: 0px;
color: #29728D;
   }
#base #cont #c3_l #c3_lr #cbox1 .pointFlowBox .flowBox .flowLeftLastBox p {
margin-left:7px;
margin-right:7px;
margin-bottom: 0px;
color: #29728D;
   }
   
.flowBox .flowLeftBox {
width: 105px;
padding-top: 17px;
padding-bottom: 30px;
background-image: url(../images/arrow_flow.png);
background-position: bottom;
text-align: center;
font-size: 14px;
font-weight: bold;

background-repeat: no-repeat;
}
.flowBox .flowLeftLastBox {
width: 105px;
padding-top: 20px;
padding-bottom: 15px;
background-image: url(../images/arrow_base_green_2_2.gif);
text-align: center;
font-size: 14px;
font-weight: bold;
color: #29728D;
background-repeat: repeat;
}
#base #cont #c3_l #c3_lr #cbox1 .pointFlowBox .flowBox .flowRightBox {
width: 395px;
vertical-align: center;
/*padding-left: 20px;*/
padding-top: 20px;
padding-bottom: 10px;
}
#base #cont #c3_l #c3_lr #cbox1 .pointFlowBox .flowBox .flowRightBox p {
font-size: 14px;
margin-bottom: 10px;
font-weight: bold;
color: #445751;
}
.charaTitle {
font-size: 14px;
font-weight: bold;
color: #005B5B;
margin-bottom: 8px;
padding-top: 2px;
padding-bottom: 0px;
padding-left: 20px;
background-image: url(../images/caption_chara_blue.gif);
background-repeat: no-repeat;
background-position: left;
}



#base #cont #c3_l #c3_lr #cbox1 .pointFlowBox .goalBox p {
border: 1px solid #9BCDD2;
padding: 15px;
width: 500px;
margin-left:0px;
color: #333333;
}


.CL00 .tag {
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
margin-left: 20px;
margin-top: 20px;
}

.CL00 .tag a {
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
color: #000000;
}

.CL00 .tag a:hover{
font-family: 'ＭＳ Ｐゴシック',arial,helvetica,clean,sans-serif;
color:#005B5B;
border-bottom:solid 1px #005B5B;
}

/* 2011/12/27 追記 */

#cont #cbox1 p.b_camp{
margin: -15px 20px 10px;
}

p.b_camp a:hover{
text-decoration:underline;
}