@charset "utf-8";

/****************************************************************************
サービス関連　.service
****************************************************************************/

.service #contents{
    background:url(../img/contents_home_bg.png) repeat center top;
    padding-top:40px;
}

.service h2{
    height:70px;
    line-height:70px;
    font-size:28px;
    padding-left:30px;
    background:url(../img/txthead.png) no-repeat left top;
    color:#4c4c4c;
    padding-bottom:30px;
}

.service h3{
    padding: 10px 10px 10px 20px;
    margin-top: 30px;
    background: #64c6f0;
    font-size:18px;
    color: #fff;
}

.service #contents a { text-decoration: underline; }

.service #contents a:hover { text-decoration: none; }

#step { padding-top: 20px; }

.service form{ padding-top:20px; }

.service .full{ width:95%; }
.service .middle{ width:50%; }
.service .short{ width:15%; }
.service .mini{ width:5%; }

.service span,
.service .err{
    color:#e60012;
    font-weight:normal;
}

.service form table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.service form th,
.service form td{
    padding:18px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.service form th{
    background:#dbf9f3;
    width:200px;
}

.service .odd th{ background-color:#dff3fc; }

.service form td{
    background:#fff;
}

.service form td label{
    margin-left:0.5em;
    margin-right:1em;
}

.service th span{
    padding-left:0.5em;
}

.service .domain{  color:#e60012;
    margin-right: 0.25em; }

.service td p { padding-top: 1em; }
.service td span{ color: #50453f; }

.service select{
    font-size: 100%;
    color:#50453f;
}

.courseinfo{ display: none; }

#halfcourseinfo{ padding-bottom: 20px; }

.courseexp{ font-size: 80%;}

form .monshin textarea{
    width: 97%;
    height: 80px;
}

.bdcaution{
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    padding: 40px 0 10px 0;
}

.service td.cautionbox{
    background: #DBF9F3;
}

.cautionbox li{
    padding-top: 5px;
    text-indent: -1em;
    margin-left: 1em;
}

.service #contents .btnbox.nomargin { margin-top: 0; padding-top: 0; }

.btn_back {
    width: 200px;
    height: 40px;
    padding: 15px 0;
}

.service #contents .btn_back a {
    display: block;
    width: 176px;
    height: 36px;
    padding-left: 18px;
    border: 2px solid #d9d9d9;
    background: url(../img/arrow.png) no-repeat 15px center #fff;
    line-height: 36px;
    text-align: center;
    text-decoration: none;
}

.service #contents .btnbox button {
    padding: 10px 40px 10px 20px;
    border: 2px solid #d9d9d9;
    background: url(../img/arrow_r.png) no-repeat right center #fff;
    text-align: center;
    color:#50453f;
    font-size: 100%;
    cursor: pointer
}

.service #contents #comp .btnbox button {
    padding: 10px 20px 10px 40px;
    background: url(../img/close.png) no-repeat 20px center #fff;
}

.service #contents .btn_back a:hover,
.service #contents .btnbox button:hover,
.service #contents #comp .btnbox button:hover {
    background-color: #DBF9F3;
}

#comp {
    width: 600px;
    margin: 0 auto;
    padding-top: 40px;
}
#comp h4 { font-size: 18px; }
#comp p { padding-top: 15px; }


/****************************************************************************
調査　.survey
****************************************************************************/

.survey{ background:url(../img/survey_bg.png) no-repeat center top #f6f6d5; }

.survey #contents{
    background:url(../img/contents_home_bg.png) repeat center top;
    padding-top:40px;
}

*+html .survey #contents{ margin-top:0; }
* html .survey #contents{ margin-top:0; }

.survey h2{ padding-bottom:30px; }
.survey .copy{ padding-bottom:30px; }

/*ログイン*/

#login.survey #contents{
    background:url(../img/contents_bg.png) no-repeat center top;
    padding-top:60px;
}

#svlogin{
    width:660px;
    margin:0 auto;
}

#svlogin dl{
    width:660px;
    position:relative;
}

#svlogin dt{
    position:absolute;
    width:250px;
    left:0;
    height:50px;
}

#svlogin dd{
    width:410px;
    height:50px;
    margin-left:250px;
    padding-bottom:20px;
}

*+html #svlogin dt{ padding-top:1px; }
* html #svlogin dt{ padding-top:1px; }

*+html #svlogin dd{ margin-left:125px; }
* html #svlogin dd{ margin-left:125px; }

#svlogin dd input{
    width:393px;
    height:48px;
    border:none;
    font-size:18px;
    border-top:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
    border-bottom:1px solid #b3b3b3;
    line-height:48px;
}
#svlogin dd input[type=date]{
    height:50px;
}

#svlogin dd input:hover,
#svlogin dd input:focus{
    border-color:#d9d9d9;
}

#svlogin input[type="submit"]{ background-image:url(../img/sv_btn_login.png); }
#svlogin input[type="submit"]#pass{ background-image:url(../img/sv_btn_password.png); }

/*調査フォーム汎用*/

.survey form input[type="text"],
.survey form input[type="password"],
.survey form textarea,
.survey form select{
    border-color:#fabf72;
}

.survey form input[type="text"]:hover,
.survey form input[type="text"]:focus,
.survey form input[type="password"]:hover,
.survey form input[type="password"]:focus,
.survey form textarea:hover,
.survey form textarea:focus{
    border-color:#f5d957;
}

.survey input[type="submit"]#check{ background-image:url(../img/sv_user_btn_check.png); }
.survey input[type="button"]#back{ background-image:url(../img/sv_user_btn_back.png); }
.survey input[type="submit"]#addnext{ background-image:url(../img/sv_user_btn_addnext.png); }
.survey input[type="submit"]#add{ background-image:url(../img/sv_user_btn_add.png); }
.survey input[type="submit"]#submit{ background-image:url(../img/sv_user_btn_submit.png); }
.survey input[type="submit"]#end{ background-image:url(../img/sv_user_btn_end.png); }

.survey input[type="button"]#hback{ background-image:url(../img/sv_user_btn_back_h.png); }
.survey input[type="button"]#close{ background-image:url(../img/sv_user_btn_close.png); }

.survey form .err{
    color:#e60012;
    font-weight:normal;
}

.survey .copy .err{ color:#e60012; }

.survey form .err label,
.survey form .err th{
    color:#4c4c4c;
}

.survey form table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    margin-bottom:30px;
}

#svform .btnbox,
#svuser .btnbox{ padding-top:0; }

.survey form th,
.survey form td{
    padding:15px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
    background:#fff;
}

.survey form td.errtd{
    background:#FCC;
}

.survey form td.sep{ background:#eee; }

.survey form th{ background:#fff5e8;}
.survey form .odd th{ background-color:#fffae5; }

.survey form th.no{
    text-align:center;
    color:#fff;
    font-weight:bold;
    background:#fabf72;
    width:20px;
}
.survey form .odd th.no{ background-color:#f5d957; }

.survey form td{
    padding-right:0;
}

.survey form td label,
.radiogroup label{
    margin-right:15px;
}

*+html .survey form td label{ display:inline-block; line-height:1em; }
* html .survey form td label{ display:inline-block; line-height:1em; }

.survey form th span{
    padding-left:0.5em;
    font-size:12px;
}

/*ユーザーフォーム*/

#svuser th{ width:100px; }

/*調査フォーム*/

.survey .question{
    font-size:120%;
    font-weight:bold;
    padding:0 0 15px 0;
}

.survey .question strong{
    font-size:140%;
}

.survey .subquestion{
    font-size:110%;
    font-weight:bold;
    padding:0 0 10px 0;
}

#svform th{
    white-space:normal;
}

#svform td{
    white-space:nowrap;
}

#svform td label{
    padding:10px 5px;
}

#svform textarea{
    margin-left:10px;
    margin-bottom:30px;
    height:100px;
}

.radiogroup{ margin-bottom:30px; }


/*確認画面*/

#svform.confirm td{ width:260px; }

/*ページ汎用*/

.txthead{
    height:70px;
    line-height:70px;
    font-size:28px;
    padding-left:30px;
    background:url(../img/sv_txthead.png) no-repeat left top;
    color:#4c4c4c;
}

.caution{
    width:630px;
    padding:15px;
    margin:30px auto 0 auto;
    border:1px solid #F9C91E;
}

.pwcaution{
    width:630px;
    padding:15px;
    margin:0 auto 20px auto;
    border:1px solid #F9C91E;
}

.pwcaution strong,
.pwcaution em{
    font-size:16px;
    padding:0 0.5em;
    font-weight:bold;
}

.pwcaution strong{  color:#f2b523; }


.preview{
    padding:8px;
    line-height:1.5em;
    letter-spacing:0;
    color:#4c4c4c;
    border:1px solid #d9d9d9;
    background-color:#fff;
    margin-bottom:30px;
    min-height:1.5em;
    height:auto !important;
    height:1.5em;
}

/*スクロールバー バージョン*/

.scroll{
    height:600px;
    overflow:auto;
    padding-right:10px;
    margin-bottom:30px;
}

#svform .scroll table{ width:809px; }
*+html #svform .scroll table{ width:809px; }
* html #svform .scroll table{ width:809px; }


#errbox{
    width:787px;
    padding:10px;
    border:1px solid #e60012;
    background:#FCC;
    margin:20px 0;
    text-align:center;
    display:none;
}

#errbox strong{color:#e60012;}

.survey #svform .scroll tr.err td{
    background:#FCC;
}

#svform .scroll td{
    width:60px;
    padding:0px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

#svform .scroll td label{
    display:block;
    margin:0;
    padding:20px 0;
    text-align:center;
}

.survey form .scroll th.no{ width:20px; }

.answers{
    text-align:right;
    padding-right:31px;
}

/*scrollfollow バージョン*/

#scroll{}

.survey #svform #scroll tr.err td{
    background:#FCC;
}

#svform #scroll td{
    width:60px;
    padding:0px;
    text-align:center;
    vertical-align:middle;
    cursor:pointer;
}

#svform #scroll td label{
    display:block;
    margin:0;
    padding:20px 0;
    text-align:center;
}

.survey form #scroll th.no{ width:20px; }

#answers{
    position:relative;
    width:auto;
    height:155px;
    text-align:right;
}

/**/

#tel_mail th{
    width:150px;
}


/*完了ページ*/
.survey .thanks{
    font-size:16px;
    font-weight:bold;
    padding-bottom:15px;
}

.survey .inq,
.survey .insert{
    padding-top:30px;
}


/*履歴*/
#history.survey #contents{
    background:url(../img/contents_bg.png) no-repeat center top;
    padding-top:60px;
}

#historylist h3{ padding-top:20px; }

.nodata{
    text-align:center;
    padding:30px;
}

#historylist table{
    margin-top:30px;
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

#historylist th,
#historylist td{
    padding:15px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
    background:#fff;
}

#historylist th{ background:#fff5e8; text-align:center; }
#historylist .odd th{ background-color:#fffae5; }
#historylist thead th{
    font-weight:bold;
}

#historylist td{ padding-left:30px; }

#historylist .sdate{ width:15em; }

#historylist .sbtn{
    width:200px;
    border-left:none;
    padding-bottom:5px;
}
#historylist .sbtn .btnlink{ width:200px; padding-bottom:10px; }
#historylist .btnlink a{
    background-image:url(../img/his_btnlink_bg.png);
}

/*履歴ストレスプロフィール*/

.expbox{
    width:auto;
    padding:10px;
    background:#eee;
    line-height:1.5em;
    margin-top: 20px;
    margin-bottom: -10px;
}

.expbox strong {
    display: block;
    margin-right: 1em;
}

.txthead.nomargin{ margin:0; padding-bottom:0; }
.txthead.topmargin{ margin:0; padding-bottom:0; margin-top:50px; }

.sphead{
    font-size:20px;
    padding-left:10px;
    border-left:5px solid #F9C91E;
    margin:50px 0 20px 0;
}

.tablehead{
    width:839px;
    height:16px;
    background:url(../img/his_stress_table_bg.png) repeat-y right top;
    padding:10px 0 10px 0;
}

.tablehead dt{
    float:left;
    width:218px;
    padding-right:30px;
    line-height:16px;
    text-align:right;
    font-weight:bold;
}

.tablehead dd{
    float:left;
    width:118px;
    text-align:center;
    line-height:16px;
}

.tablehead dd.arrow{ width:354px; }
.tablehead dd.low{ background:url(../img/his_dd_low.png) no-repeat center center; color:#fff; font-size:12px; }
.tablehead dd.high{ background:url(../img/his_dd_high.png) no-repeat center center; color:#fff; font-size:12px; }


table.graph{
    border:1px solid #ccc;
    margin-bottom:10px;
}

.graph th{
    width:238px;
    padding:5px;
    text-align:right;
    border-right:1px solid #ccc;
    background:#FFF5E8;
}

.graph tr:first-child th{ padding-top:12px;}
.graph tr:first-child td{ padding-top:6px;}
.graph tr:last-child th{ padding-bottom:12px;}
.graph tr:last-child td{ padding-bottom:6px;}

.graph tbody td{
    width:590px;
    background:url(../img/his_stress_table_bg.png) repeat-y right top #fff;
}

.graph td span{
    float:left;
    width:118px;
    text-align:right;
    height:1em;
    line-height:1em;
    padding:3px 0;
    background:url(../img/his_bar_bg.png) no-repeat left center;
}

.chartbox{
    background:#fff;
    border:1px solid #ccc;
}

.chartbox td{
    padding:15px;
    text-align:center;
    vertical-align:middle;
}

.chartbox div{
    width:95%;
    margin-bottom:15px;
    padding:10px;
    background:#eee;
    line-height:1.5em;
    text-align:left;
}

.chartbox td.chartimg{
    width:310px;
}

.chartbox dl{ position:relative; }

.chartbox dt{
    position:absolute;
    width:1em;
    left:0;
    text-align:center;
}

.chartbox dd{
    margin-left:1.5em;
}

#textarea{
    padding:30px 45px;
    font-size:16px;
    line-height:2em;
    border:1px solid #ccc;
    background:#fff;

    margin-bottom:30px;
}

#textarea p{ text-indent:1em; }

p.sep{ padding-bottom:1.5em; }

#textarea .result{
    padding:25px;
    border:3px solid #ddd;
}

#textarea p.condition{
    text-indent:0;
    margin:15px 0;
    padding-top:80px;
    background:no-repeat left top;
}

#textarea p.c001{ background-image:url(../img/condition001.png); }
#textarea p.c002{ background-image:url(../img/condition002.png); }
#textarea p.c003{ background-image:url(../img/condition003.png); }
#textarea p.c004{ background-image:url(../img/condition004.png); }
#textarea p.c009{ background-image:url(../img/condition005.png); }

.sp{ padding-top:1em; }

#eapdata {
    margin-top: 20px;
    padding: 10px 30px;
    background: #eee;
}

#eapdata h3 {
    padding-bottom: 2px;
    margin-bottom: 10px;
    border-bottom: 1px solid #bbb;
}

#eapdata h3 span {
    font-size: 80%;
    margin-left: 1em;
}

/****************************************************************************
ユーザーの管理　.user
****************************************************************************/

.user h2{ padding-bottom:30px; }
.user h3{ padding-top:30px; }

.user .error,
.user .valid{
    margin:30px 0 0 0;
}

.user table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.user th,
.user td{
    border-bottom:1px solid #d9d9d9;
}

.user th{
    background-color:#d9d9d9;
    padding:0 10px;
    text-align: center;
}

.user th.nomove {
    width: 140px;
}

.user th.nomove.del {
    width: 65px;
}

.user tr.eve{
    background:#dbf9f3;
}

.user td.uid,
.user td.uno,
.user td.uname,
.user td.chk{
    font-size:16px;
}

.user td.uid,
.user td.uno{
    width: 6em;
}

.user td.uname,
.user td.uid{
    width: auto;
    white-space: nowrap;
}

.user td.chk{
    text-align: center;
}

.user td{
    padding:12px 10px;
}

.user #userid{
    width: auto;
}

.user #userno,
.user #syainno {
    width: 5.5em;
}

.user #lastname,
.user #name{
    width: 6em;
}

.user td .btnlink {
    width:140px;
}

.user td .btnlink a{
    background:url(../img/user_btnlink_bg.png) no-repeat center bottom;
}

.user td .btnlink.deluser{
    width: 65px;
}

.user td .btnlink.deluser a{
    background:url(../img/user_btnlink_del_bg.png) no-repeat center bottom;
}


.user td .nopw{
    width:140px;
    height:30px;
    line-height:30px;
    text-align:center;
}

.user #adduser input[type="submit"]{
    width:140px;
    height:30px;
    background-image:url(../img/user_btn_adduser.png);
}

/****************************************************************************
企業情報の管理　.client
****************************************************************************/

.client h2{ padding-bottom:30px; }

.client form{ padding-top:30px; }

.client span,
.client .err{
    color:#e60012;
    font-weight:normal;
}

.client form table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.client form th,
.client form td{
    padding:18px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.client form th{
    background:#dbf9f3;
    width:200px;
}

.client .odd th{ background-color:#dff3fc; }

.client form td{
    background:#fff;
}

.client form td label{
    margin-left:0.5em;
    margin-right:1em;
}

.client th span{
    padding-left:0.5em;
}

.client input[type="submit"]#check{ background-image:url(../img/consult_btn_check.png); }
.client input[type="submit"]#submit{ background-image:url(../img/client_btn_submit.png); }
.client input[type="submit"]#end{ background-image:url(../img/consult_btn_end.png); }

/****************************************************************************
アンケート　.question
****************************************************************************/

.question h2{ padding-bottom:30px; }

.question form{ padding-top:30px; }

/* コードチェック */

.question #checkcode{}

.question #checkcode form{
    width:550px;
    margin:0 auto;
}

.question #checkcode form th{
    width:10em;
}

.question #checkcode input[type="submit"]{ background-image:url(../img/mailmaga_btn_submit.png); }

/*アンケート*/

.question #question span,
.question #question .err{
    color:#e60012;
    font-weight:normal;
}

.question #question form table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.question #question form th,
.question #question form td{
    padding:18px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.question #question th{
    background:#dbf9f3;
    width:250px;
    white-space:normal;
}

.question #question .odd th,
.question #question dt.odd{ background-color:#dff3fc; }

.question #question form td{
    background:#fff;
}

.question #question form td label{
    margin-left:0.5em;
    margin-right:1em;
}

.question #question th span{
    padding-left:0.5em;
}

.question #question input[type="submit"]#check{ background-image:url(../img/consult_btn_check.png); }
.question #question input[type="button"]#back{ background-image:url(../img/consult_btn_back.png); }
.question #question input[type="submit"]#submit{ background-image:url(../img/consult_btn_submit.png); }
.question input[type="submit"]#end{ background-image:url(../img/consult_btn_end.png); }


/****************************************************************************
事例集　.cases
****************************************************************************/

.cases h2{ padding-bottom:30px; }

.cases h3 {
    font-size: 18px;
    line-height: 1em;
    padding: 3px 0;
    /*  color: #2688C9; */
    padding-left: 10px;
    border-left: 3px solid #46BCF4;
    margin-top: 10px;
}

#caseslist{
    width:840px;
    padding-top:20px;
    border-bottom:1px solid #d9d9d9;
}

#caseslist ul{
    width:840px;
    margin:0 auto;
}

#caseslist ul#tab {
    text-align: left;
    list-style: none;
    margin: 0;
    padding: 0;
    line-height: 40px;
}

#caseslist ul#tab li {
    margin: 0;
    padding: 0 10px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background: #dff3fc;
    display: inline-block;
    margin-right: 5px;
}

#caseslist ul#tab li.selected {
    background: #FFF;
    color: #000;
}

#caseslist ul#tab li a {
    text-decoration: none;
    background:url(../img/cases_dt_arrow_down.png) no-repeat left center;
    line-height:40px;
    min-height:40px;
    height:auto !important;
    height:40px;
}

#caseslist li{
    padding:14px;
    border:1px solid #d9d9d9;
    border-bottom:none;
    background-color:#dbf9f3;
}

#caseslist li a{
    display:block;
    padding-left:20px;
    background:url(../img/cases_dt_arrow.png) no-repeat left 2px;
    cursor:pointer;

    font-weight:bold;
    line-height:20px;
    min-height:20px;
    height:auto !important;
    height:20px;
    text-decoration: none;
}
#caseslist li.odd{ background-color:#dff3fc; }

#casesdetail dl{
    width:840px;
    margin:0 auto;
}

#casesdetail dt{
    padding:20px;
    border:1px solid #d9d9d9;
    border-bottom: none;
    background-color:#dff3fc;
}

#casesdetail dt span{
    display:block;
    padding-left:20px;
    background:url(../img/cases_dt_arrow.png) no-repeat left 2px;
    font-size: 22px;
    font-weight:normal;
    line-height:20px;
    min-height:20px;
    height:auto !important;
    height:20px;
}

#casesdetail dd{
    background: #fff;
    padding:30px 40px;
    border:1px solid #d9d9d9;
    border-top: none;
}

#casesdetail dd.qst{
    border-bottom: none;
    padding-bottom: 0;
}

#casesdetail dd.qst div {
    padding-bottom: 33px;
    background: url(../img/cases_line.png) repeat-x left bottom;
}

#casesdetail dd.ans{
    padding-bottom: 40px;
}

#casesdetail dd a { text-decoration: underline; }
#casesdetail dd a:hover { text-decoration: none; }

#casesdetail dd p.anstitle{
    font-size: 18px;
    line-height: 1em;
    padding: 3px 0;
    padding-left: 10px;
    border-left: 3px solid #46BCF4;
    margin-bottom: 1em;
}

#casesdetail p.golist {
    padding: 20px 0 ;
}

#casesdetail p.golist a{
    display: block;
    width: 7em;
    height: 40px;
    margin: 0 auto;
    padding: 0 10px 0 30px;
    border: 1px solid #d9d9d9;
    line-height: 40px;
    background:url(../img/cases_dt_arrow_left.png) no-repeat 10px center #fff;
    text-decoration: none;
}




#caseslist dl{
    width:840px;
    margin:0 auto;
}

#caseslist dt{
    padding:14px;
    border:1px solid #d9d9d9;
    border-bottom:none;
    background-color:#dbf9f3;
}

#caseslist dt span{
    display:block;
    padding-left:20px;
    background:url(../img/cases_dt_arrow.png) no-repeat left 2px;
    cursor:pointer;

    font-weight:bold;
    line-height:20px;
    min-height:20px;
    height:auto !important;
    height:20px;
}

#caseslist dt.open span{
    background-image:url(../img/cases_dt_arrow_down.png);
}

#caseslist .odd dt,
#caseslist .odd dd.qst{ background-color:#dff3fc; }

#caseslist dd{ padding:14px; }

#caseslist dd.qst{
    padding-top:0;
    border:1px solid #d9d9d9;
    border-top:none;
    border-bottom:none;
    background:#dbf9f3;
}

#caseslist dd.ans{
    border:1px solid #d9d9d9;
    background:#fff;
    border-bottom:none;
}


/****************************************************************************
メールマガジン　.mailmaga
****************************************************************************/

.mailmaga h2{ padding-bottom:30px; }

.mailmaga form{
    width:700px;
    margin:0 auto;
    padding-top:30px;
}

.mailmaga form td label{
    margin-left:0.25em;
    margin-right:0.5em;
}

.mailmaga form span{
    color:#e60012;
    font-weight:normal;
}

.mailmaga input[type="submit"]{ background-image:url(../img/mailmaga_btn_submit.png); }

#backnumber{
    width:838px;
    margin-top:50px;
    border:1px solid #d9d9d9;
    min-height:600px;
    height:auto !important;
    height:600px;
}

#backnumber h3{
    border-bottom:1px solid #d9d9d9;
}

#main{
    float:right;
    width:647px;
    background:#fff;
    padding:20px;
    min-height:560px;
    height:auto !important;
    height:560px;
}

#res{
    height:560px;
    overflow:auto;
    padding-left:70px;
}

#res .mmtitle{
    font-size:16px;
    padding-bottom:20px;
}

#res .mmbody{
    width:480px;
}

#res pre{
    font-family:monospace;
    line-height:1.25em;
    white-space:pre-wrap;
    white-space:-moz-pre-wrap;
    white-space:-pre-wrap;
    white-space:-o-pre-wrap;
    word-wrap:break-word;
}


#sidebar{
    float:left;
    width:150px;
    background:#dbf9f3;
    border-right:1px solid #d9d9d9;
    min-height:600px;
    height:auto !important;
    height:600px;
}

#sidebar h4{
    text-align:center;
    border-bottom:1px solid #d9d9d9;
    background:#dff3fc;
    padding:15px;
}

#sidebar ul{
    padding:15px 5px 15px 15px;
}

#sidebar li{
    padding-left:20px;
    background:url(../img/mailmaga_sidebar_li.png) no-repeat left center;
}

#sidebar li.check{ background-image:url(../img/mailmaga_check.png); }

/****************************************************************************
お知らせ　.news
****************************************************************************/

.news h2{ padding-bottom:30px; }

.news #contents table{
    margin-top:30px;
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.news #contents th,
.news #contents td{
    padding:18px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.news #contents th{
    background:#dbf9f3;
    vertical-align:top;
}

.news #contents .odd th{
    background:#dff3fc;
}

.news #contents td{
    background:#fff;
}

.news #contents td p.title{
    font-size:16px;
    padding-bottom:6px;
    font-weight:bold;
}

.news #contents td span{
    font-size:12px;
}

.news #contents td a{
    text-decoration:underline;
}

/****************************************************************************
カウンセラーへの相談　.consult
****************************************************************************/

.consult h2{ padding-bottom:30px; }

.consult form{ padding-top:30px; }

.consult span,
.consult .err{
    color:#e60012;
    font-weight:normal;
}

.consult form table{
    border-top:1px solid #d9d9d9;
    border-right:1px solid #d9d9d9;
}

.consult form th,
.consult form td{
    padding:18px;
    border-bottom:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.consult form th{
    background:#dbf9f3;
    width:200px;
}

.consult .odd th{ background-color:#dff3fc; }

.consult form td{
    background:#fff;
}

.consult form td label{
    margin-left:0.5em;
    margin-right:1em;
}

.consult th span{
    padding-left:0.5em;
}


.consult  select {
    height:34px;
    padding:0 8px;
    letter-spacing:normal;
    color:#4c4c4c;
    border:1px solid #b8e5ff;
    background-color:#fff;
    overflow:hidden;
    line-height:34px;
    border-radius: 0;
}

.consult input[type="submit"]#check{ background-image:url(../img/consult_btn_check.png); }
.consult input[type="button"]#back{ background-image:url(../img/consult_btn_back.png); }
.consult input[type="submit"]#submit{ background-image:url(../img/consult_btn_submit.png); }
.consult input[type="submit"]#end{ background-image:url(../img/consult_btn_end.png); }

/****************************************************************************
簡易うつ病チェック（SRQ-D）　.srqd
****************************************************************************/

.srqd h2{ padding-bottom:30px; }

.srqd p strong{ font-size:18px; }

.srqd table{
    margin-top:30px;
    border-top:1px solid #d9d9d9;
    border-left:1px solid #d9d9d9;
}

.srqd th,
.srqd td{
    height:48px;
    line-height:48px;
    border-bottom:1px solid #d9d9d9;
}

.srqd th{
    border-right:1px solid #d9d9d9;
    background-color:#dbf9f3;
}

.srqd .odd th{ background-color:#dff3fc; }

.srqd th span{ padding-right:10px; }

*+html .srqd th span{ float:left; }
* html .srqd th span{ float:left; }

.srqd td{
    width:90px;
    text-align:center;
    background-color:#fff;
}

.srqd td.last{ border-right:1px solid #d9d9d9; }

.srqd input[type="reset"]{ background-image:url(../img/srqd_btn_reset.png); }
.srqd input[type="submit"]{ background-image:url(../img/srqd_btn_submit.png); }

*+html .srqd input[type="reset"]{ float:left; }
*+html .srqd input[type="submit"]{ float:left; }

.srqd input[type="submit"]#retry{ background-image:url(../img/srqd_btn_retry.png); }
.srqd input[type="submit"]#end{ background-image:url(../img/srqd_btn_end.png); }
.srqd input[type="submit"]#consult{ background-image:url(../img/srqd_btn_consult.png); }

/****************************************************************************
トップページ　.home
****************************************************************************/

.home #contents{
    background:url(../img/contents_home_bg.png) repeat center top;
    padding-top:40px;
}

#linkarea {
    clear: both;
    width: 780px;
    padding: 27px;
    border: 3px solid #c6e4f2;
    margin-top: 40px;
    background: #fff;
}

#linkarea h3 {
    font-size: 18px;
    line-height: 1em;
    padding: 3px 0;
    color: #2688C9;
    padding-left: 10px;
    border-left: 3px solid #c6e4f2;
}

#linkarea .linkbox {
    width: 780px;
    height: 70px;
    padding-top: 20px;
    overflow: hidden;
}

#linkarea .banner {
    float: left;
    width: 260px;
    height: 70px;
}

#linkarea .banner form {
    display: block;
    width: 260px;
    height: 70px;
}

#linkarea #btn {
    width: 260px;
    height: 70px;
    padding: 0;
    border: none;
    margin: 0;
    background: no-repeat left top;
}

#linkarea #link1 #btn { background-image: url(../img/linkarea_link1_btn.png); }

.exp {
    float: right;
    width: 470px;
    height: 66px;
    padding: 2px 0 2px 40px;
    background: url(../img/linkarea_exp.png) no-repeat left center;
    line-height: 22px;
}

.exp a {
    color: #2688C9;
    text-decoration: underline;
}

.exp a:hover { text-decoration: none; }




#ongoing{
    width:700px;
    margin:0 auto;
    margin-bottom:30px;
    background:url(../img/ongoing_bg.png) repeat left top;
    padding:20px;
}

/*for iOS : 背景画像の調整*/
@media screen and (max-device-width: 1024px) {

    .home #contents{ background:url(../img/contents_home_bg_ios.png) no-repeat left top; }
    #ongoing{ background:url(../img/ongoing_bg_ios.png) no-repeat left top; }

}

#ongoing div{
    width:430px;
    float:left;
}

#ongoing h2{
    font-size:20px;
    height:24px;
    line-height:24px;
}

#ongoing #period{
    font-size:16px;
    height:20px;
    line-height:20px;
    padding:10px 0;
}

#ogbtn{
    float:right;
    width:250px;
    height:70px;
    margin-top:30px;
}

#ogbtn a{
    display:block;
    width:250px;
    height:70px;
    background:url(../img/og_btn_bg.png) no-repeat left top;
}

/*#ogbtn a:hover img{
display:none;
}*/

#newsbox{
    width:658px;
    margin:0 auto;
    border:1px solid #b2b2b2;
    background:#fff;
}

#newsbox .btnlink{
    position:relative;
    float:right;
    margin-top:-40px;
    padding-right:10px;
}

#newsbox dl{
    width:600px;
    margin:0 auto;
    padding:20px 0 10px 0;
}
#newsbox dt{ font-weight:bold; }
#newsbox dd{ padding:5px 0 10px 20px; }

#newsbox dt a{ margin-left:1em; text-decoration:underline; }
#newsbox dt a:hover{ text-decoration:none; }

#mainmenu,
#adminmenu{
    width:900px;
    margin-left:-30px;
}

#adminmenu{
    width:540px;
    padding-right:30px;
    margin:auto;
}

#mainmenu .pc {
    display: block;
}

#mainmenu .sp {
    display: none;
}

#mainmenu ul,
#adminmenu ul{
    padding-top:10px;
}

#mainmenu li,
#adminmenu li{
    float:left;
    display:inline;
    width:260px;
    height:70px;
    margin-left:30px;
    font-weight:bold;
    text-align:center;
    padding-top:30px;
}
#adminmenu li{ width:240px; }


#mainmenu li a,
#adminmenu li a{
    display:block;
    width:260px;
    height:70px;
    background:no-repeat center top;
}

#adminmenu li a{ width:240px; }

#mainmenu li#mm_sr a{ background-image:url(../img/mm_sr_bg.png); }
#mainmenu li#mm_cu a{ background-image:url(../img/mm_cu_bg.png); }
#mainmenu li#mm_mm a{ background-image:url(../img/mm_mm_bg.png); }
#mainmenu li#mm_ca a{ background-image:url(../img/mm_ca_bg.png); }
#mainmenu li#mm_qu a{ background-image:url(../img/mm_qu_bg.png); }
#mainmenu li#mm_hi a{ background-image:url(../img/mm_hi_bg.png); }
#mainmenu li#mm_of a{ background-image:url(../img/mm_of_bg.png); }

#adminmenu li#am_cl a{ background-image:url(../img/am_cl_bg.png); }
#adminmenu li#am_us a{ background-image:url(../img/am_us_bg.png); }

/*#mainmenu li a:hover img,
#adminmenu li a:hover img{
display:none;
}*/

/****************************************************************************
ログイン　.login
****************************************************************************/

.login h1{
    height:112px;
    text-align:center;
    padding:0;
    padding-top:80px;
}

.login p.copy{
    text-align:center;
    padding:70px 0 50px 0;
}

.login form{
    width:660px;
    margin:0 auto;
}

.login dl{
    width:660px;
    position:relative;
}

.login dt{
    position:absolute;
    width:250px;
    left:0;
    height:50px;
}

.login dd{
    width:410px;
    height:50px;
    margin-left:250px;
    padding-bottom:20px;
}

*+html .login dt{ padding-top:1px; }
* html .login dt{ padding-top:1px; }

*+html .login dd{ margin-left:125px; }
* html .login dd{ margin-left:125px; }

.login dd input{
    width:393px;
    height:48px;
    border:none;
    font-size:18px;
    border-top:1px solid #b3b3b3;
    border-right:1px solid #b3b3b3;
    border-bottom:1px solid #b3b3b3;
    line-height:48px;
}

.login dd input:hover,
.login dd input:focus{
    border-color:#d9d9d9;
}

.login input[type="submit"]{ background-image:url(../img/btn_login.png); }
#rework_login input[type="submit"]{ background-image:url(../img/loginorregist.png); }

/*for iOS : ID・PW入力フォームのデザイン調整*/
@media screen and (max-device-width: 1024px) {

    .login dd,
    #svlogin dd{
        margin-left:255px;
        width:405px;
    }

    .login dd input,
    #svlogin dd input{
        width:388px;
        border:1px solid #b3b3b3;
    }

}

/****************************************************************************
復職支援　.rework
****************************************************************************/

.mt30 {
    margin-top: 30px;
}

.mt50 {
    margin-top: 50px !important;
}

.pc {
    display: block;
}

.sp {
    display: none;
}

.rework #chart.img-responsive {
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    overflow-scrolling: touch;
}



.rework #chart.img-responsive::after {
    content: "← 左右にスクロールできます →";
    display: block;
    padding-bottom: 5px;
    margin-top: 10px;
    font-size: 12px;
    text-align: center;
    white-space: nowrap;
}

.rework h2 {
    padding-bottom: 30px;
}

.border_box {
    text-align: center;
    border: 1px solid #d9d9d9;
    padding: 30px;
}

.border_box img {
    max-width: 100%;
    height: auto;
}

.rework .check_list {
    background: #dff3fc;
    padding: 30px 40px;
}

.rework .check_list li {
    height: 30px;
    font-size: 18px;
    padding-left: 40px;
}

.rework .check_list li + li {
    margin-top: 15px;
}

.rework .check_list li:nth-child(odd) {
    background: url(../img/rework_check_blu.png) no-repeat left center / 30px;

}

.rework .check_list  li:nth-child(even) {
    background: url(../img/rework_check_grn.png) no-repeat left center / 30px;
}

.sp-inline {
    display: none;
}

.pc-inline {
    display: inline;
}

/****************************************************************************
職場復帰準備性評価シート　.rework-checksheet
****************************************************************************/
.rework-checksheet {
    background: url(../img/survey_bg.png) no-repeat center top #f6f6d5;
}

*+html .rework-checksheet #contents { margin-top:0; }
* html .rework-checksheet #contents { margin-top:0; }

.rework-checksheet h2 { padding-bottom:30px; }
.rework-checksheet .copy { padding-bottom:30px; }

.rework-checksheet .txt-color {
    color: #F396A6;
}

.rework-checksheet b {
    font-weight: bold;
    font-family: 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
}

#rework-checksheet_normalbox {
    border: 1px solid #d9d9d9;
    background: #fff;
    padding: 30px 40px;
    margin-top: 40px;
}

.rework-checksheet .main_question {
    font-size: 18px;
    text-align: center;
    margin: 15px;
}


.rework-checksheet .rework-index .btnbox_wrap {
    width: 80%;
    text-align: center;
    margin: 0 auto;
}

.rework-checksheet .rework-index .btnbox_wrap .btnbox {
    width: 48%;
    display: inline-block;
    text-align: center;
}

.rework-checksheet #contents .btnbox a {
    background: url(../img/rework-checksheet_btn_start2.png) no-repeat center bottom;
    border: 0;
    margin: 0 20px;
    width: 250px;
    height: 50px;
    font-size: 0%;
    line-height: 0%;
    text-indent: -9999em;
    overflow: hidden;
    display: inline-block;
}


.rework-checksheet #contents .btnbox.btnbox_history a {
    background: url(../img/rework-checksheet_btn_history.png) no-repeat center bottom;
}

.rework-checksheet #contents .btnbox a:hover {
    background-position: center top;
}


.rework-checksheet-verify input[type="submit"]#check{ background-image:url(../img/rework_btn_check.png); }

.rework-checksheet-verify input[type="button"]#back{ background-image:url(../img/rework_btn_back.png); }

.rework-checksheet-verify input[type="submit"]#submit{ background-image:url(../img/rework_btn_submit.png) !important; }

.rework-history #contents .btnbox a {background-image: url(../img/rework_history_btn_back.png) !important; }


.rework-manual  {
    padding: 50px 0px;
}

.rework-manual p {
    text-align: center;
}

.rework-manual a {
    color:#46BCF4;
    text-decoration: underline;
    font-size: 16px;
    line-height: 1.8em;
}

.rework-history h3 {
    font-size: 2.2em;
    color: #333333; /* 濃いグレー */
    padding-bottom: 5px;
    margin-bottom: 40px;
    text-align: center;
}

.rework-history table {
    width: 75%; /* フル幅 */
    border-collapse: collapse;
    margin:0 auto;
    background-color: #fffbe6; /* 薄い黄色の背景 */
}

.rework-history table th,
.rework-history table td {
    text-align: left;
    padding: 10px 15px;
    border: 1px solid #ffd700; /* 黄色の枠線 */
}

.rework-history table th {
    background-color: #f9cc21; /* やや濃い黄色 */
    font-weight: normal;
    color: white;
    width: 30%;
    
}

.rework-history table tr:nth-child(odd) {
    background-color: white; /* 偶数行の背景色 */
}

.rework-history table tr:nth-child(even) {
    background-color: white; /* 奇数行の背景色 */
}

.rework-history table a {
    color: #333; /* リンクの色 */
    text-decoration: underline;
}

.rework-history table a:hover {
    text-decoration: underline;
}



/* form */
#contactList .actions .disabled,
.rework-checksheet #contactList .current .current-info,
.rework-checksheet #contactList span.number,
.rework-checksheet #contactList .step-title {
    display: none;
}

.step-box {
    width: 840px;
    margin: 0 auto;
}

.step-box h3 {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background-color: #FEF4D2;
}

.step-box h3 span {
    display: block;
    padding-left: 20px;
    background: url(../img/rework-checksheet_h_arrow.png) no-repeat left 2px;
    font-size: 22px;
    font-weight: normal;
    line-height: 20px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
}

.step-conts {
    background: #fff;
    padding: 30px 40px;
    border: 1px solid #d9d9d9;
    border-top: none;
}

.step-conts h4 {
    font-size: 18px;
    clear: both;
}

.step-conts h4 img {
    vertical-align: middle;
    margin-right: 15px;
}

.step-conts p {
    margin-top: 10px;
}

.step-conts_a {
    background: #FFEFEF;
    padding: 25px 40px;
    margin-top: 15px;
    font-size: 16px;
}

.step-conts_subbox {
    margin-top: 15px;
    float: right;
    width: 250px;
}

.step-conts_subbox + .step-conts_a {
    float: left;
    width: 390px;
    min-height: 202px;
    margin-bottom: 40px;
}

.step-conts_a label {
    line-height: 1.8;
    padding: 5px 0;
    display: inline-block;
    padding-left: 3.75em;
    text-indent: -3.75em;
}

.step-conts_a label + label {
    padding-top: 10px;
}

.step-conts_a + h4 {
    margin-top: 40px;
}

.steps-ul {
    text-align: right;
    margin: 10px 0;
}

.steps-ul li {
    display: inline-block;
    color: #D9D9D9;
}

.steps-ul li a {
    color: #D9D9D9;
    cursor: default;
}

.steps-ul li a:hover {
    text-decoration: none;
}

.steps-ul li + li:before {
    content: '>';
    padding: 0 5px 0 10px;
}

.steps-ul .current a {
    color: #4C4C4C;
}

#contactList .actions ul {
    text-align: center;
    margin-top: 30px;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-box;
    display: -webkit-flexbox;
    display: -moz-flexbox;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: flex;
    -webkit-box-lines: multiple;
    -moz-box-lines: multiple;
    -webkit-flex-wrap: wrap;
    -moz-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-flow: row-reverse;
    -moz-flex-flow: row-reverse;
    -webkit-flex-flow: row-reverse;
    flex-flow: row-reverse;
    -ms-justify-content: center;
    -moz-justify-content: center;
    -webkit-justify-content: center;
    justify-content: center;
}

#contactList .actions li {
    display: inline-block;
}

#contactList .actions li a {
    background: url(../img/rework-checksheet_btn_next.png) no-repeat center bottom;
    border: 0;
    margin: 0 20px;
    width: 250px;
    height: 50px;
    font-size: 0%;
    line-height: 0%;
    text-indent: -9999em;
    overflow: hidden;
    display: block;
}

#contactList .actions li.previous a {
    background-image: url(../img/rework-checksheet_btn_prev.png);
}

#contactList .actions li.finish a {
    background-image: url(../img/rework-checksheet_btn_fine.png);
}

#contactList .actions li a:hover {
    background-position: center top;
}




.rework-checksheet input[type="submit"]#submit{ background-image:url(../img/client_btn_submit.png); }


/****************************************************************************
WEB研修　.web-training
****************************************************************************/

.web-training h2 {
    padding-bottom: 30px;
}

.web-training #casesdetail .title {
    padding: 20px;
    border: 1px solid #d9d9d9;
    border-bottom: none;
    background-color: #dff3fc;
}

.web-training #casesdetail .title span {
    display: block;
    padding-left: 20px;
    background: url(../img/cases_dt_arrow.png) no-repeat left 2px ;
    font-size: 22px;
    font-weight: normal;
    line-height: 20px;
    min-height: 20px;
    height: auto !important;
    height: 20px;
}

.web-training .acc-header {
    cursor: pointer;
    border-bottom: 1px solid #d9d9d9 !important;
}

.web-training .acc-header span {
    background-image: url(../img/cases_dt_arrow_btm.png) !important;
}

.web-training .acc-header.is-active span {
    background-image: url(../img/cases_dt_arrow.png) !important;
}

.web-training #casesdetail .casesdetail_conts {
    background: #fff;
    padding: 30px 40px;
    border: 1px solid #d9d9d9;
    border-top: none;
}

.web-training #casesdetail .casesdetail_conts .anstitle {
    font-size: 20px;
    line-height: 1em;
    padding: 3px 0;
    padding-left: 10px;
    border-left: 3px solid #46BCF4;
    margin-bottom: 40px;
}

.web-training #casesdetail .casesdetail_conts .boldtitle {
    font-size: 18px;
    line-height: 1em;
    padding: 3px 0;
    margin-bottom: 1em;
}

.web-training #casesdetail .casesdetail_conts .btn {
    margin-top: 20px;
}

.web-training #casesdetail .casesdetail_conts .btn + .boldtitle {
    margin-top: 50px;
}

.web-training #casesdetail .casesdetail_conts .anqbox {
    padding-bottom: 0;
    margin-top: 70px;
}

.web-training .anqbox h4 {
    font-size: 18px;
    margin-bottom: 20px;
}

.web-training .anqbox a {
    color: #20a2e7;
    font-size: 14px;
    text-decoration: underline;
    font-weight: bold;
    margin: 20px 0 50px;
    display: inline-block;
}

.web-training .anqbox a:last-child {
    margin-bottom: 0;
}

.download-section {
  max-width: 900px;
}

/* 横2列構成（PC） */
.resource-flex {
  display: flex;
  gap: 20px;
  align-items: flex-start;
  justify-content: space-between;
}

/* 画像群 */
.thumbnail-group {
  display: flex;
  flex-wrap: wrap;
  gap: 40px;
  flex: 1;
}
.thumbnail-group img {
  max-width: 280px;
  height: auto;
}


.thumbnail-group  a img {
    border:1px solid #3fa9f5;
}