@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 {

    letter-spacing: 0.1em;

    font-size: 13px;

    border: 2px solid #cbcdff;

    -webkit-border-radius: 4px;

    -moz-border-radius: 4px;

    border-radius: 4px;

    padding: 7px 15px;

    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);

}

body#main a.text_btn: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);

}

/*buttons*/

#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);

}

#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;

}