@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;
}



/*--------------persistence----------------*/

#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 #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;
}

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

/*--------------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 .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;
}



#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;
}


/*--------------teikei/training/motivation----------------*/

#wrapper #container #contents #main-top #main #k_set ul li.mark{
background:url(../common/img/icon_circle.gif) no-repeat 0 4px;
padding-left:15px;
margin-top:15px;
}

#wrapper #container #contents #main-top #main #k_set .accent01 h3{
padding:0px;
}

#wrapper #container #contents #main-top #main #k_set #case{
background:url(img/teikei/txt_box.gif) no-repeat 0 0;
width:562px;
}


#wrapper #container #contents #main-top #main #k_set #case .case_txt01{
padding:17px 24px 28px 18px;   
}
#wrapper #container #contents #main-top #main #k_set #case p.case_txt02{
padding:18px 0 0 16px;   
}

#wrapper #container #contents #main-top #main #k_set p span.txt_red{
color:#D5312A;
font-weight:bold;
}

/*--------------teikei/training/----------------*/

#wrapper #container #contents #main-top #main ul.u_line{
background:url(../common/img/bdr_u_bar.gif) repeat-x 0 0;
padding:4px 0 0 0;
}
#wrapper #container #contents #main-top #main ul.u_line li{
float:left;
}
#wrapper #container #contents #main-top #main #k_set #img_map{
position:relative;
z-index: 1;
}

#wrapper #container #contents #main-top #main #k_set #img_map ul li.think{
position:absolute;
top:118px;
left:322px;
z-index: 2;
}

#wrapper #container #contents #main-top #main #k_set #img_map ul li.motivation{
position:absolute;
top:163px;
left:0px;
z-index: 2;
}

#wrapper #container #contents #main-top #main #k_set #img_map ul li.base-app{
position:absolute;
top:148px;
left:295px;
z-index: 2;
}

#wrapper #container #contents #main-top #main #k_set #img_map ul li.mavin{
position:absolute;
top:180px;
left:252px;
z-index: 2;
}
#wrapper #container #contents #main-top #main #k_set #img_map ul li.packaging{
position:absolute;
top:310px;
left:142px;
z-index: 2;
}

/*--------------ripple----------------*/

#wrapper #container #contents #main-top #main #k_set ul li.mark_s{
background:url(../common/img/icon_circle.gif) no-repeat 0 4px;
padding-left:15px;
margin-top:5px;

#wrapper #container #contents #main-top #main #k_set a.inner{
link { color: #0000ff; }
}