﻿@charset "UTF-8";
.cf, #login .login-box, #login .new-regist-box dd, #login.form .login-box, #login.form .new-regist-box dd { *zoom: 1; }
.cf:after, #login .login-box:after, #login .new-regist-box dd:after, #login.form .login-box:after, #login.form .new-regist-box dd:after {
 content: "";
 display: block;
 clear: both;
}

/* ==========================================================================================
  *******************************************************************************************
  * フォーム関連  form module
  *******************************************************************************************
============================================================================================= */
/* ==========================================================================================
  Button module
============================================================================================= */
.form-box .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
.form-box textarea.comments { width: 98%; }

/* ==========================================================================================
  #reminder -- PWリマインダー ページ
============================================================================================= */
#reminder .bord-box {
 margin-top: 1px;
 padding: 28px 0 50px;
}
#reminder .w650 { margin: 0 auto; }
#reminder .remind-box {
 margin-top: 14px;
 background: #f3f3f3;
 padding: 30px;
 letter-spacing: -0.4em;
}
#reminder .remind-box.error, #reminder .remind-box.error dt, #reminder .remind-box.error dd {
 background: #f9e9ee;
 color: #000;
 font-weight: normal;
}
#reminder .remind-box dt, #reminder .remind-box dd {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 letter-spacing: normal;
 margin: 0;
 padding: 0;
}
#reminder .remind-box dt {
 margin-left: 115px;
 padding-top: 2px;
 line-height: 1.2;
 text-align: center;
}
#reminder .remind-box dt span {
 line-height: 1.2;
}
#reminder .remind-box dd {
 margin-left: 10px;
 vertical-align: top;
}
#reminder .remind-box dd input.large { width: 260px; }
#reminder .remind-box dd.btn {
 display: block;
 margin: 24px 0 0;
}

/* ==========================================================================================
  form privacy policy 
============================================================================================= */
.privacy-bord {
 margin-top: 10px;
 border: 1px solid #d7d7d7;
}

#privacy-box {
 height: 198px;
 overflow: auto;
}
#privacy-box .privacy-text { padding: 15px; }
#privacy-box ul.caution li {
 padding-left: 2em;
 text-indent: -2em;
 padding-top: 6px;
}
#privacy-box dl.kiyaku dt {
 padding-top: 12px;
 font-weight: bold;
}
#privacy-box dl.kiyaku dd { padding: 2px 5px 0; }

#chk-privacy {
 text-align: center;
 background: #f4f1dd;
 border-top: 1px solid #d7d7d7;
 padding: 10px 0;
}
#chk-privacy.error { background: #f9e9ee; }

/* ==========================================================================================
  #login -- ログイン ページ
============================================================================================= */
#login .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
#login h2.bg-ichimatsu-gray {
 padding: 6px 15px;
 color: #fff;
 font-weight: bold;
 font-size: 14px;
}
#login .login-box {
 background: #f3f3f3;
 margin-top: 0;
 padding: 0 20px 24px 20px;
}
#login .login-box.error, #login .login-box.error dt, #login .login-box.error dd {
 background: #f9e9ee;
 color: #000;
}
#login .login-box dt, #login .login-box dd {
 float: left;
 *display: inline;
 margin: 20px 0 0;
 padding: 0;
}
#login .login-box dt {
 clear: both;
 width: 100px;
 line-height: 1.2;
 text-align: center;
 font-weight: bold;
}
#login .login-box dd {
 margin-left: 10px;
 width: 290px;
 vertical-align: top;
}
#login .login-box dd input.large { width: 260px; }
#login .login-box dd.btn {
 background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/line_h_gray.gif) repeat-x left top;
 width: 390px;
 margin-top: 10px;
 padding-top: 20px;
 text-align: center;
}
#login .login-box dd.reminder {
 width: 390px;
 text-align: right;
}
#login .w440.fleft { background: #f3f3f3; }
#login #new-regist { background: #f1f9ff; }
#login .new-regist-box { background: #f1f9ff; }
#login .new-regist-box dt, #login .new-regist-box dd { font-size: 14px; }
#login .new-regist-box dt {
 padding: 6px 15px;
 color: #fff;
 font-weight: bold;
}
#login .new-regist-box dd { margin: 0 20px; }
#login .new-regist-box dd.text {
 padding-top: 18px;
 line-height: 1.8em;
}
#login .new-regist-box dd.btn {
 background: #f1f9ff url(/~/media/Images/Doctor-Agent/PC/Common/Design/line_h_gray.gif) repeat-x left top;
 text-align: center;
 margin-top: 20px;
 padding-top: 20px;
 padding-bottom: 10px;
}
#login .new-regist-box dd.btn .ads {
 margin-top: 10px;
 font-size: 10px;
 line-height: 1.2;
}

#login.form .login-box {
 margin-top: 14px;
 padding: 10px 30px 30px;
}
#login.form .login-box dt, #login.form .login-box dd { margin: 20px 0 0; }
#login.form .login-box dt {
 margin-left: 160px;
 text-align: left;
 padding-top: 8px;
}
#login.form .login-box dd { width: 400px; }
#login.form .login-box dd.btn {
 background: none;
 position: relative;
 width: 510px;
 padding-top: 0;
 margin-left: 160px;
}
#login.form .login-box dd.btn .reminder {
 position: absolute;
 top: 16px;
 left: 490px;
 width: 200px;
 height: 12px;
 text-align: right;
}
#login.form #new-regist {
 background: none;
 padding-top: 21px;
 margin-top: 50px;
}
#login.form .new-regist-box {
 border: 1px solid #1173b5;
 margin-top: 0;
}
#login.form .new-regist-box dt, #login.form .new-regist-box dd { font-size: 14px; }
#login.form .new-regist-box dt {
 background: #1173b5;
 padding: 2px	15px;
 margin-top: 0;
}
#login.form .new-regist-box dd {
 padding: 14px 44px 10px 47px;
 margin: 0;
}
#login.form .new-regist-box dd .text {
 float: left;
 line-height: 2;
}
#login.form .new-regist-box dd .btn {
 float: right;
 width: 247px;
 text-align: center;
}
#login.form .new-regist-box dd .btn p.ads {
 margin-top: 8px;
 font-size: 10px;
 line-height: 1.2;
}

/* ==========================================================================================
  #newaccount -- 新規会員登録 ページ
============================================================================================= */
#newaccount .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
#newaccount .regist_nav { padding: 30px 0 28px; }
#newaccount textarea.comments { width: 98%; }
#newaccount .recruit-regist {
 background: #fff6e3;
 border: 1px solid #dbc18a;
 padding: 20px 20px 30px;
 text-align: center;
}

/* ==========================================================================================
  MyPage account page -- 基本情報変更
============================================================================================= */
#mypage #account .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}

/* ==========================================================================================
  MyPage career page -- 職務経歴登録 ページ
============================================================================================= */
#mypage #career .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
#mypage #career .career_nav { padding: 30px 0 28px; }
#mypage #career .career-regist {
 background: #fff6e3;
 border: 1px solid #dbc18a;
 padding: 20px 20px 30px;
 text-align: center;
}
#mypage #career .input-btm-text {
 width: 650px;
 margin: 30px auto 0;
}

/* ==========================================================================================
  MyPage mailmagazine page -- メールマガジン配信変更 ページ
============================================================================================= */
#mypage #mailmagazine .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
 min-height: 300px;
}
#mypage #mailmagazine .chk-mailmaga li {
 background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/icon_sprite.png) no-repeat left -890px;
 padding: 2px 0 2px 16px;
}
#mypage #mailmagazine .chk-mailmaga li.select { background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/icon_sprite.png) no-repeat left -815px; }
#mypage #mailmagazine .chk-mailmaga li span {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 padding-left: 35px;
 margin-left: 10px;
 color: #393939;
}
#mypage #mailmagazine .chk-mailmaga li span.icon-set { background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/icon_sprite.png) no-repeat 10px -966px; }
#mypage #mailmagazine .chk-mailmaga li span.icon-notset { background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/icon_sprite.png) no-repeat 10px -1007px; }
#mypage #mailmagazine .chk-mailmaga li a { color: #5d7aab; }

/* ==========================================================================================
  MyPage mailmagazine page -- DOCTOR'S MAGAZINE 送付先登録 ページ
============================================================================================= */
#mypage #magazine .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
 min-height: 300px;
}

/* ==========================================================================================
  insurance -- 医師賠償責任保険　申込み
============================================================================================= */
#insurance .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
#insurance .insurance-nav { padding: 30px 0 28px; }
#insurance .contact-box {
 background: #fbf7e6;
 border: 1px solid #e1d8b0;
 padding: 15px;
}
#insurance .contact-box ul.add {
 margin-top: -14px;
 margin-left: 10px;
}
#insurance .contact-box ul.add li { padding-top: 14px; }
#insurance .contact-box .text-area {
 padding: 0 0 20px;
 margin-left: 10px;
 margin-right: 10px;
}
#insurance .flow-box {
 background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/line_h_gray.gif) repeat-x left bottom;
 padding: 0 10px 40px;
 margin-top: 20px;
}
#insurance .flow-box .contact-box { margin: 25px 74px 0; }
#insurance .ttl-gray {
 background: #f4f4f4;
 border-top: 2px solid #e4a9bc;
 font-weight: bold;
 padding: 6px 10px 4px;
}
#insurance table.form-def.type th, #insurance table.form-def.type td { padding: 6px 8px; }
#insurance table.form-def.type th.blue, #insurance table.form-def.type td.blue { background: #dae6ef; }
#insurance table.form-def.type th.gray, #insurance table.form-def.type td.gray { background: #f3f3f3; }
#insurance table.form-def.type th.border, #insurance table.form-def.type td.border {
 background: #acacac;
 height: 4px;
 font-size: 1px;
 line-height: 0;
 padding: 0;
}
#insurance table.form-def.type td input[type="radio"] { margin-top: -2px; }
#insurance table.form-def.type.error th { background: #f9e9ee; }
#insurance table.form-def.type.error th.blue { background: #dae6ef; }
#insurance table.form-def.type.error td { background: #fdf7f9; }
#insurance table.form-def.type.error td.gray { background: #f9e9ee; }
#insurance table.form-def.type.error td.blue { background: #dae6ef; }
#insurance table.form-def.type.error td.border {
 background: #acacac;
 height: 4px;
 font-size: 1px;
 line-height: 0;
 padding: 0;
}
#insurance .charge-box {
 background: #fff6e3;
 border: 1px solid #c8c8c8;
 padding: 15px;
}
#insurance .charge-box .indent {
 padding-left: 1.5em;
 text-indent: -1.5em;
}
#insurance .charge-box .indent input[type="checkbox"] { margin-top: -2px; }
#insurance .charge-box .indent label { padding-left: .5em; }
#insurance .charge-box.error { background: #f9e9ee; }
#insurance .summary-box {
 background: #f7f7f7;
 border: 1px solid #c8c8c8;
 padding: 15px;
 font-size: 10px;
}
#insurance .summary-box .speed-box {
 display: inline-block;
 *display: inline;
 *zoom: 1;
 background: #fae1e1;
 border: 1px solid #e39a9a;
 padding: 15px;
 font-size: 12px;
}
#insurance .spw84 { margin: 0 84px; }
#insurance .info-document dt {
 background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/bg_ichimatsu_pink.gif) repeat left top;
 color: #fff;
 font-size: 14px;
 font-weight: bold;
 padding: 6px 18px 4px;
}
#insurance .info-document dd {
 background: #fff1f1;
 border: 1px solid #e39a9a;
 padding: 10px 10px 20px;
}
#insurance .info-document dd .btn li { margin-top: 10px; }
#insurance #matter {
 font-size: 11px;
 *font-size: 10px;
 line-height: 1.3;
}
#insurance #matter .title.red-g { font-size: 12px; }
#insurance #matter .title.red-g .elm {
 padding: 7px 5px 2px;
 line-height: 1.3;
}
#insurance #matter .form-def th, #insurance #matter .form-def td {
 padding: 3px 5px 2px;
 line-height: 1.3;
}
#insurance #matter .line-top { border-top: 1px dotted #ccc; }
#insurance #matter .line-btm { border-bottom: 1px dotted #ccc; }
#insurance #chk-privacy {
 text-align: left;
 border: 1px solid #d7d7d7;
 padding: 10px 20px;
}
#insurance #chk-privacy .indent {
 padding-left: 1.5em;
 text-indent: -1.5em;
}
#insurance #chk-privacy .indent input[type="checkbox"] { margin-top: -2px; }
#insurance #chk-privacy .indent label { padding-left: .5em; }
#insurance .reflect-box {
 background: #f7f7f7;
 border: 1px solid #ccc;
 padding: 10px 19px 19px;
}
#insurance .reflect-box hr.arrow {
 display: block;
 border: 0;
 height: 18px;
 background: url(/~/media/Images/Doctor-Agent/PC/MainContent/Insurance/hr_arrow.gif) no-repeat 46px 0;
}
#insurance .tbl-changedata th, #insurance .tbl-changedata td {
 border: 1px solid #ccc;
 padding: 12px 24px;
 vertical-align: top;
}
#insurance .tbl-changedata th { font-weight: bold; }
#insurance .tbl-changedata.blue th { background: #d3f0fb; }
#insurance .tbl-changedata.blue td { background: #ecf8fd; }
#insurance .tbl-changedata.orange th { background: #f1e5cc; }
#insurance .tbl-changedata.orange td { background: #fbf7e6; }

/* ==========================================================================================
  #backnumber -- ドクターズマガジン  バックナンバー
============================================================================================= */
#backnumber-form table.form-def table.magazine-list {
 width: 97%;
 margin-top: -2px;
}
#backnumber-form table.form-def table.magazine-list tr { background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/line_h_gray.gif) repeat-x left top; }
#backnumber-form table.form-def table.magazine-list tr:first-child { background: none; }
#backnumber-form table.form-def table.magazine-list th, #backnumber-form table.form-def table.magazine-list td {
 background: none;
 border: none;
 padding: 6px 0 4px;
 font-weight: normal;
 vertical-align: top;
}
#backnumber-form table.form-def table.magazine-list th { padding-top: 4px; }
#backnumber-form table.form-def table.magazine-list td p.caution { padding-top: 2px; }
#backnumber-form table.form-def table.magazine-list td span {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
#backnumber-form table.form-def table.magazine-list td input { margin-top: -2px; }

/* ==========================================================================================
  video - ビデオ販売 申込みフォーム
============================================================================================= */
#video table.form-def table.video-list {
 width: 97%;
 margin-top: -2px;
}
#video table.form-def table.video-list tr { background: url(/~/media/Images/Doctor-Agent/PC/Common/Design/line_h_gray.gif) repeat-x left top; }
#video table.form-def table.video-list tr:first-child { background: none; }
#video table.form-def table.video-list th, #video table.form-def table.video-list td {
 background: none;
 border: none;
 padding: 6px 0 4px;
 font-weight: normal;
 vertical-align: top;
}
#video table.form-def table.video-list th { padding-top: 4px; }
#video table.form-def table.video-list td p.caution { padding-top: 2px; }
#video table.form-def table.video-list td span {
 display: inline-block;
 *display: inline;
 *zoom: 1;
}
#video table.form-def table.video-list td input { margin-top: -2px; }

/* ==========================================================================================
  MyPage recruit page -- リクルート登録
============================================================================================= */
#mypage #recruit .bord-box {
 margin-top: 1px;
 padding: 0 34px 50px;
}
#mypage #recruit .recruit-nav { padding: 30px 0 28px; }
#mypage #recruit ul.chk-select.spec li { width: 150px; }
#mypage #recruit ul.chk-select.spec li.block {
 display: block;
 width: 100%;
}
#mypage #recruit .chk-type {
 background: #fff6e3;
 border: 1px solid #c8c8c8;
 margin-top: 1px;
 padding: 8px 15px;
}
#mypage #recruit .chk-type .indent {
 margin: 0;
 padding: 0;
 padding-left: 1.5em;
 text-indent: -1.5em;
 font-size: 14px;
 font-weight: bold;
}
#mypage #recruit .chk-type .indent input[type="checkbox"] { margin-top: -2px; }
#mypage #recruit .chk-type .indent label { padding-left: .5em; }
#mypage #recruit .recruit-regist {
 background: #fff6e3;
 border: 1px solid #dbc18a;
 padding: 20px 20px 30px;
 text-align: center;
}

/* ==========================================================================================
  2016.02.09
============================================================================================= */
.other-insurance .ttl.RED{
  background:#f7dfe7;
  color:#b71554;
  padding:6px 5px 4px;
}
.other-insurance .form-def {
  width: 100%;
}
.other-insurance .form-def th {
  background:#f7dfe7;
}
.other-insurance .form-def th label {
  display: inline-block;
  padding-right: 35px;
}
.other-insurance .form-def td {
  background:#f7f7f7;
}
.other-insurance .form-def td th,
.other-insurance .form-def td td {
  background: transparent;
  padding: 8px 10px 6px;
  vertical-align: middle;
}
.other-insurance .form-def td td input{
    padding: 4px;
    font-size: 14px;
}