@charset "UTF-8";

* {
}

body {
 border: none;
 margin: 0px;
 padding: 0px;
 color: #000000;
 background-color: #FFFFFF;
 text-align: center;
 font-family: 'ヒラギノ角ゴ ProN W3','ヒラギノ角ゴ ProN','Hiragino Kaku Gothic ProN',sans-serif;
 font-size: 10pt;
 font-weight: normal;
 line-height: 1.5;
 letter-spacing: 0;
 -webkit-text-size-adjust: none;	/* iPhone等のランドスケープで文字が自動的に拡大されるのを回避 */
}

a:link,
a:visited {
 color: #ff4500;
 text-decoration: none;
}

h1, h2, h3, h4, h5 {
 border: none;
 margin: 0px;
 padding: 0px;
}

h2 {
/*
 background-image: url("./img/bgimg_title.png");
 background-repeat: repeat-x;
*/
 background-color: #138e28;
 color: #FFFFFF;
/* height: 55px;*/
 padding: 0 0.5em;
 vertical-align: middle;
 text-align: left;
}

h3 {
 background-color: transparent;
 color: #138e28;
 padding: 0.5em;
}

h4 {
 background-color: transparent;
 color: #138e28;
 padding: 0.5em;
 border-top: solid 1px #138e28;
 border-right: solid 1px #138e28;
 border-left: solid 16px #138e28;
 border-bottom: solid 1px #138e28;
}

h5 {
 background-color: transparent;
 color: #138e28;
 padding: 0.5em;
 border-bottom: dashed 2px #138e28;
}

img {
 border: none;
}

form {
 margin: 0px;
 padding: 0px;
}

input {
 margin: 0px;
 padding: 0px;
 font-size: small;
 font-weight: normal;
 vertical-align: middle;
}

input[type="text"], input[type="password"] {
 margin-bottom: 2px;
 padding: 0.4em;
 height: 1em;
 border: 1px solid #000000;
 color: #000000;
 background-color: #FFFFFF;
}

input[type="submit"], input[type="reset"], input[type="button"] {
 width: 10em;
 height: 1.8em;
 font-size: medium;
}

input[type="image"] {
 border: none;
}

select {
/* border: 1px solid #000000;*/
 color: #000000;
 font-size: small;
 font-weight: normal;
 background-color: #FFFFFF;
}

option {
 margin: 1px;
 font-size: small;
 font-weight: normal;
 background-color: #FFFFFF;
}

textarea {
 border: 1px solid #000000;
 color: #000000;
 background-color: #FFFFFF;
 margin: 0px;
 padding: 0.4em;
 font-size: small;
 font-weight: normal;
}

table {
/* width: 100%;*/
 border-collapse: collapse;
 border: none;
 margin: 0px;
 padding: 0px;
}

thead {
 width: 100%;
 border: none;
}

tbody {
 width: 100%;
 border: none;
}

tfoot {
 width: 100%;
 border: none;
}

tr {
 width: 100%;
 border: none;
}

th {
 border: none;
 padding: 0px;
 vertical-align: top;
 font-size: large;
 font-weight: bold;
}

td {
 border: none;
 padding: 0px;
 vertical-align: top;
 font-size: large;
 font-weight: normal;
}

/* コンテナ */
#container {
 width: 640px;
 border: none;
 margin: 0px 0px 8px 0px;
 padding: 0px;
 color: #000000;
 background-color: transparent;
 text-align: center;
}

/* ヘッダー */
header {
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 color: #000000;
 background-color: transparent;
 text-align: left;
 font-size: large;
 font-weight: normal;
}

/* ナビゲーション */
nav {
 border: none;
 margin: 0px 0px 0px 0px;
 padding: 0px;
 color: #000000;
 background-color: transparent;
 text-align: left;
 font-size: large;
 font-weight: normal;
}

/* コンテンツ */
#contents {
 text-align: center;
 font-size: large;
 font-weight: normal;
}

/* フッター */
footer {
 margin: 0px;
 padding: 10px;
 color: white;
 background-color: black;
 text-align: center;
 font-size: large;
 font-weight: normal;
}

/* メニューバー */
table.menu-bar {
 width: 100%;
 border-collapse: collapse;
 text-align: center;
}

/* メニューバー */
tr.menu-bar {
 height: 74px;
 vertical-align: middle;
 text-align: center;
}

/* メニューバー */
td.menu-bar {
 width: 212px;
 height: 74px;
 padding: 0;
 vertical-align: middle;
 text-align: center;
 background-image: url("./img/bgimg_navi1.png");
 background-repeat: repeat-x;
}

/* メニューバー リンクアンカー */
td.menu-bar a {
 display: block;
 width: 100%;
 vertical-align: middle;
}

/* メニューバー リンクアンカー */
td.menu-bar a:link,
td.menu-bar a:visited {
 color: #FFFFFF;
 text-decoration: none;
}

/* メニューバー */
td.menu-bar-spacer {
 width: 7px;
 height: 74px;
 vertical-align: middle;
 text-align: center;
}

/* 水平バー */
table.horizontal-bar {
 width: 100%;
 border-collapse: collapse;
 text-align: center;
}

/* 水平バー */
tr.horizontal-bar {
 vertical-align: middle;
 text-align: center;
}

/* 水平バー */
td.horizontal-bar {
 width: auto;
 vertical-align: middle;
 text-align: center;
 background-color: #FDFFDF;
 border-top: solid 1px #138e28;
 border-right: solid 1px #138e28;
 border-left: solid 1px #138e28;
 border-bottom: solid 1px #138e28;
}

/* 水平バー (前) */
td.horizontal-bar-prev {
 width: 4em;
 vertical-align: middle;
 text-align: center;
 background-color: #F0FFF0;
}

/* 水平バー (次) */
td.horizontal-bar-next {
 width: 4em;
 vertical-align: middle;
 text-align: center;
 background-color: #F0FFF0;
}

/* 水平バー リンクアンカー */
td.horizontal-bar-prev a,
td.horizontal-bar-next a {
 display: block;
 width: 100%;
 height: 100%;
}



/* 水平バー2 */
table.horizontal-bar2 {
 width: 100%;
 border-collapse: collapse;
 text-align: center;
}

/* 水平バー2 */
tr.horizontal-bar2 {
 vertical-align: middle;
 text-align: center;
}

/* 水平バー2 */
td.horizontal-bar2 {
 width: auto;
 vertical-align: middle;
 text-align: center;
 background-color: #FDFFDF;
 border-top: solid 1px #138e28;
 border-right: solid 1px #138e28;
 border-left: solid 1px #138e28;
 border-bottom: solid 1px #138e28;
}

/* 水平バー (前) 2*/
td.horizontal-bar2-prev {
 width: 7em;
 vertical-align: middle;
 text-align: center;
 background-color: #F0FFF0;
}

/* 水平バー (次)2 */
td.horizontal-bar2-next {
 width: 7em;
 vertical-align: middle;
 text-align: center;
 background-color: #F0FFF0;
}

/* 水平バー リンクアンカー2 */
td.horizontal-bar2-prev a,
td.horizontal-bar2-next a {
 display: block;
 width: 100%;
 height: 100%;
}




/* 垂直移動 */
.vertical-prev,
.vertical-next {
 width: 100%;
 background-color: #FFF0F0;
 text-align: center;
 border-radius:12px;
}

/* 垂直移動 リンクアンカー */
.vertical-prev a,
.vertical-next a {
 width: 100%;
 display: block;
}

/* 汎用ボックス */
.box {
 margin: 1em;
 padding: 0px;
 text-align: center;
 color: #000000;
 background-color: transparent;
}

/* 汎用ボックス 左寄せ */
.box-al {
 margin: 1em 0;
 padding: 0px;
 text-align: left;
 color: #000000;
 background-color: transparent;
}

/* 汎用ボックス 右寄せ */
.box-ar {
 margin: 1em;
 padding: 0px;
 text-align: right;
 color: #000000;
 background-color: transparent;
}

/* 入力フォーム */
table.frm {
 width: 100%;
 border-collapse: collapse;
 border: none;
 margin: 0px;
 padding: 0px;
}

/* 入力フォーム */
tr.frm {
 border-bottom: 2px solid #FFFFFF;
}

/* 入力フォーム */
th.frm {
 background-color: #4040A0;
 color: #FFFFFF;
 border-right: 2px solid #FFFFFF;
 padding: 0.5em;
 vertical-align: middle;
 text-align: center;
 font-size: large;
 font-weight: bold;
}

/* 入力フォーム */
td.frm {
 background-color: #F0F0F0;
 color: #000000;
 border: none;
 padding: 0.5em;
 vertical-align: middle;
 text-align: left;
 font-size: large;
 font-weight: normal;
}

/* メッセージ表示欄 */
.message {
 font-size: larger;
 font-weight: bold;
 color: #FF0000;
 border-bottom: dotted 1px #808080;
}

/* タグ 必須入力 */
.tag-required {
 padding: 2px;
 vertical-align: middle;
 font-size: large;
 font-weight: normal;
 background-color: #4040A0;
 color: #FFFFFF;
}

/* ガイダンス */
.guidance {
 vertical-align: middle;
 font-size: large;
 font-weight: normal;
 background-color: transparent;
 color: #4040A0;
}

/* プライバシー */
#privacy-box {
 width: 100%;
 height: 10em;
 overflow: scroll;
 margin: 0px;
 padding: 0px;
 vertical-align: top;
 text-align: left;
 font-size: large;
 font-weight: normal;
 background-color: #F0F0F0;
}

/* 募集要項 */
table.recruit{
	float: left;
	width:100%;
	margin:10px 0;
	border-collapse: separate;
	border-spacing: 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	}

.recruit th{
	width: 20%;
	padding: 10px;
	text-align: center;
	vertical-align: middle;
	color: #444;
	background-color: #ccc;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.recruit td{
	vertical-align: middle;
	padding: 10px;
	background-color: #fafafa;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	}

.youtube_wrap {
	width: 100%;
	aspect-ratio: 16/9;
	margin: 30px 0;
}


/*ETX*/
