@charset "utf-8";



body#main .error-message{

	color:#FF0000;

	font-size:11px;

	width: 190px;

	margin: 0 0 10px 0;

}

body#main p.error-message,

body#main p.error-message2{

	color:#FF0000;

	font-size:11px;

	width: 260px;

	margin: 3px 0 0px 10px;

	overflow: hidden;

}

body#main p.error-message2{

	margin: 5px 0 0 10px;

}

body#main p.box2-rrbox2 input.error-message,

body#main p.box2-rrbox4 input.error-message{

	width: 13px;	height: 13px;

}

body#main .ws-area .form-area .error-message{	width: 255px;}

*{

	margin: 0;

	padding: 0;

}

body#main{

	margin: 0;

	padding: 0;

	background: #ffffff;

}

body#main p{

	font-size: 12px;

	line-height: 16px;

	letter-spacing: 0;

	color: #444444;

	word-break: break-all;

}

body#main a:link{

	color:#0077e6;

	text-decoration: underline;

}

body#main a:hover{

	color:#0077e6;

	text-decoration: underline;

}

body#main a:visited{

	color:#0077e6;

	text-decoration: underline;

}

body#main img{	border: none;}

body#main .clear,

.clear{

	margin: 0;

	padding: 0;

	clear: both;

	position: relative;

}

body#main #container,

body#main #container2{

	width: 900px;

	margin:0 auto;

	background-color: #fff;

}



/* header */

body#main p.header-line{	height: 0px;}

body#main #header-area{

	width: 900px;

	margin: 0 auto 13px;

}

body#main #rg-header-area{	padding: 10px 10px;}

body#main #header-area h1#mlogo{

	max-width: 208px;

	margin: 13px 0 0 25px;

	float: left;
}
body#main #header-area h1#mlogo img{	max-width: 208px;}

body#main .h-rbox{

	width: 616px;

	height: 69px;

	float: right;

	padding: 0 10px;

	background: url(../img/head_bg.jpg) no-repeat;

}

body#main img.h-pupil{

	float: left;

	margin: 33px 5px 0 0;

}

body#main p.h-pupil-t{

	margin: 30px 0 0;

	padding: 3px 0 0 7px;

	width: 142px;	height: 22px;

	float: left;

	color: #ffffff;

	background:url(../img/name_bg.gif) no-repeat;

}

body#main .h-rbox dt.h-rblock{

	width: 412px;

	float: right;

	padding: 30px 0 0;

}

body#main .h-rbox p.h-career-btn a,

body#main .h-rbox p.h-change-btn a,

body#main .h-rbox p.h-relogin-btn a,
body#main .h-rbox p.h-user-relogin-btn a,
body#main .h-rbox p.h-help-btn a,

body#main .h-rbox p.h-logout-btn a,
body#main p.h-top-btn a{

	width: 80px;

	height: 22px;

	background-image: url(../img/h-career-btn.gif);

	background-repeat: no-repeat;

	display: block;

	float: right;

	margin: 0 3px 0 0;

}

body#main .h-rbox p.h-change-btn a{	background-image: url(../img/h-change-btn.gif);}
body#main .h-rbox p.h-relogin-btn a{	background-image: url(../img/h-relogin-btn.gif);}
body#main .h-rbox p.h-user-relogin-btn a{	background-image: url(../img/h-malogin-btn.gif);}
body#main .h-rbox p.h-logout-btn a{

	background-image: url(../img/h-logout-btn.gif);

	margin: 0;

}

body#main p.h-top-btn a{

	background-image: url(../img/h-top-btn.gif);

	float: left;

	margin: 0;

}

body#main .h-rbox p.h-career-btn a:hover,

body#main .h-rbox p.h-change-btn a:hover,
body#main .h-rbox p.h-relogin-btn a:hover,
body#main .h-rbox p.h-user-relogin-btn a:hover,
body#main .h-rbox p.h-help-btn a:hover,

body#main .h-rbox p.h-logout-btn a:hover,

body#main p.h-top-btn a:hover{

	background-position: 0 -22px;

}

body#main p.h-ber{

	width: 877px;

	margin: 10px 0 20px 25px;

}

body#main p.h-ber2{

	width: 877px;

	margin: 10px 0 0 25px;

}

body#main p.pan{

	width: 840px;

	height: 17px;

	background-repeat: no-repeat;

	margin: 0 auto 10px;

	font-size: 11px;

	padding: 0 0 0 10px;

	font-weight: bold;

}

body#main p.pan a{	font-weight: normal;}

body#main p.pan a:visited{	color: #996699;}



/* copyright */

body#main footer{
	font-family: "MS Pゴシック","ＭＳ Ｐゴシック",sans-serif;
	width: 100%;
	background: #dbdada;
	font-size: 12px;
	color: #797979;
	text-align: center;
	padding: 15px 0;
	margin: 20px 0 0;
}

body#main p.copyright2{

	width: 500px;

	margin: 20px auto 0;

}



/* btn */

body#main .btnon a:hover, body#main a:hover img.on {

  filter: alpha(style=0, opacity=70);

  opacity: .7;

  -ms-filter: "alpha(opacity=70)";

  zoom: 1

}

body#main a.text_btn,
a.text_btn,
body#main a.text_btns,
a.text_btns,
button.text_btn,
button.text_btns {

    letter-spacing: 0.1em;

    font-size: 13px;
	font-weight: bold;
    border: 2px solid #cbcdff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    padding: 5px 20px;

    margin: 0px 15px;

    text-decoration: none;

    display: inline-block;

    color: #FFFFFF;

    background-color: #8094c6;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#8094c6), to(#485581));

    background-image: -webkit-linear-gradient(top, #8094c6, #485581);

    background-image: -moz-linear-gradient(top, #8094c6, #485581);

    background-image: -ms-linear-gradient(top, #8094c6, #485581);

    background-image: -o-linear-gradient(top, #8094c6, #485581);

    background-image: linear-gradient(to bottom, #8094c6, #485581);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8094c6, endColorstr=#485581);
}
@media screen and (-webkit-min-device-pixel-ratio:0) {/* google chrome */
	body#main a.text_btn,
	a.text_btn,
	body#main a.text_btns,
	a.text_btns,
	button.text_btn,
	button.text_btns {    padding: 3px 20px;}
}
@-moz-document url-prefix() {/* firefox */
	body#main a.text_btn,
	a.text_btn,
	body#main a.text_btns,
	a.text_btns,
	button.text_btn,
	button.text_btns {    padding: 3px 20px;}
}

body#main a.text_btns,
a.text_btns,
button.text_btns{
	font-size: 12px;
	padding: 4px 15px;
}
body#main a.text_btn:hover,
a.text_btn:hover,
a.text_btns:hover,
button.text_btn:hover,
button.text_btns:hover {

    opacity: 0.8;

}

body#main div.modal-container a.text_btn.small {

    padding: 3px 15px;

}

body#main div.modal-container a.text_btn.red{

    border: 2px solid #c8241e;

    background-color: #D94B45;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#D94B45), to(#C92620));

    background-image: -webkit-linear-gradient(top, #D94B45, #C92620);

    background-image: -moz-linear-gradient(top, #D94B45, #C92620);

    background-image: -ms-linear-gradient(top, #D94B45, #C92620);

    background-image: -o-linear-gradient(top, #D94B45, #C92620);

    background-image: linear-gradient(to bottom, #D94B45, #C92620);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#D94B45, endColorstr=#C92620);

}

body#main a.text_grybtn {

    border: 1px solid #b5b5b5;

    color: #302f7a;

	font-weight: bold;

    background-color: #ffffff;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dfdfeb));

    background-image: -webkit-linear-gradient(top, #ffffff, #dfdfeb);

    background-image: -moz-linear-gradient(top, #ffffff, #dfdfeb);

    background-image: -ms-linear-gradient(top, #ffffff, #dfdfeb);

    background-image: -o-linear-gradient(top, #ffffff, #dfdfeb);

    background-image: linear-gradient(to bottom, #ffffff, #dfdfeb);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#dfdfeb);

}

body#main a.text_grybtn:hover {

    border: 1px solid #9fc3eb;

    color: #0b4587;

	font-weight: bold;

    background-color: #f6f9fd;

    background-image: -webkit-gradient(linear, left top, left bottom, from(#abcbef), to(#f6f9fd));

    background-image: -webkit-linear-gradient(top, #abcbef, #f6f9fd);

    background-image: -moz-linear-gradient(top, #abcbef, #f6f9fd);

    background-image: -ms-linear-gradient(top, #abcbef, #f6f9fd);

    background-image: -o-linear-gradient(top, #abcbef, #f6f9fd);

    background-image: linear-gradient(to bottom, #abcbef, #f6f9fd);

    filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#abcbef, endColorstr=#f6f9fd);

}


.h2ttl{
    margin: 0 0 6px;
	padding: 0 0 10px 0;
	background: url(../img/bg_ttlds.gif) repeat-x;
	background-position: bottom;
}
.h2ttl h2{
    font-size: 15px;
    font-weight: bold;
    line-height: 15px;
    color: #333;
    border-left: 4px solid #333;
    padding: 0 0 0 6px;
}
.lft{	float: left;}
.rgt{	float: right;}
.mc{	text-align: center;}
input,
textarea{
	font-size: 12px;
	padding: 2px;
}
.box_tbl{
	width: 100%;
	border-top: solid 1px #cccccc;
	border-right: solid 1px #cccccc;
}
.box_tbl dl{
	width: 100%;
	display: table;
	border-left: solid 1px #cccccc;
	border-bottom: solid 1px #cccccc;
	font-size: 12px;
}
.box_tbl dl dt,
.box_tbl dl dd{	padding: 5px;}
.box_tbl dt{
	width: 30%;
	display: table-cell;
	vertical-align: middle;
	background: #f5f5f5;
	border-right: solid 1px #cccccc;
	font-weight: bold;
}
.box_tbl dd{
	width: auto;
	display: table-cell;
	vertical-align: middle;
}
table.tbl_m,
table.tbl_hf{
	border-collapse: collapse;
	width: 100%;
	box-sizing: border-box;
	margin-top: 6px;
}
table.tbl_hf{	width: 50%;}
table.tbl_m th,
table.tbl_m td,
table.tbl_hf th,
table.tbl_hf td  {
	padding: 6px;
	vertical-align: middle;
	border: 1px solid #cccccc;
	font-size: 12px;
}

table.tbl_m th,
table.tbl_hf th {
	background-color: #999999;
	color: #ffffff;
    text-align: center;
}

body#main a.btn_wht,
a.btn_wht,
body#main button.btn_wht,
button.btn_wht{
	border: 1px solid #cccccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #ffffff; background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ced4e2));
	background-image: -webkit-linear-gradient(top, #ffffff, #ced4e2);
	background-image: -moz-linear-gradient(top, #ffffff, #ced4e2);
	background-image: -ms-linear-gradient(top, #ffffff, #ced4e2);
	background-image: -o-linear-gradient(top, #ffffff, #ced4e2);
	background-image: linear-gradient(to bottom, #ffffff, #ced4e2);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ffffff, endColorstr=#ced4e2);
	width: auto;
    font-size: 12px;
    line-height: 14px;
	text-align: center;
	color: #232272;
	font-weight: bold;
	text-decoration: none;
	padding: 3px 10px;
	cursor: pointer;
	display: inline-block;
}
body#main a.btn_wht:hover,
a.btn_wht:hover,
body#main button.btn_wht:hover,
button.btn_wht:hover{
	filter: alpha(style=0, opacity=50);
	opacity: .5;
	-ms-filter: "alpha(opacity=50)";
	zoom: 1
}
a.text_btnred,
body#main a.text_btnred,
a.text_btnreds,
button.text_btnred{
	border:1px solid #ff291c;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	background-color: #FF5E54; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5E54), to(#FF362A));
	background-image: -webkit-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -moz-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -ms-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -o-linear-gradient(top, #FF5E54, #FF362A);
	background-image: linear-gradient(to bottom, #FF5E54, #FF362A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF5E54, endColorstr=#FF362A);
	width: auto;
    font-size: 12px;
    line-height: 13px;
	text-align: center;
	color: #ffffff;
	font-weight: bold;
	text-decoration: none;
	padding: 6px 10px;
	cursor: pointer;
	display: inline-block;
}
a.text_btnreds{	padding: 3px 10px;}
a.text_btnred:hover,
body#main a.text_btnred:hover,
a.text_btnreds:hover,
button.text_btnred:hover{
	filter: alpha(style=0, opacity=70);
	opacity: .7;
	-ms-filter: "alpha(opacity=70)";
	zoom: 1
}
body#main p.list_cap,
p.list_cap{
    font-size: 13px;
	line-height: 14px;
    font-weight: bold;
    border-left: 5px solid #000;
    padding: 0 0 0 6px;
	margin: 0 0 5px;
	text-align: left;
}

body#main a.btn_red,
body#main a.btn_gry,
body#main a.btn_dgry{
	border: 1px solid #ff291c;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #FF5E54; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5E54), to(#FF362A));
	background-image: -webkit-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -moz-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -ms-linear-gradient(top, #FF5E54, #FF362A);
	background-image: -o-linear-gradient(top, #FF5E54, #FF362A);
	background-image: linear-gradient(to bottom, #FF5E54, #FF362A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF5E54, endColorstr=#FF362A);
	width: auto;
    font-size: 12px;
    line-height: 14px;
	text-align: center;
	color: #ffffff;
	text-decoration: none;
	padding: 3px 7px;
	cursor: pointer;
	display: inline-block;
}
body#main a.btn_gry{
	border: 1px solid #999999;
	background-color: #999999; background-image: -webkit-gradient(linear, left top, left bottom, from(#999999), to(#888888));
	background-image: -webkit-linear-gradient(top, #999999, #888888);
	background-image: -moz-linear-gradient(top, #999999, #888888);
	background-image: -ms-linear-gradient(top, #999999, #888888);
	background-image: -o-linear-gradient(top, #999999, #888888);
	background-image: linear-gradient(to bottom, #999999, #888888);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#999999, endColorstr=#888888);
}
body#main a.btn_dgry{
	border: 1px solid #444444;
	background-color: #666666; background-image: -webkit-gradient(linear, left top, left bottom, from(#666666), to(#444444));
	background-image: -webkit-linear-gradient(top, #666666, #444444);
	background-image: -moz-linear-gradient(top, #666666, #444444);
	background-image: -ms-linear-gradient(top, #666666, #444444);
	background-image: -o-linear-gradient(top, #666666, #444444);
	background-image: linear-gradient(to bottom, #666666, #444444);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#666666, endColorstr=#444444);
}
body#main a.btn_red:hover,
body#main a.btn_gry:hover,
body#main a.btn_dgry:hover{
	filter: alpha(style=0, opacity=60);
	opacity: .6;
	-ms-filter: "alpha(opacity=60)";
	zoom: 1
}


/*buttons*/

button{
cursor: pointer;
}

#filemanager .btn_filemanager{

letter-spacing: 0.1em;

font-size: 12px;

border:2px solid #ccccff;

-webkit-border-radius: 4px;

-moz-border-radius: 4px;

border-radius: 4px;

padding: 5px 10px; 

text-decoration:none; 

display:inline-block; 

color: #FFFFFF;

 background-color: #8094c6; background-image: -webkit-gradient(linear, left top, left bottom, from(#8094c6), to(#4c5a83));

 background-image: -webkit-linear-gradient(top, #8094c6, #4c5a83);

 background-image: -moz-linear-gradient(top, #8094c6, #4c5a83);

 background-image: -ms-linear-gradient(top, #8094c6, #4c5a83);

 background-image: -o-linear-gradient(top, #8094c6, #4c5a83);

 background-image: linear-gradient(to bottom, #8094c6, #4c5a83);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#8094c6, endColorstr=#4c5a83);

}



#filemanager .btn_filemanager:hover{

 border:2px solid #cde3fe;

 background-color: #83bcd4; background-image: -webkit-gradient(linear, left top, left bottom, from(#83bcd4), to(#4b8bac));

 background-image: -webkit-linear-gradient(top, #83bcd4, #4b8bac);

 background-image: -moz-linear-gradient(top, #83bcd4, #4b8bac);

 background-image: -ms-linear-gradient(top, #83bcd4, #4b8bac);

 background-image: -o-linear-gradient(top, #83bcd4, #4b8bac);

 background-image: linear-gradient(to bottom, #83bcd4, #4b8bac);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#83bcd4, endColorstr=#4b8bac);

}

#filemanager .btn_close{

border:1px solid #cacaca;color: #1C1C1C;

	line-height: 100%;

 background-color: #E6E6E6; background-image: -webkit-gradient(linear, left top, left bottom, from(#E6E6E6), to(#CCCCCC));

 background-image: -webkit-linear-gradient(top, #E6E6E6, #CCCCCC);

 background-image: -moz-linear-gradient(top, #E6E6E6, #CCCCCC);

 background-image: -ms-linear-gradient(top, #E6E6E6, #CCCCCC);

 background-image: -o-linear-gradient(top, #E6E6E6, #CCCCCC);

 background-image: linear-gradient(to bottom, #E6E6E6, #CCCCCC);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#E6E6E6, endColorstr=#CCCCCC);

}

#filemanager .btn_close:hover{

 border:1px solid #b3b3b3;

 background-color: #cdcdcd; background-image: -webkit-gradient(linear, left top, left bottom, from(#cdcdcd), to(#b3b3b3));

 background-image: -webkit-linear-gradient(top, #cdcdcd, #b3b3b3);

 background-image: -moz-linear-gradient(top, #cdcdcd, #b3b3b3);

 background-image: -ms-linear-gradient(top, #cdcdcd, #b3b3b3);

 background-image: -o-linear-gradient(top, #cdcdcd, #b3b3b3);

 background-image: linear-gradient(to bottom, #cdcdcd, #b3b3b3);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#cdcdcd, endColorstr=#b3b3b3);

}

#filemanager .btn_delete{

border:1px solid #ff291c;

 background-color: #FF5E54; background-image: -webkit-gradient(linear, left top, left bottom, from(#FF5E54), to(#FF362A));

 background-image: -webkit-linear-gradient(top, #FF5E54, #FF362A);

 background-image: -moz-linear-gradient(top, #FF5E54, #FF362A);

 background-image: -ms-linear-gradient(top, #FF5E54, #FF362A);

 background-image: -o-linear-gradient(top, #FF5E54, #FF362A);

 background-image: linear-gradient(to bottom, #FF5E54, #FF362A);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FF5E54, endColorstr=#FF362A);
color: #ffffff;
}

#filemanager .btn_delete:hover{

 border:1px solid #ed0e00;

 background-color: #ff2e21; background-image: -webkit-gradient(linear, left top, left bottom, from(#ff2e21), to(#f60e00));

 background-image: -webkit-linear-gradient(top, #ff2e21, #f60e00);

 background-image: -moz-linear-gradient(top, #ff2e21, #f60e00);

 background-image: -ms-linear-gradient(top, #ff2e21, #f60e00);

 background-image: -o-linear-gradient(top, #ff2e21, #f60e00);

 background-image: linear-gradient(to bottom, #ff2e21, #f60e00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ff2e21, endColorstr=#f60e00);

}










/* clear */

body#main #container:after,

body#main #container2:after,

body#main #header-area:after,

body#main .h-rbox:after,

body#main #rg-header-area:after,

.clear:after{

	content:"";

	display:block;

	height:0;

	clear:both;

	visibility:hidden;

}