@charset "UTF-8";
/* CSS Document */

/*----------------------------------------------------------------------------------------------------
*main-visual
----------------------------------------------------------------------------------------------------*/
div#main-visual-container {
    width: 1020px;
    margin: 0 auto;
    height: 380px;
    overflow: hidden;
    margin-top: 35px;
    margin-bottom: 35px;
}

div#main-visual-container div#main-visual {
    width: 100%;
    height: 380px;
    background: url(../img/main-visual.jpg) repeat-x left top;
}

div#main-visual-container div#main-visual2 {
    width: 100%;
    height: 380px;
    background: url(../img/main1.jpg) repeat-x left top;
}

div#main-visual-container div#main-visual2 a {
    display: block;
    width: 100%;
    height: 380px;
}

/* top test*/
div#main-visual-container div#main-visual3 {
    width: 100%;
    height: 380px;
    background: url(../img/main.jpg) repeat-x left top;
}

div#main-visual-container div#main-visual3 a {
    display: block;
    width: 100%;
    height: 380px;
}



@media screen and (max-width:640px) {

    div#main-visual-container {
        height: auto;
    }

    div#main-visual-container div#main-visual {
        height: 190px;
        background-size: auto 190px;
    }

    div#main-visual-container div#main-visual2 {
        height: 190px;
        background-size: auto 190px;
    }

    div#main-visual-container div#main-visual2 a {
        height: 190px;
        background-size: auto 190px;
    }


    /* top test*/
    div#main-visual-container div#main-visual3 {
        height: 190px;
        background-size: auto 190px;
    }

    div#main-visual-container div#main-visual3 a {
        height: 190px;
        background-size: auto 190px;
    }



}

/*----------------------------------------------------------------------------------------------------
*info-container
----------------------------------------------------------------------------------------------------*/
div#info-container {
    width: 100%;
    margin-bottom: 40px;
}

div#info-container ul.title-container {
    margin-bottom: 8px;
}

div#info-container ul.title-container li {
    float: right;
}

div#info-container ul.title-container li a {
    display: inline-block;
}


div#info-box {
    width: 1020px;
    height: 40px;
    margin-top: 8px;
    background: url(../img/info.gif) no-repeat;
}

div#info-box div.inner-container {
    height: 14px;
    width: 987px;
    padding: 13px 0;
    float: left;
}

div#info-box div.inner-container div#number {
    width: 29px;
    text-align: center;
    padding-left: 124px;
    float: left;
    line-height: 19px;
}

div#info-box div.inner-container div#number a {
    color: #426ab2;
}

html.ie6 div#info-box div.inner-container div#number a:hover,
html.ie7 div#info-box div.inner-container div#number a:hover,
html.ie8 div#info-box div.inner-container div#number a:hover {
    color: #d9e1f0;
}

div#info-box div.info-content {
    display: none;
}


div#info-box div.info-content div.date {
    width: 114px;
    text-align: center;
    padding-left: 16px;
    color: black;
    float: left;
}

div#info-box div.info-content div.title {
    background: url(../img/list_marker.gif) no-repeat 0 3px;
    padding-left: 11px;
    float: left;
}

div#info-box div#news-change-btn {
    width: 33px;
    height: 40px;
    float: right;
}

div#info-box div#news-change-btn a {
    width: 33px;
    height: 40px;
    display: block;
}

/*SP�lj�*/

div#sp-info-all {
    display: none;
}

div#sp-info-title {
    display: none;
}


@media screen and (max-width:640px) {

    div#info-container {
        margin-bottom: 20px;
    }

    div#info-container ul.title-container {
        display: none;
    }

    div#info-box div.inner-container {
        width: 100%;
        height: auto;
        float: none;
        padding: 0px;
    }

    div#info-box {
        width: 100%;
        height: auto;
        background: none;
        border-bottom: dotted 1px rgba(66, 106, 178, 0.2);
    }

    div#info-box div.inner-container div#number {
        display: none;
    }

    div#info-box div.info-content div.date {
        width: 90%;
        padding-left: 0px;
        text-align: left;
        margin: 0px auto;
        color: black;
        float: none;
    }

    div#info-box div.info-content div.title {
        padding-left: 0px;
        float: none;
        width: 90%;
        margin: 10px auto;
        padding: 0px 0px 10px 22px;
        background: url(../img/list_marker_sp.gif) no-repeat 12px 8px;
        background-size: 4px 4px;
    }

    div#info-box div#news-change-btn {
        display: none;
    }

    div#sp-info-all {
        display: block;
        text-align: right;
        padding: 10px;
    }

    div#sp-info-all a {
        color: #525252;
    }

    div#info-box div.inner-container div# div#sp-number {
        float: none;
        padding-left: 0px;
        background: #426ab2;
        border-radius: 14px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
    }


    div#sp-info-title {
        display: block;
        padding: 10px;
        background: #d9e3ed;
        margin: 10px 0px;
    }

    div#sp-info-title ul#sp-info-title-inner {
        text-align: center;
    }

    div#sp-info-title ul#sp-info-title-inner li {
        display: inline-block;
    }

    div#sp-info-title ul#sp-info-title-inner p {
        font-size: 14px;
    }

    div#sp-info-title ul#sp-info-title-inner div#sp-number {
        width: 29px;
        margin-left: 8px;
        margin-top: 1px;
        background: #426ab2;
        border-radius: 14px;
        -moz-border-radius: 14px;
        -webkit-border-radius: 14px;
        text-align: center;
    }

    div#sp-info-title ul#sp-info-title-inner div#sp-number a {
        color: #fff;
        margin: 0px auto;
    }


}

/*----------------------------------------------------------------------------------------------------
*news-ber
----------------------------------------------------------------------------------------------------*/
div#news-ber {
    width: 730px;
    margin-bottom: 20px;
    float: left;
}



/*----------------------------------------------------------------------------------------------------
*news-container
----------------------------------------------------------------------------------------------------*/
div#news-container {
    width: 730px;
    margin-bottom: 20px;
    float: left;
    border-top: solid 3px #3399CC;
}

div#corpnews-container {
    width: 730px;
    margin-bottom: 40px;
}

div#news-container h2 {
    width: 100%;
    height: 36px;
    background: url(../img/news.gif) no-repeat;
    float: left;
    overflow: hidden;
    text-indent: -9999px;
    border-bottom: solid 1px #3399CC;
}

div#corpnews-container h2 {
    float: left;
}


div#news-container ul.title-container,
div#corpnews-container ul.title-container {
    margin-bottom: 8px;
}

div#news-container ul.title-container li,
div#corpnews-container ul.title-container li {
    float: right;
}

div#news-container ul.title-container li a,
div#corpnews-container ul.title-container li a {
    display: inline-block;
}

div#news-container ul#news-box,
div#corpnews-container ul#corpnews-box {
    width: 730px;
    list-style-type: none;
    border: solid 1px #ccd4e5;
    border-top: solid 1px rgba(66, 106, 178, 0.2);
}

ul#news-box {}

ul#news-box li,
ul#corpnews-box li {
    width: 730px;
    height: 36px;
    line-height: 36px;
    float: left;
}

ul#news-box li.ip,
ul#corpnews-box li.ip {
    background: url(../img/news_bg1.jpg);
}



ul#news-box li.news,
ul#corpnews-box li.news {
    background: url(../img/news_bg2.jpg);
}


ul#news-box li.member,
ul#corpnews-box li.member {
    background: url(../img/news_bg3.jpg);
}


ul#news-box li.no-line,
ul#corpnews-box li.no-line {
    background: url(../img/news_bg.jpg);
}


ul#news-box li div.date,
ul#corpnews-box li div.date {
    width: 90px;
    text-align: center;
    color: black;
    float: left;
}

ul#news-box li div.title,
ul#corpnews-box li div.title {
    padding-left: 65px;
    float: left;
}

ul#news-box li div.title img,
ul#corpnews-box li div.title img {
    padding-left: 4px;
    padding-bottom: 5px;
    display: inline;
    vertical-align: middle;
}

html.ie6 ul#news-box li div.title img {
    padding-top: 6px;
    padding-bottom: 10px;
}

div#sp-news-all {
    display: block;
    text-align: right;
    padding: 10px;
    background: url(../img/list_marker_sp.gif) no-repeat right center;
}

div#sp-news-all {
    color: #525252;
}

/*box*/
div#new_box {
    width: 710px;
    margin-bottom: 20px;
    padding: 5px;
    text-align: left;
    color: #333;
    border: solid 1px #cccccc;
}

/*info*/
div#info {
    width: 95%;
    margin: 0 10px;
    margin-bottom: 20px;
    padding: 10px 10px;
    text-align: center;
    float: left;
    font-size: 105%;
    color: #ed5252;
    border: solid 2px #f5adb0;
}

/*server*/
div#mente {
    width: 710px;
    margin-bottom: 20px;
    padding: 10px;
    text-align: center;
    float: left;
    color: #333;
    border: solid 1px #cccccc;
}


/*server*/
div#server {
    width: 710px;
    margin: 10px 0;
    padding: 10px;
    text-align: center;
    float: left;
    color: #333;
    border: solid 1px #ff0000;
}

div#server span {
    color: #ff0000;
    font-size: 15px;
}


@media screen and (max-width:640px) {

    div#news-container,
    div#corpnews-container {
        margin-bottom: 20px;
    }

    div#news-container ul.title-container,
    div#corpnews-container ul.title-container {
        display: none;
    }

    div#news-container h2 {
        float: none;
        width: 100%;
        height: 45px;
        background: url(../img/news_sp.gif) no-repeat;
        background-position: left center;
        border-top: solid 1px rgba(66, 106, 178, 0.2);
    }



    ul#news-box li {
        width: auto;
        margin: 0px auto;
        height: auto;
        background: none;
        line-height: 20px;
        text-align: left;
        padding: 5px 5%;
        float: none;
        border-bottom: dotted 1px rgba(66, 106, 178, 0.2);
    }


    div#news-container ul#news-box {
        width: 100%;
        margin: 0px auto;
        height: auto;
        list-style-type: none;
        text-align: center;
        border-top: solid 1px #ccd4e5;
        border-top: solid 1px rgba(66, 106, 178, 0.2);
    }

    /*
ul#news-box li div.date{
width:100%;
text-align:left;
float:none;
margin:0px auto;
padding:10px 0px;
}

ul#news-box li div.title{
width:100%;
padding-left:0px;
float:none;
margin:0px auto;
padding:0px 0px 10px 10px;
background:url(../img/list_marker_sp.gif) no-repeat 2px 8px;
background-size:4px 4px;
}
*/

    ul#news-box li div.date {
        width: 100%;
        text-align: left;
        float: none;
        height: 36px;
    }

    ul#news-box li div.title {
        width: 100%;
        float: none;
        height: 36px;
        padding: 0px 0px 10px 10px;
        background: url(../img/list_marker_sp.gif) no-repeat 2px 8px;
        background-size: 4px 4px;
    }



    ul#news-box li.ip {
        border-top: dotted 1px #C5D8EB;
        background: #fff;
    }


    ul#news-box li.news {
        border-top: dotted 1px #C5D8EB;
        background: #fff;
    }


    ul#news-box li.member {
        border-top: dotted 1px #C5D8EB;
        background: #fff;
    }


    ul#news-box li.no-line {
        background: #fff;
    }

    /*server*/
    div#mente {
        width: 85%;
        margin: 0 5% 0 5%;
        float: none;
        margin-bottom: 20px;
    }



    /*SP�lj�*/
    div#sp-news-all,
    div#sp-corpnews-all {
        display: none;
    }

}


/*----------------------------------------------------------------------------------------------------
*menu-container, contents-container  �g�b�v�y�[�W
----------------------------------------------------------------------------------------------------*/
div#menu-container {
    width: 1020px;
    margin-top: -100px;
    margin-bottom: 40px;
    float: left;
}


div#menu-container div.contents-container {
    width: 320px;
    background: white;
    border: 1px solid #f0efef;
    border-radius: 2px;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 12px;
    float: left;
}

html.ie6 div#menu-container div.contents-container {
    margin-right: 11px;
}

div#menu-container div.contents-container h3 {
    margin: 5px 5px 19px;
}

div#menu-container div.contents-container h3 a {
    width: 310px;
    height: 114px;
    display: block;
    overflow: hidden;
    text-indent: -9999px;
}

div#menu-container div.contents-container h3.cont1 a {
    background: url(../img/cont1.jpg) no-repeat;
}

div#menu-container div.contents-container h3.cont2 a {
    background: url(../img/cont2.jpg) no-repeat;
}

div#menu-container div.contents-container h3.cont3 a {
    background: url(../img/cont3.jpg) no-repeat;
}

div#menu-container div.contents-container h3.cont4 a {
    background: url(../img/cont4.jpg) no-repeat;
}


div#menu-container div.contents-container h3.recruit a {
    background: url(../img/contents_recruit.jpg) no-repeat;
}

div#menu-container div.contents-container ul.contents-menu {
    padding-left: 22px;
    padding-bottom: 5px;
    float: left;
}

div#menu-container div.contents-container ul.contents-menu li {
    color: #000;
}

div#menu-container div.contents-container ul.contents-menu li a {
    margin-bottom: 4px;
    padding-left: 20px;
    background: url(../img/cont_list.gif) no-repeat left 7px;
    font-weight: bold;
    color: #000;
    font-size: 17px;
}

@media screen and (max-width:640px) {

    div#menu-container {
        margin-top: 20px;
        width: 100%;
    }

    div#menu-container div.contents-container {
        width: 90%;
        height: auto;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin: 0px auto 12px auto;
        float: none;
    }

    div#menu-container div.contents-container ul.contents-menu {
        padding-left: 10px;
        float: left;
        margin-bottom: 10px;
    }

    div#menu-container div.contents-container h3 {
        float: left;
        width: 100%;
        margin: 0px;
    }

    div#menu-container div.contents-container h3 a {
        width: 98%;
        height: 100px;
        display: block;
        overflow: hidden;
        text-indent: -9999px;
        margin: 5px auto 10px auto;
    }

    div#menu-container div.contents-container ul.contents-menu li {
        color: #000;
    }

    div#menu-container div.contents-container ul.contents-menu li a {
        color: #000;
        margin-bottom: 4px;
        padding-left: 20px;
        background: url(../img/cont_list.gif) no-repeat left 7px;
        background-size: 15px 15px;
    }


    div#menu-container div.contents-container h3.cont1 a {
        background: url(../img/cont1_sp.jpg) no-repeat;
        background-size: 100%;
        background-position: center left;
    }

    div#menu-container div.contents-container h3.cont2 a {
        background: url(../img/cont2_sp.jpg) no-repeat;
        background-size: 100%;
        background-position: center left;
    }

    div#menu-container div.contents-container h3.cont3 a {
        background: url(../img/cont3_sp.jpg) no-repeat;
        background-size: 100%;
        background-position: center left;
    }

    div#menu-container div.contents-container h3.cont4 a {
        background: url(../img/cont4_sp.jpg) no-repeat;
        background-size: 100%;
        background-position: center left;
    }
}

/*----------------------------------------------------------------------------------------------------
*menu-container-c, contents-container-c  �R���e���c�y�[�W
----------------------------------------------------------------------------------------------------*/
div#menu-container-c {
    width: 760px;
    margin-top: 10px;
    margin-bottom: 40px;
    float: left;
}


div#menu-container-c div.contents-container-l {
    width: 360px;
    background: white;
    border: 1px solid #f0efef;
    border-radius: 2px;
    margin-right: 20px;
    margin-bottom: 12px;
    float: left;
}

div#menu-container-c div.contents-container-r {
    width: 360px;
    background: white;
    border: 1px solid #f0efef;
    border-radius: 2px;
    margin-bottom: 12px;
    float: right;
}




div#menu-container-c h3 {
    margin: 10px 10px;
    border-left: 5px solid #0081CC;
    font-size: 16px;
    padding: 5px 10px;
    font-weight: bold;
    color: #444444;
}


div#menu-container-c p {
    padding: 5px 10px;
    margin-bottom: 10px;
    color: #444444;
}


div#menu-container-c a {
    padding: 0px 10px;
    background: url(../img/list_marker.gif) no-repeat left 5px;
    margin: 10px 10px;
}


/*����y�[�W�@���
.news-inner{
width:720px;
margin:15px auto;
font-size:90%;
color:#444444;
font-weight:normal;
}


 div.newsletter-container-l{
width:220px;
margin-bottom:12px;
float:left;
}

 div.newsletter-container-l p{
padding:5px 10px;
margin-bottom:20px;
text-align:center;
}

*/


@media screen and (max-width:640px) {

    div#menu-container-c {
        margin-top: 20px;
        width: 100%;
        margin: 0px auto;
        float: none;
    }

    div#menu-container-c div.contents-container-l {
        width: 90%;
        height: auto;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin: 0px auto 12px auto;
        float: none;
    }

    div#menu-container-c div.contents-container-r {
        width: 90%;
        height: auto;
        background: #fff;
        border: 1px solid #e5e5e5;
        margin: 0px auto 12px auto;
        float: none;
    }


    div#menu-container-c h3 {
        margin: 10px 10px;
        border-left: 5px solid #0081CC;
        font-size: 16px;
        padding: 5px 10px;
        font-weight: bold;
        color: #444444;
    }


    /*����y�[�W�@���

.news-inner{
width:100%;
padding:20px 0px 0px 0px;
margin:auto;
}


 div.newsletter-container-l{
width:90%;
height:auto;
background:#fff;
border: 1px solid #e5e5e5;
margin:0px auto 12px auto;
float:none;
}
*/

}

/*----------------------------------------------------------------------------------------------------
*menu-container-c, contents-container-c  �����ǃy�[�W
----------------------------------------------------------------------------------------------------*/
#table {
    margin: 20px 10px 20px 10px;
    width: 95%x;
    border-collapse: collapse;
}

#table td,
#table th {
    width: 25%;
    padding: 3px;
    border: 1px solid #f0efef;
    color: #444444;
}

#table th {
    font-weight: bold;
    color: #444;
}

#table th {
    background: #FFCC66;
}

/*������_�ϑ�*/

#table_k {
    margin: 20px 10px 20px 10px;
    width: 95%;
    border-collapse: collapse;
}

#table_k td,
#table_k th {
    padding: 5px;
    border: 1px solid #cccccc;
    color: #444444;
}

#table_k th {
    font-weight: bold;
}

#table_k th {
    text-align: center;
    background: #FFCC66;
}

#table_k .bg {
    text-align: center;
    background: #FFF288;
}


/*�����p*/

#table_m {
    margin: 20px 10px 20px 10px;
    width: 95%;
    border-collapse: collapse;
}

#table_m td,
#table_m th {
    padding: 5px;
    border: 1px solid #cccccc;
    color: #444444;
}

#table_m th {
    font-weight: bold;
}

#table_m th {
    text-align: center;
    background: #FFCC66;
}

#table_m .bg {
    text-align: left;
    background: #ececec;
}

#table_m .bg1 {
    text-align: center;
    background: #ececec;
    font-weight: bold;
}


#table_r {
    margin: 20px 10px 20px 10px;
    width: 95%;
    border-collapse: collapse;
}

#table_r td,
#table_r th {
    padding: 5px;
    border: 1px solid #cccccc;
    color: #444444;
}

#table_r th {
    font-weight: bold;
}

#table_r th {
    text-align: center;
    background: #FFCC66;
}

#table_r .tc {
    text-align: center;
}


#table_r .bg {
    text-align: center;
    background: #ececec;
}

#table_r .bg1 {
    text-align: center;
    background: #ececec;
    font-weight: bold;
}




@media screen and (max-width:640px) {


    #table_k {
        width: 80%;
        margin: 0px 10px 0px 10px;
    }

    #table_k tr {
        width: auto;
        border-top: none !important;
    }

    #table_m {
        width: 95%;
        margin: 0px 5px 0px 5px;
    }

    #table_m tr {
        width: auto;
        border-top: none !important;
    }


    #table_r {
        width: 95%;
        margin: 0px 5px 0px 5px;
    }

    #table_r tr {
        width: auto;
        border-top: none !important;
    }

    .img1 {
        width: 90%;
        height: auto;
        margin: 0px 10px 0px 10px;
    }


}



/*----------------------------------------------------------------------------------------------------
*sub-link
----------------------------------------------------------------------------------------------------*/
ul#sub-link {
    width: 220px;
    margin-bottom: 20px;
    margin-right: 15px;
    float: right;
}

ul#sub-link li {
    margin-bottom: 10px;
}

ul#sub-link li a {
    width: 220px;
    height: 82px;
    text-indent: -9999px;
    display: block;
}

ul#sub-link li.itami a {
    background: url(../img/ber_itami.gif) no-repeat;
}

ul#sub-link li.hishikai a {
    background: url(../img/ber_hisihkai.gif) no-repeat;
}

ul#sub-link li.kikan_s a {
    background: url(../img/ber_kikan_s.jpg) no-repeat;
}

ul#sub-link li.credit a {
    background: url(../img/iryocredit.png) no-repeat;
}

ul#sub-link li.mamis a {
    background: url(../img/ber_mamis.jpg) no-repeat;
}


ul#sub-link li.last {
    margin-bottom: 0;
    margin-top: 20px;
    padding: 20px 0 0 0;
    border-top: solid 1px #ccd4e5;
    border-top: solid 1px rgba(66, 106, 178, 0.2);
}

@media screen and (max-width:640px) {

    ul#sub-link {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 0px;
        text-align: center;
    }

    ul#sub-link li a {

        margin: 0px auto;

    }

    /*��Ë@�փo�i�[�\�����Ȃ�*/
    div#news-ber img {
        display: none;
    }



}

/*----------------------------------------------------------------------------------------------------
*sub-link2
----------------------------------------------------------------------------------------------------*/
ul#sub-link2 {
    width: 220px;
    float: right;
}

ul#sub-link2 li {
    margin-bottom: 10px;
}

ul#sub-link2 li a {
    width: 220px;
    height: 100px;
    text-indent: -9999px;
    display: block;
}

ul#sub-link2 li.timelesswork a {
    background: url(../img/sub_timelesswork.jpg) no-repeat;
}

@media screen and (max-width:640px) {

    ul#sub-link2 {
        width: 100%;
        margin: 0px auto;
        margin-bottom: 0px;
        text-align: center;
    }

    ul#sub-link2 li a {

        margin: 0px auto;

    }
}