@charset 'UTF-8';
/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */
html ,body ,div ,span ,applet ,object ,iframe ,h1 ,h2 ,h3 ,h4 ,h5 ,h6 ,p ,blockquote ,pre ,a ,abbr ,acronym ,address ,big ,cite ,code ,del ,dfn ,em ,font ,img ,ins ,kbd ,q ,s ,samp ,small ,strike ,strong ,sub ,sup ,tt ,var ,b ,u ,i ,center ,dl ,dt ,dd ,ol ,ul ,li ,fieldset ,form ,label ,legend ,table ,caption ,tbody ,tfoot ,thead ,tr ,th ,td {
  margin:0;
  padding:0;
  border:0;
  outline:0;
  font-size:100%;
  vertical-align:baseline;
  background:transparent;
}

body {
  line-height:1;
}

ol ,ul {
  list-style:none;
}

blockquote ,q {
  quotes:none;
}

blockquote:before ,blockquote:after ,q:before ,q:after {
  content:'';
  content:none;
}

/* remember to define focus styles! */
:focus {
  outline:0;
}

/* remember to highlight inserts somehow! */
ins {
  text-decoration:none;
}

del {
  text-decoration:line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
  border-collapse:collapse;
  border-spacing:0;
}

/* Mixin */
/* jQeury Validation EngineのCSSをカスタマイズ
---------------------------------------------------------- */
/* Z-INDEX */
.formError {
  z-index:990;
}
.formError .formErrorContent {
  z-index:991;
}
.formError .formErrorArrow {
  z-index:996;
}

.ui-dialog .formError {
  z-index:5000;
}
.ui-dialog .formErrorContent {
  z-index:5001;
}
.ui-dialog .formErrorArrow {
  z-index:5006;
}

.inputContainer {
  position:relative;
  float:left;
}

.formError {
  position:absolute;
  top:300px;
  left:300px;
  display:block;
  cursor:pointer;
  text-align:left;
}
.formError.inline {
  position:relative;
  top:0;
  left:0;
  display:inline-block;
}
.formError.inline .formErrorContent {
  margin-top:5px;
  padding:0;
  line-height:1.6;
  background:none;
  border:none;
}
.formError .formErrorContent {
  width:100%;
  white-space:pre;
  background:#fff1f1;
  position:relative;
  color:#ff1200;
  min-width:140px;
  font-size:11px;
  padding:10px 15px;
  box-sizing:border-box;
  border:1px solid #f67e7e;
}
.formError .formErrorArrow {
  width:15px;
  margin:-3px 0 0 13px;
  position:relative;
}
.formError .formErrorArrow div {
  border-left:2px solid #f67e7e;
  border-right:2px solid #f67e7e;
  font-size:0;
  height:1px;
  background:#fff1f1;
  margin:0 auto;
  line-height:0;
  font-size:0;
  display:block;
}
.formError .formErrorArrow .line10 {
  width:13px;
  border:none;
}
.formError .formErrorArrow .line9 {
  width:11px;
  border:none;
}
.formError .formErrorArrow .line8 {
  width:11px;
}
.formError .formErrorArrow .line7 {
  width:9px;
}
.formError .formErrorArrow .line6 {
  width:7px;
}
.formError .formErrorArrow .line5 {
  width:5px;
}
.formError .formErrorArrow .line4 {
  width:3px;
}
.formError .formErrorArrow .line3 {
  width:1px;
  border-left:2px solid #f67e7e;
  border-right:2px solid #f67e7e;
  border-bottom:0 solid #f67e7e;
}
.formError .formErrorArrow .line2 {
  width:3px;
  border:none;
  background:#f67e7e;
}
.formError .formErrorArrow .line1 {
  width:1px;
  border:none;
  background:#f67e7e;
}
.formError .formErrorArrowBottom {
  box-shadow:none;
  margin:0 0 0 12px;
  top:3px;
}
.formError .formErrorArrowBottom div {
  box-shadow:none;
}

.ajaxSubmit {
  padding:20px;
  background:#55ea55;
  border:1px solid #999999;
  display:none;
}

body[dir='rtl'] .formError .formErrorArrow ,body.rtl .formError .formErrorArrow {
  margin:-2px 13px 0 0;
}

.greenPopup .formErrorContent {
  background:#33be40;
}
.greenPopup .formErrorArrow div {
  background:#33be40;
}

.blackPopup .formErrorContent {
  background:#393939;
  color:#ffffff;
}
.blackPopup .formErrorArrow div {
  background:#393939;
  color:#ffffff;
}

/* 入力画面の共通設定項目
---------------------------------------------------------- */
/* 基本設定
---------------------------------------------------------- */
html {
  font-size:62.5%;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
}

body {
  background:url('../../images/base/headerBg.png') left top repeat-x;
  -webkit-text-size-adjust:none;
}

#containerWrap {
  background:url('../../images/base/shadowBg.png') left top repeat-x;
}

#container {
  width:780px;
  margin:0 auto;
  padding:45px 0 20px;
  color:#282d32;
  font-size:14px;
  font-size:14px;
  font-size:1.4rem;
}

.noscript {
  margin-bottom:40px;
  padding:20px;
  background:#fff6f5;
  border:3px solid #ff1200;
  color:#ff1200;
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  line-height:1.7;
  text-align:center;
}

/* ヘッダ
---------------------------------------------------------- */
#headerWrap {
  background:url('../../images/base/hdMainBg.png') center no-repeat;
}

#header {
  width:780px;
  height:49px;
  margin:0 auto;
  padding:35px 0 31px;
}

/* タイトル・基本文字
---------------------------------------------------------- */
h2 {
  padding:15px 20px;
  height:16px;
  font-size:18px;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
  color:#ffffff;
  background:#ff6b29;
}

.dltableStyle h3 ,.formStyle h3 {
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
  margin-top:35px;
  padding-bottom:12px;
  border-bottom:2px solid #282d32;
}

.redTxt {
  color:#ff1200;
}

/* リンク・ボタン
---------------------------------------------------------- */
a {
  color:#1686d5;
}
a:hover {
  color:#0f5a8f;
  text-decoration:none;
}

.basicBtn ,.basicBtnMin ,.formStyle .typeUpload button ,.inputForm .toggleBlock span {
  display:block;
  width:200px;
  height:53px;
  margin:30px auto 0;
  padding:15px 0;
  background:#1c94e8;
  border-radius:5px;
  border:none;
  border-bottom:4px solid;
  border-bottom-color:#1378be;
  color:#ffffff;
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  line-height:1;
  text-decoration:none;
  text-align:center;
  -webkit-appearance:none;
  cursor:pointer;
}
.basicBtn:hover ,.basicBtnMin:hover ,.formStyle .typeUpload button:hover ,.inputForm .toggleBlock span:hover {
  color:#ffffff;
  background:#0f5a8f;
  border-bottom-color:#0f5a8f;
}
.basicBtn:disabled ,.basicBtnMin:disabled ,.formStyle .typeUpload button:disabled ,.inputForm .toggleBlock span:disabled {
  opacity:.5;
  border-bottom:0 solid;
  cursor:default;
}
.basicBtn:disabled:hover ,.basicBtnMin:disabled:hover ,.formStyle .typeUpload button:disabled:hover ,.inputForm .toggleBlock span:disabled:hover {
  background:#1c94e8;
}
.basicBtn.all ,.all.basicBtnMin ,.formStyle .typeUpload button.all ,.inputForm .toggleBlock span.all {
  background:#8264a8;
  border-bottom-color:#694e8b;
}
.basicBtn.all:hover ,.all.basicBtnMin:hover ,.formStyle .typeUpload button.all:hover ,.inputForm .toggleBlock span.all:hover {
  background:#503c6a;
  border-bottom-color:#503c6a;
}

.basicBtnMin ,.formStyle .typeUpload button ,.inputForm .toggleBlock span {
  margin:0;
  padding:0;
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
  border-bottom-width:3px;
}

span.basicBtn ,span.basicBtnMin ,.inputForm .toggleBlock span {
  opacity:.5;
  border-bottom:0 solid;
  cursor:default;
}
span.basicBtn:hover ,span.basicBtnMin:hover ,.inputForm .toggleBlock span:hover {
  background:#1c94e8;
}
span.basicBtn.all:hover ,span.all.basicBtnMin:hover ,.inputForm .toggleBlock span.all:hover {
  background:#8264a8;
}

/* 説明エリア
---------------------------------------------------------- */
.lead {
  margin-top:15px;
  line-height:1.7;
}

.leadInfo {
  margin-top:20px;
  line-height:1.7;
}
.leadInfo strong {
  color:#ff6b29;
}

.goHP {
  margin-top:20px;
  text-align:right;
}

.outlineBox {
  margin-top:20px;
  padding:34px 15px 39px;
  background:#f9fbfc;
  text-align:center;
  color:#5f6973;
  border:2px solid #dce5e9;
  line-height:1.7;
}
.outlineBox .outlineTtl {
  color:#282d32;
  font-size:18px;
  font-size:18px;
  font-size:1.8rem;
  font-weight:bold;
}
.outlineBox .outlineTtl span {
  color:#ff1200;
}
.outlineBox .outlineLead {
  margin-top:16px;
}
.outlineBox.shortStyleBox {
  padding:18px 20px;
  text-align:left;
}
.outlineBox.shortStyleBox .outlineTtl {
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
}
.outlineBox.shortStyleBox dl {
  *zoom:1;
  margin-top:10px;
}
.outlineBox.shortStyleBox dl:after {
  content:'.';
  display:block;
  clear:both;
  height:0;
  visibility:hidden;
}
.outlineBox.shortStyleBox dt {
  float:left;
  clear:left;
  width:180px;
  padding:8px 0;
  font-weight:bold;
}
.outlineBox.shortStyleBox dd {
  padding:8px 0 8px 170px;
  border-top:1px solid #dce5e9;
}
.outlineBox.shortStyleBox dd span {
  font-size:small;
}

.attentionArea {
  margin-top:20px;
  padding:12px 20px;
  background:#fff5f0;
  border:5px solid #ffe6dc;
}

/* フォームの設定
---------------------------------------------------------- */
.formStyle input[type='text'] ,.formStyle input[type='password'] ,.formStyle textarea ,.formStyle select {
  padding:0 10px;
  font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
  font-size:14px;
  font-size:14px;
  font-size:1.4rem;
  background:#ffffff;
  box-sizing:border-box;
  border:1px solid #bbbbbb;
  box-shadow:0 0 12px -6px #333333 inset;
  border-radius:5px;
  outline:none;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
}
.formStyle input[type='text']:focus ,.formStyle input[type='password']:focus ,.formStyle textarea:focus ,.formStyle select:focus {
  background-color:#fafdff;
  box-shadow:none;
  border:solid 2px #1c94e8;
}
.formStyle input[type='text']:disabled ,.formStyle input[type='password']:disabled ,.formStyle textarea:disabled ,.formStyle select:disabled {
  background:#eaecee;
  color:#616d79;
  box-shadow:none;
  border:none;
}
.formStyle textarea {
  padding:10px;
}
.formStyle select {
  min-width:100px;
  padding-right:30px;
  line-height:1;
  background:-webkit-linear-gradient(top, #ffffff, #e5e5e5);
  background:        linear-gradient(to bottom, #ffffff, #e5e5e5);
  box-shadow:none;
  /* IE9/IE8以下 */
}
.formStyle select::-ms-expand {
  display:none;
}
.ie9only .formStyle select ,.ie8lte .formStyle select {
  padding-right:0;
}
.formStyle select:focus {
  padding-right:29px;
  background:-webkit-linear-gradient(top, #e9e9e9, #ffffff);
  background:        linear-gradient(to bottom, #e9e9e9, #ffffff);
  border:solid 2px #1c94e8;
  /* IE9/IE8以下 */
}
.ie9only .formStyle select:focus ,.ie8lte .formStyle select:focus {
  padding-right:0;
}
.formStyle select option:disabled {
  background:#555555;
  color:#ffffff;
  font-weight:bold;
  -webkit-appearance:none;
     -moz-appearance:none;
          appearance:none;
  text-shadow:none;
}
.ie .formStyle select option:disabled {
  background:#ffffff;
  color:#282d32;
}
.formStyle select#select_sp02 option:disabled {
  background:#dce0e3;
  color:#616d79;
}
.formStyle .selectGroup {
  position:relative;
}
.formStyle .selectGroup:before {
  position:absolute;
  right:10px;
  top:0;
  content:'▼';
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
  /* IE8以下 */
}
.ie9only .formStyle .selectGroup:before ,.ie8lte .formStyle .selectGroup:before {
  display:none;
}
.formStyle .typeCheck input ,.formStyle .typeRadio1 input ,.formStyle .typeRadio2 input ,.formStyle .typeRadio3 input {
  display:none;
  /* IE8以下 */
}
.ie8lte .formStyle .typeCheck input ,.ie8lte .formStyle .typeRadio1 input ,.ie8lte .formStyle .typeRadio2 input ,.ie8lte .formStyle .typeRadio3 input {
  display:inline-block;
  width:20px;
}
.formStyle .typeCheck input:checked + label:after ,.formStyle .typeRadio1 input:checked + label:after ,.formStyle .typeRadio2 input:checked + label:after ,.formStyle .typeRadio3 input:checked + label:after {
  position:absolute;
  content:'';
  top:50%;
}
.formStyle .typeCheck label ,.formStyle .typeRadio1 label ,.formStyle .typeRadio2 label ,.formStyle .typeRadio3 label {
  display:inline-block;
  position:relative;
  cursor:pointer;
  margin-left:10px;
  padding:10px 22px;
  line-height:1;
  text-align:left;
  /* IE8以下 */
}
.ie8lte .formStyle .typeCheck label ,.ie8lte .formStyle .typeRadio1 label ,.ie8lte .formStyle .typeRadio2 label ,.ie8lte .formStyle .typeRadio3 label {
  margin-left:0;
  padding:10px 30px 10px 0;
}
.formStyle .typeCheck label:before ,.formStyle .typeRadio1 label:before ,.formStyle .typeRadio2 label:before ,.formStyle .typeRadio3 label:before {
  position:absolute;
  content:'';
  top:50%;
  left:-10px;
  width:16px;
  height:16px;
  margin-top:-11px;
  background:#ffffff;
  border:2px solid #b5b5b5;
  /* IE8以下 */
}
.ie8lte .formStyle .typeCheck label:before ,.ie8lte .formStyle .typeRadio1 label:before ,.ie8lte .formStyle .typeRadio2 label:before ,.ie8lte .formStyle .typeRadio3 label:before {
  display:none;
}
.formStyle .typeCheck label:hover:before ,.formStyle .typeRadio1 label:hover:before ,.formStyle .typeRadio2 label:hover:before ,.formStyle .typeRadio3 label:hover:before {
  border:2px solid #1c94e8;
}
.formStyle .typeCheck input:checked + label:after {
  left:-4px;
  width:6px;
  height:12px;
  margin-top:-11px;
  border-right:3px solid #282d32;
  border-bottom:3px solid #282d32;
  -webkit-transform:rotate(45deg);
          transform:rotate(45deg);
}
.formStyle .typeRadio1 input[type='radio']:checked + label:after ,.formStyle .typeRadio2 input[type='radio']:checked + label:after ,.formStyle .typeRadio3 input[type='radio']:checked + label:after {
  left:-6px;
  width:12px;
  height:12px;
  margin-top:-7px;
  border-radius:50%;
  background:#282d32;
}
.formStyle .typeRadio1 label ,.formStyle .typeRadio2 label ,.formStyle .typeRadio3 label {
  border-radius:2px;
}
.formStyle .typeRadio1 label:before ,.formStyle .typeRadio2 label:before ,.formStyle .typeRadio3 label:before {
  border-radius:50%;
}
.formStyle .typeUpload {
  position:relative;
}
.formStyle .typeUpload input[tyle='file'] {
  position:absolute;
  width:100%;
}
.formStyle .typeUpload label {
  background:#ffffff;
}
.formStyle .typeUpload input[type='file'] {
  position:absolute;
  top:20px;
  left:25px;
  width:200px;
  overflow:hidden;
}
.formStyle .typeUpload input[type='text'] ,.formStyle .typeUpload button {
  position:relative;
}
.formStyle .typeUpload input[type='text'] {
  background:#ffffff;
  color:#282d32;
  border:1px solid #bbbbbb;
  box-shadow:0 0 12px -6px #333333 inset;
}
.formStyle .typeUpload button {
  display:inline-block;
  width:115px;
  height:32px;
  line-height:32px;
}
.formStyle .typeUpload .imgDelBtn {
  width:80px;
  background:#777777;
  border-bottom-color:#555555;
}
.formStyle .typeUpload .imgDelBtn:hover {
  background:#444444;
  border-bottom-color:#444444;
}
.formStyle .errorMsg input[type='text'] ,.formStyle .errorMsg input[type='password'] {
  background-color:#fff0f0;
  border:1px solid #ff9494;
}
.formStyle .errorMsg span {
  display:block;
  margin-top:10px;
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
  color:#ff1200;
}
.formStyle .errorArea {
  width:90%;
  margin:20px auto 0;
  padding:10px;
  background:#fff1f1;
  color:#ff1200;
  border:1px solid #f67e7e;
  text-align:center;
  line-height:1.4;
}

.formErrorContent {
  line-height:1.5;
}

/* ダウンロードテーブルの設定
---------------------------------------------------------- */
.dltableStyle table {
  margin-top:20px;
  border-top:1px solid #e3e3e3;
}
.dltableStyle table th ,.dltableStyle table td {
  font-size:14px;
  font-size:14px;
  font-size:1.4rem;
  border-bottom:1px solid #e3e3e3;
  line-height:1.7;
  background:#f4f5f5;
}
.dltableStyle table th {
  width:335px;
  padding:19px 15px 14px;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
}
.dltableStyle table tr:nth-child(even) th ,.dltableStyle table tr:nth-child(even) td {
  background:#ffffff;
}
.dltableStyle table td {
  width:405px;
  padding:0 15px 14px 0;
  text-align:right;
}
.dltableStyle .basicBtnMin ,.dltableStyle .formStyle .typeUpload button ,.formStyle .typeUpload .dltableStyle button ,.dltableStyle .inputForm .toggleBlock span ,.inputForm .toggleBlock .dltableStyle span {
  display:inline-block;
  width:120px;
  height:11px;
  margin:14px 0 0 10px;
  padding:8px 0 10px;
  font-weight:normal;
}

/* フッター
---------------------------------------------------------- */
#contactBox {
  margin:80px 0;
  color:#5f6973;
  text-align:center;
}
#contactBox h3 {
  width:98px;
  height:11px;
  display:inline-block;
  *display:inline;
  *zoom:1;
  padding:4px 11px;
  background:#5f6973;
}
#contactBox p {
  margin-top:7px;
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
  line-height:1.6;
}
#contactBox .corporateName {
  margin-top:10px;
  font-size:14px;
  font-size:14px;
  font-size:1.4rem;
  font-weight:bold;
}
#contactBox a {
  color:#5f6973;
}
#contactBox a:hover {
  color:#1c94e8;
}

/* ブレイクポイント別クラス
---------------------------------------------------------- */
@media screen and (min-width: 800px) {
  .pcBr {
    display:none;
  }
}

@media screen and (max-width: 799px) {
  .spBr {
    display:none;
  }
}

@media screen and (max-width: 799px) {
  .pcDisplay {
    display:none;
  }
}

@media screen and (min-width: 800px) {
  .spDisplay {
    display:none;
  }
}

.formStyle h4 {
  margin-top:35px;
}
.formStyle h5 {
  background:#899aa6;
  color:#ffffff;
  padding:12px 15px;
  border-bottom:1px solid #ffffff;
}
.formStyle .notes {
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
}
.formStyle input[type='text'] ,.formStyle input[type='password'] ,.formStyle select {
  height:33px;
  line-height:1.4;
}
.formStyle input[type='text'] {
  width:168px;
}
.formStyle input[type='text'].inputS {
  width:70px;
}
.formStyle input[type='text'].inputM {
  width:270px;
}
.formStyle input[type='text'].inputL {
  width:420px;
}
.formStyle .typeRadio1 label {
  display:block;
}
.ie8lte .formStyle .typeRadio1 label {
  display:inline-block;
  width:430px;
}
.formStyle .typeRadio2 label {
  width:120px;
}
.formStyle .typeRadio3 label {
  width:100px;
}
.formStyle textarea {
  width:100%;
  height:110px;
}

/* 入力フォーム専用 */
.inputForm p {
  margin-top:20px;
  line-height:1.7;
}
.inputForm p + p {
  margin-top:10px;
}
.inputForm strong {
  color:#ff6b29;
}
.inputForm table {
  width:100%;
  margin-top:20px;
  border-top:1px solid #e3e3e3;
  border-collapse:separate;
}
.inputForm th ,.inputForm td {
  font-size:14px;
  font-size:14px;
  font-size:1.4rem;
  border-bottom:1px solid #e3e3e3;
  line-height:1.7;
}
.inputForm th {
  position:relative;
  width:220px;
  padding:18px 15px;
  background:#f4f5f5;
  font-weight:normal;
  text-align:left;
  vertical-align:top;
}
.inputForm th span {
  font-size:12px;
  font-size:12px;
  font-size:1.2rem;
}
.inputForm td {
  padding:15px 20px;
}
.inputForm td.plusPadding {
  padding:22px 20px;
}
.inputForm td .notes {
  line-height:2.0;
  color:#5f6973;
}
.inputForm td .plusTMargin {
  margin-top:10px;
}
.inputForm td .plusBMargin {
  margin-bottom:10px;
}
.inputForm .secTable {
  margin-top:0;
}
.inputForm .secTable th {
  background:#dce5e9;
  border-bottom:1px solid #ffffff;
}
.inputForm .optional:after ,.inputForm .required:after ,.inputForm .requiredStd:after ,.inputForm .optionalIn:after ,.inputForm .requiredIn:after {
  display:inline-block;
  padding:3px 4px;
  font-size:9px;
  font-size:9px;
  font-size:.9rem;
  line-height:1;
  color:#ffffff;
}
.inputForm .optional:after ,.inputForm .required:after ,.inputForm .requiredStd:after {
  position:absolute;
  top:21px;
  right:15px;
}
.inputForm .optionalIn ,.inputForm .requiredIn {
  display:inline-block;
}
.inputForm .optionalIn:after ,.inputForm .requiredIn:after {
  margin-left:10px;
  vertical-align:middle;
}
.inputForm .optional:after ,.inputForm .optionalIn:after {
  content:'任 意';
  background:#b5b5b5;
}
.inputForm .required:after ,.inputForm .requiredStd:after ,.inputForm .requiredIn:after {
  background:#f02d1e;
}
.inputForm .required:after ,.inputForm .requiredIn:after {
  content:'必 須';
}
.inputForm .requiredStd:after {
  content:'学生のみ必須';
}
.inputForm .attentionArea {
  margin-top:20px;
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
  text-align:center;
}
.inputForm .attentionArea select {
  font-size:16px;
  font-size:16px;
  font-size:1.6rem;
  font-weight:bold;
}
.inputForm .attentionArea .selectGroup:before {
  top:6px;
  right:14px;
}
.inputForm .attentionArea .notes {
  font-weight:normal;
}
.inputForm .toggleBlock {
  position:relative;
}
.inputForm .toggleBlock span {
  opacity:1;
  position:absolute;
  right:6px;
  top:5px;
  width:105px;
  height:25px;
  padding-left:20px;
  line-height:28px;
}
.inputForm .toggleBlock span:before {
  position:absolute;
  left:10px;
  top:5px;
  content:'';
  width:15px;
  height:15px;
  border-radius:50%;
  background:#ffffff;
}
.inputForm .toggleBlock span:after {
  position:absolute;
  content:'＋';
  left:13px;
  top:-1px;
  font-size:10px;
  font-size:10px;
  font-size:1rem;
  color:#1c94e8;
}
.inputForm .toggleBlock span.closeBtn:after {
  content:'－';
}
.inputForm #sendBtn {
  width:310px;
}

/*
 * jQuery File Upload Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2013, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileinput-button {
  position:relative;
  overflow:hidden;
  display:inline-block;
}

.fileinput-button input {
  position:absolute;
  top:0;
  right:0;
  margin:0;
  opacity:0;
  -ms-filter:'alpha(opacity=0)';
  font-size:200px !important;
  direction:ltr;
  cursor:pointer;
}

/* Fixes for IE < 8 */
@media screen\9 {
  .fileinput-button input {
    filter:alpha(opacity=0);
    font-size:100%;
    height:100%;
  }
}
/*
 * jQuery File Upload UI Plugin CSS
 * https://github.com/blueimp/jQuery-File-Upload
 *
 * Copyright 2010, Sebastian Tschan
 * https://blueimp.net
 *
 * Licensed under the MIT license:
 * http://www.opensource.org/licenses/MIT
 */
.fileupload-buttonbar .btn ,.fileupload-buttonbar .toggle {
  margin-bottom:5px;
}

.progress-animated .progress-bar ,.progress-animated .bar {
  background:url('../img/progressbar.gif') !important;
  -webkit-filter:none;
          filter:none;
}

.fileupload-process {
  float:right;
  display:none;
}

.fileupload-processing .fileupload-process ,.files .processing .preview {
  display:block;
  width:32px;
  height:32px;
  background:url('../img/loading.gif') center no-repeat;
  background-size:contain;
}

.files audio ,.files video {
  max-width:300px;
}

@media (max-width: 767px) {
  .fileupload-buttonbar .toggle ,.files .toggle ,.files .btn span {
    display:none;
  }

  .files .name {
    width:80px;
    word-wrap:break-word;
  }

  .files audio ,.files video {
    max-width:80px;
  }

  .files img ,.files canvas {
    max-width:100%;
  }
}