/*#cont h1 {
width:100%;
}*/

/* 2012/07/11 */
#cont h1.h_title{
color: #FFF;
/*margin-top: 3px;*/
/*margin-bottom: 10px;*/
font-size: 25px;
/*font-weight: normal;*/
text-shadow: 1px 1px #666;
position: absolute;
top: 180px;
background-color: #89D3A3;
background-size: 180px;
width: 500px;
opacity: 0.9;
-ms-filter: "alpha( opacity=90 )";
filter: alpha( opacity=90 );
padding:12px 0 12px 33px;
}

.ie6 #cont h1.h_title,
.ie7 #cont h1.h_title{width:467px;}

#nav_box {
margin-top: 10px;
margin-bottom: 10px;
}

#smenu li {
margin-top: 10px;
margin-bottom: 10px;
width: 123px;
float: left;
list-style-type: none;
text-align: center;
margin-right:2px;
}

#smenu li a {
display: block;
border: 1px solid #89D3A3;
color: #333;
padding: 9px;
}

#smenu a:hover {
background-color: #E5FFEE;
text-decoration: none;
}

#nav_box ul {
width: 500px;
}
#nav_box ul li {
display: inline;
}
#cont h2{
margin-bottom:15px;
background-image: url("../img/it-tool/icon_leaf.gif");
background-repeat: no-repeat;
background-position:left 1px;
font-size:16px;
height: 36px;
padding-top: 15px;
padding-left: 45px;
border-bottom: 1px solid #89D3A3;
}

.main_box {
color:#333333;
font-size:14px;
line-height:140%;
width: 500px;
}
.main_box p {
color:#333333;
font-size:14px;
line-height:150%;
margin-bottom:15px;
}
.main_box p.komaru {
background-image: url(../img/it-tool/img_torouble.gif);
background-repeat: no-repeat;
background-position: left;
padding-left: 100px;
width: auto;
padding-top: 5px;
margin-bottom: 15px;
}
.main_box .kaiketsu {
background-image: url(../img/it-tool/img_solution.gif);
background-repeat: no-repeat;
background-position: left top;
padding-left: 100px;
width: auto;
margin-bottom: 20px;
padding-top: 5px;
}
.main_box .kaiketsu h4{
margin-bottom:5px;
font-size: 14px;
color: #EA5A11;
}
.main_box .kaiketsu h4 span {
font-size: 80%;
font-weight: normal;
color: #333333;
}

.main_box .kaiketsu p {
width: 400px;
}
.main_box p.kome {
font-size: 86%;
}


/*共通*/

.main_box li {
list-style-type: none;
}

.main_box .kenkanrisys {
margin-bottom: 10px;
margin-left: 10px;
}

.main_boxp.kenkanrisys_txt {
padding-left: 10px;
width: auto;
padding-top: 5px;
}

.main_box .kenkanrisys_img{
padding-left: 10px;
width: auto;
margin-bottom: 10px;
clear: both;
}

.main_box .bar_kenkanrisys {
margin-bottom: 10px;
}

.main_box .clear_float {
clear: both;
}

.main_box .yajirushi_link {
margin-top: 3px;
float: left;
}

.main_box .margin_bottom{
margin-bottom: 10px;
}


/*研修管理システムとは？*/

.main_box .explain_top {
    background-image: url("../img/it-tool/type_box_top.gif");
background-position: top;
    background-repeat: no-repeat;
}

.main_box .explain_middle {
background-image: url("../img/it-tool/type_box_middle.gif");
background-position: center;
background-repeat: repeat;
width: 500px;
}

.main_box .explain_bottom {
    background-image: url("../img/it-tool/type_box_bottom.gif");
background-position: bottom;
    background-repeat: no-repeat;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box {
padding-left: 10px;
padding-top: 10px;
padding-bottom; 10px;
padding-right: 10px;
width: 480px;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explain_img {
margin-left: 10px;
margin-top: 10px;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explain_txt {
margin-left: 10px;
width: 460px;
margin-bottom: 10px;
margin-top: 10px;
clear: both;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explalin_box_txt li {
font-size: 12px;
list-style-type: none;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explain_box_sub {
width: 480px;
height: 110px;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explain_box_sub .explalin_box_txt {
margin-left: 10px;
width: 300px;
float: left;
}

.main_box .explain_middle .explain_bottom .explain_top .explain_box .explain_box_sub .explain_box_img {
width: 154px;
margin-left: 10px;
float: right;
}



/*受講者・部署管理者画面*/
.main_box .jukousha h4{
margin-bottom:5px;
font-size: 14px;
color: #EA5A11;
}

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

.main_box li {
margin-top: 5px;
font-size: 12px;
}


/* 2013/07/18 追加 */
#headerBox{
position:relative;
width:500px;
}

.choiceBox p{
width:240px;
border:3px solid #89d3a3;
padding:10px;
height:169px;
line-height:150%;
}

.ie6 .choiceBox p,
.ie7 .choiceBox p{
width:215px;
}

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

.main_box p.colorText{font-size:25px;font-weight:bold;color:#469B63;}
.main_box p.colorText2{font-size:18px;font-weight:bold;color:#469B63;}

.sys_borderBox{
border:3px solid #89D3A3;
padding:20px;
border-radius:8px;
margin-bottom:20px;
}


/* 機能 */

.captionwrap{
border-bottom: 1px solid #89D3A3;
}

.captionMark{margin:30px 0 10px;}

.captionMark .leftCase,
.captionMark .rightCase{display:table-cell;vertical-align:middle;}

.captionMark .leftCase{
background-color:#AACE67;
width:113px;
font-size:25px;
color:#fff;
line-height:100%;
text-align:center;
padding:5px;
text-shadow: 1px 1px 3px #666;
}

.captionMark .leftCase span{
display:block;
font-size:12px;
font-weight:bold;
line-height:120%;
}

.captionMark .rightCase{
width:375px;
padding-left:10px;
}

.captionMark .rightCase span{
display:block;
font-size:20px;
font-weight:bold;
}

.ie6 .captionMark .leftCase,
.ie7 .captionMark .leftCase{
display:block;
float:left;
}

.ie6 .captionMark .rightCase,
.ie7 .captionMark .rightCase{
display:block;
float:right;
width:365px;
margin-top:5px;
}

table.sys_guide{
width:500px;
border-collapse:separate;
border-spacing:5px;
margin-left:-5px;
margin-bottom:20px;
}

.ie6 table.sys_guide,
.ie7 table.sys_guide
{
width:498px;
margin-left:0px;
}

table.sys_guide td,
table.sys_guide th{
padding:3px 5px;
border:1px solid #aaa;
}

table.sys_guide th{
background-color:#AACE67;
color:#fff;
text-align:center;
}

table.sys_guide .bgColor{
/*background-color:#FFB0CD;*/
background-color:#89D3A3;
text-align:center;
color:#fff;
font-weight:bold;
}

.sys_example{}

.sys_example .fl{
border:3px solid #AACE67;
padding:5px;
width:85px;
text-align:center;
}

.ie6 .sys_example .fl,
.ie7 .sys_example .fl{width:76px;}

.sys_example .answer{
background-color:#AACE67;
color:#fff;
font-weight:bold;
text-shadow: 1px 1px 3px #666;
}

.sys_example .fr{
width:400px;
}

.ie6 .sys_example .fr,
.ie7 .sys_example .fr{width:390px;}

.sys_dl_box dl{}

.sys_dl_box dl dt{border-bottom:2px dotted #F19E51;font-weight:bold;margin-bottom:5px;}

.sys_dl_box dl dd{margin-bottom:20px;line-height:150%;}

/* 2013/07/19 利用者画面 */

.main_box h3{
border-left:5px solid #89D3A3;
border-top:1px solid #89D3A3;
border-right:1px solid #89D3A3;
border-bottom:1px solid #89D3A3;
font-size:16px;
padding:5px 10px;
margin-top:50px;
background:none;
}

/* 2013/07/19 導入 */
.main_box .attention{
border:1px solid #c23535;
padding:10px;
}

.how_intranet{
width:500px;
border:3px solid #89D3A3;
margin-bottom:30px;
padding:10px;
}

.ie6 .how_intranet,
.ie7 .how_intranet{width:474px;}

.how_intranet .title{
border-bottom:4px double #F19E51;
font-weight:bold;
font-size:16px;
}

.how_intranet .fl p{
border:1px solid #89D3A3;
border-bottom-width:5px;
width:160px;
text-align:center;
padding:10px 0;
font-size:13px;
font-weight:bold;
}

.how_intranet .fr{width:300px;}

.sys_container{margin-bottom:10px;border-bottom: 1px dotted #ccc;}
.sys_container ul{margin-bottom:5px;}
.sys_container ul li{list-style-type:none;margin-top:0;}

.how_asp{
width:500px;
border:3px solid #AACE67;
margin-bottom:30px;
padding:10px;
}

.ie6 .how_asp,
.ie7 .how_asp{width:474px;}

.how_asp .title{
border-bottom:4px double #F19E51;
font-weight:bold;
font-size:16px;
}

.how_asp .fl p{
border:1px solid #AACE67;
border-bottom-width:5px;
width:160px;
text-align:center;
padding:10px 0;
font-size:13px;
font-weight:bold;
}

.how_asp .fr{width:300px;}
.how_intranet .fr p,
.how_asp .fr p{font-size:12px;}