@charset "UTF-8"

a:visited {text-decoration:underline;color:none;}
a:active {text-decoration:underline;color:none;}
a:link {text-decoration:underline;color:none;}
a:hover {
          visibility : visible ;
          float : none ;
          clear : none ;
}

body{
  line-height:1.5em;
  font-size:16px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, verdana, sans-serif;
}

form{
margin:0;
padding:20px;
}


.red{color:#EB0550;}
.yellow{background-color:#FFFF99;}
.blue{color:#003366;}
.blue-bg{background-color:#B9EEFF;}
.pink-bg{background-color:#FFBBCC;}
.bold{font-weight:bold;}
.white{color:#FFFFFF; font-weight:bold;}
.large{font-size:24px;}

h1{
margin:0;
padding:0;
font-size:x-small;
letter-spacing:2px;
color:#EB0550;
font-weight:normal;
text-align:right;
}

#footer {
	clear: both;
	width:760px;
	font-size:smaller;
	color: #FFFFFF;
	background: #EB0550;
	text-align:center;
	margin:0;
	}

#footer a {
	color: #FFFFFF;
	text-decoration: none;

}

#footer a:hover {
	text-decoration:underline;
}

#copyright{
	color:#FFFFFF;
	background-color:#666666;
	font-size:11px;
	width:760px;
	text-align:center;
	}

.note{
	padding:5px;
	background-image:url(img/note.gif);
	margin: 0 5px 0 5px;
	line-height: 20px;
	font-size :16px;
}

.note_s{
	padding:5px;
	background-image:url(img/note.gif);
	margin: 0 5px 0 5px;
	line-height: 20px;
	font-size :14px;
}

.voice {
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	margin: 20px 0px 0 0px;
	}
	
.voice2 {
	border-style:solid;
	border-width:thin;
	border-color:#CCCCCC;
	margin: 20px 0px 0 0px;
	}

.pic-left {
	FLOAT: left; MARGIN: 0px 20px 5px 0px;
}

.pic-right {
	FLOAT: right; MARGIN: 0px 0px 5px 20px;
}

.fukidasi_h{
	background-repeat:repeat-x;
}

.fukidasi_v{
	background-repeat:repeat-y;
	}
 
/* 画面の横幅が760px以下のときに有効 */
@media screen and (max-width: 760px) {
 	/* <center?の直下にある<div>（サイト全体） */
 	center > div {
 		width: auto !important; /* 横幅を画面に合わせて自動に */
 	}
	/* 画像全般 */
	img {
		width: 100%;
		max-width: 100%;
		height: auto; /* 高さは縦横比率を保って自動に */
	}
	/* 左寄せ画像、右寄せ画像 */
	.pic-left, .pic-right {
		width: 40%;
	}
	/* タブ画像 */
	img[src="img/tab_top.gif"], img[src="img/tab_aboutus.gif"], img[src="img/tab_customers.gif"] {
		width: 30%;
	}
	/* テーブルの<td>全般 */
	td {
		width: 100%;
		display: block;
	}
	/* カリキュラムテーブルの1列目の<td> */
	td.white {
		margin: 10px 0px 10px 0px;
	}
	/* カリキュラムテーブルの1列目の<td>にある改行を無効に */
	td.white br {
		display: none;
	}
	/* カリキュラムテーブルの2列目の<td> */
	td.note_s {
		margin: 0;
		padding: 0px 0px 0px 0px;
	}
	/* カリキュラムテーブルの2列目の<td>の後の<td>（＝3列目） */
	td.note_s ~ td {
		border-bottom: solid 10px #ffffff;
		margin: 0px 0px 0px -3px;
		padding: 5px 5px 0px 10px;
	}
	/* altで指定された画像（スピーカーの画像） */
	img[alt="サンプル音声"] {
		width: 5%;
	}
	/* カリキュラムテーブルの付属テキストの列 */
	.font10 {
		border-bottom: solid 10px #ffffff;
		margin: 0px 0px 0px 0px;
		padding: 5px 0px 0px 0px;
	}
	/* カリキュラムテーブルの付録テキストの列にある画像 */
	.font10 img {
		width: 25%;
		margin: 0px 10px 0px 5px;
	}
	/* カリキュラムテーブルの付属テキストの後の列 */
	.font10 ~ td {
		border-bottom: solid 30px #ffffff;
		margin: 0px 0px 0px -3px;
		padding: 5px 5px 0px 10px;
	}
	/* altで指定された画像 */
	img[alt="英語"], img[alt="日本語"] {
		width: 15%;
		margin: 0px 0px 0px 0px;
	}
	/* altで指定された画像 */
	img[alt="カリキュラム"], img[alt="特典1"], img[alt="特典2"], img[alt="特典3"] {
		display: block;
		width: 25%;
		margin: 0px 0px 10px 0px;
	}
	/* bgcolor="#CEE6E3"の指定がある<tabla>（特典1のテーブル）の1番目の<tr>（1行目）を狭めて縦表示して左寄せ */
	  table[bgcolor="#CEE6E3"] tr:nth-of-type(1) {
	  	float: left;
	  	width: 35%;
		margin: 0px 0px 0px -20px;
	  }
	/* 特典1のテーブルの2行目を狭めて縦表示して左寄せ */
	  table[bgcolor="#CEE6E3"] tr:nth-of-type(2) {
	  	float: left;
	  	width: 67%;
		margin: 0px 0px 0px -3%;
	  }
	/* 特典1のテーブルの<td>全般 */
	  table[bgcolor="#CEE6E3"] td {
	  	height: 270px;
		margin: 10px 0px 10px 0px;
		padding: 10px 10px 10px 10px;
	  }
	/* 特典1のテーブルにある<img>（PDF画像） */
	  table[bgcolor="#CEE6E3"] img {
	  	width: 70%;
	  	max-height: 210px;
		margin: 0px 20px 0px 0%;
	  }
	/* srcで指定された画像（書籍「シミュレーション英会話」）－小さくして「特典3」の前で改行させるため */
	img[src="img/cover.jpg"] {
		width: 30%;
	}
	/* srcで指定された画像－人指し指 */
	img[src="img/hand01.gif"] {
		width: 5%;
	}
	/* srcで指定された画像－スケジュール */
	img[src="img/schedule.gif"] {
		width: 60%;
	}
	/* altで指定された画像－受講生さんたちの声 */
	img[alt="受講生さんたちの声"] {
		display: none;
	}
	/* 受講生さんたちの声の画像の後の<table> */
	img[alt="受講生さんたちの声"] ~ table {
		display: none;
	}
	/* hrefで指定されたアンカーの1番目。1番目だけにしないとフッターにある「VOICE」アンカーも非表示になる */
	a[href="voice.html"]:nth-of-type(1) {
		display: none;
	}
}