@charset "utf-8";
/* CSS Document */
a:hover{color:#36C;}

/*#cont #c3_l h1 {
margin-bottom: 7px;
width: 730px;
}*/

#cont h1{
color: #666;
margin-top: 3px;
margin-bottom: 10px;
font-size: 10px;
font-weight: normal;
}

#cont #c3_l #mainBox h2 {
margin-left:-22px;
}
#cont #c3_l .mainBoxMiddle {
background-image: url(../img/contents/base_middle_new_s.gif);
background-repeat: repeat-y;
background-position: 0px 69px;
}

#cont #c3_l .mainBoxTop {
background-image: url(../img/contents/base_top_new_s.gif);
background-repeat: no-repeat;
background-position: top;
width: 730px;
margin-bottom: 30px;
}
#cont #c3_l .mainBoxTop .mainBoxBottom {
background-image: url(../img/contents/base_bottom_new_s.gif);
background-repeat: no-repeat;
background-position: bottom;
width: 730px;
padding-top: 30px;
padding-bottom: 30px;
}
#cont #c3_l #mainBox {
width: 600px;
font-size: 14px;
line-height: 140%;
padding-top:50px;
margin-bottom: 30px;
margin-left: 115px;
}

#cont #c3_l #mainBox .pnkBold {
font-size: 18px;
font-weight: bold;
color: #FF6699;
}
#cont #c3_l #mainBox h4 {
font-size: 16px;
margin-bottom: 20px;
margin-top: 10px;
color: #333333;
line-height: 120%;
}
#cont #c3_l h4 img {
margin-right: 10px;
}

#cont #c3_l #mainBox h3 {
width:500px;
font-size: 20px;
border-left-width: 5px;
border-left-style: solid;
border-left-color: #FF6699;
padding-left: 10px;
margin-top: 25px;
margin-bottom: 25px;
padding-bottom: 5px;
padding-top: 5px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: #FF6699;
line-height: 120%;
}

#cont #c3_l #mainBox p {
width:500px;
margin-bottom: 20px;
}

#cont #c3_l #mainBox ol {
margin-left: 25px;
}
#base #cont #c3_l #page {
width: 145px;
margin-right: auto;
margin-left: auto;
}
#cont #c3_l #page ul#pageNumber {
list-style-type: none;
}
#cont #c3_l #page ul#pageNumber li {
display: inline;
margin-right: 10px;
}

#mainBox .picture {
float:left;
width:250px;
}
#mainBox .picture_comment {
float:right;
width:240px;
margin-left:10px;
}
#mainBox .box {
border: 1px solid #999999;
padding: 20px;
}


#mainBox .picture300 {
float:left;
width:300px;
}
#mainBox .picture300_comment {
float:right;
width:185px;
margin-left:15px;
}
#mainBox .box {
border: 1px solid #999999;
padding: 20px;
}

.textBox ul li {
line-height:1.6em;
list-style:none;
color: #E34F9D;
line-height: 1.6em;
list-style: square inside none;
margin-left: 5px;
vertical-align: middle;
}

@media screen and (max-width: 768px) {
  div#cont div#c3_lr{
    width: 100%;
  }
}

/* TOP */
.backnum{}
.backnum__ttl{ font-size: 20px;}
.backnum__list{}
.backnum__item { 
  margin-top: 10px;
  list-style: none;
}
.backnum__item + .backnum__item{ margin-top: 10px;}
.backnum__item > a{
  text-indent: -25px;
  padding-left: 25px;
  display: inline-block;
}
.backnum__item > a:before{
  content:"";
  display: inline-block;
  background-color: #E34F9D;
  width: 5px;
  height:5px;
  vertical-align: middle;
  margin: 0 10px;
}
@media screen and (max-width: 768px) {
  #r_navi {
    display: none;
  }
  #c3_ll {
    display: none;
  }
}

/* 第一回 */

.sticky {
width:600px;
height:1070px;
clear: both;
background-image: url("../img/contents/curriculum.gif");
background-repeat: no-repeat;
background-position: left top;
}
.sticky .stickyGoodPoint {
width:240px;
margin-top:80px;
margin-right:20px;
margin-left:350px;
float:right
clear: both;
}
.sticky .stickyReview {
width:240px;
margin-top:125px;
margin-right:20px;
margin-left:350px;
float:right
clear: both;
}
.sticky .stickyCaseStudy {
width:240px;
margin-top:320px;
margin-right:20px;
margin-left:350px;
float:right
clear: both;
}
/* 第二回 */
.sticky2 {
width:600px;
height:750px;
clear: both;
background-image: url("../img/contents/curriculum_2_problem.gif");
background-repeat: no-repeat;
background-position: left top;
}
.sticky2 .stickyReal {
width:239px;
margin-top:220px;
margin-right:20px;
margin-left:360px;
float:right
clear: both;
}
.sticky2 .stickyWhy {
width:236px;
margin-top:20px;
margin-right:20px;
margin-left:360px;
float:right
clear: both;
}

.textBox {
margin-bottom: 20px;
}
.toTop {
margin-bottom: 40px;
margin-right: 95px;
}

/*第三回*/
.sticky3 {
    background-image: url("../img/contents/curriculum_3_finance.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 793px;
    width: 600px;
}

.sticky3 .stickyNum {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 100px;
}

.sticky3 .stickyBank {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 490px;
    width: 236px;
}

/*第四回*/
.sticky4 {
    background-image: url("../img/contents/curriculum_4_autonomy.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 755px;
    width: 600px;
}

.sticky4 .stickyBoss {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 180px;
}

.sticky4 .stickySup {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 190px;
    width: 236px;
}

/*第五回*/
.sticky5 {
    background-image: url("../img/contents/curriculum_5_director.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 992px;
    width: 600px;
}

.sticky5 .stickyCloth {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 180px;
}

.sticky5 .stickyMidashi {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: -10px;
    width: 236px;
}

.sticky5 .stickyRpg {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 230px;
    width: 236px;
}

/*第六回*/
.sticky6 {
    background-image: url("../img/contents/curriculum_6_bcm.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 992px;
    width: 600px;
}

.sticky6 .stickyPoint {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 620px;
}

.sticky6 .stickyEmer {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: -7px;
    width: 236px;
}

.sticky6 .stickyPdca {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: -4px;
    width: 236px;
}

/*第七回*/
.sticky7 {
    background-image: url("../img/contents/curriculum_7_followership.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 992px;
    width: 600px;
}

.sticky7 .stickyWtd {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 95px;
}

.sticky7 .stickySub {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 98px;
    width: 236px;
}

.sticky7 .stickyCom {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 54px;
    width: 236px;
}

.sticky7 .stickyFllower {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 100px;
    width: 236px;
}


/*第八回*/
.sticky8 {
    background-image: url("../img/contents/curriculum_8_ojtfollowup.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 867px;
    width: 600px;
}

.sticky8 .stickySavvy {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 260px;
}

.sticky8 .stickyPraise {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 6px;
    width: 235px;
}

.sticky8 .stickyMoti {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 59px;
    width: 235px;
}

.sticky8 .stickyCase {
    margin-left: 360px;
    margin-right: 20px;
    margin-top: 2px;
    width: 235px;
}

/*第九回*/
.sticky9 {
    background-image: url("../img/contents/curriculum_9_knowledgemanagement.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 1043px;
    width: 600px;
}

.sticky9 .stickyCarrier {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 150px;
}

.sticky9 .stickyRole {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 285px;
    width: 235px;
}

.sticky9 .stickyKnowledge {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 121px;
    width: 235px;
}

.sticky9 .stickyAction {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 35px;
    width: 235px;
}

/*第10回*/
.sticky10 {
    background-image: url("../img/contents/curriculum_10_marketing.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 867px;
    width: 600px;
}

.sticky10 .stickyIntroduction {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 105px;
}

.sticky10 .stickyExample {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 58px;
    width: 235px;
}

.sticky10 .stickyTarget{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 317px;
    width: 235px;
}

/*第11回*/
.sticky11 {
    background-image: url("../img/contents/curriculum_11_logicalthining.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 887px;
    width: 500px;
}

.sticky11 .stickyWork {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 221px;
}

.sticky11 .stickyLogicaltree {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 53px;
    width: 235px;
}

.sticky11 .stickyLogicalthinking{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 241px;
    width: 235px;
}


/*第12回*/
.sticky12 {
    background-image: url("../img/contents/curriculum_12_handanryoku.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 693px;
    width: 500px;
}

.sticky12 .stickyRisk {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 152px;
}

.sticky12 .stickyKanten {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 53px;
    width: 235px;
}

.sticky12 .stickyCase{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 99px;
    width: 235px;
}

.sticky12 .stickyCase6{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 40px;
    width: 235px;
}

/*第13回*/
.sticky13 {
    background-image: url("../img/contents/curriculum_13_leadership.png");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 795px;
    width: 500px;
}

.sticky13 .stickyEnq {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 96px;
}

.sticky13 .stickyBusgame {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 268px;
    width: 235px;
}

.sticky13 .stickyLeader{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 135px;
    width: 235px;
}


/*第14回*/
.sticky14 {
    background-image: url("../img/contents/curriculum_14_carrierdesign.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 900px;
    width: 500px;
}

.sticky14 .stickyCmw {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 96px;
}

.sticky14 .stickyEp {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 268px;
    width: 235px;
}

.sticky14 .stickyWork{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 233px;
    width: 235px;
}

/*第15回*/
.sticky15 {
    background-image: url("../img/contents/curriculum_15_public_bunsyo.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 918px;
    width: 500px;
}

.sticky15 .stickyJissen {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 553px;
    width: 235px;
}

.sticky15 .stickyExample{
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 189px;
    width: 235px;
}

/*第16回*/
.sticky16 {
    background-image: url("../img/contents/curriculum_16_harassment.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 720px;
    width: 502px;
}

.sticky16 .sticky_16_comment1 {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 145px;
    width: 235px;
}

.sticky16 .sticky_16_comment2 {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 20px;
    width: 235px;
}

.sticky16 .sticky_16_comment3 {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 30px;
    width: 235px;
}

/*第17回*/
.sticky17 {
    background-image: url("../img/contents/curriculum_17_mentalhealth.gif");
    background-position: left top;
    background-repeat: no-repeat;
    clear: both;
    height: 826px;
    width: 501px;
}

.sticky17 .sticky_17_comment1 {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 325px;
    width: 235px;
}

.sticky17 .sticky_17_comment2 {
    margin-left: 370px;
    margin-right: 20px;
    margin-top: 150px;
    width: 235px;
}



/*
Plugin Name: WP-Digg Style Paginator
Plugin URI: http://www.mis-algoritmos.com/2007/09/09/wp-digg-style-pagination-plugin-v-10/
Author: Victor De la Rocha
Author URI: http://www.mis-algoritmos.com

.digg  {
margin: 3px;
padding: 3px;
text-align: center;
font-size: 16px;
}
.digg .pagination {
padding: 3px;
margin: 3px;
text-align:center;
}
.digg .pagination a {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #AAAADD;
text-decoration: none;
color: #000099;
}
.digg .pagination a:hover, .digg a:active {
border: 1px solid #000099;
color: #000;
}
.digg .pagination span.current {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #000099;
font-weight: bold;
background-color: #000099;
color: #FFF;
}
.digg .pagination span.disabled {
padding: 2px 5px 2px 5px;
margin: 2px;
border: 1px solid #EEE;
color: #DDD;
}
*/
/*CSS Digg style pagination*/



/* ▼「研修プログラム例」部分*/
#cont #c3_l #mainBox .ibox {
width:500px;
font-size:13px;
letter-spacing:0px;
}
.ibox table#programTable {
border-collapse: separate;
border-spacing: 1px;
}
.ibox table#programTable td {
padding: 8px;
border-width:0px;
background-color:white;
text-align:center;
}
.ibox table#programTable td .pointBox {
padding: 4px;
background-color:white;
text-align:center;
border: 3px dotted #FF6699;
width: 385px;
}
#cont #c3_l #mainBox .ibox table#programTable td .pointBoxCase p {
line-height: 1.3em;
margin-bottom:5px;
}
.ibox #programTable ul li .pointBox {
text-align: left;
}
.ibox table#programTable td.tblTitle {
width:500px;
background-color:transparent;
color:white;
text-align:left;
height:29px;
padding:0px 0.5em;
}
.ibox table#programTable td.tblSubTitle1 {
height:2em;
width: 35px;
padding:1px;
/*vertical-align:middle;*/
}
.ibox table#programTable td.tblSubTitle2 {
height:2em;
width:406px;
padding:1px;
/*vertical-align:middle;*/
}
.ibox table#programTable td.tblSubTitle3 {
height:2em;
width: 70px;
padding:1px;
/*vertical-align:middle;*/
letter-spacing:0px;
}
.ibox table#programTable td * {
text-align:left;
}
.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;
}

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

/* 評価部分*/
#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;}

/* 文字色･設定*/
span.pink{color:#F69;}
span.skyblue{color:#00A2CA;}
span.speakBlue{color:#009;
font-size:22px;
line-height:1.4em;
font-weight: bold;}

/* ひとこと部分*/
.hitokoto{
width: 500px;
}

#base #cont #c3_l .mainBoxMiddle .mainBoxTop .mainBoxBottom #mainBox .textBox .hitokoto .hitokotoText{
float: left;
width: 320px;
margin-right: 10px;
}
#base #cont #c3_l .mainBoxMiddle .mainBoxTop .mainBoxBottom #mainBox .textBox .hitokoto .hitokotoText .hitokotoP{
width: 320px;
}
#base #cont #c3_l .mainBoxMiddle .mainBoxTop .mainBoxBottom #mainBox .textBox .hitokoto .hitokotoTantou {
float: right;
width: 170px;
text-align: right;
margin-top:-10px;
}

/*共通項目（ページ送り）*/
#base #cont #c3_l #mainBox .pagelink {
border-width:500px;
border-top:1px solid #F69;
padding-top:10px;
clear: both;
width: 500px;
font-size: 13px;
line-height: 1.3em;
}

.pagelink .pageUp {
margin-top:5px;
padding-bottom:10px;
width: 235px;
float: left;
background-position: left 3px;
text-align: left;
}
.pagelink .pageUp .prevPageArrow {
float: left;
width:8px;
margin-right:5px;
}
#base #cont #c3_l #mainBox .pagelink .pageUp .prevPageText {
margin-top:-2px;
float: left;
width: 220px;
}
.pagelink .nextPage {
margin-top: 5px;
margin-left:20px;
padding-bottom:10px;
width: 240px;
float: left;
background-position: right 3px;
}
.pagelink .nextPage .nextPageArrow {
float: right;
width:8px;
margin-left:3px;
}
#base #cont #c3_l #mainBox .pagelink .nextPage .nextPageText {
margin-top:-2px;
float: left;
width: 220px;
text-align: left;
}
#base .w600 .pagelink a {
color:#FD5A02;
}
#base .w600 a:hover {
text-decoration:underline;
}