/* -------------------------------------------------------------
# 共通
------------------------------------------------------------- */

body { 
  background-color: #b7b7b7; 
  color: black;
  font-family: "Hiragino Kaku Gothic Pro W3","ヒラギノ角ゴ Pro W3", Osaka, "MS P Gothic", "MS Pゴシック", sans-serif;
  font-size: 75%;
  line-height: 1.4;
  padding: 25px 25px 15px 25px;
}

body, p, ol, ul, td {
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 13px;
  line-height: 18px;
}

a { color: #000; }
a:visited { color: #666; }
a:hover { color: #fff; background-color:#000; }

#wrapper {
  width: 900px;
  background: white;
  margin: auto;
  text-align: left;
}

#header #topLine {
  width: 850px;
  height: 60px;
  margin: 0 25px 5px 25px;
  padding-top: 5px;
}

#header #topLine #notice {
  float: left;
  top: 10px;
  right: 0em;
  width: 200px;
  height: 52px;
}

#header #topLine #notice a {
  color: #DD6666
}

#header #topLine #headerProfile {
  float: right;
  top: 10px;
  right: 0em;
  width: 400px;
  height: 52px;
  background: white url(/images/header_profile_bg_top.gif) no-repeat 0 0;
}

#header #topLine #headerProfileInner {
  width: 400px;
  height: 52px;
  padding: 0 15px;
  background: transparent url(/images/header_profile_bg_bottom.gif) no-repeat 0 100%;
}

#header #topLine #headerProfile p {
  margin-top: 7px;
  margin-bottom: 7px;
}

#header #topLine #headerProfile .name {
  margin-left: 10px;
  font-size: 120%;
  font-weight: bold;
}

#header #topLine #headerProfile .year {
  text-align: left;
}

#header #topLine #headerProfile .term {
  margin-left: 10px;
  text-align: left;
}

#header #topLine #headerProfile ul {
  margin-left: 20px;
}

#header #topLine h1 {
  float: left;
  padding: 0 0px;
  font-weight: bold;
  width: 220px;
  height: 55px;
  text-align: left;
}

#content {
  padding: 0 0 20px;
  margin: 0 25px;
  width: 850px;
}

/* -------------------------------------------------------------
# エラー表示
------------------------------------------------------------- */
#errorExplanation {
/* original
  width: 400px;
  border: 2px solid red;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
  background-color: #f0f0f0;
*/
  width: 400px;
  border: 2px solid #AA3344;
  padding: 7px;
  padding-bottom: 12px;
  margin-bottom: 20px;
}

#login_form h2 {
/*  padding: 0 120px;*/
  margin: 0 325px;
}

#login_form #login {
  width: 220px;
}

#login_form #password {
  width: 220px;
}

#errorExplanation h2 {
/* original
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #c00;
  color: #fff;
*/
  text-align: left;
  font-weight: bold;
  padding: 5px 5px 5px 15px;
  font-size: 12px;
  margin: -7px;
  background-color: #FFCCCC;
}

#errorExplanation p {
  color: #333;
  margin-bottom: 0;
  padding: 5px;
}

#errorExplanation ul li {
  font-size: 12px;
  list-style: square;
}

/* -------------------------------------------------------------
# プログレス(railsデフォルト？)
------------------------------------------------------------- */
div.uploadStatus {
  margin: 5px;
}

div.progressBar {
  margin: 5px;
}

div.progressBar div.border {
  background-color: #fff;
  border: 1px solid gray;
  width: 100%;
}

div.progressBar div.background {
  background-color: #333;
  height: 18px;
  width: 0%;
}

/* -------------------------------------------------------------
# ul リスト
------------------------------------------------------------- */
ul.arrow { 
  line-height:1.2; 
}

ul.arrow li a {
  padding-left:15px;
  background:transparent url(/images/arrow.gif) no-repeat 3px 50%;
  font-size:90%;
}

ul.arrow li a:hover {
  background:#009BA5 url(/images/arrow_hover.gif) no-repeat 3px 50%;
}

ul.arrow2 {
  line-height:1.2;
}

ul.arrow2 li a {
  padding-left:15px;
  background:transparent url(/images/arrow2.gif) no-repeat 3px 50%;
  font-size:90%;
}

ul.arrow2 li a:hover {
  background:#D91010 url(/images/arrow2_hover.gif) no-repeat 3px 50%;
}

ul.arrow3 {
  line-height:1.7; 
  font-size: 14px; 
}

ul.arrow3 li a {
  padding-left:15px;
  background:transparent url(/images/arrow.gif) no-repeat 3px 50%;
  font-size:90%;
}

ul.arrow3 li a:hover {
  background:#009BA5 url(/images/arrow_hover.gif) no-repeat 3px 50%;
}

ul.horizontal {
  zoom:100%; 
}

ul.horizontal:after {
  content:".";
  display: block;
  height:0px;
  clear:both;
  visibility:hidden;
}

ul.horizontal li {
  display:block;
  float:left;
  padding-right:10px;
}

/* -------------------------------------------------------------
# table
------------------------------------------------------------- */
#content table {
  border-collapse:collapse;
}

#content table tr {
  background-color:white;
}

#content table tr.even {
  background-color:#ddd;
}

#content table th {
  text-align:center;
  border:1px solid #b7b7b7;
  background-color: #D0E0F0;
}

#content table td {
  padding:2px 5px;
  border:1px solid #b7b7b7;
  text-align:left;
}

/* -------------------------------------------------------------
# メッセージ
------------------------------------------------------------- */
#disp_message p {
  border: 2px solid #AA3344;
  background-color: white;
  background-color: #FFCCCC;
  padding: 7px;
  width: 400px;
  font-weight: bold;
}

/* -------------------------------------------------------------
# globalNav
------------------------------------------------------------- */
#globalNav {
  width:850px;
  height:54px;
  margin:0 25px 00px 25px;
  /*position:relative;*/
}

#globalNavMain {
  height:27px;
}

#globalNavMain ul#publicity,
#globalNavMain ul#education,
#globalNavMain ul#accounting,
#globalNavMain ul#employment {
  float:left;
  padding-right:10px;
}

#globalNavMain ul#system {
  float:right;
  padding-left:10px;
}

#globalNavMain ul li {
  display:block;
  float:left;
  background:white url(/images/globalnav_bg.gif) repeat-x 0 50%;
}

#globalNavMain ul li span {
  display:block;
  width:9px;
  padding:5px 0;
}

#globalNavMain ul li.left span {
  background:transparent url(/images/globalnav_bg_left.gif) no-repeat 0 0;
}

#globalNavMain ul li.right span {
  background:transparent url(/images/globalnav_bg_right.gif) no-repeat 100% 0;
}

#globalNavMain ul li a {
  display:block;
  padding:5px 10px 5px 15px;
  /*background:transparent url(/images/globalnav_arrow.gif) no-repeat 5px 50%;*/
  color:white;
}

/* マウスオーバーイベント <= タブ全体の色が変化しないため実行しない
#globalNavMain ul li a:hover  {
  background-color:#005257 !important;
}
*/

#globalNavMain ul#system li {
  display:block;
  float:left;
  background:white url(/images/globalnav_bg_2.gif) repeat-x 0 0;
}

#globalNavMain ul#system li span {
  display:block;
  width:9px;
  padding:5px 0;
}

#globalNavMain ul#system li.left span {
  background:transparent url(/images/globalnav_bg_2_left.gif) no-repeat 0 0;
}

#globalNavMain ul#system li.right span {
  background:transparent url(/images/globalnav_bg_2_right.gif) no-repeat 100% 0;
}

#globalNavMain ul#system li a {
  display:block;
  padding:5px 10px 5px 15px;
  background:transparent url(/images/globalnav_arrow_2.gif) no-repeat 5px 50%;
  color:black;
}

#globalNavMain ul#system li a:hover {
  background:transparent url(/images/globalnav_arrow_2.gif) no-repeat 5px 50% !important;
}

#globalNavSub {
  /*margin-bottom:5px;*/
  /*padding:5px 10px;*/
  /*background-color:#0050B0;*/
  background-color:#0090D0;
  height:28px;
  clear:both;
}

/*
#globalNavSub ul.arrow {
  line-height:1.2;
  padding: 5px 10px;
}

#globalNavSub ul.arrow li a {
  padding-left:15px;
  background:transparent url(/images/arrow.gif) no-repeat 3px 50%;
  font-size:90%;
}

#globalNavSub ul.arrow li a:hover {
  background:#009BA5 url(/images/arrow_hover.gif) no-repeat 3px 50%;
}
*/

#globalNavSub ul li {
  display:block;
  float:left;
}

#globalNavSub ul li a {
  display:block;
  padding:5px 10px 5px 15px;
  /*background:transparent url(/images/globalnav_arrow.gif) no-repeat 5px 50%;*/
  color:white;
  /*font-weight:bold;*/
  font-size:12px
}


#open #globalNavSub {padding-left:155px;}

#globalNavBottom {clear:both;}

#globalNavBottom p {font-size:90%;}

#globalNavBottom ul {
  position:absolute;
  top:0;
  right:0;
}

/* -------------------------------------------------------------
# globalNav
------------------------------------------------------------- */
.clear {
  clear:both;
}

#top-action, #bottom-action {
  margin: 5px 0;
  clear: both;
}

#top-action ul li {
  display:block;
  float:left;
  padding-right:20px;
}





/* -------------------------------------------------------------
# 調整
------------------------------------------------------------- */
.clearfix,
#content {
  overflow:hidden;
}

* html .clearfix,
* html #content {
  zoom: 1;
}