@charset "utf-8";
/* **************************************************

CSS Information
File Name : scenter.css
Style Info: 学生センターサイト固有のスタイル指定
Date: 2016-03-25

************************************************** */
/* --------------------------------------------------
	#scenterNews - 学生センター新着情報
-------------------------------------------------- */
#scenterNews .wrapper {
  margin-bottom: 30px;
}

.column2 .tabList .tabs span a {
  box-sizing: border-box;
  width: 250px;
}

/*	新着情報カテゴリ (page.cssに記述？)
	-------------------------------------------------- */
.newsList .tabList .attrImportant:before,
.contentArticleRecentDocs dl .attrImportant::before,
.contentArticleAttribute dl .attrImportant::before {
  display: inline-block;
  content: "重要";
  width: 80px;
  margin-right: 10px;
  margin-bottom: 10px;
  padding: 3px 0;
  background-color: #a86d6d;
  color: #fff;
  text-align: center;
}

/* --------------------------------------------------
	.ctategoryList04 - カテゴリリスト（子ページ全件表示）
-------------------------------------------------- */

.body .categoryList04 {
  list-style: none;
  margin: 20px -20px 10px 0px;
}

.body .categoryList04 ul,
.body .categoryList04 p {
  margin-bottom: 0;
}

.body .categoryList04 > li {
  background-color: #fff;
  float: left;
  width: 365px;
  margin: 0 20px 20px 0;
  background-color: #fff;
}

.body .categoryList04 > li:nth-child(1) .content,
.body .categoryList04 > li:nth-child(2) .content {
  height: 500px;
}

.body .categoryList04 > li:nth-child(3) .content,
.body .categoryList04 > li:nth-child(4) .content {
  height: 400px;
}

.body .categoryList04 > li:nth-child(5) .content,
.body .categoryList04 > li:nth-child(6) .content {
  height: 167px;
}

.body .categoryList04 > li:nth-child(11) .content,
.body .categoryList04 > li:nth-child(12) .content {
  height: 160px;
}

.body .categoryList04 li .content {
  padding: 14px;
  border: 1px solid #ddd;
  border-top: none;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.body .categoryList04 li .headingLink01 {
  margin: 0;
  font-weight: bold;
  line-height: 1.3;
}

.body .categoryList04 li .headingLink01 a {
  display: block;
  padding: 10px 20px 10px 30px;
  background: #003461 url(../tmpl-img/ico_arrow07.png) no-repeat scroll 10px
    12px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  color: #fff;
  text-decoration: none;
}

.body .categoryList04 li .headingLink01 a:hover {
  background-color: #31517b;
}

.body .categoryList04 li ul {
  list-style: none;
  width: 210px;
  margin-left: 0;
  overflow: hidden;
}

.body .categoryList04 li li {
  margin: 6px 0;
  font-size: 13px;
  font-size: 1.3rem;
  line-height: 1.3;
}

.body .categoryList04 li li a {
  display: block;
  min-height: 14px;
  padding-left: 10px;
  background: url(/_themes/wakayama-u/tmpl-img/ico_arrow02.png) no-repeat left
    6px;
  color: #555;
  text-decoration: none;
}

.body .categoryList04 li li a:hover {
  color: #ff9800;
  text-decoration: underline;
}

.body .externalLink_w {
  padding-right: 20px;
  background: transparent url("../tmpl-img/ico_external_link01_w.png") no-repeat
    scroll right center;
}

/*	Responsive Settings
-------------------------------------------------- */
@media screen and (min-width: 320px) and (max-width: 640px) {
  .body .categoryList04 {
    margin: 0;
  }

  .body .categoryList04 li .headingLink01 a,
  .body .categoryList04 li .content {
    height: auto !important;
  }

  .body .categoryList04 li .content {
    height: auto;
    padding: 14px 0;
  }

  .body .categoryList04 > li {
    width: 100%;
    margin: 0 0 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
  }

  .body .categoryList04 .fl {
    margin: 0 0 10px;
    text-align: center;
  }

  .body .categoryList04 .fr {
    width: 100%;
  }

  .body .categoryList04 .fr li {
    margin: 0;
    font-size: 14px;
    font-size: 1.4rem;
  }

  .body .categoryList04 .fr li a {
    padding: 10px 10px 0 10px;
    padding-left: 20px;
    background: url(/_themes/wakayama-u/tmpl-img/ico_arrow02.png) no-repeat 10px
      16px;
    text-decoration: none !important;
  }

  .body .categoryList04 .fr li a:hover {
    background: #f2f3f8 url(/_themes/wakayama-u/tmpl-img/ico_arrow02.png)
      no-repeat 10px 16px;
  }
}

/* --------------------------------------------------------------------------
	scenter-side-navi 　学生センターサイドナビ用
-------------------------------------------------------------------------- */
#side .externalLink {
  padding-right: 20px !important;
  background: transparent
    url("/_themes/wakayama-u/tmpl-img/ico_external_link01.png") no-repeat scroll
    right center !important;
}

/* ----------------------------------------------------------------
	サイド?バナーのバックグラウンドカラー設定
---------------------------------------------------------------- */
#side .sideBanner li {
  background-color: transparent !important;
}

/* ----------------------------------------------------------------
	キャンパスマップ設定
---------------------------------------------------------------- */
.body .map div {
  overflow: visible;
}

.map img {
  margin: 5px;
}

/* ----------------------------------------------------------------
	在籍者数ページ設定
---------------------------------------------------------------- */
.enrolledIn td {
  text-align: center;
}

.personnel {
  width: 30%;
}

/* --------------------------------------------------
	亚洲通官网_现金网游戏-【娱乐平台】
-------------------------------------------------- */
.surveyForm h2.name {
  margin: 1.5em 0;
  padding: 15px 20px 17px;
  background: #e5eded url(../../tmpl-img/bg_heading02.png) repeat-x left bottom;
  border-radius: 5px 5px 0 0;
  font-size: 1.6em;
  line-height: 1.2;
  overflow: hidden;
}

.surveyForm .column .name {
  margin-bottom: 10px;
  font-size: 1.4em;
  font-weight: bold;
}

.surveyForm .column .field {
  margin-bottom: 25px;
}

.surveyForm .column .required {
  color: #f00;
  font-weight: bold;
}

.surveyForm .column .textField,
.surveyForm .column textArea {
  width: 100%;
  max-width: 500px;
  padding: 8px;
  border: 1px solid #ddd;
  box-sizing: border-box;
  font-size: 1.4em;
}

.surveyForm .column textArea {
  min-height: 160px;
}

.surveyForm .submitters {
  text-align: center;
}

.surveyForm .submitters input {
  display: inline-block;
  width: 180px;
  margin: 0 5px 10px;
  padding: 6px 0;
  background: none !important;
  background-color: #f5f5f5 !important;
  border: none !important;
  border-radius: 5px;
  color: #333;
  font-family: "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3",
    "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif;
  font-size: 1.4em;
  font-weight: bold;
  cursor: pointer;
}

.surveyForm .back {
  display: none;
}

.surveyForm .confirmMessage {
  margin-bottom: 10px;
  font-size: 1.5em;
  font-weight: bold;
}

.surveyForm .errorExplanation {
  margin-bottom: 20px;
  padding: 20px 10px 10px;
  border: 3px solid #f00;
}

.surveyForm .errorExplanation h2 {
  margin-bottom: 20px;
  padding-bottom: 9px;
  border-bottom: 1px solid #ddd;
  font-size: 1.8em;
  font-weight: bold;
}

.surveyForm .errorExplanation p,
.surveyForm .errorExplanation ul {
  margin: 10px 0;
  font-size: 1.4em;
}

.surveyForm .errorExplanation li {
  margin: 10px 0;
  font-weight: bold;
}