@charset "utf-8";

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



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

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


/* 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:1px 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 -------------------------------------------------*/

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

#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: 30px;
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.5em;
}
#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.5em;
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;
}
#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設定終わり*/

h4 {
font-size:14px;
font-weight:bold;
margin-bottom:10px;
margin-top:10px;
}
#cont .textBox p {
color:#333333;
font-size:14px;
line-height:1.5em;
margin:0 0 0.5em 0;
}
.textBoxSub p{
font-size:14px;
margin-bottom: 20px;
line-height:1.5em;
}
mailMagazine .backNum li a{
list-style-type:none;
}




/* ▼ コンテンツヘッダー部分*/
#cont #chead h1 { padding:12px 0px 8px 20px;}
#cont #chead h1 span{
display:block;
padding:0px 0px 8px 5px;
border-bottom:1px solid #FFF;
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;}
#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;
}


/* ▼ 研修の目的*/
#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.5em;
}


/* 若年層ミドル用 */
#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.5em;
margin-bottom:20px;
}
#cont #lineUp h3 {
color:#CC0000;
font-size:14px;
font-family: monospace
}
#cont #lineUp ul {
padding:15px 20px;
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.5em;
}

/* 「実施実績」部分*/
#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:20%;}
#effective #t_body-500 tr #t-njT {text-align:center;width:30%;}
#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-image: url(/common/images/graf_title.gif);
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;}






/* ▼「製品情報（本・DVD）、掲載情報など」部分*/
#cont #information{line-height:1.5em;}
#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.5em;
}
#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.5em;
}
#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%;
}





/*「新入社員ミドル専用」*/
#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;
}


/*「流れ」「ポイント」ボックス*/
.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;
}