@charset "utf-8";


html {
	font-size:10px;
}
* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
	margin:0;
	padding:0;
	color:#666666;
	font-smoothing: antialiased;
  	-moz-osx-font-smoothing: grayscale;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	line-height: 1.5;
	min-width:1024px;
}

a {
  color: #000;
  text-decoration: none;
  transition: .25s;
}

a:hover {
  color: #000;
  text-decoration: underline;
}

p,ul,ol,table,dl{
	font-size:100%;

}

p{
	padding:0;
	margin-top:0;
	margin-bottom:20px;
}

ul{
	list-style:none;
}

img {
	width:auto;
	height:auto;
	max-width:100%;
	display:block;
}

a:hover img,
button:hover img{
	opacity:0.6;
	filter: alpha(opacity=60);
    -moz-opacity:0.6;
}


/*-----------------clear-----------------*/
/*** clear fix ****/
.clearfix:after {
	content: " ";
	display: block;
	height: 0;
	visibility: hidden;
	clear: both;
}
.clearfix {
	display: inline-block;
}
.clearfix {
	display: block;
}

/*============================
#header
============================*/
#header {
	width:1000px;
	margin:20px auto;
}
#header img {
	width:auto;
	width:245px;
	display:block;
	margin:auto;
}

/*============================
#copyright
============================*/
#copyright {
	width:1000px;
	margin:0 auto 20px;
	text-align:center;
	font-size:12px;
	padding:10px 0 0;
	border-top:2px solid #ff9900;
}

/*============================
#contents
============================*/
#contents {
	width:1000px;
	margin:40px auto;
}

/*============================
汎用
============================*/
#contents .red {
	color:#f00;
}
#contents .textR {
	text-align:right;
}

#contents .textC {
	//text-align:center;
	text-align:left;
}

#contents .section {
	margin-bottom:40px;
}

#contents p.indent {
	padding-left: 1em;
	text-indent: -1em;
}

#contents .color01,
#contents #menu a.color01,
#contents #back a.color01 {
	background-color:#ffcc00;
	color:#fff;
}
#contents .color02,
#contents #menu a.color02,
#contents #back a.color02 {
	background-color:#0000ff;
	color:#fff;
}
#contents .color03,
#contents #menu a.color03,
#contents #back a.color03 {
	background-color:#ff9900;
	color:#fff;
}
#contents .color04,
#contents #menu a.color04,
#contents #back a.color04 {
	background-color:#ff0000;
	color:#fff;
}
#contents .cancel,
#contents #menu a.cancel,
#contents #back a.cancel {
	color:#f00;
}
#contents hr {
	width:80%;
	margin:30px auto;
	border-top:2px solid #ddd;
	height:2px;
}
#contents .mb0 {
	margin-bottom:0;
}

/*============================
見出し
============================*/
#contents h2 {
	font-size:20px;
	text-align:center;
	margin:0 auto 20px;
	padding:0 0 5px;
	border-bottom:2px solid #ff9900;
}
#contents h2 span {
	color:#ff9900;
}
#contents h3 {
	margin:15px 0 0;
}

/*============================
ログイン名
============================*/
#contents p.loginname {
	text-align:center;
	color:#ff9900;
	margin:0 auto 6px;
	font-weight:bold;
}
/*============================
日時
============================*/
#contents p.datetime {
	font-size:12px;
	text-align:center;
	margin:auto;
}

/*============================
受講生サマリー
============================*/
#contents div.pagenavi-box div.btn {
	float:left;
	width:30%;
	margin:0;
}
#contents div.pagenavi-box div.btn input[type=button] {
	margin-left:0;
	height:40px;
}
#contents div.pagenavi-box p.current_num {
	font-size:18px;
	float:left;
	width:78%;
	color:#000;
	line-height:40px;
}
#contents div.pagenavi-box p.pagenavi {
	float:right;
	width:20%;
	text-align:right;
	line-height:40px;
	margin-bottom:5px;
}
#contents p.stasummary {
	font-size:15px;
	margin-bottom:5px;
	color:#000;
}

/*============================
受講生編集ボックス
============================*/
#contents .stu-edit {
	width:475px;
	margin:auto;
}

/*============================
受講生確認ボックス
============================*/
#contents .stu-list {
	width:800px;
	margin:auto;
}

/*============================
削除ボックス
============================*/
#contents .del-box p {
	margin:0;
	float:left;
	line-height:30px;
	width:400px;
	text-align:left;
}

/*============================
フォーム
============================*/
#contents form {
	width:100%;
	margin:0 auto 50px;
}

#contents form.login {
	width:250px;
}

#contents form.login div.title {
	float:left;
	width:90px;
	text-align:right;
	line-height:29px;
	margin-right:20px;
}
#contents form.login div.input {
	float:right;
	width:125px;
}
#contents form.search {
	padding:20px;
	background:#ffe373;
	margin-bottom:5px;
}
#contents form.search.list {
	padding:10px 5px;
}
#contents form.search div.title {
	float:left;
	width:30%;
	margin:0 1% 0 0;
	text-align:right;
	line-height:30px;
}
#contents form.search.list div.title {
	width:15%;
	text-align:left;
}
#contents form.search div.input {
	float:left;
	width:35%;
	margin:0 1% 0 0;
	line-height:30px;
}
#contents form.search.list div.input {
	width:83%;
}
#contents form.search.list div.input input[type=text],
#contents form.search.list div.input input[type=checkbox],
#contents form.search.list div.input input[type=radio] {
	line-height:30px;
	margin-top:1px;
	margin-bottom:0;
}
#contents form.search.list div.input input[type=submit] {
	min-width:50px;
}
#contents form.search div.input input.date {
	width:105px;
}
#contents form.search div.btn {
	float:left;
	width:30%;
	margin:0;
	line-height:30px;
}
#contents form.search div.rbtn {
	float:right;
	width:15%;
	margin:0;
	line-height:30px;
	text-align:right;
}
#contents form.search.list div.rbtn input[type=submit] {
	min-width:50px;
}
#contents form.search p.error {
	border:none;
	margin:0;
}
#contents #status-box {
	display:none;
}
#contents #status-box form {
	padding:20px;
	background:#b2ffff;
}
#contents #status-box form div.box {
	margin:0 0 20px 0;
}
#contents #status-box form div.input {
	float:left;
	width:78%;
	margin:0 1% 0 0;
	text-align:right;
}
#contents #status-box form div.btn {
	float:right;
	width:20%;
}
#contents #status-box form p {
	margin-bottom:5px;
}
#contents #status-box form div.input .datetxt,
#contents #status-box form div.input .monthtxt {
	height: 30px;
	line-height:30px;
	width:120px;
}
#contents #cancel-box form {
	padding:20px;
	background:#b2ffff;
}
#contents #cancel-box form div.box {
	margin:0 0 20px 0;
}
#contents #cancel-box form div.btn {
	float:right;
	width:20%;
}
#contents #cancel-box form p {
	margin-bottom:5px;
}
#contents form.btnlist {
	margin:0 0 10px;
}
#contents form.btnlist .left {
	margin:0 15px 0 0;
	display:inline-block;
}
#contents form.btnlist .right {
	float:right;
	width:50px;
}
#contents form.btnlist input[type="button"],
#contents form.btnlist input[type="submit"] {
	min-width: 50px;
}
#contents input[type="text"],
#contents input[type="password"],
#contents input[type="email"] {
	width:100%;
	height:27px;
	border:1px solid #676767;
	margin:0 0 15px;
	padding: 0 10px;
	font-size:15px;
	color:#666666;
}

#contents input[type="button"],
#contents input[type="reset"],
#contents input[type="submit"] {
	min-width:125px;
	height:20px;
	display:inline-block;
	margin:0 10px 0 0;
	text-align:center;
	-webkit-appearance:none;
	border:1px solid #676767;
	font-size:12px;
}
#contents .stu-edit input[type="button"],
#contents .stu-edit input[type="reset"],
#contents .stu-edit input[type="submit"] {
	min-width:70px;
}
#contents input[type="button"].last,
#contents input[type="reset"].last,
#contents input[type="submit"].last {
	margin-right:0;
}

#contents input[type="text"].datetxt {
	display:inline-block;
	width:10em;
}
#contents #teacherlist input[type="text"].datetxt {
	width:100%;
}
#contents #teacherlist input[type="button"].tdelbtn {
	min-width:100px;
}

#contents form.edit {
	margin:0 0 25px 0;
}

#contents form.edit input[type="text"],
#contents form.edit input[type="password"],
#contents form.edit input[type="email"],
#contents form.edit input[type="url"],
#contents form.edit input[type="tel"],
#contents form.edit select  {
	height:25px;
	font-size:15px;
	margin:0;
	padding: 0 10px;
	width:100%;
}
#contents form.edit input[type="tel"]  {
	width:5em;
}
#contents form.edit input.ime_on,
#contents form.edit textarea.ime_on {
	ime-mode: active;
}

#contents form.edit input.ime_off,
#contents form.edit textarea.ime_off {
	ime-mode: disabled;
}

#contents form.edit input.price {
	width: 6em;
	margin:0 5px 0 0;
}

#contents input:disabled {
	opacity:0.6;
	filter: alpha(opacity=60);
    -moz-opacity:0.6;
}

#contents form .print {
	min-width:50px;
}

/*============================
テキスト注文関連
============================*/
#contents form.order {
	padding:20px;
	background:#ffe373;
	margin-bottom:5px;
}
#contents form.order.list {
	padding:10px 5px;
}
#contents form.order div.input {
	float:left;
	width:520px;
	margin:0 10px 0 0;
	line-height:30px;
}
#contents form.order.list div.input input[type=text],
#contents form.order.list div.input input[type=checkbox],
#contents form.order.list div.input input[type=radio],
#contents form.order.list div.input select {
	line-height:27px;
	margin-top:1px;
	margin-bottom:0;
}
#contents form.order.list div.input select {
	width:100px;
}
#contents form.order.list div.input input[type=text] {
	width:80px;
}
#contents form.order.list div.input input[type=button],
#contents form.order.list div.input input[type=submit] {
	min-width:20px;
	width:20px;
	margin:0;
	padding:0;
	height:27px;
	color:#fff;
	background:#999;
}
@media screen and (min-width: 0\0) and (min-resolution: +72dpi) {
  	#contents form.order.list div.input input[type=button],
	#contents form.order.list div.input input[type=submit] {
		position:relative;
		top:-1px;
	}
}
#contents form.order div.rbtn {
	float:right;
	width:50px;
	margin:0;
	line-height:27px;
	text-align:right;
}
#contents form.order.list div.rbtn input[type=button],
#contents form.order.list div.rbtn input[type=submit] {
	min-width:50px;
	height:30px;
}
#contents form.order p.error {
	border:none;
	margin:0;
}

/*============================
エラーメッセージ
============================*/
p.error {
	color:#f00;
	/*border:2px solid #f00;*/
	/*padding:5px;*/
	margin:0 0 20px;
}


/*============================
メニュー
============================*/
#contents #menu {
	/*width:425px;*/
	width:525px;
	margin:0 auto;
}
#contents #menu .leftmenu {
	float:left;
	width:240px;
}
#contents #menu .rightmenu {
	float:right;
	width:240px;
}
#contents #menu a {
	display:block;
	height:30px;
	text-align:center;
	background:#ff6600;
	color:#fff;
	line-height:30px;
	margin:0 0 13px 0;
	border:1px solid #676767;
}

/*============================
インフォメーション
============================*/
#contents .info {
	width:425px;
	margin:13px auto 30px;
}
#contents .info h3 {
	font-size:15px;
	margin:0 0 10px;
}
#contents .info-inn {
	min-height:150px;
	padding:20px;
	border:1px solid #676767;
}

/*============================
バックメニュー
============================*/
#contents #back {
	width:425px;
	margin:0 auto;
}
#contents .stu-edit #back {
	width:475px;
}
#contents .stu-list #back {
	width:590px;
}
#contents #back .rightmenu {
	float:right;
	width:125px;
}
#contents #back a {
	display:block;
	height:30px;
	text-align:center;
	background:#ddd;
	color:#000;
	line-height:30px;
	margin:0 0 13px 0;
	border:1px solid #676767;
}

/*============================
テーブル
============================*/
#contents table {
	width:100%;
	background-color:#999999;
	padding:0px;
	border-collapse:separate;
	border-spacing:1px;
	margin:0 0 15px;
	font-size:15px;
	color:#000;
}
#contents table th,
#contents table td {
	padding:5px;
}
#contents table th,
#contents table thead th{
	background-color:#cccccc;
	vertical-align:middle;
	font-weight:normal;
	border:0px solid #FFFFFF;
}
#contents table td{
	background-color:#FFFFFF;
	vertical-align:middle;
	text-align:left;
}
#contents table td.showonly{
	background-color:#eeeeee;
}
#contents table th.sortcurt,
#contents table td.sortcurt {
	background:#ddd;
}
#contents table td a {
	text-decoration:underline;
}
#contents .stu-list table {
	font-size:12px;
}
/*============================
明細テーブル
============================*/
#contents table.summary {
	border:2px solid #999999;
}
#contents table.summary td.delimiter {
	border-top:1px solid #999999;
}

/*============================
ページナビゲーション
============================*/
#contents p.pnav {
	margin:0;
	text-align:right;
	font-size:15px;
}

/*============================
BTN
============================*/
div.btnlist div.btn {
	float:right;
	width:200px;
	background:#ddd;
	margin:0 0 10px 10px;
	border:1px solid #adadad;
}
div.btnlist div.btn:hover {
	background:#e5f1fb;
	border:1px solid #0078d7;
}
div.btnlist div.btn a {
	display:block;
	text-align:center;
	height:52px;
	line-height:52px;
	color:#000;
	text-decoration:none;
}

/*============================
DATEPICKER
============================*/
.ui-datepicker select.ui-datepicker-month {
	width: 30%;
}
.ui-datepicker select.ui-datepicker-month,
.ui-datepicker select.ui-datepicker-year {
	 height: 2em!important; 
	 margin-right:5px;
}