@charset 'utf-8';

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,section,summary,time,mark,audio,video,button,input[type=submit],input[type=button]{
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

html{
	font-size: 62.5%;
	height: 100%;
	overflow: auto;
	background-color: #e0f0e0;
	/*background-color: #cc8888;*/
}

body{
	/*border: #0000ff solid 2px; ★★★★★★*/
	margin: 0;
	min-height: 100%;
	line-height: 1.4;
	background-color: inherit;
	/*font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;*/
	font-family: 游ゴシック体, 'Yu Gothic', YuGothic, 'ヒラギノ角ゴシック Pro', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
	font-size: 1.4em;
	height: 100%;
	-webkit-text-size-adjust: none;
}

a{text-decoration: none;}
a:hover{text-decoration: underline;}

/* Container, Chararea */
/* PC */
div.container{
	/*border: #00ff00 solid 2px; ★★★★★★*/
	width: 96%;
	margin: 0 auto;
	padding: 0;
	background-color: #f6faf0;
	border: 0px solid #ff0000;
}

div.chararea{
	/*border: #ff0000 solid 2px; ★★★★★★*/
	margin: 5px;
	color: #333399;
}

div.clearboth{
	clear: both;
}

/* SchName, Logo, Header */
div.wrapper{
	margin: auto;
	width: 100%;
}

div.logo{
	/*border: #ff0000 solid 2px;*/
	width: 15em;
	margin-left: 0;
	margin-right: auto;
	float: left;
	text-align: left;
	font-weight: bold;
	font-size: large;
	color: #333399;
}
div.howto{
	margin-left: auto;
	margin-right: 0;
	width: 4em;
	float: right;
}

div.studentArea{
	/*border: #0000ff solid 2px;*/
	margin-left: 0;
	margin-right: auto;
	float: left;
	text-align: left;
	font-weight: bold;
	font-size: medium;
}
div.recordArea{
	border: #000099 solid 2px;
	margin-left: auto;
	margin-right: 0;
	width: 80%;
	float: right;
}

table.tableRecord{
	margin-left: 0;
	margin-right: auto;
}
div.tableRecordRemark{
	width: 80%;
	text-align: left;
}

hr.hrDelim1{
	margin: 0;
	height: 5px;
	border: 1px;
	box-shadow: inset 0 10px 10px -10px rgba(0,0,0,0.4);
	background-color: #cc2222;
}

div.wrapperCommentArea{
	margin-left: 0;
	margin-right: auto;
	float: left;
}
div.commentArea{
	/*border: #0000ff solid 2px;*/
	margin-left: 0;
	margin-right: auto;
	width: 350px;
	float: left;
	font-weight: bold;
	font-size: medium;
	color: #333399;
}

div.remarkArea{
	/*border: #0000ff solid 2px;*/
	margin-left: 0;
	margin-right: auto;
	margin-bottom: 20px;
	width: 800px;
	font-weight: bold;
	font-size: small;
	color: red;
}

div.buttonArea{
	/*border: #0000ff solid 2px;*/
	margin-left: auto;
	margin-right: 0;
	width: 6%;
	float: right;
}

div.mainArea{
	/*border: #0000ff solid 2px;*/
	margin: 25px 0;
}

div.footerArea{
	/*border: #0000ff solid 2px;*/
	margin: 10px 0;
}


/* Form Items */
div.formitem{
	margin: 15px 0;
}

/* input */
input[type=text], input[type=password], input[type=email], input[type=tel], input[type=search]{
	size: 50%;
	height: 28px;
	font-size: 1em;
	color: #222255;
}

/* font-size, font-weight, color */
.red{color: #ff0000;}

.bold09{
	font-weight: bold;
	font-size: 0.9em;
}

.bold10{
	font-weight: bold;
	font-size: 1.0em;
}

.bold11{
	font-weight: bold;
	font-size: 1.1em;
}

.bold12{
	font-weight: bold;
	font-size: 1.2em;
}

.lighter07{
	font-weight: lighter;
	font-size: 0.7em;
	color: #993333;
}

.lighter08{
	font-weight: lighter;
	font-size: 0.8em;
	color: #666666;
}

.lighter09{
	font-weight: lighter;
	font-size: 0.9em;
	color: #666666;
}

.msg_gray{
	margin: 0 10px;
	font-weight: lighter;
	font-size: 0.8em;
	color: #999999;
}

/* Button */
button.buttonFull{
	width: 100%;
	height: 1.8em;
	font-weight: bold;
	font-size: 1.2em;
	color: #ffffff;
}

button.buttonFull.login{
	width: 120px;
	background-color: #4682b4;
}

button.buttonFull.post{
	background-color: #2e8b57;
}


/* textarea */
textarea.tarea{
	width: 300px;
	height: 5em;
	line-height: 1.5em;
	font-weight: normal;
	font-size: small;
}


select{
	font-weight: bold;
	font-size: 0.9em;
	color: #333399;
}

table, td, th{
	margin: 0 auto;
	border-collapse: collapse;
}

td, th{
	border:1px solid #333;
	padding: 3px;
}

tr.trRec{
	background-color: #90ee90;
}

td.tdSelectOptions{
	vertical-align: middle;
	width: 130px;
	text-align: center;
	font-size: medium;
}

td.tdNum{
	width: 15px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: normal;
	font-size: small;
}

td.tdBid{
	width: 90px;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	font-size: medium;
}

td.tdNdc{
	width: 70px;
	vertical-align: middle;
	text-align: left;
	white-space: nowrap;
	font-weight: normal;
	font-size: small;
}

td.tdTitleCreator{
	text-align: left;
	font-size: medium;
	color: #333399;
}

.tleft{
	text-align: left;
}

th.th1{
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	font-size: medium;
	background-color: #228855;
	color: #ffffff;
}

th.th1.rec{
	font-size: small;
}

th.search{
	border: none;
	vertical-align: middle;
	text-align: center;
	white-space: nowrap;
	font-weight: bold;
	font-size: medium;
}

th.search.icon{
	text-align: left;
}

input.codeSearch{
	width: 90px;
	font-weight: normal;
	font-size: medium;
}

.spanSymDirect{
	font-weight: lighter;
	font-size: 0.7em;
	color: #ffffff;
}