@charset "utf-8";
/* CSS Document */

.ti14{text-indent:-14px;padding-left:14px;}

/* 2015/02/12 キャンペーン用 */
#cont #c3_ll .leaf_campaign{border:3px solid #FA9B78;padding:10px;margin-bottom:20px;}
#cont #c3_ll .leaf_campaign p{line-height:130%;font-size:13px;}

#sys_fn_container{}
#sys_fn_container p{font-size:14px;line-height:140%;}
#sys_fn_container .textBox{margin-bottom:30px;}

/* 見出しライン */
#sys_fn_container .h_line{margin-bottom:10px;}
#sys_fn_container .h_line .bar_l{background-color:#33CC99;}
#sys_fn_container .h_line .bar_r{background-color:#ccc;}

#sys_fn_container h2{margin:5px 0 20px;font-size:14px;border-bottom:1px solid #999;padding-bottom:5px;}
#sys_fn_container h2 img{background-color:#33CC99;vertical-align:-8px;margin-right:10px;}
#sys_fn_container h2 span{font-weight:normal;}

#sys_fn_container h3.str{margin:5px 0 20px;font-size:16px;padding-bottom:5px;line-height:130%;}
#sys_fn_container h3.str img{background-color:#33CC99;vertical-align:-2px;margin:0 20px;}

/* ナビゲーション */
.leaf_subNavBox_contents{padding:15px;}
.leaf_subNavBox_contents .leaf_nav_title{text-align:center;font-size:18px;border-bottom:1px solid #A7CE63;margin-bottom:20px;padding-bottom:5px;}
.leaf_subNavBox_contents .leaf_nav_title img{vertical-align:-1px;margin:0 15px;}

.leaf_subNavBox_contents .leaf_nav_caption{color:#3FAC66;font-weight:bold;font-size:14px;margin-bottom:10px;}


/*.nav_leaf{margin-bottom:10px;}
.nav_leaf li{float:left;list-style-type:none;position:relative;}
.nav_leaf li.icon{width:64px;text-align:center;}

.nav_leaf_sub{}
.nav_leaf_sub dl{font-size:13px;float:left;margin-right:10px;}
.nav_leaf_sub dt{font-weight:bold;color:#3FAC66;border-bottom:1px dotted #A7CE63;margin-bottom:5px;padding-bottom:5px;}
.nav_leaf_sub dd{}

.nav_leaf_sub dd ul{font-size:12px;width:135px;}
.nav_leaf_sub dd ul li{list-style-type:none;margin-bottom:5px;}

.nav_leaf_sub dd ul.function{width:350px;}
.nav_leaf_sub dd ul.function li{float:left;width:115px;padding-right:5px;}
.nav_leaf_sub dd ul.utilization li{}

.ie6 .nav_leaf_sub dd ul.function li,
.ie7 .nav_leaf_sub dd ul.function li{float:left;width:110px;padding-right:5px;}

.nav_leaf_sub dd ul li img{background-color:#2B9B71;margin-right:5px;vertical-align:0px;}*/


/* 2015/07/13 改修版 */
.lll .icon,
.rrr .icon{float:left;width:64px;text-align:center;}
.nl_ban{padding-left:70px;}

.nav_leaf{margin-bottom:10px;}
.nav_leaf li{float:left;list-style-type:none;position:relative;}
.nav_leaf li.icon{/*width:78px;*/width:64px;text-align:center;}

.nav_leaf_text{margin-bottom:10px;}
.nav_leaf_text li{
  float: left;
  list-style-type: none;
  position: relative;
}
.nav_leaf_text a{text-decoration: none;}
.nav_leaf_text_box{
  border: solid 1px #CCC;
  background-image: url("/common/img/it-tool/leaf-menu-line.gif");
  background-repeat: repeat-y;
  margin-bottom: 2px;
  padding: 8px 0px;
  font-size: 10pt;
  width:210px;
  height:50px;
}
.nav_leaf_text_box:hover{background-color: #E0FECD;}
.nav_leaf_text_contents{
  float: left;
  background-image: url("/common/img/it-tool/img_arrow_icon.png");
  background-repeat: no-repeat;
  background-position: 5px 50%;
  padding-left: 10px;
}
.nav_leaf_text_title{color: #2B9B71;margin-bottom: 3pt;}
.nav_leaf_text_name{color: #333;}

.nav_leaf_sub{}
.nav_leaf_sub .outside_fl{width:645px;}　　
.nav_leaf_sub dl{font-size:13px;float:left;margin-right:10px;}
.nav_leaf_sub dt{font-weight:bold;color:#3FAC66;border-bottom:1px dotted #A7CE63;margin-bottom:5px;padding-bottom:5px;}
.nav_leaf_sub dd{}

.nav_leaf_sub dd ul{font-size:12px;width:150px;}
.nav_leaf_sub dd ul li{list-style-type:none;margin-bottom:5px;}
.nav_leaf_sub dd ul li a{letter-spacing:0;}

.nav_leaf_sub dd ul.function{width:485px;}
.nav_leaf_sub dd ul.function li{float:left;width:161px;padding-right:5px;}
.nav_leaf_sub dd ul.utilization{width:100%;}
.nav_leaf_sub dd ul.utilization li{float:left;width:161px;padding-right:5px;}

.ie6 .nav_leaf_sub dd ul.function li,
.ie7 .nav_leaf_sub dd ul.function li{float:left;width:110px;padding-right:5px;}

.nav_leaf_sub dd ul li img{background-color:#2B9B71;margin-right:5px;vertical-align:0px;}


/* ステップ */
.step_navi{margin-bottom:20px;}
.step_navi li{list-style-type:none;float:left;margin-right:24px;}
.step_navi li.icon{height:65px;margin-top:11px;}

/* 新機能BOX共通 */
#sys_other_container .leaf_feature_box{
margin-bottom: 30px;
margin-left: 14px;
border-style: solid;
border-width: 7px;
padding: 35px 5px 30px 40px;
position: relative;
}

#sys_other_container .l_f_b_new{
position: absolute;
top: -7px;
left: -7px;
width: 100px;
height: 40px;
text-align: center;
line-height: 1.5em;
font-size: 2em;
}

#sys_other_container .l_f_b_title_box{width: 240px;margin-top: 30px;}
#sys_other_container .l_f_b_title{font-size: 2em;line-height: 1.1em;margin-bottom: 0.3em;}
#sys_other_container .l_f_b_title_small{font-size: 0.8em;}
#sys_other_container .l_f_b_description{width: 380px;}
#sys_other_container .l_f_b_description p{margin-bottom: 1em;}
#sys_other_container .l_f_b_description ul{margin-left: 1em;margin-bottom: 0;}
#sys_other_container .l_f_b_description ul li{float: inherit;margin-bottom: 0.2em;}
#sys_other_container .l_f_b_description_text{max-width: 280px;}
#sys_other_container .l_f_b_description_icon{min-width: 58px;margin: 0 0 0 2em;}
#sys_other_container .l_f_b_description_detail_link{color: #ff8000;font-weight: bold;}

/* 新機能BOX（緑） */
#sys_other_container .l_f_b_green{background: url("/common/img/it-tool/leaf_arrow_g_r_l.gif") no-repeat 98% 57%;border-color: #bbd885;}
#sys_other_container .l_f_b_new_green{background-color: #008c46;color: #FFF;}
#sys_other_container .l_f_b_title_box_green{color: #008c46;}
#sys_other_container .l_f_b_title_green{color: #008c46;}
#sys_other_container .l_f_b_description_green ul li{list-style-image: url(/common/img/it-tool/leaf_img_arrow_lg.gif);}

/* 新機能BOX（青） */
#sys_other_container .l_f_b_blue{background: url("/common/img/it-tool/leaf_arrow_b_r_l.gif") no-repeat 98% 57%;border-color: #69cbdc;}
#sys_other_container .l_f_b_new_blue{background-color: #00468d;color: #FFF;}
#sys_other_container .l_f_b_title_box_blue{color: #4596d8;}
#sys_other_container .l_f_b_title_blue{color: #00468d;}
#sys_other_container .l_f_b_description_blue ul li{list-style-image: url(/common/img/it-tool/leaf_img_arrow_lg.gif);}

/* 新機能BOX（紫） */
#sys_other_container .l_f_b_violet{background: url("/common/img/it-tool/leaf_arrow_p_r_l.gif") no-repeat 98% 57%;border-color: #a379cc;}
#sys_other_container .l_f_b_new_violet{background-color: #83379f;color: #FFF;}
#sys_other_container .l_f_b_title_box_violet{color: #a379cc;}
#sys_other_container .l_f_b_title_violet{color: #83379f;}
#sys_other_container .l_f_b_description_violet ul li{list-style-image: url(/common/img/it-tool/leaf_img_arrow_lg.gif);}

/* 2015/07/13 シート作成例 */
#sys_leaf_container .sheet_ex{margin-bottom:30px;}
#sys_leaf_container .sheet_ex .innerBox{}
#sys_leaf_container .sheet_ex .innerBox p{}
#sys_leaf_container .sheet_ex .innerBox p img{vertical-align:-7px;margin-right:5px;}

#sys_leaf_container .sheet_ex .innerBox{width:50%;}
#sys_leaf_container .sheet_ex .innerBox ul{}
#sys_leaf_container .sheet_ex .innerBox ul li{font-size:14px;margin-bottom:10px;list-style-type:none;}
#sys_leaf_container .sheet_ex .innerBox ul li img{background-color:#2B9B71;margin-right:10px;}

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

下層ページ

*********************************/
#sys_fn_container h3{font-size:14px;margin-bottom:10px;line-height:200%;}


#sys_fn_container .fn_msg{
border-width:0 1px 1px;
border-style:solid;
border-color:#C3DD93;
font-weight:bold;
font-size:23px;
padding:15px;
line-height:150%;
margin-bottom:20px;
}

#sys_fn_container .textBox .search img{vertical-align:middle;}

.ie6 #sys_fn_container .fn_msg{margin-top:-3px;}
.ie7 #sys_fn_container .fn_msg{margin-top:-5px;}


#sys_fn_container .fn_msg span{font-weight:normal;display:block;font-size:16px;}
#sys_fn_container .fn_msg span.marker{
font-weight:bold;
display:inline;
text-decoration:underline;
background-color:#E0FFB2;
font-size:23px;
}

#sys_fn_container .imgBox{margin-bottom:20px;position:relative;}
#sys_fn_container .imgBox p{position:absolute;}

#sys_fn_container hr{
display:block;
border:0;
border-top:1px solid #73C7B1;
margin:20px 0;
}

/* 活用ストーリー */
#sys_fn_container .fn_msg2{
border-width:0 1px 1px;
border-style:solid;
border-color:#C3DD93;
padding:15px 15px 0;
margin-bottom:20px;
}

#sys_fn_container .fn_msg2 p{margin-bottom:20px;}

.ie6 #sys_fn_container .fn_msg2{margin-top:-3px;}
.ie7 #sys_fn_container .fn_msg2{margin-top:-5px;}

#sys_fn_container .fn_msg2 span{color:#FF3333;font-weight:normal;}


#sys_fn_container .stepBox{}
#sys_fn_container .stepBox p{margin-bottom:20px;}

#sys_fn_container .stepBox .container{position:relative;margin-bottom:30px;width:100%;}
#sys_fn_container .stepBox .container .text{position:absolute;font-weight:bold;font-size:15px;color:#666;text-align:center;line-height:120%;}
#sys_fn_container .stepBox .container .txt1{top:110px;left:477px;}
#sys_fn_container .stepBox .container .txt2{top:209px;left:443px;}
#sys_fn_container .stepBox .container .txt3{top:425px;left:266px;}
#sys_fn_container .stepBox .container .txt4{top:113px;left:323px;}
#sys_fn_container .stepBox .container .txt5{top:274px;left:438px;}
#sys_fn_container .stepBox .container .txt6{top:481px;left:270px;}
/* 2pege */
#sys_fn_container .stepBox .container .txt7{top:331px;left:497px;}
#sys_fn_container .stepBox .container .txt8{top:92px;left:282px;}
#sys_fn_container .stepBox .container .txt9{top:373px;left:283px;}
#sys_fn_container .stepBox .container .txt10{top:26px;left:132px;}
#sys_fn_container .stepBox .container .txt11{top:45px;left:573px;}
#sys_fn_container .stepBox .container .txt12{top:154px;left:460px;width:255px;text-align:left;font-weight:normal;color:#333;}
#sys_fn_container .stepBox .container .txt13{top:53px;left:163px;}
#sys_fn_container .stepBox .container .txt14{top:301px;left:595px;text-align:left;width:114px;line-height:110%;}
#sys_fn_container .stepBox .container .txt14_2{top:68px;left:545px;text-align:left;width:118px;line-height:110%;}
/* 2pege */
#sys_fn_container .stepBox .container .txt15{top:564px;left:379px;}
#sys_fn_container .stepBox .container .txt16{top:386px;left:117px;}
#sys_fn_container .stepBox .container .txt17{top:794px;left:254px;}
#sys_fn_container .stepBox .container .txt18{top:346px;left:164px;}
#sys_fn_container .stepBox .container .txt19{top:613px;left:100px;}

#sys_fn_container .attention{position:relative;border:1px solid #aaa;background-color:#FFFFEE;padding:20px;margin-left:20px;margin-bottom:20px;}
#sys_fn_container .attention .icon{position:absolute;top:-10px;left:-5px;}
#sys_fn_container .attention p{margin-bottom:0;}

.ie6 #sys_fn_container .attention .icon{position:absolute;top:-10px;left:-25px;}

/* 2015/09/10 リーフの活用イメージ(動画) */
#sys_leaf_container .scenarioLink{}
#sys_leaf_container .scenarioLink li{font-size:14px;margin-bottom:10px;}
#sys_leaf_container .scenarioLink li span{font-size:16px;font-weight:bold;color:#387E5F;text-decoration:none;}
#sys_leaf_container .scenarioLink li span img{vertical-align:3px;margin-left:3px;margin-right:5px;}


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

活用事例

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

#sys_case_container{font-size:14px;}
#sys_case_container h2{font-size:14px;font-weight:normal;margin-bottom:20px;}
#sys_case_container h2 img{margin-right:10px;}
#sys_case_container h2 span{font-size:16px;display:block;color:#2B9A71;}

#sys_case_container h3{background:url("../img/it-tool/leaf_img_case.png") no-repeat left top;line-height:130%;border-bottom:1px solid #ccc;padding-bottom:15px;margin-bottom:15px;font-size:16px;}
#sys_case_container h3 span.num{float:left;display:block;padding:9px 0 0 7px;font-size:12px;color:#2B9A71;/*font-weight:normal;*/letter-spacing:0.5px;}
#sys_case_container h3 span.title{display:block;padding-left:75px;}

.ie6 #sys_case_container h3 span.num{padding-top:8px;}


#sys_case_container h4{margin-bottom:20px;font-size:14px;text-indent:-38px;padding-left:38px;}
#sys_case_container h4 span{font-weight:normal;}
#sys_case_container h4 img{margin-right:10px;}


#sys_case_container .case_list{margin-bottom:20px;}
#sys_case_container .case_list li{float:left;width:50%;padding-right:5px;list-style-type:none;margin-bottom:10px;}
#sys_case_container .case_list li img{background-color:#2B9B71;margin-right:5px;vertical-align:3px;}

.ie6 #sys_case_container .case_list li,
.ie7 #sys_case_container .case_list li{width:360px;}


#sys_case_container .case_box{
background:url("../img/it-tool/leaf_line.gif") no-repeat center top;
border:1px solid #33CC99;
padding:20px 15px;
margin-bottom:30px;
}
#sys_case_container .case_box p{margin-bottom:20px;line-height:130%;}
#sys_case_container .case_box p.ff_point{color:#2B9A71;}

#sys_case_container .basic_data{margin-bottom:20px;}
#sys_case_container .basic_data .dataBox{padding-left:60px;}
#sys_case_container .basic_data .dataBox p span{margin-right:20px;}


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

研修以外の使い方

*********************************/
.ml75{margin-left:75px;}
#sys_other_container ul{margin-bottom:20px;}
#sys_other_container ul li{list-style-type:none;float:left;font-size:13px;margin-right:35px;margin-bottom:10px;}
#sys_other_container ul.clearfloat li{float:none;}
#sys_other_container ul li img{vertical-align:3px;margin-right:10px;}

#sys_other_container{}
#sys_other_container p{font-size:14px;line-height:130%;margin-bottom:20px;}
#sys_other_container h2{font-size:18px;color:#379F79;margin-bottom:20px;}
#sys_other_container h2 img{}
#sys_other_container h2 span{display:block;font-weight:bold;padding-left:75px;}

#sys_other_container h3{
background:url("../img/it-tool/dot_line.gif");
background-repeat:no-repeat;
background-position:bottom center;
font-size:16px;
margin-bottom:20px;
padding:10px 0;
/*border-bottom:1px dotted #ccc;*/
}
#sys_other_container h3 img{vertical-align:-8px;margin-right:20px;}

#sys_other_container h4{font-size:14px;margin-bottom:20px;}
#sys_other_container h4 img{vertical-align:-8px;margin-right:10px;}

/* 見出しライン */
#sys_other_container .h_line{margin-bottom:0;}
#sys_other_container .h_line .bar_l{background-color:#33CC99;}
#sys_other_container .h_line .bar_r{background-color:#ccc;}

#sys_other_container .needsBox{width:243px;float:left;font-size:13px;letter-spacing:0;}
#sys_other_container .needsBox p{letter-spacing:0;}
#sys_other_container .table_a{border-width:1px 0 0 1px;border-style:solid;border-color:#ccc; border-collapse:collapse;width:80%;margin:0 auto 20px;}
#sys_other_container .table_a th,
#sys_other_container .table_a td{border-width:0 1px 1px 0;border-style:solid;border-color:#ccc;padding:10px;text-align:center;font-size:13px;line-height:130%;}
#sys_other_container .table_a th{background-color:#FFFFD0;}

#sys_other_container .list_usage4{}
#sys_other_container .list_usage4 li{float:none;border-bottom:1px dotted #AACE67;padding-bottom:10px;margin-bottom:10px;text-indent:-27px;padding-left:27px;line-height:130%;}
#sys_other_container .list_usage4 li img{vertical-align:-4px;}
#sys_other_container .list_usage4 li span{color:#2B9971;font-weight:bold;}

/* 2015/04/15 */
#sys_other_container .l_top {
background-image: url("../img/it-tool/leaf_frame_top.gif");
background-position: center top;
background-repeat: no-repeat;
width: 730px;
}
#sys_other_container .l_middle {
background-image: url("../img/it-tool/leaf_frame_mid.gif");
width: 730px;
margin-bottom:30px;
}
#sys_other_container .l_bottom {
background-image: url("../img/it-tool/leaf_frame_btm.gif");
background-position: center bottom;
background-repeat: no-repeat;
width: 730px;
}
#sys_other_container .l_top .contents {
padding:25px;
}



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

バージョンアップ情報

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

#sys_other_container .changelog_list ul{font-size:13px;}
#sys_other_container .changelog_list ul li{float:none;margin-bottom:10px;font-size:13px;}
#sys_other_container .changelog_list ul li ul{margin-top:5px;margin-left:14px;}
#sys_other_container .changelog_list ul li ul li{margin-bottom:3px;font-size:12px;line-height:130%;}


#sys_other_container .change_log{
width:100%;
border-collapse:collapse;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
margin-bottom:30px;
}
#sys_other_container .change_log th,
#sys_other_container .change_log td{
padding:5px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
font-size:12px;
}

#sys_other_container .change_log th{background-color:#FFFFB7;text-align:center;font-weight:bold;font-weight:normal;}
#sys_other_container .change_log td p{font-size:12px;}


#sys_other_container .innerTable{
width:85%;
border-collapse:collapse;
border-width:1px 0 0 1px;
border-style:solid;
border-color:#000;
margin:0 auto 30px;
}
#sys_other_container .innerTable th,
#sys_other_container .innerTable td{
padding:5px;
border-width:0 1px 1px 0;
border-style:solid;
border-color:#000;
font-size:12px;
}

#sys_other_container .attention{position:relative;border:1px solid #aaa;background-color:#FFFFEE;padding:20px;margin:0 auto;margin-bottom:20px;width:80%;}
#sys_other_container .attention p{font-size:14px !important;margin-bottom:0;}
#sys_other_container .attention .icon{position:absolute;top:-10px;left:-5px;}

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

新年度見積もり特典キャンペーン

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

#sys_other_container .disp_b{display:block;}

#sys_other_container .cp_titleBox{border:3px solid #FBC1ED; padding:25px 25px 5px;text-align:center;margin-bottom:20px;}
#sys_other_container .cp_titleBox p{font-family:Meiryo, "ヒラギノ角ゴ Pro";}
#sys_other_container .cp_titleBox .cp_title{font-size:30px;}
#sys_other_container .cp_titleBox .cp_title span{vertical-align:6px;margin:0 10px;}

#sys_other_container .cp_detail{background-color:#FFFFEE;padding:20px 20px 0;margin-bottom:40px;}
#sys_other_container .cp_detail div.fl,
#sys_other_container .cp_detail div.fr{width:48%;}
#sys_other_container .cp_detail p span{padding-left:45px;}

#sys_other_container .cp_explanation{margin-bottom:20px;font-size:15px;}
#sys_other_container .cp_explanation dt{display:inline-block;font-weight:bold;vertical-align:top;margin-right:5px;}
#sys_other_container .cp_explanation dt span{display:inline-block;}
#sys_other_container .cp_explanation dt img{vertical-align:-5px;margin-right:10px;}
#sys_other_container .cp_explanation dd{display:inline-block;margin-top:10px;}

.ie6 #sys_other_container .cp_explanation dt,
.ie7 #sys_other_container .cp_explanation dt{display:inline;zoom:1;}
.ie6 #sys_other_container .cp_explanation dd,
.ie7 #sys_other_container .cp_explanation dd{display:inline;zoom:1;}

#sys_other_container .cp_comparison{
border-width:1px 0 0 1px;
border-style:solid;
border-color:#ccc;
border-collapse:collapse;
width:100%;
margin-bottom:20px;
}
#sys_other_container .cp_comparison th,
#sys_other_container .cp_comparison td{
border-width:0 1px 1px 0;
border-style:solid;
border-color:#ccc;
padding:5px;
font-size:15px;
}
#sys_other_container .cp_comparison th{background-color:#FEFFE1;text-align:center;}
#sys_other_container .cp_comparison th img{vertical-align:-7px;margin-right:10px;}
#sys_other_container .cp_comparison td{padding:10px;}

#sys_other_container .cp_left{
float:left;
width:292px;
}
#sys_other_container .cp_center{
float:left;
width:146px;
padding-top:90px;
}
#sys_other_container .cp_right{
float:left;
width:292px;
}

#sys_other_container .cp_detail2{background-color:#FFFFF4;border:1px solid #B8CB6B;width:240px;margin:0 auto 20px;padding:10px;}
#sys_other_container .cp_detail2 .inner{width:90%;margin:0 auto;text-align:center;}
#sys_other_container .cp_detail2 p{font-family:Meiryo, "ヒラギノ角ゴ Pro";font-size:16px;}
#sys_other_container .cp_detail2 p img{vertical-align:-5px;margin-right:10px;}

.ie6 #sys_other_container .cp_detail2,
.ie7 #sys_other_container .cp_detail2{width:218px;}
.ie6 #sys_other_container .cp_detail2 .inner.
.ie7 #sys_other_container .cp_detail2 .inner{width:196px;}


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

研修以外の使い方_TOP

*********************************/
#sys_other_container .bb_box{border-bottom:1px dotted #ccc;margin-bottom:30px;}

#sys_other_container h3.top{
background:none;
font-size:14px;
margin-bottom:20px;
text-align:center;
}
#sys_other_container h3.top span{margin:0 5px;}
#sys_other_container h3.top img{vertical-align:0;margin-right:0;}

#sys_other_container .main_list{font-size:13px;margin-bottom:20px;}
#sys_other_container .main_list dt{font-size:14px;display:table-cell;width:275px;}
#sys_other_container .main_list dt img{vertical-align:-8px;margin-right:10px;}
#sys_other_container .main_list dd{display:table-cell;line-height:130%;vertical-align:top;}
#sys_other_container .main_list dd ul{font-size:13px;}
#sys_other_container .main_list dd ul li{text-indent:-15px;padding-left:15px;margin-bottom:5px;margin-right:0;float:none;}

.ie6 #sys_other_container .main_list dt,
.ie6 #sys_other_container .main_list dd,
.ie7 #sys_other_container .main_list dt,
.ie7 #sys_other_container .main_list dd{display:inline;zoom:1;}

.ie6 #sys_other_container .main_list dd,
.ie7 #sys_other_container .main_list dd{width:455px;}


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

活用イメージ

*********************************/
#sys_other_container .case_navi{margin-bottom:20px;}
#sys_other_container .case_navi .case_menu{border:2px solid #ABCF69;padding:5px;width:243px;float:left;cursor:pointer;}
#sys_other_container .case_navi .case_menu:hover,
#sys_other_container .case_navi .select{background-color:#FFFFDD;}
#sys_other_container .case_navi .select{cursor:default;}
#sys_other_container .case_navi .case_menu p{font-size:13px;letter-spacing:0;margin-bottom:10px;}
#sys_other_container .case_navi .case_menu a{text-decoration:none;color:#333;letter-spacing:0;}
#sys_other_container .case_navi .case_menu span{color:#387E5F;margin-right:5px;font-size:14px;font-weight:bold;}
#sys_other_container .case_navi .case_menu span img{vertical-align:1px;margin-left:3px;}

.ie6 #sys_other_container .case_navi .case_menu,
.ie7 #sys_other_container .case_navi .case_menu{width:229px;}

#sys_other_container .case_msg{
border-width:0 1px 1px;
border-style:solid;
border-color:#C3DD93;
font-size:23px;
/*padding:15px;*/
line-height:150%;
margin-bottom:20px;
}
#sys_other_container .case_msg span{color:#FF3300;}
#sys_other_container .case_msg p.title{font-size:16px;border-bottom:1px dotted #ccc;padding:15px;margin-bottom:0;}
#sys_other_container .case_msg p.title span{color:#387E5F;font-weight:bold;margin-right:10px;}
#sys_other_container .case_msg p.title span img{margin:0 3px;vertical-align:2px;}


#sys_other_container .leaf_scenario h3{background-image:none;font-size:15px;font-weight:normal;}
#sys_other_container .leaf_scenario h3 img{vertical-align:-16px;}

#sys_other_container .bb{border-bottom:1px dotted #ccc;padding-bottom:40px;}
#sys_other_container .colorBox{background-color:#FFFFDD;border:1px solid #ACCF6A;width:208px;height:65px;text-align:center;line-height:65px;color:#387E61;font-weight:bold;font-size:18px;}
#sys_other_container .disp_ib{display:inline-block;vertical-align:middle;}
#sys_other_container .disp_tc{display:table-cell;vertical-align:middle;line-height:130%;}

.ie6 #sys_other_container .disp_ib,
.ie7 #sys_other_container .disp_ib,
.ie6 #sys_other_container .disp_tc,
.ie7 #sys_other_container .disp_tc{display:inline;zoom:1;}


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

目標管理

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

#sys_other_container .blueBox h2{color:#136BB2;}
#sys_other_container .blueBox ul li{float:none;font-size:14px;margin-bottom:10px;}

/* 見出しライン */
#sys_other_container .blueBox .h_line .bar_l{background-color:#69CBDC;}


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

ストレスチェック管理

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

#sys_other_container .violetBox h2{color:#83379F;}
#sys_other_container .violetBox ul li{float:none;font-size:14px;margin-bottom:10px;}

/* 見出しライン */
#sys_other_container .violetBox .h_line .bar_l{background-color:#A379CC;}

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

その他(簡易)

*********************************/
#sys_other_container .tmpl_box h3{background:none;display:table;}
#sys_other_container .tmpl_box h3 img{vertical-align:-20px;margin-right:10px;display:table-cell;vertical-align:middle;}
#sys_other_container .tmpl_box h3 span{display:table-cell;vertical-align:middle;line-height:130%;}
#sys_other_container .tmpl_box .ti15{text-indent:-15px;padding-left:15px;}

#sys_other_container ul.step_list{}
#sys_other_container ul.step_list li{margin-bottom:20px;margin-right:0;float:none;}
#sys_other_container ul.step_list li span.ff_point{display:block;font-weight:bold;font-size:14px;color:#379F79;}
#sys_other_container ul.step_list li span{display:block;text-indent:-8px;padding-left:8px;line-height:120%;}
#sys_other_container ul.step_list li img{vertical-align:2px;margin-right:5px;}
#sys_other_container hr{display:block;border:0;border-top:1px solid #73C7B1;margin:20px 0;}

.ie6 #sys_other_container .tmpl_box h3 img,
.ie6 #sys_other_container .tmpl_box h3 span,
.ie7 #sys_other_container .tmpl_box h3 img,
.ie7 #sys_other_container .tmpl_box h3 span{display:inline;zoom:1;}

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

新人応援パック

*********************************/
#sys_other_container .new_cheer_pack h2{color:#D25C88;}
/* 見出しライン */
#sys_other_container .new_cheer_pack .h_line{margin-bottom:0;}
#sys_other_container .new_cheer_pack .h_line .bar_l{background-color:#D25C88;}
#sys_other_container .new_cheer_pack .h_line .bar_r{background-color:#ccc;}

p.personalstress:hover {
    opacity: 0.5;
}