@charset "UTF-8";

/* Navigation
============================================================ */
nav h3{
  font-size: 18px;
}

#nav-tutor a{
  background-position: top center;
  background-repeat: no-repeat;
}

#nav-e a{
  background-image: url(../img/e_button.png);
}

#nav-j a{
  background-image: url(../img/j_button.png);
}

#nav-h a{
  background-image: url(../img/h_button.png);
}

#nav-t a{
  background-image: url(../img/taiken.png);
}

#nav-others a{
  background-position: top center;
  background-repeat: no-repeat;
}

#nav-va a{
  background-image: url(../img/vacation.png);
}

#nav-re a{
  background-image: url(../img/result.png);
}

#nav-ryo a{
  background-image: url(../img/ryoukin.png);
}

#nav-map a{
  background-image: url(../img/map.png);
}

#nav-co a{
  background-image: url(../img/contact.png);
}

#nav-vo a{background-image: url(../img/voice.png);}

.s95{
  font-size: 0.95em;
}

/* Footer Navigation
============================================================ */

#footerNav ul li#home a{
	background-image : url(../img/footer_home.png);
	background-position: left center;
	background-repeat: no-repeat;
}
#footerNav ul li#pagetop a{
	background-image : url(../img/footer_top.png);
	background-position: left center;
	background-repeat: no-repeat;
}

#footerExtra1 ul{
  list-style: none;
  text-align: center;
  padding: 0;
  margin: 0;
}
#footerExtra1 ul li{
	display: inline-block;
	line-height: 1.5;
}
#footerExtra1 ul li a{
	background-image : url(../img/arrow01.png);
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 10px;
	padding-right: 10px;
	color: #fff;
}

/* Main Contents
============================================================ */

/* header logo */
.layoutset1 #title{
	background-image: url(../img/top.png);
	background-position: 75% 0%;
	background-repeat: no-repeat;
	background-color: #ecf5fe;
	width: 100%;
	height: 185px;
	overflow: hidden;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #40b2ed;
	font-size: 11px;
	font-family: メイリオ;
}



/* Common ==================== */

/* Top Page ==================== */
.news{
 border: 2px solid #f2d048;
 box-shadow:5px 5px 3px #a9a9a9;
 -moz-box-shadow:5px 5px 3px #a9a9a9;
 -webkit-box-shadow:5px 5px 3px #a9a9a9;
 margin:10px 14px 15px 14px;
 font-family:メイリオ;
}

.layoutset1 .news h3{
 border-left:solid 15px #f2d048;
 border-right:solid 15px #f2d048;
 border-bottom:solid 2px #f2d048;
 text-align:center;
 font-size:22px;
 font-weight:normal;
 margin:0;
 line-height:1.5em;
}

.news p{
 margin:0px;
 padding:7px 10px 7px 10px;
 font-size:18px;
 line-height:1.7em;
}

.news a{
 color:red;
}

.news h4{
 margin-bottom:0px;
 font-size:16px;
 color:blue;
}

p.date{
 font-size:14px;
 color:blue;
}


/* Second Page ==================== */

#service h3{
  border-width: 1px;
  border-style: solid;
  border-color: #40b2ed;
  -webkit-border-radius: 6px;
  margin-left: 10px;
  margin-right: 10px;
  font-size: 20px;
  padding: 5px;
  text-shadow: 1px 1px 1px #fff;
}

.closed{
  background-image: url(../img/arrow_d.png), -webkit-gradient(linear, left top, left bottom, from(#c4e7ff),to(#5db4fe));
  background-repeat: no-repeat;
  background-position: right;
}

.open{
  background-image: url(../img/arrow_u.png), -webkit-gradient(linear, left top, left bottom, from(#c4e7ff),to(#5db4fe));
  background-repeat: no-repeat;
  background-position: right;
}

#service h4{
  margin: 5px 20px 0px 10px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 40px;
  border-style: none none double solid;
  border-color: #40b2ed;
}

.fold{
    display: none;
}

.fold p{
  display: none;
  margin: 0px 20px 10px 10px;
  padding: 10px;
  font-size: 14px;
  line-height: 28px;
  background-color: #ebfff1;
  -webkit-border-radius: 10px;
  border-radius: 0px 30px 0px 30px;
}

table{
 display: none;
 margin: 10px 10px 10px 0px;
 border-collapse: collapse;
 font-size:12px;
}

th{
  font-weight: normal;
  background-color: darkblue;
  text-align: left;
  padding: 4px 3px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: silver;
  border-style: solid;
  color: white;
}

#service tfoot td{
  text-align: left;
  padding: 4px 6px;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  font-weight: bold;
  border-style: double;
}

td{
  text-align: left;
  padding: 4px 6px;
  border-collapse: collapse;
  border-width: 1px;
  border-color: silver;
  border-style: solid;
  background-color: white;
  font-weight: bold;
}

.winter1{
 table-layout: fixed;
 width: 290px;
}

.w100{
  width: 100px;
}

.w90{
  width: 90px;
}

.w85{
  width:85px;
}

.w60{
  width: 60px;
}

.w50{
  width: 50px;
}

.w40{
  width: 40px;
}

.w25{
  width:25px;
}

#service ol{
    margin: 0 15px;
	padding: 0 15px;
}

#service ol li{
    margin-bottom: 15px;
}

#service ol h4{
    margin: 0;
}

#service ul{
    margin: 0;
    padding: 0;
}

#service ul li{
    list-style-type: none;
    margin: 0px;
}

#service ul li ul li{
    list-style-type: none;
    margin-left: 20px;
}

/* ========== news ========== */

#main #news p.indent{
	text-indent: -1.3em;
	margin-left: 26px;
	margin-right: 25px;
	margin-bottom: 20px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-bottom-color: #ccc;
	padding-bottom: 5px;
}
#main #news .news h4{
	margin-left: 20px;
}
#main #news .news h5{
    font-size: 12px;
    margin: 10px 15px 10px 22px;
}
#main #news .news p.large{
    margin: 0;
    padding: 0 15px;
}

#main #news dl{
    margin: 0 15px;
}
#main #news dt{
    float: left;
    margin-right: 15px;
}
#main #news dd{
    margin: 0 0 15px;
    overflow: hidden;
}


/* ========== company ========== */
#company dl{
  margin: 10px 15px;
}

#company dt{
    float: left;
    width: 85px;
    margin-right: 10px;
}

#company dd{
    margin: 0 0 5px;
    overflow: hidden;
}


/* 集団授業コース(service2) */
#service2 h2{
  border-width: 1px;
  border-style: solid;
  border-color: #40b2ed;
  -webkit-border-radius: 6px;
  margin-left: 10px;
  margin-right: 10px;
  padding:5px 20px 5px 10px;
  font-size: 18px;
  text-shadow: 1px 1px 1px #fff;
}

#service2 h3{
  margin: 5px 20px 0px 10px;
  padding-left: 5px;
  font-size: 16px;
  line-height: 40px;
  border-style: none none double solid;
  border-color: #40b2ed;
}

#service2 p{
 margin:0px 20px 20px 30px;
  font-size: 14px;
  line-height: 28px;
}

#service2 table{
 width:310px;
 margin-top:10px;
 margin-left:10px;
 margin-bottom:20px;
 border-collapse: collapse;
 font-size:14px;
}

#service2 th{
  font-weight: normal;
  background-color: darkblue;
  text-align: center;
  padding: 3px 3px;
  border-width: 1px;
  border-style: solid;
  border-color:silver;
  color: white;
}

#service2 td{
  text-align: center;
  padding: 0px 3px;
  border-collapse: collapse;
  border-width: 1px;
  border-style: solid;
  border-color:silver;
  color: black;
}

#service2 ul{
 margin: 0;
 padding: 0;
}

#service2 ul li{
 list-style-type: none;
 margin: 0px;
}

#service2 ul li ul li{
 list-style-type: none;
 margin-left: 20px;
}

/* 個別指導　パソコン→スマホ　振り分け用　*/
#switch h2{
 background-color:darkblue;
 color:white;
 text-align:center;
}

#switch ul{
 line-height:50px;
 font-size:16px;
 list-style-type:none;
}