@charset "utf-8";
/* ===================================================================
CSS information

 file name  :style.css
 style info :コンテンツエリア関係 他
 
このスタイルシートの構成
 基本設定、リンクカラー、レイアウト、横幅設定など
 汎用class
 #navSkip
  #contents
   #article
   #aside
 
=================================================================== */


/*----------------------------------------------------
        #article
                メイン
----------------------------------------------------*/
#article {
    float:left;
    width:581px;
    margin:45px 0 10px 43px;
    display:inline;
}


#article h2 {
    margin:0 0 25px 0;
    padding:0;
}

#article h3 {
    width:100%;
    background:#57A888;
    color:#ffffff;
    font-size:117%;
    text-indent:15px;
    line-height:30px;
    height:30px;
    margin-top: 60px;
    margin-bottom:19px;
}


#article h3:first-of-type{
    margin-top: 0px;

}

#article ul,
#article ol {
    margin: 0.2em 0 1em 2em;
}

#article img.question
{
    margin-bottom:20px;
}

#article img.question_arrow
{
    background:url(../img/arrow.gif) no-repeat 50% 100%;
    padding-bottom:39px;
    margin-bottom:10px;
}

#article p.attention
{
    margin-left:1em;
    text-indent:-1em;
}

#article h4
{
    margin:40px 0 15px 0;
    font-size:117%;
    padding-bottom:5px;
    background:url(../img/share/dashed_line.gif) repeat-x 0 100%;
}

#article h4 span
{
    margin-left:2px;
    border-left:3px solid #0db66c;
    padding-left:5px;
    height:15px;
}

#article h5
{
    margin-top:20px;
    margin-bottom:15px;
    width:100%;
    background:#eeeeee;
    color:3f3f3d;
    font-weight:bold;
    text-indent:10px;
    height:21px;
    line-height:21px;
}

#article img.auto{
    width: 100%;
    height: auto;
}

#article ul.service
{
    margin-bottom:20px;
}

#article ul.mail_magazine,#article ul.support
{
    margin-bottom:20px;
}

#article ul.mail_magazine li,#article ul.support li
{
    line-height:170%;
}

#article p.detail
{
    background:url(../../img/share/dashed_line.gif) repeat-x 0 0;
    padding-top:15px;
    margin-top:30px;
}

#article ul#support_item li
{
    background:url(../img/eye_catch.gif) no-repeat 0 50%;
    padding-left:12px;
    margin-bottom:13px;
}

#article dl
{
    width:549px;
    margin:0 auto 10px auto;
    border-left:1px solid #b7e9ff;
    border-right:1px solid #b7e9ff;
    border-bottom:1px solid #b7e9ff;
}

#article dl dt
{
    background:#b7e9ff;
    width:100%;
    color:#1aa0dd;
    font-weight:bold;
    text-align:center;
    height:30px;
    line-height:30px;
    margin-bottom:7px;
}

#article dl dd
{
    text-indent:1em;
    margin-bottom:7px
}

#article p.nrms_image
{
    margin:20px auto;
    width:330px;
}



#article table{
    border-collapse: inherit;
    border-spacing: 1px;
}

#article table th
{
    padding:0 10px;
    line-height:200%;
    font-weight:normal;
    vertical-align:top;
    background:#e1eeeb;
}

#article table td
{
    padding:0 10px;
    line-height:140%;
}

#article table tr.odd
{
    background:#e1e1e1;
}

#article table tr.even
{
    background:#fafafa;
}

#article .txtRed{
    color : #cc5252;
    font-size: 110%;

}

.flex{
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
}



/* -----------------------------------------------------------
        #aside
                サイドバー、サブ
----------------------------------------------------------- */
#aside {
    float:right;
    width:259px;
    margin:93px 43px 0 0;
    display:inline;
    font-size:92%;
    padding:0;
    border:none;
}


#aside h3{
    margin:0;
}


#aside ul#menu{
    width:257px;
    border-bottom:#add8b2 1px solid;
    border-right:#add8b2 1px solid;
    border-left:#add8b2 1px solid;
}

#aside ul#menu li a{
    background:url(../img/share/aside-btn_bg_off.gif) no-repeat;
    width:217px;
    height:28px;
    display:block;
    padding:12px 0 0 40px;
    text-decoration:none;
    color:#3f3f3d;

    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}

#aside ul#menu li a:hover,#aside ul#menu li a.current{
    background:url(../img/share/aside-btn_bg_on.gif) no-repeat;
}

#aside ul#menu li a.last{
    background:url(../img/share/aside-btn_bg_last_off.gif) no-repeat;
    height:33px;
}



#aside ul#menu li a.last:hover,#aside ul#menu li a.last_current,#aside ul#menu li a.last_current:hover{
    background:url(../img/share/aside-btn_bg_last_on.gif) no-repeat;
    height:33px;
}


#aside ul#menu li a.recruit_privacy{
    background:url(../img/share/aside-btn_recruit_personal_off.gif) no-repeat;
}

#aside ul#menu li a.recruit_privacy:hover,#aside ul#menu li a.recruit_privacy_current,#aside ul#menu li a.recruit_privacy_current:hover{
    background:url(../img/share/aside-btn_recruit_personal_on.gif) no-repeat;
}


.step{
    text-align: center;
    position: relative;
    z-index: 1;
    color: #fff;
    margin-top: 20px;
    margin-bottom: 60px;
    height: 2em;
}

.step:before{
    position: absolute;
    content: "";
    width: 0;
    height: 0;
    top:-10px;
    left: 0;
    right: 0;
    margin: auto;

    border-style: solid;
    border-color: #9bbb30 transparent transparent transparent;
    border-width: 80px 150px 0 150px;
    z-index: -1;
}