@charset "utf-8";

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

/* ▼ 横幅*/
#base{width:980px;background-color:#fff;}
@media screen and (max-width: 768px){
  #base{
    width:100%;
  }
}

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

/* ▼ 左ナビ　上：上部ライン　下：矢印アイコン*/
#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:2px solid #000000;}
#cont #c3_ll dl.cc11-2 dt b img{background:black;border:none;margin-right:7px;}


/* ▼ 中央　見出し*/
#cont #chead h1 { background:#FF9933;}
#cont div.cFFA100{ background:url("/common/images/line_w500-h3_99CC00.gif") no-repeat;}
#cont div.cFFA100 h2 span {background:url("/common/images/icon_arrow-b_box-l_99CC00.gif") no-repeat 0px 50%;}
#cont div.c0066ff{ background:url("/common/images/line_w500-h3_FF9933.gif") no-repeat;}
#cont div.c0066ff h2 span {background:url("/common/images/icon_arrow-b_box-l_FF9933.gif") no-repeat 0px 50%;}

/*文字カラー設定始まり*/
.deepBlue {color:#0066CC;}
.gray {color:#CCCCCC;}
.pink {color:#CC3399;}

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

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

#c3_lr .accordion_head{cursor:pointer;margin:5px 0;}

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

table.border-b {
margin-top: 15px;
height: 3px;
width: 100%;
border-collapse: collapse;
}

/* ▼進め方 pointBox（文章内で囲いたい箇所）*/
div#process div.textBox div {
border:1pt solid #999999;
margin-bottom:20px;
margin-left:15px;
padding:10px 20px 5px;
font-size:14px;
line-height:1.7;
}
#process .textBox div i{
display:block;
font-style:normal;
margin-left:20px;
}
#process .textBox div b {
font-weight:bolder;
line-height:2em;
}
.pointBox
{
margin-left: 15px;
margin-bottom: 20px;
border: 1pt solid #999999;
padding-top: 10px;
padding-right: 20px;
padding-bottom: 5px;
padding-left: 20px;
}
.pointTitle{
font-size: 14px;
font-weight: bolder;
line-height: 2em;
}
.pointBox .blue {
font-size: 14px;
font-weight: bold;
color: #0066FF;
margin-top:0px;
}
.pointBox .deepBlue {
margin-top: 0px;
}
#textBoxSub p{
font-size:14px;
line-height:1.7;
margin-bottom:20px;
}

/*コンテンツごとのリンク*/
.link a:hover{
color:#3366CC;
}
/*ページトップへ*/
.toTop{
margin-top:5px;
text-align:right
}
/* ▼ テキスト指定*/
/*h3設定始まり*/
h3 {
background:url("/common/images/line_dott_999999.gif") repeat-x scroll 0 100% transparent;
font-size:14px;
margin:0px 0 15px;
}

#goal h3, #performance h3, 
#lineup_box h3, #process h3, #teacher h3
#magazine_box h3{
margin-bottom:15px;
}

#newsBoxTitle
{
background:url("/common/images/line_dott_999999.gif") repeat-x scroll 0 100% transparent;
font-size:14px;
margin-bottom:8px;
}
h3 span {
display:block;
font-size:14px;
line-height:1em;
padding-top: 9px;
padding-right: 0;
padding-bottom:9px;
padding-left: 0;
}
h3 span img {
border:medium none;
margin-right:5px;
vertical-align:-0.1em;
}

/*h3設定終わり*/

#cont h4 {
font-size:15px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}

#cont h4.title {
font-size:13px;
font-weight:bold;
margin-bottom:0px;
margin-top:0px;
}

#cont .textBox p {
color:#333333;
font-size:15px;
line-height:1.7;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}



#cont h4 a{
color:#5F4F3D;
text-decoration:underline;
}


#cont h4 a:hover{
color:#92795F;
}

/* 追記 */

#cont .textBox #fence{
}

#cont .textBox #fence_y p{
background-color:#E2FDFF;
padding:10px;
}

#cont .textBox #fence_a p{
background-color:#FFE4E0;
padding:10px;
}

.textBoxSub p{
font-size:14px;
margin-bottom: 20px;
line-height:1.7;
}
mailMagazine .backNum li a{
list-style-type:none;
}




/* ▼ コンテンツヘッダー部分*/
#cont #chead h1 { padding:12px 9px 3px;}
#cont #chead h1 span{
display:block;
padding:0px 0px 5px 5px;
color:#FFF;
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 a {
display:block;
padding:0px 5px;
background:#FFF;
color:#000;
line-height:25px;
}
#cont #chead #cmenu a:hover {
background:#EEE;}

/* bottombox*/
#bottom_nav
{
background:#999999 none repeat scroll 0 0;
text-align:center;
width:100%;
}
#bottom_nav td {
width:20%;
}
#bottom_nav a {
background:#FFFFFF none repeat scroll 0 0;
color:#000000;
display:block;
padding:5px 0px;
text-align: center;
}
#bottom_nav a:hover {
background:#EEE;
}


/* ▼ 新着情報*/
#newsBoxTitle {margin-bottom:0px; color:#333;}
#newsBox {
border:0px solid #999999;
overflow:auto;
width:500px;
height:120px;}
#newsBox dl{padding-top: -10px;}
#newsBox dd{
background:url("/common/images/line_dott_999999.gif") repeat-x scroll 0 100% transparent;
padding:8px 0 8px 110px;
}
#newsBox dt{
clear: left;
float: left;
padding-right: 10px;
padding-bottom: 8px;
padding-left: 0;
padding-top: 8px;
}


/* 2016/7/7 短縮版ミドル　Pickupと３つのポイント用*/
#cont .pickup p{
line-height:150%; margin-bottom:10px; font-size:14px;
}

/* ▼ 研修の目的*/
#cont #goal .textBox ul, #cont #goal .textBox ol {
list-style:disc outside;
margin:0 0 0.5em 50px;
}
#cont #goal .textBox ul li, #cont #goal .textBox ol li {
color:#333333;
font-size:14px;
line-height:1.7;
}


/* 若年層ミドル用 */
#ikuseigoal{
border-spacing:1px;
margin-left:20px;
}
#ikuseigoal thead td{
text-align:center;
background-color:#AADDF9;
padding:2px;
}
#ikuseigoal tbody td{
font-size:12px;
background-color:#C8EDFF;
padding:5px 10px;
}
#cont #goal .textBox table#ikuseigoal tr td ul{
margin:0px 15px;
pading:0px;
}
#cont #goal .textBox table#ikuseigoal tr td ul li{
font-size:12px;
}









/* ▼「ラインナップ」部分*/
#lineUp p{
font-size:14px;
line-height:1.7;
margin-bottom:20px;
}
#cont #lineUp h3 {
color:#CC0000;
font-size:14px;
font-family: monospace
}
#cont #lineUp ul {
padding:15px;
border:1px solid #999;
list-style:none;
}
#cont #lineUp ul li {
margin-left: 10px;
padding-left:20px;
background:url("/common/images/icon_arrow-r_box_FF0000.gif") no-repeat 0px 6px;
line-height:2em;
}
#cont #lineUp ul li br {display:none;}
#cont #lineUp ul li a:hover { background:#EEE;}
#cont #lineUp ul li span.blk {
display:block;
margin-left:110px;
line-height:1.3em;
}
#cont #lineUp ul li span.red { color:#FF0000;}

/* ▼「ラインナップ」王冠部分*/
#cont #lineUp .clown {
background-image: url(/common/images/crown.gif);
margin-left: -41px;
margin-right: 20px;
padding-left: 16px;
background-repeat: no-repeat;
padding-top: 3px;
letter-spacing:0px;
}
#cont #lineUp .medal {
background-image: url(/common/images/medal2.gif);
margin-left: -43px;
margin-right: 20px;
padding-left: 18px;
background-repeat: no-repeat;
background-position: center;
padding-top: 7px;
padding-bottom: 5px;
}



/* ▼「実績」部分*/
#cont #performance p {
color:#333333;
font-size:14px;
line-height:1.7;
}

/* 「実施実績」部分*/
#t_body-500 {background-color:#0066FF;width:500px;}
#effective #t_body-500 tr td {padding:4px 4px 4px 7px;}
#effective #t_body-500 tr #t-mjT {text-align:center;width:18%;}
#effective #t_body-500 tr #t-njT {text-align:center;width:11%;}
#effective #t_body-500 tr #t-knT {text-align:center;/*width:50%;*/}
#effective #t_body-500 tbody tr td {background-color:#FFFFFF;text-align:left;}

/* 実績リスト部分*/
#cont #graph .ibox {
margin-top:10px;
}
#cont #graph .ibox dt,
#cont #graph .ibox dd {
margin-top:2px;
padding:5px 0px 5px 5px;
_padding:5px 0px 0px 5px;
}
.account_title_ibox{
font-size: 11pt;
font-weight: bold;
background-repeat: no-repeat;
padding-top: 7px;
padding-bottom: 8px;
padding-left: 15px;
}
#cont #graph .ibox dt {
clear:left;
float:left;
}
#cont #graph .ibox dl {
padding: 5px;
}
#cont #graph .ibox dt b {font-weight:normal;}
#cont #graph .ibox dd {
margin-left:80px;
border-left:1px solid #999;
}
#cont #graph .ibox dd span { font-size:10px;}
#cont #graph .ibox dd img {vertical-align:middle;}
#cont #graph .ibox dd img.no1 {margin:0px 2px 0px 2px;}
#cont #graph .ibox dd img.no2 {margin:0px 2px 0px 2px;}
#cont #graph .ibox dd ul {margin:0px 0px 0px 15px;}
#cont #graph .ibox dd li {margin:0px 0px 1em 0px;}
#cont #graph p{
padding:10px 20px;
border:1px solid #999;
}
#cont #graph p a:hover{background:#EEE;}

#cont .ibox p{
font-size: 14px;margin-bottom: 10px;line-height: 1.5em;letter-spacing: 1px;}






/* ▼「製品情報（本・DVD）、掲載情報など」部分*/
#cont #information{line-height:1.7;}
#cont #information h3,
#cont #information h4 {font-size:1em;}
#cont #information h4 {font-weight:normal;}
#cont #information .fr{width:410px;}
#cont #information .fl{width:80px;}
#cont #information .fl a span{
display:block;
border:1px solid #CCC;
font-size:10px;
text-align:center;
line-height:1.7;
}
#cont #cinformation .fl a span:hover{ background:#EEE;}




/* ▼「メールマガジン」部分*/
#mailMagazine p{
background-image: url(/common/images/icon_box-b_mail.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 90px;
line-height:1.7;
}
#mailMagazine ul {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin-left:90px;
}
#mailMagazine li{
float:left;
}
#mailMagazine li img{
vertical-align:-0.1em;
margin-right: 3px;
}
/*「まぐまぐ」部分*/
#mailMagazine #magmag {
margin-top:20px;
background-image: url(/common/images/mailmagazine_back.gif);
background-repeat: no-repeat;
height: 95px;
width: 500px;
padding: 17px 17px 12px;
}
#mailMagazine #magmag a:link{
color:#CC3399;
}
#mailMagazine #magmag .pink {
margin-top:10px;
_margin-top:3px;
font-size: 90%;
}

.mac #mailMagazine #magmag .pink{
margin-top:0;
}


/*「新入社員ミドル専用」*/
#lineup_box #lineUp #box_both {
width: 100%;
margin-top: 15px;
}
#lineup_box #lineUp #box_both .box_l {
float: left;
width: 245px;
/*margin-left: 10px;*/
}
#lineup_box #lineUp #box_both .box_r {
float: left;
width: 245px;
}
#lineup_box #lineUp #box_both p {
font-size: 13px;
line-height: 1.2em;
width: 220px;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}

/*官公庁用*/

#lineup_box #lineUp #box_both_kankoutyo {
width: 100%;
margin-top: 15px;
}
#lineup_box #lineUp #box_both_kankoutyo .box_l {
float: left;
width: 334px;
margin-right: 24px;*/
}
#lineup_box #lineUp #box_both_kankoutyo .box_r {
float: left;
width: 330px;
}
#lineup_box #lineUp #box_both_kankoutyo p {
font-size: 13px;
line-height: 1.2em;
padding: 0px;
margin-top: 5px;
margin-right: 0px;
margin-bottom: 10px;
margin-left: 0px;
}



/*「流れ」「ポイント」ボックス*/
.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;
}
.pointFlowBox .flowBox .flowLeftBox p {
margin-left:7px;
margin-right:7px;
margin-bottom: 0px;
color: #29728D;
   }
.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;
}
.pointFlowBox .flowBox .flowRightBox {
width: 395px;
vertical-align: center;
/*padding-left: 20px;*/
padding-top: 20px;
padding-bottom: 10px;
}
.pointFlowBox .flowBox .flowRightBox p {
line-height: 1.5em;
margin-right:20px;
margin-left:20px;
font-size: 14px;
margin-bottom: 10px;
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;
}
.pointFlowBox .goalBox p {
border: 1px solid #9BCDD2;
padding: 15px;
width: 500px;
margin-left:0px;
color: #333333;
}


/*　相互リンク用CSS　*/
#crosslink li {
background-image: url("/common/img/arrow_red_right.gif");
background-repeat: no-repeat;
background-position: left;
padding-left: 20px;
font-size: 14px;
margin-bottom:5px;
line-height: 1.5em;
}

/*　印刷ボタン配置変更用　*/
#print_preview_button .ar {
    float: right;
}


/* 20111007追記 */

/*div#fence{
border:1px solid #666666;
margin-bottom:30px;
padding:10px;
}
*/

/* 2011/11/21追記 */

p.bupLink{
font-size: 10px;
margin-bottom: -15px;
padding-top: 10px;
}

p.bupLink span{
color:#ff3300;
font-weight:bold;
}

p.bupLink a{
text-decoration:underline;
}

/*p.bupLink a:hover{
text-decoration:underline;
}*/

/* 2012/01/09 新人研修追記 */

#n_bannerBox .box_l{
width:500px;
/*float:left*/
}

#n_bannerBox .box_r{
width:500px;
/*float:left;
margin-left:20px;*/
}


#n_bannerBox a:hover{
text-decoration:underline;
}

p.contentsLink a{
color:#000000;
font-weight:bold;
}

p.contentsLink a:hover{
background-color:#FF88A6;
text-decoration:underline;
}


/* 2012/01/11 追記 */

#cont #lineUp ul.eng_lineup{
border:none;
padding:0;
}

#cont #lineUp ul.eng_lineup li{
background-image:none;
padding:0;
margin:0;
font-size:24px;
}

#cont #lineUp ul.eng_lineup li a{
color:#5F4F3D;
}

#cont #lineUp ul.eng_lineup li a:hover{
text-decoration:underline;
background-color:transparent;
}


/* bootstrap 2012/03/28 */
.modal-body p{
margin-bottom:15px;
font-size:12px;
line-height:150%;
}

.modal-body #kokaiBox a{
text-decoration:underline;
color:#51A6FF;
}

.modal-body #kokaiBox a:hover{
background-color:#FFFF00;
}

.modal-body #koshiBox a{
text-decoration:underline;
color:#FF0000;
}

.modal-body #koshiBox a:hover{
background-color:#FFE2EF;
}

.modal-header h3{
background-image:none;
}

#slide h3{
font-size:14px;
color:#666666;
}

/* 2012/06/08 都道府県別研修 */

div.area_list{

}

div.area_list p.list_trigger {
padding: 10px 0px;
/*background: url("../images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat scroll 5px 11px transparent;*/
}


div.area_list p.list_trigger img{
background-color:#0066FF;
margin-right:10px;
}

div#cont div#c3_ll div.area_list img.bar_l{
background-color:#0066FF;
}

div#cont div#c3_ll div.area_list img.bar_r{
background-color:#3399FF;
}

/*#cont #c3_ll ul li {
background: url("../images/line_dott_999999.gif") repeat-x scroll 0 0 transparent;
padding-top: 1px;
}
#cont #c3_ll ul li a, .accordion_head2,
#cont #c3_ll ul li a, .accordion_head {
background: url("../images/icon_arrow-r_box-s_CCCCCC.gif") no-repeat scroll 0 7px transparent;
color: #000000;
display: block;
padding: 5px 0 5px 15px;
cursor: pointer;
}
#cont #c3_ll ul li a:hover {
background-color: #EEEEEE;
}
#cont #c3_ll div.cc00 p.list_trigger {
background: url("../images/icon_rightnavi_arrow-b_CC0000.gif") no-repeat scroll 5px 11px transparent;
}
#cont #c3_ll ul.city li a {
background-position: 20px 50%;
padding-left: 35px;
}*/


/* 2013/02/04 語るリンクul */
#cont p.k_link{
margin:5px 0;
}

/*********************

フォーラム

**********************/

#cont #forumcont{
border: 5px solid #b8aac0;
padding: 10px;
margin-top: 10px;
background-image:url(../img/gyokai/forumback.gif);
background-repeat: no-repeat;
background-position: 380px 180px;
}

#cont #forumcont h4 {
font-size: 16px;
line-height: 1.4em;
border-bottom: 1px dotted #333;
padding-bottom: 10px;
color: #564561;
}

#cont #forumcont p {
font-size: 12px;
}

#cont #forumcont a {
font-size: 15px;
}

#cont #forumcont .textBox ul, #cont #goal .textBox ol {
list-style:disc outside;
margin:0 0 0.5em 50px;
}

#cont #forumcont .textBox ul li, #cont #goal .textBox ol li {
color:#333333;
font-size:14px;
line-height:1.7;
}

/* 2013/10/23 アフターサービス */
#cont #after_service_box h2{margin-left:0;margin-top:0;padding-bottom:0;}
#cont #after_service_box h2 span{display:block;padding:5px 0 5px;}
#after_service_box .as_title{font-size:14px;margin-bottom:20px;}
#after_service_box .as_title img{vertical-align:-8px;margin-right:10px;}

#after_service_box .borderBox .bb_dotted{border-bottom:1px dotted #aaa;margin-bottom:20px;}
#after_service_box .borderBox .bb_none{border-bottom:none;margin-bottom:0;}

#after_service_box .borderBox dl{font-size:14px;margin-bottom:20px;}
#after_service_box .borderBox dt{
width:120px;
text-indent:-36px;
padding-left:36px;
}

.ie6 #after_service_box .borderBox dt,
.ie7 #after_service_box .borderBox dt{width:84px;}

#after_service_box .borderBox dt img{vertical-align:-4px;margin-right:10px;}
#after_service_box .borderBox dd{
width: 320px;
font-size: 13px;
}


/* ▼「研修プログラム例」部分*/
#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;
}
#cont #cbox2 .ibox table#programTable ul{
list-style:none outside;
line-height:1.6em;
margin-left:0px;
padding-left:0px;
}
#cont #cbox2 .ibox table#programTable ul li{
list-style:none outside;
margin-left:0.5em;
padding-left:0px;
font-size:12px;
}
#cont #cbox2 .ibox table#programTable ol{
list-style:decimal outside;
margin-left:0px;
padding-left:2.2em;
}
#cont #cbox2 .ibox table#programTable ol li{
list-style:decimal outside;
margin-left:0px;
padding-left:0px;
}
#cont #cbox2 .ibox table#programTable .style1,
#cont #cbox2 .ibox 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;*/}


/* 相互リンク部分 2014/05/27追記 */
#link_mark .btnLink a:hover{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}

/* 2015/10/15 responsiveスライダー対応 */
.res_topImage{display:none;}

/* 2016/5/16 外国人向け日本式マネジメント*/ 
#cont #japanese_management {
font-size:14px;
color: #333333;
line-height: 1.5em;
}

#cont #japanese_management .annotation{
padding-left: 14px;
text-indent: -14px;
font-size:13px;
}

#cont #japanese_management .contact .annotation{
margin-left: 200px;
}

/*TOP テキスト*/

#cont #japanese_management #top_content{
margin-bottom: 35px;
}

#cont #japanese_management #top_content .title{
margin-bottom: 15px;
font-weight:bold;
}

#cont #japanese_management #top_content img{
margin-right: 10px;
vertical-align:-7px;
}

#cont #japanese_management #top_content .textBox{
background-image: url("/common/img/middle/top_box.gif");
width: 100%;
padding: 15px;
margin-bottom: 15px;
}


#cont #japanese_management #top_content .textBox ul{
background-color:#ffffff;
padding-left:25px;
}

#cont #japanese_management #top_content .textBox li{
padding: 5px;
}

#cont #japanese_management #top_content .catch_copy{
font-size: 16px;
}

/*コースの概要*/
#cont #japanese_management #course{
font-size:14px;
margin-bottom:30px;
}

#cont #japanese_management #course table{
border-collapse:collapse;
width:100%;
}

#cont #japanese_management #course th{
border:solid 1px #cccccc;
color: #ffffff;
background-color:#4555AA;
width: 25%; 
height:30px;
text-align: center;
font-weight:normal;
}

#cont #japanese_management #course td{
border:solid 1px #cccccc;
width: 75%;
text-align: left;
padding:10px;
}

#cont #japanese_management #course td p{
margin:0px;
}


/*スケジュール例*/
#cont #japanese_management #schedule {
font-size:14px;
magrgin-bottom:30px;
}

#cont #japanese_management #schedule .schedule_container table{
border-collapse:collapse;
width: 100%;
}

#cont #japanese_management #schedule .schedule_container th{
border:solid 1px #cccccc;
width: 20%; 
height: 30px;
padding:5px;
}


#cont #japanese_management #schedule .schedule_container td{
border:solid 1px #cccccc;
padding:10px;
text-align: left;
}

#cont #japanese_management #schedule .schedule_container .prog2 th{
border-top: none;
}

#cont #japanese_management #schedule .schedule_container .progtitle_l{
background-color:#4555AA;
color: #ffffff;
font-family:Meiryo, "ヒラギノ角ゴ Pro";
text-align: center;
}

#cont #japanese_management #schedule .schedule_container .progtitle_r{
font-weight:bold;
width: 80%;
text-align: center;
}

/*コースに含まれる研修の概要*/ 

#cont #japanese_management #training {
margin-bottom:30px;
}

#cont #japanese_management #training .training_container table{
width: 100%;
border-collapse: collapse;
margin-top: 20px;
margin-bottom: 20px;
}

#cont #japanese_management #training .training_container thead th{
border:solid 1px #cccccc;
padding: 10px;
text-align: left;
font-weight: normal;
}


#cont #japanese_management #training .training_container thead th .link{
font-weight: normal;
}

#cont #japanese_management #training .training_container table tbody th{
border:solid 1px #cccccc;
height: 50px;
padding: 10px;
text-align: left;
vertical-align: top;
font-weight: normal;
}

#cont #japanese_management #training .training_container td{
border:solid 1px #cccccc;
padding: 10px;
text-align: left;
}

#cont #japanese_management #training .training_container ol{
list-style-type: none;
padding-left: 20px;
text-indent: -20px;
}

#cont #japanese_management #training .training_container li{
margin-bottom: 5px;
}

#cont #japanese_management #training .training_container img{
margin-right: 5px;
}

#cont #japanese_management #training .training_container th {
width: 30%;
}

#cont #japanese_management #training .training_container td {
width: 70%;
}

/*********************

2016/7/7　短縮版ミドル　Pickup用

**********************/
#cont .pickup p {
color:#333333;
font-size:14px;
line-height:1.7;
margin-top: 0;
margin-right: 0;
margin-bottom: 1em;
margin-left: 0;
}

#cont .pickup dl{
margin-bottom: 15px;
}

#cont .pickup dt{
font-size: 14px;
line-height: 1.5em;
}

#cont .pickup dd{
font-size: 12px;
margin-bottom: 10px;
line-height: 1.5em;
padding-left: 20px;
background: url("/common/images/icon_arrow-r_box_FF0000.gif") no-repeat 0px 3px;
}

/*#cont .contact p {
margin-left: 200px;
padding-left: 14px;
line-height:1.7;
text-indent: -14px;
font-size: 13px;
}*/

/*161202 問合せボタン修正*/
.contact{font-size:10px;max-width:500px;font-family:YuGothic,'游ゴシック','Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,'メイリオ',sans-serif;}
.contact .contact_btn{margin-right:15px;font-family:inherit;/*border:#FF290B 1px solid;padding:8px;font-size:1.3em;font-weight:bold;-webkit-border-radius:5px;-moz-border-radius:5px;*/}
.contact .contact_btn a{text-decoration:none;color:#FF290B;font-family:inherit;display:block;width:185px;padding:8px;border:#FF290B 2px solid;font-size:1.8em;font-weight:bold;letter-spacing:0.2em;-webkit-border-radius:2px;-moz-border-radius:2px;}
.contact .contact_btn a:hover{text-decoration:none;color:#fff;background-color:#FF290B;}
.contact .contact_txt{font-size:1.2em;line-height:1.7;letter-spacing:1px;padding-left: 14px;text-indent: -14px;overflow:hidden;}

@media(max-width:768px){
.contact{width:100%;}
.contact .contact_btn{float:none;margin-bottom:10px;}
}



.main_box2 table{width:100%;font-size:14px;border-width:1px 0 0 1px;border-style:solid;border-color:#073874;border-collapse:collapse;margin-bottom:20px;}
.main_box2 table caption{text-align:left;font-size:14px;margin-bottom:10px;}
.main_box2 table th{border-width:0 1px 1px 0;border-style:solid;border-color:#073874;padding:3px 5px;line-height:1.3;background-color: #D5E3FF;}
.main_box2 table thead th{background-color:#3e62ad;color:#fff;}
.main_box2 table td{border-width:0 1px 1px 0;border-style:solid;border-color:#073874;padding:3px 5px;}
.main_box2 table td p{margin-bottom:10px;}
.main_box2 table td ul{margin-bottom:0;}
.main_box2 table td li{margin-bottom:5px;}

/*170327 若手向けミドルのモーダルデザイン用*/
.p_wakate_service_table{width:918px;height:670px;margin:0 39px;background:url(/common/img/wakate/img_service_table_wakate2017.jpg) center no-repeat;}

.p_wakate_service_table__list_wrap{position:absolute;bottom:38px;left:100px;width:865px;}
.p_wakate_service_table__list_wrap:after{content:"";display:block;clear:both;}

.p_wakate_service_table__list{float:left;width:173px;}
#cont #goal ul.p_wakate_service_table__list{margin:0;list-style:none;}
.p_wakate_service_table__list > li{text-indent:-8px;padding-left:8px;}
#cont #goal ul.p_wakate_service_table__list > li{font-size:12px;line-height:1.3;}
.p_wakate_service_table__list > li > a{color: #052674;}
#cont #goal ul.p_wakate_service_table__list > li > a{line-height:inherit;}
.p_wakate_service_table__list > li > a:hover{color: #005580;}

@media screen and (max-width:768px){
.p_res_md_hide{display:none;}
}

/* テキスト印刷CM */
#textPrint { margin-bottom: 30px; }

#textPrint > p {
  border: 2px solid #333;
  padding: 5px 15px;
  font-size: 14px;
  font-family: "游ゴシック";
  font-weight: 500;
  text-align: center;
}

#textPrint p span {
  display: block;
  font-size: 18px;
  font-family: "游ゴシック";
  font-weight: bold;
  text-align: center;
}

#textPrint p > a { display: block; }

/* WEBinsource CM */
#webinsBox {
  border: 2px solid #333;
  margin-bottom: 30px;
  padding: 5px 15px;
}

#webinsBox > p {
  font-size: 14px;
  font-family: "游ゴシック";
  font-weight: 500;
}

#webinsBox p span {
  display: block;
  font-size: 18px;
  font-family: "游ゴシック";
  font-weight: bold;
  margin-bottom: 10px;
  text-align: center;
}

#webinsBox p > a { display: block; }

#webinsBox ul { width: 100%; }

#webinsBox li {
  font-size: 14px;
  font-family: "游ゴシック";
  font-weight: 500;
  margin-bottom: 5px;
}

/*ランキング*/
#cont #iranking .ibox {margin-bottom:8px;border-top:#999 solid 1px;}
#cont #iranking .ibox i {display:none;border-bottom:1px solid #999;color:#666666;font-size:10px;font-style:normal;text-align:right;}
#cont #iranking .ibox dt,#cont #iranking .ibox dd {margin-top:2px;padding:5px 0px 5px 5px;_padding:5px 0px 0px 5px;}
#cont #iranking .ibox dt {clear:left;float:left;}
#cont #iranking .ibox dt b {font-weight:normal;}
#cont #iranking .ibox dd {margin-left:100px;border-left:1px solid #999;}
#cont #iranking .ibox dd span { font-size:10px;}
#cont #iranking .ibox dd img {vertical-align:middle;}
#cont #iranking .ibox dd img.no1 {margin:0px 2px 0px 2px;}
#cont #iranking .ibox dd img.no2 {margin:0px 2px 0px 2px;}
#cont #iranking .ibox dd ul {margin:0px 0px 0px 15px;}
#cont #iranking .ibox dd li {margin:0px 0px 1em 0px;}
#cont #iranking .ibox dd li{background-image: url(/common/img/icon_voice_g.png);background-repeat: no-repeat;background-position: left 1px;color: #333;list-style-type: none;padding-left: 30px;margin-bottom: 15px;font-size: 13px;line-height: 120%;}
@media(max-width:768px){
#cont #iranking .ibox dd img{height: 10px !important;}
}


/* 2017/09/25 */
#cont #recommend_item {}

#cont #recommend_item > h2 > img { /*background-color: transparent;*/ }

#cont #recommend_item.simple { margin-top: 20px; }

#cont #recommend_item > dl {
  font-size: 14px;
  margin-bottom: 20px;
}

#cont #recommend_item > dl > dt {
  font-weight: bold;
  margin-bottom: 10px;
}

#cont #recommend_item > dl > dd {
  border-bottom: 1px solid #ccc;
  line-height: 1.5;
  margin-bottom: 20px;
  padding-bottom: 20px;
  overflow: hidden;
}

#cont #recommend_item > dl > dd:last-of-type { border-bottom: none; }

#cont #recommend_item > dl > dd > img {
  float: right;
  margin-top: 10px;
  margin-left: 10px;
}