@charset "utf-8";

/*------------------------------------------------
    serivce/index.html styles
--------------------------------------------------*/
h2.ind_top{
    margin: 10px 0px 0px 0px;
}
#idx_main_area02{
    width: 730px;
    padding: 0px 0px 0px 0px;
}
#idx_main_area{
    width: 730px;
    min-height: 358px;
    padding: 0px 0px 0px 0px;
    background: url(../images/idx_p_main.jpg) right 185px no-repeat;
    position: relative;
}
#idx_main_area h1{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 166px;
    min-height: 43px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: url(../images/idx_m_main.gif) left top no-repeat;
    text-indent: -9999px;
}
#idx_main_area h2{
    padding: 25px 0px 0px 0px;
}
#idx_main_area h2 span{
    display: block;
    width: 730px;
    height: 160px;
    background: url(../images/idx_t_catch.jpg) left top no-repeat;
    text-indent: -9999px;
}
#idx_main_area p{
    margin: 17px 305px 0px 0px;
    padding: 0px 0px 0px 0px;
    line-height: 1.6em;
    text-align: left;
}
#idx_main_area .idx_service_btn{
    width: 375px;
    margin: 15px 0px 0px 0px;
}
#idx_main_area .idx_service_btn a{
    display: block;
    width: 180px;
    height: 55px;
    text-indent: -9999px;
}
#idx_main_area .idx_service_btn .idx_service_ten{
    width: 180px;
    height: 55px;
    float: left;
}
#idx_main_area .idx_service_btn .idx_service_one{
    width: 180px;
    height: 55px;
    float: right;
}
#idx_main_area .idx_service_btn .idx_service_ten a:link,
#idx_main_area .idx_service_btn .idx_service_ten a:visited{
    background: url(../../common/images/btn_tenminutes.gif) left -55px no-repeat;
}
#idx_main_area .idx_service_btn .idx_service_ten a:hover,
#idx_main_area .idx_service_btn .idx_service_ten a:active{
    background: url(../../common/images/btn_tenminutes.gif) left top no-repeat;
}
#idx_main_area .idx_service_btn .idx_service_one a:link,
#idx_main_area .idx_service_btn .idx_service_one a:visited{
    background: url(../../common/images/btn_onestopsolution.gif) left -55px no-repeat;
}
#idx_main_area .idx_service_btn .idx_service_one a:hover,
#idx_main_area .idx_service_btn .idx_service_one a:active{
    background: url(../../common/images/btn_onestopsolution.gif) left top no-repeat;
}


.idx_contents01{
    width: 708px;
    margin: 10px 0px 0px 0px;
    padding: 11px 11px 11px 11px;
    background: url(../../common/images/bg_blue03.gif);
}
.idx_contents01 h3{
    margin: 0px 0px 0px 15px;
    padding: 15px 0px 0px 0px;
}
.idx_contents01_l{
    width: 348px;
    margin: 0px 0px 0px 0px;
    float: left;
}
.idx_contents01_l01{
    width: 348px;
    background: #ffffff;
}
.idx_contents01_l01 div{
    width: 348px;
    margin: 5px 0px 0px 0px;
    overflow: hidden;
}
.idx_contents01_l01 ul{
    width: 348px;
    margin: 0px 0px -1px 0px;
}
.idx_contents01_l01 ul li{
    width: 318px;
    margin: 0px 15px 0px 15px;
    padding: 10px 0px 9px 0px;
    background: url(../../common/images/l_blue01_1.gif) left bottom repeat-x;
}
.idx_contents01_l01 ul li span{
    display: block;
    padding: 0px 0px 0px 16px;
    background: url(../../common/images/a_blue01.gif) left 0.25em no-repeat;
}
.idx_contents01_l02{
    width: 348px;
    margin: 5px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    background: #ffffff;
}
.idx_contents01_l02:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.idx_contents01_l02 a{
    display: block;
    width: 95px;
    min-height: 15px;
    margin: 0px 10px 0px 0px;
    text-indent: -9999px;
    float: right
}
.idx_contents01_l02 a:link,
.idx_contents01_l02 a:visited{
    background: url(../images/idx_btn_kadai.gif) left -15px no-repeat;
}
.idx_contents01_l02 a:hover,
.idx_contents01_l02 a:active{
    background: url(../images/idx_btn_kadai.gif) left top no-repeat;
    color: #ffffff;
}

.idx_contents01_r{
    width: 348px;
    margin: 0px 0px 0px 0px;
    float: right;
}
.idx_contents01_r01{
    width: 348px;
    background: #ffffff;
}
.idx_contents01_r01 div{
    width: 348px;
    margin: 5px 0px 0px 0px;
}
.idx_contents01_r01 div.idx_contents01_r01_l{
    width: 148px;
    margin: 0px 0px 0px 15px;
    float: left;
    overflow: hidden;
}
.idx_contents01_r01 div.idx_contents01_r01_r{
    width: 148px;
    margin: 0px 15px 0px 0px;
    float: right;
    overflow: hidden;
}
.idx_contents01_r01 ul{
    width: 148px;
    margin: 0px 0px -1px 0px;
}
.idx_contents01_r01_l ul li{
    width: 148px;
    padding: 10px 0px 9px 0px;
    background: url(../../common/images/l_blue01_1.gif) left bottom repeat-x;
}
.idx_contents01_r01_r ul li{
    width: 148px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 9px 0px;
    background: url(../../common/images/l_blue01_1.gif) left bottom repeat-x;
}
.idx_contents01_r01 ul li span{
    display: block;
    padding: 0px 0px 0px 16px;
    background: url(../../common/images/a_blue01.gif) left 0.25em no-repeat;
}
.idx_contents01_r02{
    width: 348px;
    margin: 5px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    background: #ffffff;
}
.idx_contents01_r02:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.idx_contents01_r02 a{
    display: block;
    width: 95px;
    min-height: 15px;
    margin: 0px 10px 0px 0px;
    text-indent: -9999px;
    float: right
}
.idx_contents01_r02 a:link,
.idx_contents01_r02 a:visited{
    background: url(../images/idx_btn_gyoushu.gif) left -15px no-repeat;
}
.idx_contents01_r02 a:hover,
.idx_contents01_r02 a:active{
    background: url(../images/idx_btn_gyoushu.gif) left top no-repeat;
    color: #ffffff;
}




.idx_text_help{
    width: 730px;
    padding: 10px 0px 0px 0px;
    text-align: right;
}
.idx_text_help img{
    margin: 0px 5px 0px 0px;
    vertical-align: middle;
}
.idx_contents02{
    width: 708px;
    margin: 10px 0px 0px 0px;
    padding: 11px 11px 11px 11px;
    background: url(../../common/images/bg_blue03.gif);
    position: relative;
}
.idx_contents02 h3{
    margin: 0px 0px 0px 50px;
    padding: 0px 0px 0px 0px;
    font-weight: bold;
}
.idx_contents02 h3 span{
    background: none;
}
.idx_contents02 h3 span a{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 16px;
    color: #0081cc;
    background: url(../../common/images/a_blue01.gif) left 0.25em no-repeat;
}
.idx_contents02 ul{
    margin: 10px 0px 0px 0px;
}
.idx_contents02 ul li{
    width: 237px;
    margin: 5px 0px 0px 70px;
    padding: 0px 0px 0px 10px;
    background: url(../../common/images/i_blue01.gif) left 0.25em no-repeat;
}
.idx_contents02 ul li:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.idx_contents02 ul li span{
    display: block;
    width: 200px;
    float: left;
}
.idx_contents02 ul li span.idx_contents02_help{
    display: block;
    width: 16px;
    height: 16px;
    float: right;
}
.idx_contents02 ul li span.idx_contents02_help a{
    display: block;
    width: 16px;
    height: 16px;
}
.idx_contents02 ul li span.idx_contents02_help a:link,
.idx_contents02 ul li span.idx_contents02_help a:visited{
    background: url(../images/idx_i_help.gif) left -16px no-repeat;
}
.idx_contents02 ul li span.idx_contents02_help a:hover,
.idx_contents02 ul li span.idx_contents02_help a:active{
    background: url(../images/idx_i_help.gif) left top no-repeat;
}
.idx_contents02_l{
    width: 348px;
    margin: 0px 0px 5px 0px;
    float: left;
}
.idx_contents02_r{
    width: 348px;
    margin: 0px 0px 5px 0px;
    float: right;
}
.idx_contents02_l01{
    width: 348px;
    background: #ffffff;
    overflow: hidden;
    min-height: 570px;
}
.idx_contents02_r01{
    width: 348px;
    background: #ffffff;
    overflow: hidden;
    min-height: 570px;
}
.idx_contents02_l02,
.idx_contents02_r02{
    width: 348px;
    margin: -1px 0px 0px 0px;
}
.idx_contents02 .idx_contents02_bg01,
.idx_contents02 .idx_contents02_bg02,
.idx_contents02 .idx_contents02_bg03,
.idx_contents02 .idx_contents02_bg04,
.idx_contents02 .idx_contents02_bg05,
.idx_contents02 .idx_contents02_bg06,
.idx_contents02 .idx_contents02_bg07,
.idx_contents02 .idx_contents02_bg08,
.idx_contents02 .idx_contents02_bg09{
    width: 318px;
    margin: 0px 0px 0px 15px;
    padding: 15px 0px 16px 0px;
    background: url(../../common/images/l_blue01_1.gif) left top repeat-x;
}
.idx_contents02 .idx_contents02_bg01 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service01.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg02 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service02.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg03 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service03.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg04 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service04.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg05 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service05.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg06 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service06.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg07 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service07.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg08 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service08.gif) left top no-repeat;
}
.idx_contents02 .idx_contents02_bg09 div{
    width: 318px;
    min-height: 40px;
    background: url(../images/idx_i_service09.gif) left top no-repeat;
}


.idx_contents02_02{
    clear: both;
    width: 708px;
    margin: 0px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    background: #ffffff;
}
.idx_contents02_02:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.idx_contents02_02 a.idx_part{
    display: block;
    width: 81px;
    min-height: 15px;
    margin: 0px 10px 0px 0px;
    text-indent: -9999px;
    float: right
}
.idx_contents02_02 a.idx_part:link,
.idx_contents02_02 a.idx_part:visited{
    background: url(../images/idx_btn_partner.gif) left -15px no-repeat;
}
.idx_contents02_02 a.idx_part:hover,
.idx_contents02_02 a.idx_part:active{
    background: url(../images/idx_btn_partner.gif) left top no-repeat;
    color: #ffffff;
}


.sevice_outline01{
    width: 359px;
    top: 180px;
    left: 174px;
    position: absolute;
    background: url(../images/idx_f_help_body.gif) left top repeat-y;
    display: none;
}
.sevice_outline02{
    width: 359px;
    padding: 0px 0px 7px 0px;
    background: url(../images/idx_f_help_foot.gif) left bottom no-repeat;
}
.service_out_title{
    width: 359px;
    height: 30px;
    background: url(../images/idx_f_help_head.gif) left top no-repeat;
    text-indent: -9999px;
    position: relative;
}
.service_out_title a{
    display: block;
    position: absolute;
    top: 6px;
    right: 6px;
    width: 21px;
    height: 21px;
}
.sevice_outline03{
    width: 309px;
    padding: 20px 25px 20px 25px;
}
.service_out_img{
    width: 100px;
    float: left;
}
.service_out_img img{
    border: 5px solid #f5f5f5;
}
.service_out_text{
    width: 190px;
    float: right;
}
.service_out_name{
    margin: 0px 0px 0px 0px;
    font-weight: bold;
}
.service_out_text02{
    margin: 10px 0px 0px 0px;
    line-height: 1.5em;
}

/*--------------------------------------------------------------------------------*/
/* case */
.idx_case_contents{
    margin: 35px 0px 10px 0px;
    width: 180px;
}
.idx_case_contents .idx_case_contents_title{
    width: 180px;
    padding: 0px 0px 7px 0px;
    background: url(../../common/images/l_black01.gif) left bottom repeat-x;
}
.idx_case_contents .idx_case_contents_title h2{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 105px;
    height: 15px;
    float: left;
    text-indent: -9999px;
    background: url(../images/idx_m_case.gif) left top no-repeat;
}
.idx_case_contents .idx_case_contents_title  a.idx_case_list{
    margin: 1px 0px 0px 0px;
    display: block;
    width: 34px;
    height: 13px;
    float: right;
    text-indent: -9999px;
    background: url(../images/idx_btn_case.gif) left -13px no-repeat;
}

.idx_case_contents a.idx_case_list:link,
.idx_case_contents a.idx_case_list:visited{
    background: url(../images/idx_btn_case.gif) left -13px no-repeat;
}
.idx_case_contents a.idx_case_list:hover,
.idx_case_contents a.idx_case_list:active{
    background: url(../images/idx_btn_case.gif) left top no-repeat;
    color: #ffffff;
}
.idx_case_contents ul{
    width: 180px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
.idx_case_contents ul li{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 9px 0px;
    background: url(../../common/images/l_black01.gif) left bottom repeat-x;
}
/*
.idx_case_contents ul li:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}*/
.idx_case_contents .idx_case_text{
    width: 105px;
    float: right;
}
.idx_case_contents .idx_case_img{
    width: 60px;
    float: left;
    /*min-height: 7px;*/
}
.idx_case_contents ul li h3{
    margin: 0px 0px 0px 0px;
    line-height: 1.2em;
    font-weight: bold;
}
.idx_case_contents ul li h3 a:link{
    color: #0088c1;
}
.idx_case_contents ul li span.idx_case_new{
    display: block;
    margin: 4px 0px 0px 0px;
}
.idx_case_contents ul li span.idx_case_new span{
    background: #fffc00;
    font-weight: bold;
    font-size: 90%;
}
.idx_case_contents ul li p{
    margin: 4px 0px 0px 0px;
    line-height: 1.2em;
    font-size: 90%;
}
.idx_case_contents .idx_case_img img{
    display: block;
    margin: 0px 0px 0px 0px;
    border: 1px solid #7fc0e5;
}
.idx_case_contents .idx_case_img span{
    display: block;
    /*min-height: 7px;*/
    margin: 9px 0px 0px 0px;
    padding: 0px 0px 0px 16px;
    background: #ffffff url(../../common/images/a_blue01.gif) left 0.2em no-repeat;
}
/*--------------------------------------------------------------------------------*/
#web_site_site{
    top: 10px;
}
#web_site_system{
    top: 10px;
}
#contents_management_web_site{
    top: 110px;
}
#contents_management_mobile_site{
    top: 110px;
}
#contents_management_service{
    top: 110px;
}
#mobile_site_site{
    top: 190px;
}
#mobile_site_system{
    top: 190px;
}
#si-solution_consulting_system_integration{
    top: 400px;
}
#si-solution_consulting_network{
    top: 400px;
}
#si-solution_consulting_security{
    top: 400px;
}
#si-solution_consulting_storage{
    top: 400px;
}
#si-solution_consulting_server{
    top: 400px;
}
#it_service_life_cycle{
    top: 10px;
}
#it_service_server{
    top: 10px;
}
#it_service_kitting{
    top: 10px;
}
#it_service_expand{
    top: 10px;
}
#online_service_software{
    top: 110px;
}
#online_service_platform{
    top: 110px;
}
#online_service_housing{
    top: 110px;
}
#bpo_desktop{
    top: 270px;
}
#bpo_system{
    top: 270px;
}
#bpo_on-site{
    top: 270px;
}
#bpo_itconsulting{
    top: 270px;
}

/* news */
.idx_news_contents{
    width: 730px;
    background: url(../../common/images/bg_blue03.gif);
    margin: 11px 0px 0px 0px;
    padding: 11px 0px 11px 0px;
}
.idx_news_contents ul.idx_news_tab{
    margin: 0px 0px 0px 11px;
}
.idx_news_contents ul.idx_news_tab li{
    margin: 0px 5px 0px 0px;
    width: 173px;
    height: 32px;
    text-indent: -9999px;
    float: left;
}
.idx_news_contents ul.idx_news_tab li a{
    display: block;
    width: 173px;
    height: 32px;
}
.idx_news_contents ul.idx_news_tab li a:link,
.idx_news_contents ul.idx_news_tab li a:visited,
.idx_news_contents ul.idx_news_tab li a:hover,
.idx_news_contents ul.idx_news_tab li a:active{
    color: #ffffff;
}
.idx_news_contents ul.idx_news_tab li a#idx_tab_newsrelease{
    background: url(../images/idx_tab_newsrelease.gif) left top no-repeat;
}
.idx_news_contents ul.idx_news_tab li a#idx_tab_koushin{
    background: url(../images/idx_tab_koushin.gif) left top no-repeat;
}
.idx_news_contents .idx_news_contents02{
    width: 708px;
    margin: 0px 0px 0px 11px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease,
#idx_koushin{
    width: 708px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul,
#idx_koushin ul{
    width: 678px;
    margin: 0px 15px -1px 15px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul li,
#idx_koushin ul li{
    width: 678px;
    min-height: 20px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 9px 0px;
    background: url(../../common/images/l_blue01_1.gif) left bottom repeat-x;
    line-height: 1.3em;
}
#idx_newsrelease ul li:after,
#idx_koushin ul li:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
#idx_newsrelease ul li span.idx_news_date,
#idx_koushin ul li span.idx_news_date{
    display: block;
    width: 95px;
    float: left;
    padding: 0px 0px 0px 20px;
    background: url(../../common/images/a_blue01.gif) left 0.4em no-repeat;
}
#idx_newsrelease ul li span.idx_news_text,
#idx_koushin ul li span.idx_news_text{
    display: block;
    width: 550px;
    float: left;
    padding: 0px 0px 0px 5px;
}
#idx_koushin{
    display: none;
}
#idx_newsrelease div,
#idx_koushin div{
    margin: 5px 0px 0px 0px;
    width: 708px;
    height: 32px;
    background: #ffffff;
    position: relative;
}
#idx_newsrelease div.idx_news_list,
#idx_koushin div.idx_news_list{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 708px;
    height: auto;
    background: #ffffff;
    position: relative;
    overflow: hidden;
}

#idx_newsrelease a.idx_news_rss{
    display: block;
    width: 40px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 139px;
}
#idx_newsrelease a.idx_news_rss:link,
#idx_newsrelease a.idx_news_rss:visited{
    background: url(../images/idx_btn_rss.gif) left -20px no-repeat;
}
#idx_newsrelease a.idx_news_rss:hover,
#idx_newsrelease a.idx_news_rss:active{
    background: url(../images/idx_btn_rss.gif) left top no-repeat;
}
#idx_newsrelease a.idx_news_list{
    display: block;
    width: 110px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 8px;
}
#idx_newsrelease a.idx_news_list:link,
#idx_newsrelease a.idx_news_list:visited{
    background: url(../images/idx_btn_newsrelease.gif) left -20px no-repeat;
}
#idx_newsrelease a.idx_news_list:hover,
#idx_newsrelease a.idx_news_list:active{
    background: url(../images/idx_btn_newsrelease.gif) left top no-repeat;
}

#idx_koushin a.idx_news_rss{
    display: block;
    width: 40px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 136px;
}
#idx_koushin a.idx_news_rss:link,
#idx_koushin a.idx_news_rss:visited{
    background: url(../images/idx_btn_rss.gif) left -20px no-repeat;
}
#idx_koushin a.idx_news_rss:hover,
#idx_koushin a.idx_news_rss:active{
    background: url(../images/idx_btn_rss.gif) left top no-repeat;
}
#idx_koushin a.idx_news_list{
    display: block;
    width: 107px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 8px;
}
#idx_koushin a.idx_news_list:link,
#idx_koushin a.idx_news_list:visited{
    background: url(../images/idx_btn_koushin.gif) left -20px no-repeat;
}
#idx_koushin a.idx_news_list:hover,
#idx_koushin a.idx_news_list:active{
    background: url(../images/idx_btn_koushin.gif) left top no-repeat;
}
a.idx_news_rss:link,
a.idx_news_list:link,
a.idx_news_rss:visited,
a.idx_news_list:visited,
a.idx_news_rss:hover,
a.idx_news_list:hover,
a.idx_news_rss:active,
a.idx_news_list:active{
    color: #ffffff;
}