@charset "utf-8";

#container #contents #main p.cate-ttl{
padding:13px 0 15px 50px;
width:100px;
}

#container #contents #main #m_set{
margin:25px 0 0 70px;
width:590px;
} 

#container #contents #main #m_set p.colum{
width:560px;
}

#container #contents #main #m_set h2{
background:url(../common/img/bdr_dot.gif) repeat-x left bottom;
padding:0 0 10px 3px;
width:590px;
}
#container #contents #main p.c_img{
width:321px;
margin-left:123px;
margin-top:27px;
}

#container #contents #main #m_set #box_t{
background:url(img/box_top.gif) no-repeat 0 0;
} 

#container #contents #main #m_set #box_c{
background:url(img/box_center.gif) repeat-y 0 0;
}
 
#container #contents #main #m_set #box_b{
backgroun
} 

#container #contents #main #colum_btm{
margin:12px 0 0 0;
}

/* --------index-------- */

#wrapper #container #contents #main-top #main #m_set p.left{
float:left;
padding:0 0 0 5px;
width:123px;
}
#wrapper #container #contents #main-top #main #m_set dl{
float:left;
}
#wrapper #container #contents #main-top #main #m_set dl.total{
width:170px;
}
#wrapper #container #contents #main-top #main #m_set dl.teikei{
width:409px;
}
#wrapper #container #contents #main-top #main #m_set dl.teikei dd{
float:left;
padding:0 1px 0 0;
}
#wrapper #container #contents #main-top #main #m_set p.right{
float:right;
width:430px;
}
#wrapper #container #contents #main-top #main #m_set p.tar{
width:580px;
}


/* --------total.html-------- */

#total-consulting #container #contents #main p.cate-ttl {
padding:0 0 5px 50px;
}

#container #contents #main-top #main .concept_box {
position:relative;
width:555px;
height:348px;
background:url(img/total/bg_concept-steps.gif) no-repeat left top;
}

#container #contents #main-top #main .concept_box ul {
padding-top:75px;
}

#container #contents #main-top #main .concept_box ul li {
display:inline;
width:111px;
}

#container #contents #main-top #main .concept_box p.ttl_check_concept {
position:absolute;
top:12px;
left:0;
}

#container #contents #main-top #main .concept_box p.fig_stage01 {
position:absolute;
top:149px;
left:0;
}

#container #contents #main-top #main .concept_box p.fig_stage02 {
position:absolute;
top:92px;
left:136px;
z-index:1;
}

#container #contents #main-top #main .concept_box p.fig_stage03 {
position:absolute;
top:44px;
left:262px;
}

#container #contents #main-top #main .concept_box p.fig_stage04 {
position:absolute;
top:0;
left:386px;
}

#container #contents #main-top #main .total_box {
position:relative;
width:555px;
height:436px;
background:url(img/total/bg_circle_about-total.gif) no-repeat 197px 144px;
}

#container #contents #main-top #main .total_box p.ttl_check_about {
position:absolute;
top:26px;
left:0;
}

#container #contents #main-top #main .total_box p.fig_diacrisis {
position:absolute;
top:0;
left:363px;
}

#container #contents #main-top #main .total_box p.fig_backup {
position:absolute;
top:278px;
left:0;
}

#container #contents #main-top #main .total_box p.fig_cultivation {
position:absolute;
top:279px;
left:410px;
z-index:1;
}

#container #contents #main-top #main .total_box ul {
position:absolute;
width:323px;
top:91px;
left:145px;
z-index:2;
}

#container #contents #main-top #main .total_box ul li.btn_diacrisis {
text-align:center;
}

#container #contents #main-top #main .total_box ul li.btn_backup {
float:left;
margin-top:34px;
}

#container #contents #main-top #main .total_box ul li.btn_cul {
float:right;
margin-top:34px;
}


/* --------chaos-------- */

#container #contents #main #m_set #case{
background:url(img/total/bg_colum.png) no-repeat 0 0;
width:560px;
padding:15px 0 30px 0;
}

#container #contents #main #m_set p.lnk_rgt{
text-align:right;
}

#container #contents #main #m_set #case h2{
background:none;
padding:0;
}

#container #contents #main #m_set p.lft_img{
float:left;
width:10px;
height:20px;
}

#container #contents #main #m_set p.rgt_img{
float:left;
width:455px;;
}

#container #contents #main #m_set #a_lft{
width:286px;
float:left;
}

#container #contents #main #m_set #a_rgt{
float:left;
width:173px;
}



/* --------chaos-------- */

#container #contents #main #m_set #case{
background:url(img/total/bg_colum.png) no-repeat 0 0;
width:560px;
padding:15px 0 30px 0;
}

#container #contents #main #m_set p.lnk_rgt{
text-align:right;
}

#container #contents #main #m_set #case h2{
background:none;
padding:0;
}

#container #contents #main #m_set p.lft_img{
float:left;
width:10px;
height:20px;
}

#container #contents #main #m_set p.rgt_img{
float:left;
width:455px;;
}

#container #contents #main #m_set #a_lft{
width:286px;
float:left;
}

#container #contents #main #m_set #a_rgt{
float:left;
width:173px;
}

/* --------chaos-------- */

#wrapper #container #contents #main-top #main #menu_top

#container #contents #main #m_set #case{
background:url(img/total/bg_colum.png) no-repeat 0 0;
width:560px;
padding:15px 0 30px 0;
}

#container #contents #main #m_set p.lnk_rgt{
text-align:right;
}

#container #contents #main #m_set #case h2{
background:none;
padding:0;
}

#container #contents #main #m_set p.lft_img{
float:left;
width:10px;
height:20px;
}

#container #contents #main #m_set p.rgt_img{
float:left;
width:455px;;
}



#container #contents #main #m_set #a_lft{
width:286px;
float:left;
}

#container #contents #main #m_set #a_rgt{
float:left;
width:173px;
}

/* --------diacrisis-------- */

#container #contents #main div.menu_top {
position:absolute;
left:535px;
top:0;
}
#container #contents #colum_btm div.menu_inner ul {
margin-left:465px;
}
#container #contents #main div.menu_inner ul {
width:123px;
height:96px;
background:url(img/total/bg_circle.jpg) no-repeat right top;
}

#container #contents #main div.menu_inner ul li {
text-indent:-9999px;
}

#container #contents #main div.menu_inner li.diacrisis {
display:block;
width:45px;
height:48px;
margin-left:39px;
background:url(img/total/btn_diacrisis.jpg) no-repeat left top;
}
#container #contents #main div.menu_inner li.diacrisis a {
display:block;
width:45px;
height:48px;
background:url(img/total/btn_diacrisis_off.jpg) no-repeat left top;
}
#container #contents #main div.menu_inner li.diacrisis a:hover {
display:block;
width:45px;
height:46px;
background:url(img/total/btn_diacrisis_on.jpg) no-repeat left top;
}


#container #contents #main div.menu_inner li.backup {
float:left;
margin-top:1px;
display:block;
width:45px;
height:46px;
background:url(img/total/btn_backup.jpg) no-repeat left top;
}

#container #contents #main div.menu_inner li.backup a {
display:block;
width:45px;
height:46px;
background:url(img/total/btn_backup_off.jpg) no-repeat left top;
}

#container #contents #main div.menu_inner li.backup a:hover {
display:block;
width:45px;
height:46px;
background:url(img/total/btn_backup_on.jpg) no-repeat left top;
}

#container #contents #main div.menu_inner li.cultivation {
float:right;
display:block;
width:45px;
height:46px;
background:url(img/total/btn_cultivation.jpg) no-repeat left top;
}

#container #contents #main div.menu_inner li.cultivation a {
display:block;
width:45px;
height:46px;
background:url(img/total/btn_cultivation_off.jpg) no-repeat left top;
}

#container #contents #main div.menu_inner li.cultivation a:hover {
display:block;
width:45px;
height:46px;
background:url(img/total/btn_cultivation_on.jpg) no-repeat left top;
}



/* --------- service contact --------- */
#container #contents #main #m_set .lnk_btn{
text-align:right;
margin-top:50px;
}

/* --------- btm box --------- */
#container #contents #main #m_set p.lnk_btn{
text-align:right;
margin-top:50px;
}

#container #contents #main #m_set #btm_box{
width:588px;
background:url(img/bg_total-service.gif) no-repeat 0 0;
padding:20px 0 25px 0;
}

#container #contents #main #m_set #btm_box ul#lnk_btn li{
float:left;
padding:0 15px 0 15px;
}

#container #contents #main #m_set #btm_box{
width:590px;
background:url(img/total/bg_lnk.gif) no-repeat 0 0;
padding:20px 0 25px 17px;
position::relative;
}

#container #contents #main #m_set #btm_box #lnk_btn{
margin:15px 0 0 0;
}


/* --------- menu --------- */

#container #contents #main ul.menu{
width:170px;
height:90px;
background: url(img/total/menu_ttl_c.gif) no-repeat 0 0;
position:relative;
}


#container #contents #main ul.menu li{
width:34px;
float:left;
}

#container #contents #main ul.menu li{
width:34px;
height:90px;
display:block;
float:left;
text-indent:-9999px;
}

#container #contents #main ul.menu li a{
overflow:hidden;
}

#container #contents #main ul.menu li.chaos a{
background:url(img/total/menu_ttl_01_off.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}
#container #contents #main ul.menu li.chaos a:hover{
background:url(img/total/menu_ttl_01_on.gif) no-repeat left bottom;
width:34px;
height:90px;
}


#container #contents #main .menu li.improvement a{
background:url(img/total/menu_ttl_02_off.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}
#container #contents #main ul.menu li.improvement a:hover{
background:url(img/total/menu_ttl_02_on.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}

#container #contents #main .menu li.reform a{
background:url(img/total/menu_ttl_03_off.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}
#container #contents #main ul.menu li.reform a:hover{
background:url(img/total/menu_ttl_03_on.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}

#container #contents #main .menu li.development a{
background:url(img/total/menu_ttl_04_off.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}
#container #contents #main ul.menu li.development a:hover{
background:url(img/total/menu_ttl_04_on.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}

#container #contents #main .menu li.maturity a{
background:url(img/total/menu_ttl_05_off.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}
#container #contents #main ul.menu li.maturity a:hover{
background:url(img/total/menu_ttl_05_on.gif) no-repeat left bottom;
display:block;
width:34px;
height:90px;
}

/* menu position */
#wrapper #container #contents #main-top #main ul#menu_top{
position:absolute;
top:0;
left:450px;
margin-top:-18px;
}
#wrapper #container #contents #main-top #main #m_set #menu_btm{
position:relative;
height:150px;
}

#wrapper #container #contents #main-top #main #m_set #menu_btm p{
position:absolute;
left:415px;
margin:30px 0 0 0;
z-index:2;
}

#wrapper #container #contents #main-top #main  #menu_btm ul{
position:absolute;
left:415px;
top:50px;
margin:20px 0 0 0;
z-index:1;
}





/* ===================== contact ===================== */

#container #contents #main p.cate-ttl{
margin-top:6px;
padding-bottom:26px;
}

#wrapper #container #contents #main-top #main #set p.text{
width:590px;
padding:0 0 15px 0;
background:url(../common/img/line_wdot.gif) repeat-x bottom left;
}

#container #contents #main #set{
width:590px;
margin:0 0 0 26px;
padding:0 0 0 46px;
}


/* ----------box----------- */
#container #contents #main #set dl.inq-box {
width:590px;
margin:0 0 34px 0;
background:url(../common/img/bg_dot.gif) repeat-y 0 0;
}
#container #contents #main #set dl.inq-box dt{
float:left;
width:129px;
padding:12px 0px 12px 22px;
font-weight:bold;
}
#wrapper #container #contents #main-top #main #set dl.inq-box dt span{
color:#cd170e;
}
#container #contents #main #set dl.inq-box dd{
float:right;
width:409px;
padding:12px 0px 15px 17px;
background:#FFFFFF;
line-height:1.5;

}
#container #contents #main #set dl.inq-box dd input,
#container #contents #main #set dl.inq-box dd select,
#container #contents #main #set dl.inq-box dd textarea{
border:#A4B97F 1px solid;
}
#container #contents #main #set dl.inq-box dd input{
width:316px;
height:16px;
padding:2px 0 0 0;
}
#container #contents #main #set dl.inq-box dd input.radiobtn{
width:16px;
height:16px;
padding:2px 0 0 0;
border:none;
}
#container #contents #main #set dl.inq-box dd textarea{
width:380px;
height:200px;
}
#container #contents #main #set dl.inq-box dd p{
vertical-align:bottom;
}
#container #contents #main #set dl.inq-box dd.textarea p{
margin:0px 0 15px 0;
}

#container #contents #main #set dl.inq-box dd.clear {
float:none;
clear:both;
background:#FFFFFF url(../common/img/bdr_u_bar.gif) repeat-x 0 1px;
width:590px;
height:1px;
padding:1px 0 1px 0;
}



/*--------------detail----------------*/

#container #contents #main p.cate-ttlk{
padding:11px 0 15px 50px;
width:100px;
}

#container #contents #main #k_set{
margin:15px 0 0 70px;
width:590px;
}

#container #contents #main #k_set p{
	line-height:150%;
	width:580px;
} 

#container #contents #main #k_set #spc{
padding:0 0 0 35px;
}

#wrapper #container #contents #main-top #main #k_set .box_t {
background:url(img/box_top.gif) no-repeat 0 0;
width:493px;
padding:5px 0 0 0;;
}

#wrapper #container #contents #main-top #main #k_set .box_c {
background:url(img/box_center.gif) repeat-y 0 0;
}

#wrapper #container #contents #main-top #main #k_set .box_b{
width:493px;
background:url(img/box_bottom.gif) no-repeat left bottom;
padding:0 0 5px 0;

}
#wrapper #container #contents #main-top #main #k_set .box_b span{
font-weight:bold;
color:#CD170E;
}

#wrapper #container #contents #main-top #main #k_set .box_b p{
width:420px;
padding:20px 35px 20px 35px;
}

#wrapper #container #contents #main-top #main #k_set h3{
padding:40px 0 8px 0;
}
#wrapper #container #contents #main-top #main #k_set h3.catch{
padding:5px 0 17px 0;
}

#container #contents #main #k_set h2{
background:url(../common/img/bdr_dot.gif) repeat-x left bottom;
padding:0 0 10px 3px;
width:590px;
}

#container #contents #main #k_set ul.greenLeaf {
margin:0 0 30px 0;
padding:0;
list-style:none;
}
#container #contents #main #k_set ul.greenLeaf li {
margin:0;
padding:0 0 12px 18px;
list-style:none;
background:url(img/green_leaf.png) 1px 3px no-repeat;
}


#container #contents #main #k_set #trainingCourse{
width:auto;
height:auto;
background:url(img/training/training_course_bk.png) no-repeat 0 0;
padding:145px 0 40px 107px;
margin:0;
position::relative;
}
#container #contents #main #k_set #trainingCourse ul{
margin:0;
list-style:none;
clear:both;
display:block;
}
#container #contents #main #k_set #trainingCourse ul li{
margin:0;
height:49px;
}
#container #contents #main #k_set #trainingCourse ul#lnk_btn{
padding:0;
}
#container #contents #main #k_set #trainingCourse ul#lnk_btn li{
padding:0 0 3px 1px;
list-style:none;
float:left;
}
#container #contents #main #k_set #trainingCourse ul#lnk_btn2{
padding:6px 0 0 0;
width:456px;
}
#container #contents #main #k_set #trainingCourse ul#lnk_btn2 li{
padding:0 0 3px 0;
list-style:none;
text-align:right;
}

/*--------------trainingDetail----------------*/


#container #contents #main #k_set table#trainingBasicInfo{
width:580px;
height:auto;
padding:0;
margin:10px 0 35px 0;
}

#container #contents #main #k_set table#trainingBasicInfo tr th{
border-left:1px #9DD047 solid;
border-top:1px #9DD047 solid;
padding:12px;
margin:0;
background:url(img/green_table_bk.gif) repeat;
color:#FFF;
font-weight:bold;
text-align:center;
}

#container #contents #main #k_set table#trainingBasicInfo tr td{
border-left:1px #9DD047 solid;
border-top:1px #9DD047 solid;
border-right:1px #9DD047 solid;
padding:12px;
margin:0;
}
#container #contents #main #k_set table#trainingBasicInfo tr.btm th{
border-bottom:1px #9DD047 solid;
}

#container #contents #main #k_set table#trainingBasicInfo tr.btm td{
	border-bottom:1px #9DD047 solid;
}

#container #contents #main #k_set #voice {
	width:580px;
	height:300px;
	margin:0 0 35px 0;
	padding:0;
	border:none;
}



/*--------------trainingDetail 10----------------*/

#container #contents #main #k_set #training10Flow{
width:auto;
height:auto;
background:url(img/training/training10_flow_bk.png) no-repeat 0 0;
padding:47px 0 50px 254px;
margin:0;
position::relative;
}
#container #contents #main #k_set #training10Flow ul#lnk_btn{
margin:0;
list-style:none;
clear:both;
display:block;
padding:0;
}
#container #contents #main #k_set #training10Flow ul#lnk_btn li{
padding:0 0 71px 1px;
list-style:none;
margin:0;
height:21px;
}

/*--------------sourcecode----------------*/

#wrapper #container #contents #main-top #main #k_set h3.feature{
padding:10px 0 15px 0;
}
#container #contents #main #k_set #howWeSupport{
width:auto;
height:350px;
background:url(img/support_bk.gif) no-repeat 0 0;
padding:52px 0 0 23px;
margin:0;
position::relative;
clear:both;
}
#container #contents #main #k_set #howWeSupport ul{
margin:0;
clear:both;
display:block;
}
#container #contents #main #k_set #howWeSupport ul li{
margin:0;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn{
padding:0;
clear:both;
margin:0 0 22px 0;
height:81px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li{
float:left;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.left{
padding:0;
margin:0;
width:81px;
height:81px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right{
padding:0;
margin:0 0 0 20px;
width:377px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.txt{
padding:0;
margin:20px 0 0 0;
width:377px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.txt li{
padding:0;
margin:0 0 13px 0;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn{
padding:0;
margin:5px 0 0 0;
width:377px;
height:76px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn li{
padding:0;
margin:0 0 5px 0;
height:33px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn2{
padding:0;
margin:25px 0 0 0;
width:377px;
height:33px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn2 li{
padding:0;
margin:0;
height:33px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn3{
padding:0;
margin:5px 0 0 0;
width:400px;
height:76px;
}
#container #contents #main #k_set #howWeSupport ul#lnk_btn li.right ul.btn3 li{
padding:0;
margin:0 5px 5px 0;
height:33px;
float:left;
}
/*--------------teikei/skill----------------*/

#container #contents #main{
position:relative;
}

#container #contents #main #k_set p.rgt_img{
position:absolute;
top:0;
left:508px;
}
#container #contents #main #k_set p.rgt_img2{
position:absolute;
top:0;
left:518px;
width:100px;
}
#container #contents #main #k_set .total-service_box{
width:589px;
height:96px;
background:url(img/bg_total-service.gif) no-repeat left top;
}

#container #contents #main #k_set .txt_cont {
margin-bottom:147px;
}

#container #contents #main #k_set .total-service_box {
margin-top:28px;
}

#container #contents #main #k_set .total-service_box p{
padding:20px 0 0 18px;
}

#container #contents #main #k_set .total-service_box ul{
padding:23px 0 0 18px;
}


#container #contents #main #k_set .total-service_box ul li {
display:inline;
}

/*--------------teikei/code----------------*/

#container #contents #main #k_set p.rgt_img_c{
position:absolute;
top:0;
left:450px;
width:200px;
}



#wrapper #container #contents #main-top #main #k_set #view{
width:540px;
}

#wrapper #container #contents #main-top #main #k_set #view .lft_i{
float:left;
}
#wrapper #container #contents #main-top #main #k_set #view .rgt_i{
float:right;
}

#wrapper #container #contents #main-top #main #k_set .txt{
width:560px;
}

#container #contents #main #k_set p.lnk_btn{
text-align:right;
margin-top:50px;
}

#container #contents #main #k_set #btm_box{
width:588px;
background:url(img/bg_total-service.gif) no-repeat 0 0;
padding:20px 0 25px 0;
}

#container #contents #main #k_set #btm_box ul#lnk_btn li{
float:left;
padding:0 15px 0 15px;
}

#container #contents #main #k_set #btm_box ul#lnk_btn li.nopd{
float:left;
padding:0 15px 0 0;
}

#container #contents #main #k_set #btm_box{
width:590px;
background:url(img/bg_total-service.gif) no-repeat 0 0;
padding:20px 0 40px 17px;
position::relative;
}

#container #contents #main #k_set #btm_box #lnk_btn{
margin:15px 0 0 0;
}


/*--------------teikei/training----------------*/
#wrapper #container #contents #main-top #main #k_set div.trn_ftur{
margin-left:30px;
}

#wrapper #container #contents #main-top #main #k_set div.trn_ftur h3{
margin:0;
padding:0;
}

#wrapper #container #contents #main-top #main #k_set p span{
color:#993300;
}
#wrapper #container #contents #main-top #main #k_set #view{
width:540px;
}

#wrapper #container #contents #main-top #main #k_set #view .lft_i{
float:left;
}
#wrapper #container #contents #main-top #main #k_set #view .rgt_i{
float:right;
}

#wrapper #container #contents #main-top #main #k_set .txt{
width:560px;
}