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

#main { padding: 0; }
#main .menu { text-align:center; background-color:white;}
#main .menu a.selected { color: #C3604A; }
#main .menu a:hover { color: #C3604A;; font-weight:bold; }
#main .menu a { 
	width: 102px;
	padding: 10px;
	font-size: 16pt;
	text-align:center;
	display: inline-block;
	vertical-align: middle; }
	
#main .dialector { margin:10px auto;     margin-top: 0px;}

/* 補充教材 */
.research { padding: 0 px; }
.research .tabs   { height:50px; padding-left:15px; }
.research .tabs a { width: 166px; height:51px; display:inline-block; margin-right: 10px; }
.research .beam { height:60px; margin:auto; width:970px; }

.research .header { text-align: center; padding-top: 30px; }
.research .header > * { display:inline-block; vertical-align:middle; }
.research .header .title { width: 670px; padding-right:10px; text-align:left; }
.research .header .prev_1.hidden { visibility: hidden; }
.research .header .next_1.hidden { visibility: hidden; }
.research .header .no {
	color: #917A50; font-size: 48pt; padding: 0 20px 0 40px;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif }
.research .header .Ab { font-size: 32pt; margin-bottom: 5px; }
.research .header .Ch { font-size: 28pt; margin: 20px 0; }

.research .labels { 
	padding: 0;
	height: auto;
	margin: 20px 0;
	text-align: center;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999; }
.research .labels a { 
	margin: 0;
	width: 200px;
	height: auto;
	padding: 10px 50px;
	vertical-align: top;
	display: inline-block;}
.research .labels a.selected { background-color:#EEE; }
.research .labels a:hover,
.research .labels a.selected:hover { background-color:#CCC; }
.maintitle{
	    margin: auto;
    padding: 30px;
    font-size: 30pt;
    text-align: center;
    letter-spacing: 3px;
    font-weight: bold;
	}
	
.shrink img {
  height: 90px;
  width: 90px;
 
  -webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}
 
.shrink img:hover {
  width: 120px;
  height: 120px;
}