@charset "UTF-8";
/* CSS Document */

/*===============================================
 tablet.css -  画面の横幅が521px - 768px
===============================================*/

@media screen and (min-width: 521px) and (max-width: 768px){

.notTub { display: none; }
	
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}

#container{
	width:90%;
	margin: 0 auto;
}

header {
	margin: 15px 0px;
	background:url(../img/common/back_header.gif) bottom repeat-x;
}

h1 { font-size: 150%; line-height:1; }
h2.en { display: none; }

.entry {
	margin-top: 30px;
	position:absolute;
	bottom:3px;
	right:0;
}

h3.resize img {
	height: 15px;
	margin: 0 0 5px 0;
}

header .enjp {
	position: absolute;
	top:0;
	right: 0;
	white-space:nowrap;
	padding:0.3em;
	}
footer .enjp { display:none; }

p { margin: 1em 0; }

#gloval_menu { margin: 15px 3px 30px; /*display:table;*/ }

#gloval_menu li {
	float:left;
	width:33.3%;
	background:#efefef;
	padding:0.8em 0;
	text-align: center;
	/*border: 1px solid #222;*/
}
	
/* footer */
footer { display:block; position: relative; width: 100%; text-align: center; }
#footerImg { width: 15%; margin: 0 auto 10px; }
footer .associate .sub { font-size:45%; line-height: 3; }

#mainSub div { width:31%; float:left; margin: 0 3% 30px 0; }
#mainSub .cover { width:100%; }
#mainSub div.last { margin-right:0; }
#mainSub h3 { margin-bottom:5px; }

section { margin-bottom: 2.5em; }

#banners, #subCont, #mainSubside { width: 48%; padding-top: 20px; }
#banners img, #subCont img, #mainSubside img { width:100%; }
#subCont { float: left; margin-right: 2%; }
#banners { float: right; }

#news h3 { margin-bottom:15px; }
#news p { border-bottom:1px solid #111; padding-bottom:10px; margin-bottom:10px; }


/* text */
.teachers .lLeft { width: 10%; }
.teachers .lRight { width: 85%; }

#basic h3 { margin: 0.3em 0 0.5em -0.5em; }

/* text_px */
#gloval_menu { font-size: 1.3em; line-height: 1; }/* 13px */
#news { font-size: 1.3em; line-height: 1.5; }/* 14px */
#news span.date { font-size: 85%; }

h2 { font-size: 1.8em; line-height: 1; }/* 18px */
#about h3, #about h4, #text h4, #link h3, #pub h3, #prize h3 { font-size: 1.5em; line-height: 1; }/* 15px */
#text h3 { font-size: 1.7em; line-height: 1.4; }/* 18px */

.enjp { font-size: 1.2em; line-height: 1; }/* 12px */

footer .associate { font-size: 1.8em; line-height: 1; margin-top: 1em; }/* 16px */
#textEntry h3 { font-size: 1.5em; line-height: 1; margin-top: 0.3em; }/* 15px */
#toBasic h3, #toBasictext h3 { font-size: 1.4em; line-height: 1; }/* 14px */
.category li, #prize h4 { font-size: 1.2em; line-height: 1; }/* 14px */
#toBasictext h4, #catList h3, #pub h4, .lEntry .data, #guideline h3, .winners_a { font-size: 1.3em; line-height: 1; }/* 13px */
#about #main p, #toBasic #main p, #text #main p, #text table, #link #main ul { font-size: 1.2em; line-height: 1.6; }/* 12px */
#toBasictext #main p, #textRead p { font-size: 1.2em; line-height: 1.6; }/* 13px */
#about table, .mailEntry ul, #text .labo h5 { font-size: 1.2em; line-height: 1.5; }/* 12px */
#pub #main p, #prize #main p, #guideline #main p { font-size: 1.3em; line-height: 1.6; }/* 13px */
.letterEntry ul { font-size: 1.3em; line-height: 1.8; }/* 13px */
.origin { font-size: 1.2em; line-height: 1.2; }/* 12px */
#pub table, #prize table, .guideEntry table, footer .address { font-size: 1.2em; line-height: 1.4; }/* 12px */
#toBasic table, #toBasictext table { font-size: 1.2em; line-height: 1.6; }/* 12px */
#about .small, #toBasic .small, #toBasictext .small { font-size: 92%; }
.new { font-size: 1.4em; line-height: 1.6; }/* 14px */
#textRead ul { font-size: 1.1em; line-height: 1.6; }/* 12px */

.pankuzu { font-size: 1.1em; line-height: 1; }/* 11px */
.teacherName { font-size: 1.2em; line-height: 1.3; }/* 13px */
#textIndex .category { font-size: 85%; line-height: 1; }/* 12px */

.tableClass02 .role, .tableClass03 .role { font-size: 80%; white-space: nowrap; }
.tableClass03 td { font-size: 85%; line-height: 1; }/* 11px */
.tableClass03 .title { font-size: 93%; white-space: nowrap; }/* 12px */

.koenOld .data { font-size: 1.2em; }
.recommend_text { font-size: 1.1em; line-height: 1.5; }/* 12px */

}