@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:#8ba6a0;
    color:#ffffff;
    font-size:117%;
    text-indent:15px;
    line-height:30px;
    height:30px;
    margin-bottom:19px;
}

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

#article h4
{
    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 iframe
{
    margin-top:13px;
}

#article p.address
{
    margin-top:20px;
}

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


#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 ul.service
{
    margin-bottom:20px;
}

#article ul.method
{
    padding:10px 20px 0 20px;
}

#article ul.method li
{
    margin-left:1em;
    text-indent:-1em;
    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 p.privacy
{
    background:url(../../img/share/dashed_line.gif) repeat-x 0 100%;
    padding-bottom:30px;
}

#article dl.privacy
{
    padding:0 25px;

}

#article dl.privacy dt
{
    text-align:center;
    margin:20px auto;
}

#article dl.privacy dd
{
    margin-left:1em;
    text-indent:-1em;
    margin:20px auto;
}

#article table
{
    width:581px;
    margin-bottom:40px;
}

#article dl.recruit
{
    margin-top:15px;
}

#article dl.recruit dd
{
    margin-top:15px;
}

#article dl.recruit_privacy
{
    margin-top:15px;
}

#article dl.recruit_privacy dt
{
    background:url(../img/eye_catch-rect.gif) no-repeat 0 50%;
    margin:20px 0 7px 5px;
    padding-left:12px;
    font-size:117%;
    font-weight:bold;
}


#article dl.access dd
{
    background:url(../img/eye_catch-rect.gif) no-repeat 0 50%;
    margin:0 0 3px 5px;
    padding-left:12px;
}

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

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

#article table td dl.address
{

}

#article table th.odd
{
    background:#e1eeeb;
}

#article table th.even
{
    background:#f4f9f8;
}

#article table td.odd
{
    background:#f1f1f1;
}

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

#article dl.message
{
    margin-top:20px;
}

#article dl.message dt
{
    background:url(../img/eye_catch-rect.gif) no-repeat 0 50%;
    margin:20px 0 7px 5px;
    padding-left:12px;
    font-size:117%;
    font-weight:bold;
}

#article dl.message dd
{
    margin-bottom:15px;
}

#article ul.privacy_link li {
    -moz-background-clip:border;
    -moz-background-inline-policy:continuous;
    -moz-background-origin:padding;
    background:transparent url(../img/circle_arrow.gif) no-repeat scroll 0 50%;
    line-height:170%;
    margin-bottom:15px;
    padding-left:20px;
}

/* -----------------------------------------------------------
        #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;
}

#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_sub_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_sub_on.gif) no-repeat;
}