@charset "utf-8";

/*------------------------------------------------
    serivce/ styles
--------------------------------------------------*/
#global_menu li#gm_service a:link,
#global_menu li#gm_service a:visited{
    background: url(../../common/images/gm_service.gif) left top no-repeat;
}
#categorytitle{
    background: url(../images/categorytitle.gif) left top no-repeat;
}

#main_contents .main_comment {
    background: url(../images/waku_head.gif) left top no-repeat;
    margin: 10px 0 0 0;
    padding: 20px 0 0 0;
}
#main_contents .main_comment_btm {
    background: url(../images/waku_btm.gif) left bottom no-repeat;
    padding: 0 0 20px 0;
}
#main_contents .main_comment .text01{
    padding: 0px 0 0 30px;
    margin: 0;
    width: 480px;
}
/* service menu */
#main_contents .main_comment .service_mn_tit{
	margin-top: 15px;
	padding-left: 30px;
}
#main_contents .main_comment .service_mn_tit span{
	padding: 2px 3px 1px;
	background-color: #000000;
	color: #ffffff;
	font-size: 100%;
	line-height: 1.2em;
}
#main_contents .main_comment .service_mn{
	margin-top: 10px;
	padding-left: 30px;
	width: 480px;
}
#main_contents .main_comment .service_mn .service_mn_txt{
	float: left;
	width: 270px;
    line-height: 1.5em;
}
#main_contents .main_comment .service_mn .service_mn_img{
	float: right;
	width: 200px;
}

#main_contents .ser_img_title {
    margin: 20px 0 0 0;
}
#main_contents .ser_img {
    margin: 10px 0 0 0;
}
#main_contents .voice {
    margin: 50px 0 0 0;
}
#main_contents .inquiry {
    margin: 28px 0 0 0;
}
#main_contents .inq_tel a span{
    display: none;
}
#main_contents .inq_tel {
    width: 540px;
}
#main_contents .inq_tel a{
    display: block;
    width: 540px;
    height: 56px;
}
#main_contents .inq_tel a:link,
#main_contents .inq_tel a:visited {
    background: url(../images/inq_tel.gif) left -57px no-repeat;
    margin: 10px 0 0 0;
}
#main_contents .inq_tel a:hover,
#main_contents .inq_tel a:active{
    background: url(../images/inq_tel.gif) left top no-repeat;
}

/* column */
.column_block01 .textcontents02_l h3 {
    margin: 16px 0px 0px 0px;
    padding: 0px;
}
.column_block01 .textcontents02_r h3 {
    margin: 16px 0px 0px 0px;
    padding: 0px;
}
.column_block01 .textcontents02_l h3 span{
    background: url(../../common/images/leftmenu_icon.gif) 0px 1.1em no-repeat;
    color: #000000;
    font-weight: bold;
    padding: 10px 10px 0px 10px;
    line-height: 1.4em;
}
.column_block01 .textcontents02_r h3 span{
    background: url(../../common/images/leftmenu_icon.gif) 0px 1.1em no-repeat;
    color: #000000;
    font-weight: bold;
    padding: 10px 10px 0px 10px;
    line-height: 1.4em;
}

/*------------------------------------------------
    left contents styles
--------------------------------------------------*/

/*    web_site */
#left_contents #left_menu li.web_site ul li a.lm_act{
    background: #cce6f5;
    text-decoration: none;
    font-weight: bold;
    color: #e5f2fa;
}
#left_contents #left_menu li.web_site a.lm_act{
    background: #0081cc url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.web_site a:link,
#left_menu li.web_site a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.web_site a:hover,
#left_menu li.web_site a:active{
    background: #0081cc url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.web_site ul li a{
    color: #362c2c;
}
#left_menu li.web_site ul li a:link,
#left_menu li.web_site ul li a:visited{
    background: #cce6f5;
    color: #362c2c;
}
#left_menu li.web_site ul li a:hover,
#left_menu li.web_site ul li a:active{
    background: #cce6f5;
}

/*    contents_management */
#left_contents #left_menu li.cts_m ul li a.lm_act{
    background: #d4dbf4;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.cts_m a.lm_act{
    background: #284aca url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.cts_m a:link,
#left_menu li.cts_m a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.cts_m a:hover,
#left_menu li.cts_m a:active{
    background: #284aca url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.cts_m ul li a{
    color: #362c2c;
}
#left_menu li.cts_m ul li a:link,
#left_menu li.cts_m ul li a:visited{
    background: #d4dbf4;
    color: #362c2c;
}
#left_menu li.cts_m ul li a:hover,
#left_menu li.cts_m ul li a:active{
    background: #d4dbf4;
    color: #362c2c;
}


/*    mobile_site */
#left_contents #left_menu li.mob_site ul li a.lm_act{
    background: #c2eaed;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.mob_site a.lm_act{
    background: #34bbc3 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.mob_site a:link,
#left_menu li.mob_site a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.mob_site a:hover,
#left_menu li.mob_site a:active{
    background: #34bbc3 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.mob_site ul li a{
    color: #362c2c;
}
#left_menu li.mob_site ul li a:link,
#left_menu li.mob_site ul li a:visited{
    background: #c2eaed;
    color: #362c2c;
}
#left_menu li.mob_site  ul li a:hover,
#left_menu li.mob_site  ul li a:active{
    background: #c2eaed;
    color: #362c2c;
}

/*    media_business */
#left_contents #left_menu li.med_bus a.lm_act{
    background: #ee931d url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.med_bus a:link,
#left_menu li.med_bus a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.med_bus a:hover,
#left_menu li.med_bus a:active{
    background: #ee931d url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}

/*    si-solution_consulting */
#left_contents #left_menu li.si_sol ul li a.lm_act{
    background: #f3f2b2;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.si_sol a.lm_act{
    background: #d6d300 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.si_sol a:link,
#left_menu li.si_sol a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.si_sol a:hover,
#left_menu li.si_sol a:active{
    background: #d6d300 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.si_sol ul li a{
    color: #362c2c;
}
#left_menu li.si_sol ul li a:link,
#left_menu li.si_sol ul li a:visited{
    background: #f3f2b2;
    color: #362c2c;
}
#left_menu li.si_sol  ul li a:hover,
#left_menu li.si_sol  ul li a:active{
    background: #f3f2b2;
    color: #362c2c;
}

/*    si-it_service */
#left_contents #left_menu li.it_ser ul li a.lm_act{
    background: #d6efde;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.it_ser a.lm_act{
    background: #00992f url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.it_ser a:link,
#left_menu li.it_ser a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.it_ser a:hover,
#left_menu li.it_ser a:active{
    background: #00992f url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.it_ser ul li a{
    display: block;
    width: 142px;
    padding: 9px 10px 8px 28px;
    color: #362c2c;
}
#left_menu li.it_ser ul li a:link,
#left_menu li.it_ser ul li a:visited{
    background: #d6efde;
    color: #362c2c;
}
#left_menu li.it_ser ul li a:hover,
#left_menu li.it_ser ul li a:active{
    background: #d6efde;
    color: #362c2c;
}

/*    cloud_computing */
#left_contents #left_menu li.on_ser ul li a.lm_act{
    background: #e0f5cc;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.on_ser a.lm_act{
    background: #65cc00 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.on_ser a:link,
#left_menu li.on_ser a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.on_ser a:hover,
#left_menu li.on_ser a:active{
    background: #65cc00 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.on_ser ul li a{
    display: block;
    width: 142px;
    padding: 9px 10px 8px 28px;
    color: #362c2c;
}
#left_menu li.on_ser ul li a:link,
#left_menu li.on_ser ul li a:visited{
    background: #e0f5cc;
    color: #362c2c;
}
#left_menu li.on_ser ul li a:hover,
#left_menu li.on_ser ul li a:active{
    background: #e0f5cc;
    color: #362c2c;
}

/*    business_process_outsourcing */
#left_contents #left_menu li.bus_po ul li a.lm_act{
    background: #f7d9dd;
    text-decoration: none;
    font-weight: bold;
    color: #362c2c;
}
#left_contents #left_menu li.bus_po a.lm_act{
    background: #cc0018 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.bus_po a:link,
#left_menu li.bus_po a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.bus_po a:hover,
#left_menu li.bus_po a:active{
    background: #cc0018 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.bus_po ul li a{
    display: block;
    width: 142px;
    padding: 9px 10px 8px 28px;
    color: #362c2c;
}
#left_menu li.bus_po ul li a:link,
#left_menu li.bus_po ul li a:visited{
    background: #f7d9dd;
    color: #362c2c;
}
#left_menu li.bus_po ul li a:hover,
#left_menu li.bus_po ul li a:active{
    background: #f7d9dd;
    color: #362c2c;
}

/*    career_business */
#left_contents #left_menu li.car_bus a.lm_act{
    background: #ce12a4 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}
#left_menu li.car_bus a:link,
#left_menu li.car_bus a:visited{
    background: #f5f5f5 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #362c2c;
}
#left_menu li.car_bus a:hover,
#left_menu li.car_bus a:active{
    background: #ce12a4 url(../../common/images/leftmenu_icon.gif) 10px 1.1em no-repeat;
    color: #ffffff;
}


/* list */
.ser_ideally .ulist01{
    margin: 0px 0px 0px 0px;
    padding: 8px 0 15px 0;
    background: url(../images/before_q.gif) left top no-repeat;
    min-height: 101px;
    height: auto !important;
    height: 101px;
}
.ser_ideally .ulist01 li{
    margin: 7px 20px 0px 88px;
    padding: 3px 0px 0px 13px;
    background: url(../../common/images/i_blue_ser.gif) left 0.5em no-repeat;
    line-height: 1.4em;
}
.ser_ideally .ulist01 li span{
    font-weight: bold;
    color: #0081cc;
}
#main_contents .ser_ideally {
    border-left: 1px solid #0081cc;
    border-right: 1px solid #0081cc;
    border-bottom: 1px solid #0081cc;
    background: #e3f5ff;
    width: 538px;
}

.ser_merit .ulist01{
    margin: 0px 0px 0px 0px;
    padding: 8px 0 15px 0;
    background: url(../images/after_e.gif) left top no-repeat;
    min-height: 108px;
    height: auto !important;
    height: 108spx;
}
.ser_merit .ulist01 li{
    margin: 7px 20px 0px 88px;
    padding: 0px 0px 0px 13px;
    background: url(../../common/images/i_red_ser.gif) left 0.5em no-repeat;
    line-height: 1.4em;
}
.ser_merit .ulist01 li span{
    font-weight: bold;
    color: #ea0014;
}
#main_contents .ser_merit {
    border-left: 1px solid #cc0011;
    border-right: 1px solid #cc0011;
    border-bottom: 1px solid #cc0011;
    background: #ffefef;
    width: 538px;
}


/*------------------------------------------------
    business styles
--------------------------------------------------*/
/* frame */
#contentsarea02 .frame01{
    width: 540px;
    margin: 25px 0px 0px 0px;
    padding: 10px 0px 10px 0px;
    background: url(../../common/images/bg_blue03.gif);
}
.frame01_inner{
    width: 520px;
    margin: 0px 10px 0px 10px;
    padding: 0px 0px 15px 0px;
    background: #ffffff;
}
.idx_form{
    width: 150px;
    margin: 0px 0px 0px 15px;
    padding: 0px 0px 0px 0px;
    float: left;
}
.idx_form h3.icon{
    background: url(../../common/images/leftmenu_icon.gif) 0px 1.1em no-repeat;
    color: #000000;
    font-weight: bold;
    padding: 10px 0px 10px 10px;
    line-height: 1.4em;
}
.idx_mail{
    width: 134px;
    margin: 0px 0px 0px 45px;
    padding: 0px 0px 0px 0px;
    float: left;
}
.idx_mail h3.icon{
    background: url(../../common/images/leftmenu_icon.gif) 0px 1.1em no-repeat;
    color: #000000;
    font-weight: bold;
    padding: 10px 0px 25px 10px;
    line-height: 1.4em;
}
.idx_form h3,
.idx_tel h3,
.idx_mail h3{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 10px 0px;
}
.idx_tel h3.icon{
    background: url(../../common/images/leftmenu_icon.gif) 0px 1.1em no-repeat;
    color: #000000;
    font-weight: bold;
    padding: 10px 0px 15px 10px;
    line-height: 1.4em;
}
.idx_tel{
    width: 125px;
    margin: 0px 0px 0px 30px;
    padding: 0px 0px 0px 0px;
    float: left;
}

.idx_tel div span{
    display: block;
    padding: 8px 0px 0px 0px;
}
.idx_tel div img{
    display: block;
    margin: 0px 0px 6px 0px;
}

.line {
    width: 540px;
    margin: 15px 0px 0px 0px;
    padding: 0px 0px 30px 0px;
    background: url(../../common/images/l_blue01_1.gif) left bottom repeat-x;
}





/* ’ljÁcss */
#pagetitle .under_title {
	clear: both;
	width: 750px;
	margin: 10px 0 0 0;
}
#pagetitle .under_title p#catchcopy{
	float: left;
	width: 543px;
	margin: 0;
}
#pagetitle .under_title div {
	margin: 1px 0 0 0;
}
#pagetitle .under_title div.ser_movie{
	float: right;
	width: 180px;
}
#pagetitle .under_title div.ser_movie a{
	display: block;
	width: 180px;
	height: 33px;
}
#pagetitle .under_title div.ser_movie a span{
	display: none;
}
#pagetitle .under_title div.ser_movie a:link,
#pagetitle .under_title div.ser_movie a:visited{
	background: url(../images/ser_movie.gif) left -33px no-repeat;
}
#pagetitle .under_title div.ser_movie a:hover,
#pagetitle .under_title div.ser_movie a:active{
	background: url(../images/ser_movie.gif) left top no-repeat;
}
/* /’ljÁcss */