/* for user_report_20XX_j(e).html */

/* フォント,ページ幅,背景色 etc. 指定 */
body {
  font-family: 
    "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    "BIZ UDPGothic",
    Meiryo,
    sans-serif;
  width:960px;
  margin-right: auto;
  margin-left : auto;
  background-color: #efe;
}

/* ページタイトル枠 */
div.title {
	color: white;
	background-color:#306630;
	border-style: solid;
	border-width: 1px;
	border-color: navy;
	border-radius: 5px;
	margin: 10px 10px 0px 10px;
	padding: 10px;
	padding-bottom: 0px;
	text-shadow: 0px 0px 1px #fff, 2px 2px 4px #000;
}

/* フォーム見出し */
h2 {
    position: relative;
    padding-left: 1em;
	text-shadow: 0px 0px 1px #363;
}
 
h2::after {
    position: absolute;
    top: 50%;
    left:0;
    transform:translateY(-50%);
    content: '';
    width: 10px;
    height:10px;
    border: solid 4px #306630;
    border-radius:100%;
}

/* 入力フォーム本体 */
form {
    border: 1px solid #CCC;
    border-radius: 1em;
	margin: 10px;
    padding: 10px;
}

form div {
	/* フォーム内各項目間の隙間 */
    margin-top: 0.5em;
}

/* 申請フォーム枠 */
div.c01 {
	color: black;
	background-color: white;
	border-style: solid ;
	border-width: 1px;
	border-color: darkgreen;
	border-radius: 10px;
	margin: 0px 10px 15px 10px;
	padding: 10px;
}

/* 記入上の注意枠 */
div.c02 {
	color: #003366;
	background-color: #fafaf6;
	border-style: solid;
	border-width: 1px;
	border-color: #55aa55;
	border-radius: 10px;
	margin: 10px;
	padding: 10px;
}

/* 指導教員記入枠 */
div.c03 {
    width: 800px;
	color: blue;
	background-color: white;
	border-style: solid ;
	border-width: 2px;
	border-color: blue;
	border-radius: 10px;
	margin: 10px 10px 15px 20px;
	padding: 10px 5px 10px 20px;
}

/* 成果論文記入枠 */
div.c04 {
	background-color: #fcfffc;
	border-style: solid ;
	border-width: 2px;
	border-color: salmon;
	border-radius: 4px;
	margin: 5px;
	padding: 0px 5px 10px 20px;
}

/* 送信ボタン枠 */
div.c05 {
	text-align: center;
	background-color: #fffcfc;
	border-style: solid ;
	border-width: 2px;
	border-color: #cc6600;
	border-radius: 4px;
	margin: 10px 10px 15px 20px;
	padding: 10px 5px 10px 20px;
}

/* 国外機関所属者の記入枠 */
div.c06 {
    width: 800px;
	color: darkgreen;
	background-color: white;
	border-style: solid ;
	border-width: 2px;
	border-color: darkgreen;
	border-radius: 10px;
	margin: 10px 10px 15px 20px;
	padding: 10px 5px 10px 20px;
}

/* 記入例表示 - インデント */
span.rei {
	margin-left: 8em;
}

/* コメント - インデント, 赤 */
span.comment {
	margin-left: 8em;
	margin-right: 100px;
	color: #aa0000;
}

/* コメント - 小, インデント, 赤 */
span.comment_sml {
	font-size: small;
	margin-left: 8em;
	margin-right: 100px;
	color: #aa0000;
}

/* 必須項目印 */
span.must {
	color:#cc0000;
	font-size: 60%;
	vertical-align: super;
	margin-right: 0.1em;
}

/* ラベル幅各種 */

label.c01 {
    display: inline-block;
    width: 120px;
    text-align: right;
}
label.c02 {
    display: inline-block;
    width: 180px;
    text-align: right;
}
label.c03 {
    display: inline-block;
    width: 220px;
    text-align: right;
}
label.c04 {
    display: inline-block;
    width: 140px;
    text-align: right;
}

/* テキストフィールドのボーダーの外見 */
input, textarea {
    border: 1px solid #999;
}

/* アクティブな要素を強調する */
input:focus, textarea:focus {
    border-color: #c00;
}

/* ボタンデザイン */

button[type="submit"] {
  display: inline-block;
  background: #070;
  font-size: 16px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  margin: 0 10px;
  padding: 10px 20px;
  border: none;
  border-radius: 6px;
  box-shadow: 1px 1px 2px 1px #024;
}
button[type="submit"]:disabled {
  opacity: 0.4;
}
button[type="submit"]:hover:enabled {
  opacity: 0.8;
}
button[type="submit"]:active:enabled {
  transform: translateY(4px);
}

button[type="reset"] {
  display: inline-block;
  background: #aaa;
  font-size: 12px;
  color: #FFF;
  text-decoration: none;
  font-weight: bold;
  margin: 0 10px;
  padding: 5px 10px;
  border: none;
  border-radius: 3px;
  box-shadow: 1px 1px 3px 1px #666;
}
button[type="reset"]:hover {
  opacity: 0.9;
}
button[type="reset"]:active {
  transform: translateY(4px);
}