@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: 376px;
    padding: 0px 0px 0px 0px;
    background: url(../images/idx_p_main.jpg) right 236px no-repeat;
    position: relative;
}
#idx_main_area h1{
    position: absolute;
    top: 0px;
    left: 0px;
    width: 173px;
    min-height: 41px;
    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: 211px;
    background: url(../images/idx_t_catch.jpg) left top no-repeat;
    text-indent: -9999px;
}
#idx_main_area p{
    margin: 15px 370px 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_person_comp{
    width: 180px;
    height: 55px;
    float: left;
}
#idx_main_area .idx_service_btn .idx_vision_comp{
    width: 180px;
    height: 55px;
    float: right;
}
#idx_main_area .idx_service_btn .idx_person_comp a:link,
#idx_main_area .idx_service_btn .idx_person_comp a:visited{
    background: url(../../common/images/btn_person.gif) left -55px no-repeat;
}
#idx_main_area .idx_service_btn .idx_person_comp a:hover,
#idx_main_area .idx_service_btn .idx_person_comp a:active{
    background: url(../../common/images/btn_person.gif) left top no-repeat;
}
#idx_main_area .idx_service_btn .idx_vision_comp a:link,
#idx_main_area .idx_service_btn .idx_vision_comp a:visited{
    background: url(../../common/images/btn_vision.gif) left -55px no-repeat;
}
#idx_main_area .idx_service_btn .idx_vision_comp a:hover,
#idx_main_area .idx_service_btn .idx_vision_comp a:active{
    background: url(../../common/images/btn_vision.gif) left top no-repeat;
}


.idx_contents01_pkg {
    width: 730px;
    clear: both;
}
.idx_contents01_pkg:after{
    content: " ";
    display: block;
    visibility: hidden;
    clear: both;
    height: 0.1px;
    font-size: 0.1em;
    line-height: 0;
}

.idx_contents01_pkg .idx_contents01_cts,
.idx_contents02_cts{
    float: left;
}
.idx_contents01_cts {
    width: 232px;
}
.idx_contents02_cts {
    width: 232px;
    margin: 0 0 0 17px;
}
.idx_contents03_cts {
    width: 232px;
    float: right;
}
.idx_contents01{
    width: 212px;
    margin: 10px 0px 0px 0px;
    padding: 9px 11px 11px 11px;
    background: url(../../common/images/bg_blue03.gif);
}

.idx_contents01_l01{
    width: 208px;
    background: #ffffff;
    min-height: 250px;
    height: auto !important;
    height: 250px;
}
.idx_contents01_l02{
    width: 208px;
    background: #ffffff;
}
.idx_contents01_l01 div,
.idx_contents01_l02 div{
    width: 208px;
    margin: 5px 0px 0px 0px;
    overflow: hidden;
}
.idx_contents01_l01 ul,
.idx_contents01_l02 ul{
    width: 202px;
    margin: 0;
}
.idx_contents01_l01 ul li,
.idx_contents01_l02 ul li{
    width: 184px;
    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.end,
.idx_contents01_l02 ul li.end{
    background: none;
}
.idx_contents01_l01 ul li span,
.idx_contents01_l02 ul li span{
    display: block;
    padding: 0px 0px 0px 16px;
    background: url(../../common/images/a_blue01.gif) left 0.25em no-repeat;
}


/* 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_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: 708px;
    margin: 0px 0px 0px 11px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease,
#idx_recruit,
#idx_koushin{
    width: 708px;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul,
#idx_recruit ul,
#idx_koushin ul{
    width: 678px;
    margin: 0px 15px -1px 15px;
    padding: 0px 0px 0px 0px;
}
#idx_newsrelease ul li,
#idx_recruit 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_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: 550px;
    float: left;
    padding: 0px 0px 0px 5px;
}
#idx_recruit ul li span.idx_news_text{
    display: block;
    width: 480px;
    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: 708px;
    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: 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_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;
}

/* right_contents */
#right_contents{
    margin: 30px 0px 10px 0px;
}