@import "common.css";
@import "contents.css";
@import "solution-common.css";

#cal h2#h2-cal{
font-size:8px;
text-indent:-9999px;
background-repeat:no-repeat;
height:32px; 
background-image:url(../img/contents/h2-cal.gif);
margin:10px 0 15px;
}


h3,h4{padding:0; border:0; margin-bottom:10px; }

h3#h3-cal,h3#h3-cr,h3#h3-csr{
height:27px;
padding:0;
font-size:8px;
text-indent:-9999px;
background-repeat:no-repeat;
background-position:0 0;
border-bottom:none;
margin:0 0 15px;
}
h3#h3-cal{background-image:url(../img/cal/h3-cal.gif);}
h3#h3-cr{background-image:url(../img/cal/h3-cr.gif);}
h3#h3-csr{background-image:url(../img/cal/h3-csr.gif);}

h4#h4-cal-1,h4#h4-cal-2,h4#h4-cr,h4#h4-csr{
height:35px;
padding:0;
font-size:8px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
border-bottom:none;
margin:0 0 10px;
}
h4#h4-cal-1{background-image:url(../img/cal/h4-cal-1.gif);}
h4#h4-cal-2{background-image:url(../img/cal/h4-cal-2.gif);}
h4#h4-cr{background-image:url(../img/cal/h4-cr.gif); height:53px;}
h4#h4-csr{background-image:url(../img/cal/h4-csr.gif);}

.h4_wrap{
text-align:justify;
font-size:13px;
margin-bottom:15px;
}


.sh{
margin:-7px 0 15px 0;
height:16px;
text-indent:-9999px;
background-position:10px 0;
background-repeat:no-repeat;
}

#sap-tc{background-image:url(../img/cal/sap-tc.gif);}

#cal-sh{background-image:url(../img/cal/cal-sh.gif);}
#cr-sh{background-image:url(../img/cal/cr-sh.gif);}
#csr-sh{background-image:url(../img/cal/csr-sh.gif);}


#three-cat{
background-image:url(../img/cal/tc-img.gif);
background-position:right 0;
background-repeat:no-repeat;
margin:0 10px 15px;
zoom:100%;
}
#three-cat a.tc{
display:block;
height:14px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
}
#three-cat a#cal-tc{background-image:url(../img/cal/tc-li-cal.gif);}
#three-cat a#cr-tc{background-image:url(../img/cal/tc-li-cr.gif);}
#three-cat a#csr-tc{background-image:url(../img/cal/tc-li-csr.gif);}


/*---------- common ----------*/
#main_cnt{
line-height:1.4;
}
#main_cnt p{
margin:0 0 10px;
padding:0;
text-align:justify;
}
#main_cnt p.target-text{
margin:0 10px 10px;
font-size:13px;
}
#main_cnt p.target-text strong{
font-size:14px;
}
#check-bar{
background-image:url(../img/cal/checkbar.gif);
height:3px;
margin:0 0 15px 0;
font-size:0.1em;
}




.kadai{
margin:0 0 15px;
padding:0;
list-style:none;
}
.kadai li{
text-indent:-9999px;
height:15px;
background-position:0 0;
background-repeat:no-repeat;
overflow:hidden;
margin-bottom:10px;
}
.kadai li#kadai-csr-1{ background-image:url(../img/cal/csr-1.gif);}
.kadai li#kadai-csr-2{ background-image:url(../img/cal/csr-2.gif);}
.kadai li#kadai-csr-3{ background-image:url(../img/cal/csr-3.gif);}
.kadai li#kadai-csr-4{ background-image:url(../img/cal/csr-4.gif);}



h3.h3-case{
background-image:none;
background-color:#DAE7B8;
color:#000;
padding:3px 10px;
}
.case-box{
margin-bottom:25px;
}
.case-box h4{
background-image:url(../img/leader/dotbar.gif);
background-position:0 100%;
background-repeat:repeat-x;
border:none;
border-left:5px solid #83B114;
padding-left:10px;
margin:0 0 10px;
font-weight:normal;
cursor:pointer;
}
.case-box h4 b{
display:block;
font-size:14px;
}
.case-box .case{
background-color:#eee;
padding:10px;
margin-bottom:20px;
}
.case-box .case h5{
border:none;
font-size:14px;
padding:0;
margin:0 0 5px;
}
.case-box .case div{
margin:0 0 10px;
text-align:justify;
}
.case-box .case div ul{
margin:0 0 10px 15px;
padding:0;
}
.case-box .case div ul li{
margin:0 0 5px;
padding:0;
}


h3.h3-case2{
background-image:none;
background-color:#fbdbc0;
color:#000;
padding:3px 10px;
}
.case-box2{
margin-bottom:25px;
}
.case-box2 h4{
background-image:url(../img/leader/dotbar.gif);
background-position:0 100%;
background-repeat:repeat-x;
border:none;
border-left:5px solid #F28830;
padding-left:10px;
margin:0 0 10px;
font-weight:normal;
cursor:pointer;
}
.case-box2 h4 a{
display:block;
font-size:14px;
font-weight:bold;
}



.t-pagetop{
text-align:right;
font-size:10px;
margin-top:10px;
margin-bottom:5px;
}




/*------------ #before -------------*/

#main_cnt table{
font-size:12px;
width:100%;
line-height:1.4;
}

#t_relation,#img_relation{
font-size:9px;
display:block;
width:540px;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat !important;
overflow:hidden;
}

#t_relation{
height:22px;
background-image:url(../img/cal/t_relation.gif);
}

#img_relation{
height:331px;
background-image:url(../img/cal/img_relation.gif);
background-position:50% 0;
margin:15px 0 20px 0;
}

#target_cal{background-image:url(../img/cal/target_cal.gif);}

.khaki{
padding:15px 15px 0 15px;
}

#t_contribute{
font-size:9px;
width:264px;
height:21px;
display:block;
text-indent:-9999px;
background-image:url(../img/cal/t_contribute.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:0 0 20px 0;
padding:0;
overflow:hidden;
}

#c_box{
margin:0;
padding:0;
}

#c_box dt{
font-size:9px;
height:18px;
display:block;
text-indent:-9999px;
background-position:0 0;
background-repeat:no-repeat;
margin:0;
padding:0;
overflow:hidden;
}

#c_box dt#cl_cd{background-image:url(../img/cal/cl_cd.gif);}
#c_box dt#cl_cp{background-image:url(../img/cal/cl_cp.gif);}
#c_box dt#cl_ccoa{background-image:url(../img/cal/cl_ccoa.gif);}
#c_box dt#cl_ccon{background-image:url(../img/cal/cl_ccon.gif);}
#c_box dt#cl_icd{background-image:url(../img/cal/cl_icd.gif);}

#c_box dd{
margin:0;
padding:5px 20px 20px 30px;
}

#process{
list-style:none;
margin:0;
padding:10px 0;
}

#process li{
height:94px;
_height:104px;
background-position:10px 0;
background-repeat:no-repeat;
margin:0;
padding:15px 20px 0 150px;
}

#list_needs{background-image: url(../img/cal/list_needs.gif);}
#list_community{background-image: url(../img/cal/list_community.gif);}
#list_devise{background-image: url(../img/cal/list_devise.gif);}
#list_p_operation{background-image: url(../img/training/list_p_operation.gif);}
#list_p_grading{background-image: url(../img/training/list_p_grading.gif);}

#btn_community{
width:558px;
text-align:center;
margin:0;
padding:0;
}

#btn_community a{
font-size:9px;
width:322px;
height:42px;
display:block;
text-indent:-9999px;
overflow:hidden;
background:url(../img/cal/btn_community.gif);
background-position:0 0;
background-repeat:no-repeat;
margin:0 auto;
xxxposition:relative;
padding:0;
}

#btn_community a:hover{background-position:0 -42px;}