@charset "utf-8";

/*------------------------------------------------
    /index.html styles
--------------------------------------------------*/



#idx_header_search{
    width: 100%;
    margin: 0px auto 0px auto;
    text-align: center;
}
#idx_header_search02{
    width: 960px;
    margin: 0px auto 0px auto;
    position: relative;
    z-index: 10;
}
#idx_header_search03{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 290px;
    height: 33px;
    z-index: 10;
    background: url(../images/idx_bg_search.gif) left top repeat-x;
}

#header_sitemap{
    position: absolute;
    right: 210px;
    top: 9px;
    width: 61px;
    height: 15px;
}

#header_search{
    position: absolute;
    right: 8px;
    top: 6px;
    
    width: 180px;
    height: 19px;


}
#contentsarea{
    width: 960px;
    margin: -15px auto 0px auto;
    text-align: center;
    position: relative;
}

#idx_flash{
    position: absolute;
    width: 100%;
    height: 386px;
    background: url(../images/idx_flash_bg.gif) left top repeat-x;
    z-index: 0;
}
html:not([lang*=""]) #idx_flash{
    position: relative;
}

/* global menu */
#idx_global_menu_wrapper{
    width: 100%;
    padding: 386px 0px 0px 0px;
}
html:not([lang*=""]) #idx_global_menu_wrapper{
    width: 100%;
    padding: 0px 0px 0px 0px;
}
#idx_global_menu{
    width: 100%;
    background: url(../images/idx_bg_gm.gif) left top repeat-x;
}
#idx_global_menu_inner{
    width: 960px;
    margin: 0px auto 0px auto;
    position: relative;
    height: 42px;
}
#global_menu{
    position: absolute;
    right: 0px;
    top: 0px;
    width: 750px;
    height: 42px;
    margin: 0px auto 0px auto;
}
#idx_no1{
    position: absolute;
    left: 5px;
    top: -45px;
    width: 166px;
    height: 188px;
    z-index: 10;
}
html:not([lang*=""]) #idx_no1{
    position: absolute;
    left: 5px;
    top: -45px;
    width: 166px;
    height: 188px;
    z-index: 0;
}


#idx_left_contents{
    width: 180px;
    float: left;
    text-align: left;
}

#idx_right_contents{
    width: 750px;
    float: right;
    text-align: left;
}


/* service */
.idx_service_title{
    width: 750px;
    position: relative;;
}
.idx_service_title a.idx_service_listlink{
    display: block;
    position: absolute;
    top: 0px;
    left: 677px;
    width: 73px;
    height: 15px;
    background: url(../images/idx_btn_service.gif) left top no-repeat;
    text-indent: -9999px;
}
.idx_service_title a.idx_service_listlink:link,
.idx_service_title a.idx_service_listlink:visited{
    background: url(../images/idx_btn_service.gif) left -15px no-repeat;
}
.idx_service_title a.idx_service_listlink:hover,
.idx_service_title a.idx_service_listlink:active{
    background: url(../images/idx_btn_service.gif) left top no-repeat;
}
.idx_service_contents{
    width: 728px;
    background: url(../common/images/bg_blue03.gif);
    margin: 11px 0px 0px 0px;
    padding: 11px 11px 11px 11px;
}
.idx_service01{
    width: 359px;
    float: left;
    margin: 0px 0px 0px 0px;
}
.idx_service01_2{
    width: 359px;
    min-height: 212px;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
}
.idx_service02{
    width: 359px;
    float: right;
    margin: 0px 0px 0px 0px;
    background: #ffffff;
}
.idx_service_contents h3{
    margin: 0px 0px 0px 0px;
    padding: 15px 0px 0px 15px;
}
.idx_service_contents h3 span{
    background: #000000;
    color: #ffffff;
}
.idx_service01_list{
    width: 329px;
    margin: 5px 0px 0px 15px;
    overflow: hidden;
}
.idx_service01_list ul{
    width: 329px;
    margin: 0px 0px -1px 0px;
}
.idx_service01_list ul li{
    width: 329px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 9px 0px;
    background: url(../common/images/l_blue01_1.gif) left bottom repeat-x;
}
.idx_service01_list ul li span{
    display: block;
    padding: 0px 0px 0px 20px;
    background: url(../common/images/a_blue01.gif) left 0.4em no-repeat;
}
.idx_service01_all{
    width: 359px;
    margin: 5px 0px 0px 0px;
    padding: 8px 0px 8px 0px;
    background: #ffffff;
}
.idx_service01_all:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}
.idx_service01_all a{
    display: block;
    width: 95px;
    min-height: 15px;
    margin: 0px 10px 0px 0px;
    text-indent: -9999px;
    float: right
}
.idx_service01_all a:link,
.idx_service01_all a:visited{
    background: url(../images/idx_btn_kadai.gif) left -15px no-repeat;
}
.idx_service01_all a:hover,
.idx_service01_all a:active{
    background: url(../images/idx_btn_kadai.gif) left top no-repeat;
    color: #ffffff;
}

.idx_service02_btn{
    width: 330px;
    margin: 20px 0px 0px 15px;
}
.idx_service02_ten{
    width: 155px;
    height: 55px;
    float: left;
}
.idx_service02_one{
    width: 155px;
    height: 55px;
    float: right;
}
.idx_service02_ten a,
.idx_service02_one a{
    display: block;
    width: 155px;
    height: 55px;
    text-indent: -9999px;
}
.idx_service02_ten a:link,
.idx_service02_ten a:visited{
    background: url(../images/idx_btn_ten_minutes.gif) left -55px no-repeat;
}
.idx_service02_ten a:hover,
.idx_service02_ten a:active{
    background: url(../images/idx_btn_ten_minutes.gif) left top no-repeat;
    color: #ffffff;
}
.idx_service02_one a:link,
.idx_service02_one a:visited{
    background: url(../images/idx_btn_one_stop_solution.gif) left -55px; no-repeat;
}
.idx_service02_one a:hover,
.idx_service02_one a:active{
    background: url(../images/idx_btn_one_stop_solution.gif) left top no-repeat;
    color: #ffffff;
}
.idx_service02_list{
    width: 330px;
    margin: 5px 0px 0px 15px;
}
.idx_service02_list div.idx_service02_list01{
    width: 155px;
    float: left;
    overflow: hidden;
}
.idx_service02_list div.idx_service02_list02{
    width: 155px;
    float: right;
    overflow: hidden;
}
.idx_service02_list div ul{
    width: 155px;
    margin: 0px 0px -1px 0px;
}
.idx_service02_list div ul li{
    width: 155px;
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 9px 0px;
    background: url(../common/images/l_blue01_1.gif) left bottom repeat-x;
}
.idx_service02_list div ul li span{
    display: block;
    padding: 0px 0px 0px 20px;
    background: url(../common/images/a_blue01.gif) left 0.4em no-repeat;
}



/* news */
.idx_news_contents{
    width: 750px;
    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_recruit{
    background: url(../images/idx_tab_recruit.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: 728px;
    margin: 0px 0px 0px 11px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease,
#idx_recruit,
#idx_koushin{
    width: 728px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul,
#idx_recruit ul,
#idx_koushin ul{
    width: 698px;
    margin: 0px 15px -1px 15px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul li,
#idx_recruit ul li,
#idx_koushin ul li{
    width: 698px;
    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_recruit 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_recruit 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_recruit ul li span.idx_news_icon{
    display: block;
    width: 78px;
    height: 18px;
    float: left;
    text-indent: -9999px;
}

#idx_recruit ul li span.idx_news_icon_rec01{
    background: url(../images/idx_i_rec01.gif) left top no-repeat;
}
#idx_recruit ul li span.idx_news_icon_rec02{
    background: url(../images/idx_i_rec02.gif) left top no-repeat;
}
#idx_recruit ul li span.idx_news_icon_rec03{
    background: url(../images/idx_i_rec03.gif) left top no-repeat;
}
#idx_newsrelease ul li span.idx_news_text,
#idx_koushin ul li span.idx_news_text{
    display: block;
    width: 570px;
    float: left;
    padding: 0px 0px 0px 5px;
}
#idx_recruit ul li span.idx_news_text{
    display: block;
    width: 500px;
    float: left;
    padding: 0px 0px 0px 5px;
}
#idx_recruit,
#idx_koushin{
    display: none;
}
#idx_newsrelease div,
#idx_recruit div,
#idx_koushin div{
    margin: 5px 0px 0px 0px;
    width: 728px;
    height: 32px;
    background: #ffffff;
    position: relative;
}
#idx_newsrelease div.idx_news_list,
#idx_recruit div.idx_news_list,
#idx_koushin div.idx_news_list{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    width: 728px;
    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_recruit a.idx_news_rss{
    display: block;
    width: 40px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 109px;
}
#idx_recruit a.idx_news_rss:link,
#idx_recruit a.idx_news_rss:visited{
    background: url(../images/idx_btn_rss.gif) left -20px no-repeat;
}
#idx_recruit a.idx_news_rss:hover,
#idx_recruit a.idx_news_rss:active{
    background: url(../images/idx_btn_rss.gif) left top no-repeat;
}
#idx_recruit a.idx_news_list{
    display: block;
    width: 80px;
    height: 20px;
    text-indent: -9999px;
    position: absolute;
    top: 7px;
    right: 8px;
}
#idx_recruit a.idx_news_list:link,
#idx_recruit a.idx_news_list:visited{
    background: url(../images/idx_btn_recruit.gif) left -20px no-repeat;
}
#idx_recruit a.idx_news_list:hover,
#idx_recruit a.idx_news_list:active{
    background: url(../images/idx_btn_recruit.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;
}

/* service site */
#idx_servicesite{
    width: 750px;
}
#idx_servicesite h2{
    width: 153px;
    height: 14px;
    background: url(../common/images/m_servicesite.gif) left top no-repeat;
}
#idx_servicesite h2 span{
    display: block;
    text-indent: -9999px;
}
#idx_servicesite div{
    width: 750px;
    margin: 0px 0px 70px 0px;
    padding: 15px 0px 15px 0px;
    background: #f8f8f8;
    text-align: center;
}
#idx_servicesite div ul{
    width: 480px;
    margin: 0px auto 0px auto;
}
#idx_servicesite div ul li{
    margin: 0px 5px 0px 5px;
    width: 150px;
    float: left;
    text-align: left;
}
#idx_servicesite div ul li img{
    display: block;
}
#idx_servicesite div ul li span{
    display: block;
    line-height: 1.3em;
    margin: 3px 0px 0px 0px;
    font-size: 90%;
}



/*  */
.idx_contents01{
    width: 180px;
    margin: 35px 0px 0px 0px;
    background: url(../images/idx_f_01_body.gif) left top repeat-y;
}
.idx_contents01_head{
    width: 180px;
    background: url(../images/idx_f_01_head.gif) left top no-repeat;
    padding: 4px 0px 0px 0px;
}
.idx_contents01_foot{
    width: 180px;
    background: url(../images/idx_f_01_foot.gif) left bottom no-repeat;
    padding: 0px 0px 4px 0px;
    overflow: hidden;
}
.idx_contents01_foot div{
    margin: -1px 0px 0px 0px;
}
.idx_contents01_foot div div{
    margin: 0px 20px 0px 20px;
    padding: 0px 0px 0px 0px;
    background: url(../common/images/l_blue02.gif) left top repeat-x;
}
.idx_contents01_foot div div p{
    margin: 0px 0px 0px 0px;
    padding: 10px 0px 0px 0px;
    font-size: 110%;
    font-weight: bold;
}
.idx_contents01_foot div div p.idx_contents01_text{
    margin: 5px 0px 10px 0px;
    padding: 0px 0px 0px 0px;
    font-size: 100%;
    font-weight: normal;
    line-height: 1.3em;
}
.idx_contents01 a:link{
    color: #0088c1;
}
/*--------------------------------------------------------------------------------*/
/* case */
.idx_case_contents{
    margin: 30px 0px 0px 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{
    width: 180px;
    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;
}
.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;
}
/*--------------------------------------------------------------------------------*/
#idx_left_link{
    width: 180px;
    padding: 5px 0px 0px 0px;
}
#idx_left_link div{
    margin: 5px 0px 0px 0px;
    padding: 10px 10px 10px 10px;
    background: #e9e9e9;
}
#idx_left_link div a{
    display: block;
    width: 160px;
    height: 35px;
    text-indent: -9999px;
}
#idx_left_iphone_link{
    width: 180px;
    padding: 0px 0px 0px 0px;
}
#idx_left_iphone_link div{
    margin: 10px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    background: #e9e9e9;
}
#idx_left_iphone_link div a{
    display: block;
    width: 180px;
    height: 55px;
    text-indent: -9999px;
}
#idx_left_link div#idx_left_faq a:link,
#idx_left_link div#idx_left_faq a:visited{
    background: url(../common/images/btn_faq.gif) left -35px no-repeat;
}
#idx_left_link div#idx_left_faq a:hover,
#idx_left_link div#idx_left_faq a:active{
    background: url(../common/images/btn_faq.gif) left top no-repeat;
    color: #ffffff;
}
#idx_left_link div#idx_left_words a:link,
#idx_left_link div#idx_left_words a:visited{
    background: url(../common/images/btn_commentary.gif) left -35px no-repeat;
}
#idx_left_link div#idx_left_words a:hover,
#idx_left_link div#idx_left_words a:active{
    background: url(../common/images/btn_commentary.gif) left top no-repeat;
}
#idx_left_iphone_link div#idx_left_iphonepberry a:link,
#idx_left_iphone_link div#idx_left_iphonepberry a:visited{
    background: url(../common/images/btn_iphonepberry.gif) left -55px no-repeat;
    color: #ffffff;
}
#idx_left_iphone_link div#idx_left_iphonepberry a:hover,
#idx_left_iphone_link div#idx_left_iphonepberry a:active{
    background: url(../common/images/btn_iphonepberry.gif) left top no-repeat;
    color: #ffffff;
}


#idx_footer_banner{
    width: 100%;
    background: #ffffff;
}
#idx_footer_banner div{
    width: 960px;
    margin: 0px auto 0px auto;
    text-align: center;
}
#idx_footer_banner ul{
    width: 640px;
    margin: 0px auto 0px auto;
    padding: 20px 0px 20px 0px;
}
#idx_footer_banner ul li{
    float: left;
    padding: 0px 15px 0px 16px;
    background: url(../images/idx_bnr_line.gif) left top no-repeat;
}
#idx_footer_banner ul li#idx_footer_banner_title{
    float: left;
    padding: 10px 15px 0px 16px;
    background: none;
}