#cont { line-height: normal; }
#cont h1 {
width:100%;
}

/*#nav_box {
padding-top: 10px;
padding-bottom: 20px;
}
*/

#nav_box ul {
width: 500px;
}
#nav_box ul li {
display: inline;
}


/*h2設定始まり*/
#cont h2{

}
/*h2設定終わり*/


.main_box {
color:#333333;
font-size:14px;
line-height:120%;
padding-top:10px;
width: 500px;
margin-bottom: 10px;
}


.m_box p{
margin-bottom:20px;
font-size:16px;
}

.m_box p span{
font-weight:bold;
font-size:25px;
}

.main_box p.box_r img {
padding-left: 5px;
margin-left: 5px;
}
.main_box .point {
margin-bottom: 10px;
}


.schedule_box {
margin-bottom: 20px;
width: 500px;
}
.schedule_box .red_kome {
font-size: 10px;
color: #CC0000;
margin-left: 3px;
}
.submenu {
visibility: hidden;
position: absolute;
/*z-index: 3;*/
background-color: #EFF5FC;
padding-right: 5px;
padding-left: 5px;
margin-left: 0px;
}
.submenu a {
display: block;
font: 11px arial;
text-align: left;
text-decoration: none;
color: #2875DE;
padding-top: 2px;
padding-bottom: 2px;
}
.submenu a:hover {
background: #49A3FF;
  color: #FFF;
}


/*オススメ*/
.schedule_recommend {width: 500px;}
.schedule_recommend img {float: left;}



/*会場案内*/
.room_box {
padding-top:3px;
width: 498px;
margin-bottom: 10px;
border: 1px solid #CCCCCC;
padding-bottom: 10px;
}
.room_box h3 {
width: 480px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
}
.room_box p {
margin-left: 8px;
}
.room_box p img {
margin-left: 7px;
}
/*bannar*/
.bannar_box {
margin-top: 10px;
}


/*受講者の声*/
#comment {
background-color:#FFFFFF;
line-height:1.5;
margin-bottom:30px;
margin-left:auto;
margin-right:auto;
padding-top: 15px;
/*padding-bottom: 25px;*/
}

#comment p {
background-image:url(../common/img/bup/voice_icon_blue_ops.gif);
background-position:left top;
background-repeat:no-repeat;
border-bottom:1px dotted #999999;
line-height:1.5;
margin-bottom:10px;
padding-bottom:10px;
padding-left:60px;
}


/*FAQ*/
.faq:not(.c_link) {/*右ナビの公開講座とはのCSS崩れ解決*/
width: 500px;
margin-top: 10px;
margin-bottom: 10px;
background-color: #E7F4F8;
}
.faq h4 {
margin-bottom: 5px;
font-size: 14px;
padding-top: 15px;
padding-left: 15px;
}
.faq img {
vertical-align: -10px;
/*padding-right: 10px;*/
}

.faq .faq_text {
vertical-align: middle;
color: #183c6c;
}

.faq p {
padding-right: 15px;
padding-left: 15px;
font-size: 14px;
/*padding-bottom: 20px;*/
}

/*リクエストBOX*/
.request_box {
margin: 0px;
padding:15px 17px 10px;
border: 3px solid #CCCCCC;
}
.request_box img {
vertical-align: -10px;
margin-bottom: 10px;
}
.request_box p.lineup_text {
font-size: 12px;
line-height: 1.5em;
margin:0px 5px 10px 5px;
}
.request_box p.lineup_text img {
vertical-align: -10px;
margin-right: 10px;
margin-bottom: 0px;
}

.request_box span.request_text {
font-size: 14px;
vertical-align: middle;
}

.request_box  p.r_contact {
float: left;
padding-top: 13px;
vertical-align: -10px;
padding-right: 10px;
margin-bottom: 0px;
}
.request_box  p.tel_box {
padding-left: 10px;
float: left;
vertical-align: middle;
}
#contact_box_table  dl.tellnumber {
font-size: 14px;
color: #FE005E;
font-style: normal;
letter-spacing:0px;
margin-bottom: 2px;
line-height: 1.1em;
font-weight: bold;
}
#contact_box_table dl.tellnumber dd {
font-size: 12px;
margin-top: -1.2em;
margin-left: 9em;
font-weight: normal;
color: #333333;
}


/*ラインナップ*/
.main_box .lineup_box {
width: 500px;
}
.main_box .lineup_box .lineup_001 {
float: left;
}
.main_box .lineup_box .lineup_002 {
margin-left: 10px;
float: left;
}
.main_box .lineup_box .lineup_003 {
margin-left: 10px;
float: left;
}


/*blog*/
.main_box .blog_box {
margin-top: 10px;
background-color: #E7F4F8;
padding-top: 15px;
}

.main_box .blog_box h4 {
margin-left: 10px;
}
.main_box .blog_box img {
margin-left: 10px;
vertical-align: -10px;
margin-right: 10px;
}
.main_box .blog_box .blog_text {
font-size: 14px;
vertical-align: middle;
color: #183c6c;
}
.main_box .blog_box p {
padding-right: 10px;
padding-left: 20px;
font-size: 14px;
padding-bottom: 20px;
margin-top: 10px;
}





/*ページトップへ*/
.toTop {
text-align: right;
margin-bottom: 20px;
margin-top: 10px;
}

/*▼アンケート始まり*/
.ibox {
margin-top:0px;
}
.ibox .p_line  {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #C5D6FC;
padding: 4px 0px 5px 0px;
}

.ibox dt {
clear:left;
float:left;
}
.ibox .titleEntry {
margin-top:5px;
}

.ibox dd {
border-left:1px solid #999999;
margin-left:105px;
margin-top:3px;
margin-bottom:3px;
margin-right: 0px;
padding-top: 5px;
padding-right: 0;
padding-bottom: 5px;
padding-left: 10px;
}
/*評価*/
.ibox dd span {
font-size:10px;
}
.ibox dd img {
vertical-align:middle;
margin:0 2px;
}
/*参加者の声*/
.ibox dd ul {
margin:0 0 0 15px;
}
.ibox dd li {
margin:0 0 1em;
}
/*▲アンケート終わり*/

/*活用事例*/
.opCase {
margin-bottom: 10px;
border-bottom-width: 1px;
background-color: #F8FBFE;
border: 1px solid #CCCCCC;
padding: 10px 5px 20px;
font-size: 14px;
}

.opCase h5 {
font-size: 14px;
font-weight: bold;
color: #0066FF;
margin-bottom: 15px;
padding-left: 5px;
}
.opCase h2 {
margin-bottom: 20px;
}

.opCase dt {
float: left;
width: 40px;
margin-left: 15px;
color: #0066FF;
}
.opCase dd {
float: right;
width: 410px;
}
.opCase dl {
margin-left: 3px;
margin-bottom: 20px;
}

.opCase .opPoint ul{
width: 420px;
margin-left: 20px;
margin-right: 20px;
line-height: 150%;
}
.opCase .opPoint img{

margin-left: 20px;
margin-right: 20px;

}

.opCase .caseCharactor li {
background-image: url(../common/img/bup/square_blue.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
padding-bottom: 10px;
list-style-type: none;
line-height: 150%;
}
.opCase .opPoint ul li{
background-image: url(../common/img/bup/square_red.gif);
background-repeat: no-repeat;
background-position: left 5px;
padding-left: 10px;
padding-bottom: 3px;
list-style-type: none;
}
.opCase .opPoint {
/*margin-top:15px;*/
width: 460px;
border: 1px solid #FF3434;
background-color: #FFE1E1;
margin-bottom: 15px;
margin-left: 14px;
padding-top: 20px;
/*padding-right: 20px;*/
padding-bottom: 15px;
/*padding-left: 20px;*/
}
.opCase .opPoint img {
margin-bottom: 8px;
}
.opCase h6 {
margin-bottom: 5px;
padding-left: 5px;
font-size: 14px;
font-weight: bold;
color: #0066FF;
}
.opCase table {
background-color: #666666;
}
.opCase tr {
padding:1px;
background-color: #FFFFFF;
text-align: center;
}

.opCase th {
padding:3px 5px 3px;
/*padding-bottom:3px;
padding-left:1px;
padding-right:1px;*/
/*width:45px;*/
background-color: #B3EBF9;
text-align: center;
}
.opCase td {
padding-top:3px;
padding-bottom:3px;
}

img.planImage{
margin-left:2px;
}


.opCase table {
background-color: #666666;
font-size: 13px;
margin-bottom: 10px;
margin-left: 3px;
}
.opCase tr {
padding:1px;
background-color: #FFFFFF;
text-align: center;
}

.main_box .opCase .area th {
width:40px;
padding-top:3px;
padding-bottom:3px;
background-color: #B3EBF9;
text-align: center;
}
.main_box .opCase .area .pw80 {
width:80px;
padding-top:3px;
background-color: #B3EBF9;
text-align: center;
}
.main_box .opCase .area .pw60 {
width:60px;
padding-top:3px;
background-color: #B3EBF9;
text-align: center;
}
.opCase td {
padding-top:3px;
padding-bottom:3px;
}

.main_box hr {
border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #999999;
}

#contact2 .nagare {
font-size: 14px;
margin-top: 10px;
}
#contact2 .nagare img {
vertical-align: -10px;
padding-right: 10px;
}
#contact2 .nagare .nagare_text {
vertical-align: middle;
}


/* ▼ 20100826記述*/
.main_box .lineup_text img {
vertical-align: -15px;
margin-left: 15px;
margin-bottom: 5px;
}
.main_box .lineup_text .request_text {
vertical-align:-5px;
}

/* ▼ 20110111記述*/
.bannar_box .nightBox {
clear: both;
width: 500px;
margin-top: 20px;
}
.bannar_box .nightBox .night_botton {
float: left;
width: 194px;
margin-right: 10px;
}
.bannar_box .nightBox p {
margin-top:2px;
float: right;
width: 296px;
line-height: 1.4em;
}


/* ▼チャリティ公開講座用*/
.charityInfo{font-size:14px; color:#333;}
.cha_lineup{list-style-type:none;}
.cha_lineup a{
color:#049569;
}
.chaTitle{margin-bottom:15px;}
.cha_lineup li {text-align:left;
margin-left:3px;
margin-bottom:5px;
}
.cha_lineup img {vertical-align:-4px;}
.charityInfo{
width:460px;
padding-top: 20px;
padding-left: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin-bottom:20px;
border: 1px solid #999999;
text-align:left;}
.charityInfo p {
margin-bottom:10px;
}

/* ▼チャリティ公開講座用(見出し文字)*/

.w600 .heading {
width: 500px;
border-bottom: 1px solid #00A573;
color: #00A573;
font-size: 16px;
letter-spacing: 0.1em;
margin-bottom: 10px;
padding-top:3px;
padding-bottom:2px;
text-decoration:none;
}
.w600 .heading a {
color: #00A573;
text-decoration:none;
}

.w600 .heading a:hover {
text-decoration:none;
color: #FF712F;
}

.w600 .heading img{
vertical-align: -2px;
}

/* 110907追記　日程表 */

table.program{
border-collapse: collapse;
}

table.program th{
background-color:#FFCCCC;
white-space: nowrap;
text-align:center;
border:1px solid #FF9999;
padding: 1px 23px;
}

table.program td{
border:1px solid #FF9999;
letter-spacing: 0;
padding: 5px 5px;
}

table.program th.extension{
padding: 0 8px;
}

table.program td.open{
width:140px;
text-align:center;
}

table.program td.cen{
text-align:center;
}

table.program tr.datarow:hover{
background-color:#FFFFE0;
}


/* 20111031 追記 */

h2.edu_h2{
border-bottom: 1px solid #663300;
color: #663300;
display: block;
font-size: 16px;
margin-bottom: 15px;
padding-bottom: 5px;
}


h2.edu_head{
background-image:url(../common/img/bup/icon_edu_off.gif);
background-repeat:no-repeat;
font-size:16px;
margin-bottom:15px;
}

h2.edu_head:hover{
background-image:url(../common/img/bup/icon_edu_on.gif);
background-repeat:no-repeat;
}

h2.edu_head a{
display: block;
height: 24px;
padding-left: 85px;
color:#663300;
}

h2.edu_head a:hover {
color: #FF6666;
}

/* 2011/11/16　新人・若手向け */


h2.newcom_head{
background-image:url(../common/img/bup/icon_newcom_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.newcom_head:hover{
background-image:url(../common/img/bup/icon_newcom_on.gif);
background-repeat:no-repeat;
}

h2.newcom_head a{
display: block;
height: 24px;
padding-left: 85px;
color:#CC66CC;
}

h2.newcom_head a:hover {
color: #F76900;
}

/* 中堅・リーダー向け  */

h2.chuken_head{
background-image:url(../common/img/bup/icon_chuken_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.chuken_head:hover{
background-image:url(../common/img/bup/icon_chuken_on.gif);
background-repeat:no-repeat;
}

h2.chuken_head a{
display: block;
height: 24px;
padding-left: 65px;
color:#836FF7;
}

h2.chuken_head a:hover {
color: #F70006;
}

/* IT  */

h2.it_head{
background-image:url(../common/img/bup/icon_it_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.it_head:hover{
background-image:url(../common/img/bup/icon_it_on.gif);
background-repeat:no-repeat;
}

h2.it_head a{
display: block;
height: 24px;
padding-left: 60px;
color:#33CCCC;
}

h2.it_head a:hover {
color: #DF97E8;
}

/* ビジネススキル  */

h2.business_head{
background-image:url(../common/img/bup/icon_business_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.business_head:hover{
background-image:url(../common/img/bup/icon_business_on.gif);
background-repeat:no-repeat;
}

h2.business_head a{
display: block;
height: 24px;
padding-left: 80px;
color:#E03866;
}

h2.business_head a:hover {
color: #F7C600;
}

/* ヒューマンスキル  */

h2.human_head{
background-image:url(../common/img/bup/icon_human_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.human_head:hover{
background-image:url(../common/img/bup/icon_human_on.gif);
background-repeat:no-repeat;
}

h2.human_head a{
display: block;
height: 24px;
padding-left: 90px;
color:#FF6600;
}

h2.human_head a:hover {
color: #76C85E;
}

/* コールセンター・電話応対  */

h2.call_head{
background-image:url(../common/img/bup/icon_call_off.gif);
background-repeat:no-repeat;
background-position: center bottom;
font-size:16px;
margin-bottom:15px;
padding-bottom:2px;
}

h2.call_head:hover{
background-image:url(../common/img/bup/icon_call_on.gif);
background-repeat:no-repeat;
}

h2.call_head a{
display: block;
height: 24px;
padding-left: 90px;
color:#339966;
}

h2.call_head a:hover {
color: #1B5236;
}

/* 長いとき */

h2.long{
padding-bottom:5px;
}

h2.long a{
height: 37px;
}

/* 2011/12/20 追記 */

#cont h2.bup_news{
background:none;
margin-bottom:25px;
}

#wrapper .infoBox{
width:500px;
height:185px;
overflow:auto;
margin-bottom:25px;
border:2px solid #1C75C5;
font-size:13px;
}

.ie6 #wrapper .infoBox,
.ie7 #wrapper .infoBox{
width:496px;
}

.infoBox dt {
clear: left;
float: left;
padding: 8px 10px 8px;
}

.infoBox dd{
/*background: url("../common/images/line_dott_999999.gif") repeat-x scroll 0 100% transparent;*/
padding: 8px 0 8px 110px;
border-bottom:1px solid #ccc;
margin:0 8px;
font-size:12px;
}

.infoBox dd a:hover{
background-color:#EEEEEE;
}

/* bup_top スクロールバー */

.infoBox .jspDrag{
background-color:#1D75C5;
}

.infoBox .jspTrack{
background-color:#CCCCCC;
}

.infoBox .jspVerticalBar{
width:5px;
right:6px;
}


div.text_box p{
font-size:14px
margin-bottom:25px;
line-height:130%
}

.text_box p span{
font-weight:bold;
}

.text_box p span.percentage{
font-size:23px;
}

/* 2012/01/05 研修会場 */


/*#cont #seminar_room h2{
border-bottom: 6px dotted #333333;
font-size: 20px;
margin-bottom: 15px;
margin-top: 25px;
padding-bottom: 15px;
padding-left:47px;
background: url("../common/img/gaiyo/seminar_dotte.gif") repeat-x scroll 0 25px transparent;
}*/

#cont #seminar_room h3{
font-weight:bold;
border-bottom:1px solid #D9D0BB;
padding-bottom:3px;
margin-bottom:10px;
margin-top:30px;
}

#cont #seminar_room .areaNav{
}

#cont #seminar_room .areaNav ul{
margin-bottom:5px;
}

#cont #seminar_room .areaNav li{
display:inline;
border-right:1px solid;
/*padding:0 10px;*/
padding:0 26px;
font-size:15px;
}

#cont #seminar_room .areaNav li.none{
border-right:none;
}

#seminar_room dl.add {
color: #333333;
float: left;
font-size: 14px;
line-height: 1.4em;
width: 320px;
}

#seminar_room dt {
font-weight: bold;
}

#seminar_room dt a{
color:#333333;
}

#seminar_room dt a:hover{
color:#FF3333
}

#seminar_room p {
color: #333333;
float: left;
font-size: 14px;
line-height: 1.4em;
width: 320px;
}


#seminar_room .bldg {
float: left;
width: 120px;
margin-bottom:10px
}

#seminar_room .map {
float: left;
width: 60px;
}

.social_button{
margin:10px 0;
}


/* 2012/01/11 追記 */


p.schedule_middle{
font-size:16px;
margin:5px 0;
float:left;
}

p.true{
font-weight:bold;
width:125px;

}

p.schedule_middle a{
color:#000000;
}

p.schedule_middle a:hover{
background-color:#98CB00;
}

div.noplan p{
font-size:12px;
width:125px;
}


/*p.segment{
margin-left:33px;
}

div.noplan p.segment{
margin-left:45px;
}
*/


/* 2012/03/05 海外赴任ミドル */

div.middle_text{
margin-bottom:45px;
}

div.middle_text p{
margin-bottom:20px;
font-size:16px;
line-height:160%;
color:#333333;
}

h2.kaigai{
font-size:16px;
color:#28526B;
margin-bottom:10px;
}

p.m_link{
font-size:16px;
}

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

/* 海外赴任者向けラインナップ用 */

.main_box .box_list {
    border: 0 none;
    display: inline-block;
    margin: 0 0 8px;
    padding: 0;
    vertical-align: top;
    width: 250px;
float:left;
}
#main_box h3 {
    background: none repeat scroll 0 0 transparent;
}
.main_box .box_img-h3 {
    clear: both;
}
.main_box .box_list:hover {
    background-color: #F4F9FF;
}
.main_box .box_list a:hover {
    text-decoration: underline;
}
#osusume_box .box_list a:hover {
    text-decoration: underline;
}
.main_box h3 {
    font-size: 14px;
    font-weight: bold;
    margin-bottom: 0.2em;
}
.main_box img {
    float: left;
    margin-right: 10px;
}
.main_box p.lineup_text {
    font-size: 12px;
    padding-top: 5px;
}
.textsize {
    width: 240px;
}
.target {
    clear: both;
}
.target img {
    margin-right: 5px;
    margin-top: 5px;
}
.target arrow {
    margin-right: 7px;
    margin-top: 5px;
}

/* 120314_官公庁用 */

h2.publicOffice{
color:#F745A7;
font-weight:bold;
font-size:16px;
margin-bottom:5px;
}

p.pub_voice{
border-bottom:1px solid #666666;
padding-bottom:25px;
}


/* 121115_営業研修 */

#cont h2.eigyo{
font-size:16px;
color:#F9C806;
margin-bottom:20px;
background-image:none;
}

.main_box .bup_middle_text p{
margin-bottom:20px;
}

#cont h2.call{
font-size:16px;
color:#339966;
margin-bottom:20px;
background-image:none;
}


/* 2013/03/29 リニューアル*/

.bup_box p.b_caption{
color:#666;
font-weight:bold;
margin-bottom:10px;
}

.bup_borderBox{
border:3px solid #B5D1EC;
padding:25px;
margin-bottom:20px;
}

.bup_borderBox li{
list-style-type:none;
background-color:#D7E7F7;
margin-bottom:5px;
padding:5px 0 5px 10px;
}

.b_service{
border-bottom:1px solid #D9D0BB;
padding:20px 0 0;
}

.b_service .fl{
width:206px;
}

.b_service .fr{
width:270px;
}

/* 2014/07/03 リンク色 */
/*#cont #c3_ll dl.bup_servise dd a, 
#cont #c3_ll dl dd.rating_list_total a.color_b{color:#052674;text-decoration:underline;}
#cont #c3_ll dl.bup_servise dd a:hover, 
#cont #c3_ll dl dd.rating_list_total a.color_b:hover{
color:#005580;
opacity:1;
-ms-filter: "alpha( opacity=100 )";
filter: alpha( opacity=100 );
}
#cont #c3_ll dl.bup_servise dd a:hover img{
opacity:0.7;
-ms-filter: "alpha( opacity=70 )";
filter: alpha( opacity=70 );
}
*/

/* 2015/08/17 公開トップURL変更通知 */
#cont .bup_box .bup_alertBox h2{background:none;padding:11px 0px 10px}
#cont .bup_box .bup_alertBox h2 img{vertical-align:-8px;margin-right:10px;}
#cont .bup_box .bup_alertBox h2 span{display:inline;font-weight:normal;}
#cont .bup_box .bup_alertBox p{line-height:130%;}

/* 2016/4/11　開催スケジュール */
#monthlyNav {
padding-top: 0px;
padding-bottom: 0px;
}
#monthlyNav p {
margin-bottom: 20px;
}


#monthlyNav ul {

}
.link_l {
float: left;
padding-right: 60px;
list-style-type: none;
}

.link_r {
float: right
list-style-type: none;
list-style-type: none;
}

.link_c {
width:500px;
text-align: center 
}

.main_box {
color:#333333;
font-size:14px;
line-height:120%;
width: 500px;
}
.main_box p{
line-height:1.3em;
margin-bottom: 15px;
}

.main_box-sp{}
@media screen and (max-width:768px){
  .main_box-sp{
    width: 100%;
  }
}
.main_box-hasScroll{
  overflow: auto hidden;
}


.main_box p{
line-height:1.4em;
}

.myFrame{}
.myFrame-sp{}
@media screen and (max-width:768px){
  .myFrame-sp{
    width: 100%;
  }
}