@import url(setting.css);
@import url(layout.css);

/*---------------------------------
* カラーチャート
* メインカラー -> "#333"
* サブカラーA -> "#f00"
* サブカラーB -> "#f00"
* キーカラー -> "#000"
---------------------------------*/

/* =======================================

        font style

========================================== */
.fNormal  { font-weight: normal;}
.fBold   { font-weight: bold;}
.fItalic { font-style: italic;}

.fSSS { font-size: 70%;}
.fSS  { font-size: 78%;} /* base 14px = px */
.fS   { font-size: 85%;} /* base 14px = px */
.fM   { font-size: 100%;}
.fL   { font-size: 115%;}/* base 14px = px */
.fLL  { font-size: 130%;}/* base 14px = px */
.fLLL { font-size: 143%;}/* base 14px = px */
sup {
  font-size: 78%;
  vertical-align: top;
}
sub {
  font-size: 78%;
  vertical-align: baseline;
}
/* =======================================

        text color

========================================== */
.txt_m { color: #007f4b;}
.txt_s1 { color: #007f4b;}
.txt_s2 {}
.txt_k {}

.red {
  color: #cc0000;
}
.gray {
  color: #999999;
}



/* =======================================

Contents用

========================================== */


h2 {
  background: url(../images/main_ttl_bg.jpg) no-repeat scroll left top transparent;
  color: #1E1E1E;
  font-size: 20px;
  font-weight: bold;
  line-height: 100%;
  margin-bottom: 20px;
  padding: 12px 0 14px 19px;
  width: 700px;
}
h2.image {
	background: none;
	color: #1E1E1E;
	font-size: 20px;
	font-weight: bold;
	line-height: 100%;
	margin-bottom: 20px;
	padding: 12px 0 0;
	width: 850px;
}

.h2-header {
  background : none !important;
  color: white !important;
  font-size: 11px !important;
  letter-spacing: 0.13em !important;
  line-height: 1em !important;
  position: absolute !important;
  top: 9px !important;
  text-align: right !important;
  cursor: pointer !important;
  margin: 0px 0px 0px 0px !important;
  padding: 0px 0px 0px 0px !important;
  width: auto !important;
  font-weight: normal !important;
}

.h2-header:hover {
  text-decoration: underline !important;
}

.mypage-link-header{
  right: 90px;
}
.logout-header,.popup-login-header-header{
  right: 10px;
}

#thread-title{
  width:682px !important;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}


h3 {
  background: url("../images/default/h3_bg.jpg") no-repeat scroll left top transparent;
  color: #1E1E1E;
  font-size: 16px;
  font-weight:bold;
  line-height: 100%;
  margin-bottom: 15px;
  padding: 12px 0 12px 30px;
  width: 100%;
}

#content_w02 h3 {
  background: url("../images/h3_bg02.gif") no-repeat scroll left top transparent;
}

h4.h01 {
  background: url("../../images/h4_bg_01.jpg") no-repeat scroll left top transparent;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 15px;
  padding: 9px 0 9px 20px;
  width: 100%;
  font-weight:bold;
}


h4.h02 {
  background: url("../../images/h4_bg_02.jpg") no-repeat scroll left top transparent;
  color: #1E1E1E;
  font-size: 16px;
  line-height: 100%;
  margin-bottom: 15px;
  padding: 9px 0 9px 20px;
  width: 100%;
  font-weight:bold;
}




.h4_bg {
  background: url("../images/default/h4_bg.jpg") no-repeat scroll left top transparent;
  color: #FFFFFF;
  font-size: 14px;
  margin-bottom: 5px;
  padding: 1px 0 2px 19px;
  width: 100%;
}

.h4_no_margin{
  background: url("../images/default/h4_bg.jpg") no-repeat scroll left top transparent;
  color: #FFFFFF;
  font-size: 14px;
  padding: 1px 0 2px 19px;
  width: 100%;
}

h4.border {
	margin: 0 0 15px;
	padding: 0 5px 8px;
	border-bottom: 2px solid #1f7804;
	color: #1f7804;
	font-size: 17px;
	font-weight: bold;
}

/* =======================================

 ページ内リンク用

========================================== */

.page_link{
  text-align:right;

}
.page_link a {
  text-decoration: underline;
  color: #3a7b00;
}

.page_link a:link,.page_link a:visited {
  text-decoration: underline;
  color: #3a7b00;
}

.page_link a:hover {
  text-decoration: none;
  color:#9cbd7f;
}



.link {
  background: url("../../images/arrow.gif") no-repeat 0 7px;
  padding: 0 0 0 12px;
}


.link a:link,.link a:visited {
  text-decoration: underline;
  color: #3a7b00;
}

.link a:hover {
  text-decoration: none;
  color:#9cbd7f;
}


.page_top{
  background: url("../../images/top_arrow.gif") no-repeat 0 7px;
  padding: 0 0 0 13px;

}

.page_top a:link,.page_top a:visited {
  text-decoration: underline;
  color: #3a7b00;
}

.page_top a:hover {
  text-decoration: none;
  color:#9cbd7f;
}


/* =======================================

  ボックス

========================================== */



.box01 {
  background-color: #EAE9D9;
  border: 1px solid #828046;
  padding: 15px 20px;
  width: 658px;
}

.box01_inner_l {
  float: left;
  margin-right: 20px;
  width: 386px;
}

.box01_inner_r{
  width:252px;
  float: right;
}




/* =======================================

  共通

========================================== */
#aside .section {
  width: 230px;
}
#instructor {
  width: 230px;
}
#instructor ul li {
  float: left;
  margin-right: 7px;
  margin-bottom: 4px;
}
.ct {
  text-align: center;
}
.taR {
  text-align: right;
}
/*side*/
.secNo {
  padding-top: 10px;
  background: url(../images/side_n02-4_bg.jpg) no-repeat;
  height: 88px;
  margin-bottom: 5px;
}
.secNo img {
  float: left;
  margin: 0 10px;
}
.secNo p {
  width: 120px;
  float: right;
  display: inline;
  margin-right: 10px;
  font-size: 12px;
  letter-spacing: -1px;
  line-height: 1.2;
}

p#pageTop {
  width: 960px;
  margin: 0 auto;
  text-align: right;
}
#footer {
  height: 320px;
}
#footer-inner {
  padding-top:30px;
}
.fLink {
  float: left;
  width: 24%;
  line-height:140%;
}
.fLink p {
  color: #336600;
  font-size: 12px;
  margin-bottom: 5px;
}
.fLink li {
  background: url(../images/arrow_flink.png) no-repeat left center;
  padding-left: 10px;
  margin-bottom: 3px;
}
.fLink li a {
  font-size: 12px;
  text-decoration: none;
}
p.copyright {
  color: #FFF;
  text-align: center;
  padding-top: 2px;
  background: url(../images/bg_copy.jpg);
}
#footerLog {
  clear: both;
  width: 960px;
  margin: 0 auto 10px auto;
  text-align: center;
}
/* =======================================

  トップページ

========================================== */
#topHeadline {
  width: 966px;
  margin: 0 auto;
}
p.jreiname {
  font-size: 14px;
  color: #ff9900;
  margin: 5px 0;
}
.bgLg {
  background: url(../images/bg_lGr.jpg);
}
.bgLg p {
  margin: 10px;
}
.txtGr {
  color: #339900;
}
.txtOrg {
  color: #ff6600;
}
.txtRed {
  color: #ff0000;
}
.txtBlue {
  color: #3399cc;
}
#onelineschool p {
  margin-right: 10px;
  margin-bottom: 30px;
  margin-left: 30px;
}
#onelineschool img {
  margin-bottom: 10px;
}
#lesson {
  padding-top: 40px;
  margin-bottom: 40px;
}
#lesson .g21, #lesson .g21e {
  width: 327px;
}
#lesson .g21 img, #lesson .g21e img {
  margin-bottom: 10px;
}
#lesson .g21 {
  margin-right: 5px;
}
#method {
  background: url(../images/bg_sec03.jpg);
  padding: 0 20px 30px 20px;
  margin-bottom: 40px;
}
h2.subttl {
  background: none;
  padding: 0;
}
h3.subttl {
  background: none;
  padding-left: 0;
}
#yonbunnoichi img {
  float: right;
}
.threeMethod {
  padding: 0 30px 0 10px;
  margin-bottom: 40px;
}
.threeMethod img {
  float: left;
}
.threeMethod p {
  float: right;
  width: 440px;
}
#method h4 {
  padding-left: 0;
  margin-bottom: 5px;
}
#selectM {
  padding: 10px 10px 5px 10px;
  margin-bottom: 30px;
  background: url(../images/sec04_bg_bgbr.jpg);
}
#selectM img {
  margin-bottom: 5px;
}
#torikumi h3 {
  padding: 0;
  background: none;
}
#tesda img {
  float: right;
}
#tesda p {
  width: 360px;
  float: left;
}
h3#ttltsda {
  background: none;
  padding-left: 0;
}
p#tel {
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
}
#device_btn01 {
  left: 484px;
  position: absolute;
  top: 112px;
  z-index: 3;
}
#device_btn01b {
  left: 554px;
  position: absolute;
  top: 112px;
  z-index: 3;
}
#device_btn02 {
  left: 484px;
  position: absolute;
  top: 236px;
  z-index: 3;
}
#device_btn02b {
  left: 554px;
  position: absolute;
  top: 236px;
  z-index: 3;
}


/*お客様の声*/

.voice-box {
	margin: 0 0 40px;
	background: url(../images/voice_top_bg.jpg) no-repeat left bottom;
	height: 409px;
	position: relative;
}
.voice-box .textarea {
	position: absolute;
	top: 198px;
	left: 33px;
	line-height: 23px;
}
.voice-box .name {
	position: absolute;
	bottom: 20px;
	left: 33px;
}
.voice-box .btn {
	position: absolute;
	bottom: 14px;
	right: 25px;
}

/*教師紹介*/
.lesson_form{
  background-color:#EEECED;
  padding:10px;
}


.lesson_form_inner{
  background-color:#ffffff;
  padding:10px;
}

.lesson_form_mid{
  background-color:#ffffff;
  padding-left:10px;
  font-weight: bolder;
}

/* テーブル全体設定 */
table.cal {
  color: #000;
  border: 1px solid #257B10;
  background-color: #fff;
  float:left;
  width:319px;
}

/* キャプション */
table.cal caption {
  color: #000;
  text-align:center;
  font-size:16px;
  font-weight:bold;
}

table.cal tr {
}

/* 曜日タイトル行 */
table.cal td {
  text-align: center;
  border:#257B10 solid 1px;
  padding:10px;
  background-color:#fff;
}

table.cal tr.dow td {
  background: url(../images/teacher_form_day_bg.jpg);
}


/* 祝祭日の文字色 */
table.cal td.hol {
  color: #dc143c;
}

/* 日曜日の文字色 */
table.cal td.sun {
  color: #dc143c;
}

/* 土曜日の文字色 */
table.cal td.sat {
  color: #0000cd;
}


.lesson_form_box,.lesson_form_box_none{
  width:144px;
}

.lesson_form_box{
  float:left;
  border-right:1px dotted #dadada;
  padding:10px;
}

.lesson_form_box_none{
  float:left;
  padding:10px;
}

.teacher_face{
  padding:10px;
  background-color:#C2E7B3;
  width:140px;
  float:left;
  margin-right:20px;
}


.teacher_face h4{
  background: url(../images/teacher_face_h4.jpg);
  font-weight:bold;
  padding:5px 0 5px 5px;
}


.teacher_face_list{
  background-color:#fff;
}

.teacher_face_list li{
  border-bottom:1px solid #dadaad;
  padding:10px;
}


/*特商法*/
.tableBlockA01 {
  width: 100%;
  margin-bottom: 20px;}

.tableBlockA01 table {
  width: 100%;
  border-top: 1px solid #cdcdcd;
}

.tableBlockA01 table p{
  margin-bottom:0 !important;
}

.tableBlockA01 table th {
  width: 120px;
  padding: 10px 10px 10px 20px;
  background: #C2E7B3;
  text-align: left;
  font-weight:bold;
  border-bottom: 1px solid #cdcdcd;
  vertical-align:middle;
}

.tableBlockA01 table td {
  padding: 10px 10px 10px 20px;
  border-bottom: 1px solid #cdcdcd;
}

.tableBlockA01 table td.wtd {
  padding: 0;
  width: 1px;
}


/* =======================================

  curriculums_text.html---カリキュラムとテキスト

========================================== */

.curriculumsTxtTxt{
  font-size:14px;
  line-height:120%;
}


.curriculumsTxtIndexL{
  width:340px;
  height:134px;
  float:left;
  margin-right:20px;
}

.curriculumsTxtIndexR{
  width:340px;
  height:134px;
  float:left;
}


h3.curriTxt{
  width:670px;
  height:40px;
  padding-left:30px;
  font-size:18px;
  line-height:20px;
  font-weight:bold;
  background-image:url(../images/curriTextH3.jpg);
  background-repeat:no-repeat;
  margin:0px;
}

.curriImg{
  width:232px;
  height:205px;
  margin-left:7px;
  margin-right:20px;
  float:left;
}

.curriImg_head{
  margin-top: 30px;
  margin-left: 56px;
  margin-bottom: 57px;
}

.curriImg_head img.imageHead{
  margin-right: -4px;
}

.curriImg_head img.imageHeadBanner{
  margin-top: 56px;
}

.curriImghead{
  margin-top: 30px;
  margin-left: 56px;
}

.curriImghead img.imageHead{
  margin-right: -4px;
}

.curriImghead img.imageHeadBanner{
  /*margin-top: 30px;*/
  margin-top: 56px;
}

.curriImg2{
  width:232px;
  margin-left:7px;
  margin-right:20px;
  float:left;
}

.curriTxt{
  width:441px;
  float:left;
}

.curriTxtCopy{
  font-size:14px;
  line-height:120%;
  color:#FF8901;
  font-weight:bold;
  margin-bottom:15px;
}

.curriTxtTit{
  height:25px;
  margin-bottom:30px;
}

.curriTxtTit2{
  height:65px;
  margin-bottom:30px;
}

.curriTxtTit img.curriTxtTitImg{
  margin-right:15px;
}

.curriTxtBase,.curriTxtBase{
  font-size:14px;
  line-height:120%;
}

.curriSet{
  border-bottom:#CCCCCC 1px solid;
}

.curriTxtBase a,.curriSetLtxt a,.curriTxtGbg3 a,.curriTxtGbg2 a,.curriTxtGbg1 a{
  text-decoration:underline;
  color:#0B8E28;
}

.curriTxtBase a:hover,.curriSetLtxt a:hover,.curriTxtGbg3 a:hover,.curriTxtGbg2 a:hover,.curriTxtGbg1 a:hover{
  text-decoration:none;
}

.curriSetL{
  width:239px;
  float:left;
}

.curriSetLtxt{
  padding-left:10px;
  font-size:14px;
  line-height:120%;
  margin-top:15px;
}

.curriTxt4Gwaku{
  background-color:#52943D;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  padding:2px 5px;
  margin-bottom:10px;
  width:140px;
  text-align:center;
}

h4.curriTxth4{
  width:685px;
  height:37px;
  background-image:url(../images/cuTxtTitBgG.jpg);
  background-repeat:repeat-x;
  margin-left:10px;
  padding-left:5px;
  font-size:25px;
  color:#0B8E28;
  line-height:37px;
}

h4.curriTxth4B{
  width:685px;
  height:37px;
  background-image:url(../images/cuTxtTitBgB.jpg);
  background-repeat:repeat-x;
  margin-left:10px;
  padding-left:5px;
  font-size:25px;
  color:#3AB0DE;
  line-height:37px;
}

.curriTxtGbg{
  padding:10px;
  width:670px;
  background-color:#F4FEDC;
}

.curriTxtGbg1,.curriTxtBbg1{
  width:670px;
  line-height:25px;
}


.curriTxtGbg2,.curriTxtBbg2{
  width:322px;
  float:left;
  line-height:25px;
}

.curriTxtGbg3{
  width:200px;
  float:left;
  line-height:25px;
}


.curriTxtGbg3 img,.curriTxtGbg2 img,.curriTxtGbg1 img,.curriTxtBbg1 img,.curriTxtBbg2 img{
  margin-left:10px;
}

.curriTxtGTit{
  width:678px;
  height:27px;
  border:#0B8E28 1px solid;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  line-height:27px;
  padding-left:10px;
  background-color:#0B8E28;
  margin-left:10px;
}

.curriTxtBTit{
  width:678px;
  height:27px;
  border:#3AB0DE 1px solid;
  color:#FFFFFF;
  font-size:14px;
  font-weight:bold;
  line-height:27px;
  padding-left:10px;
  background-color:#3AB0DE;
  margin-left:10px;
}

.curriTxtGset{
  width:688px;
  border:#0B8E28 1px solid;
  background-color:#F4FEDC;
  margin-left:10px;
}

.curriTxtBset{
  width:688px;
  border:#3AB0DE 1px solid;
  background-color:#F4FEDC;
  margin-left:10px;
}

.curriTxtGimg{
  width:151px;
  float:left;
  margin:10px;
}

.curriTxtGbody{
  width:502px;
  float:left;
  margin-left:5px;
}

.curriTxtGPL{
  width:203px;
  height:25px;
  margin-bottom:10px;
  margin-top:12px;
}

.curriTxtGImpact{
  width:150px;
  height:25px;
  margin-bottom:20px;
}

.curriTxtGAmazon{
  width:131px;
  height:25px;
  margin-bottom:20px;
}

.curriTxtGAmazon2{
  width:131px;
  height:25px;
  margin-top:12px;
  margin-bottom:20px;
}

.curriTxtBlueLink{
  text-align:right;
}

.curriTxtBlueLink a,.curriTxtBbg1 a,.curriTxtBbg2 a{
  color:#3AB0DE;
  text-decoration:underline;
}

.curriTxtBlueLink a:hover,.curriTxtBbg1 a:hover,.curriTxtBbg2 a:hover{
  text-decoration:none;
}

/* =======================================

teacher---先生詳細

========================================== */

.teacherSet{
  width:700px;
}

.teacherSetName{
  width:45px;
  height:14px;
  color:#FFFFFF;
  padding:4px 5px;
  background-color:#52943D;
  font-size:14px;
  line-height:14px;
  float:left;
  font-weight:bold;
  margin-bottom:25px;
}

.teacherSetNameL{
  width:90px;
  height:14px;
  color:#FFFFFF;
  padding:4px 5px;
  background-color:#52943D;
  font-size:14px;
  line-height:14px;
  float:left;
  font-weight:bold;
  margin-bottom:25px;
}

.teacherSetNameT{
  width:220px;
  height:14px;
  padding:4px 5px;
  font-size:14px;
  line-height:14px;
  float:left;
  margin-bottom:25px;
}

.teacherSetS{
  width:70px;
  height:14px;
  padding:4px 5px;
  font-size:14px;
  line-height:14px;
  float:left;
  margin-bottom:25px;
}

.teacherSetNameTl{
  width:580px;
  height:14px;
  padding:4px 5px;
  font-size:14px;
  line-height:14px;
  float:left;
  margin-bottom:25px;
}

.teacherSetNameTl2{
  width:580px;
  padding:4px 5px;
  font-size:14px;
  line-height:14px;
  float:left;
  margin-bottom:25px;
}

.teacherYoyakuTable{

}

.teacherYoyakuTable tr td.teacherYoyakuTtop1{
  width:80px;
  height:27px;
  background-color:#0B8E28;
  border-right:#FFFFFF 1px solid;
  font-size:12px;
  font-weight:bold;
  line-height:40px;
  text-align:center;
  color:#FFFFFF;
}

.teacherYoyakuTable tr td.teacherYoyakuTtop{
  width:60px;
  height:27px;
  background-color:#0B8E28;
  border-right:#FFFFFF 1px solid;
  font-size:12px;
  font-weight:bold;
  line-height:40px;
  text-align:center;
  color:#FFFFFF;
}

td.teacherYoyakuTtopR{
  width:60px;
  height:27px;
  background-color:#0B8E28;
  font-size:12px;
  font-weight:bold;
  line-height:40px;
  text-align:center;
  color:#FFFFFF;
}

.teacherYoyakuTtopB{
  color:#CCFFFF;
}

.teacherYoyakuTtopP{
  color:#FFCCCC;
}

.teacherYoyakuTable tr th{
  height:35px;
  background-color:#F4FEDC;
  border-left:#0B8E28 1px solid;
  border-right:#0B8E28 1px solid;
  border-bottom:#0B8E28 1px solid;
  font-size:12px;
  font-weight:bold;
  line-height:35px;
  text-align:center;
}

.teacherYoyakuTable tr td{
  height:35px;
  border-right:#0B8E28 1px solid;
  border-bottom:#0B8E28 1px solid;
  text-align:center;
}

.teacherYoyakuTable tr td img{
  margin-top:5px;
  margin-bottom:5px;
}

.teacherBottom{
  color:#0B8E28;
  font-size:12px;
  line-height:160%;
}

/* =======================================

qa---よく頂く質問Q&A

========================================== */

.qaIndexSet{
  width:700px;
}

.qaIndex{
  width:173px;
  height:40px;
  float:left;
  margin-right:2px;
}

.qaIndex-new{
  width:173px;
  height:40px;
  float:left;
  margin-right:2px;
  color: white !important;
  text-align: center;
  font-weight: bold;
  padding-top: 5px;
  text-decoration: none !important;
  background: url('../images/qaIndexBtn.jpg') no-repeat;
}

.qaIndex-new:hover{
  opacity:0.6;
}

.qaIndexR{
  width:173px;
  height:40px;
  float:left;
}

.qaBaseTxt{
  font-size:14px;
  line-height:160%;
  margin-left:15px;
  width:685px;
}

h4.qaTxth4{
  width:695px;
  height:37px;
  background-image:url(../images/cuTxtTitBgG.jpg);
  background-repeat:repeat-x;

  padding-left:5px;
  font-size:18px;
  color:#0B8E28;
  line-height:37px;
  margin-bottom:15px;
}

h4.qaTxth4b{
  width:695px;
  height:37px;
  background-image:url(../images/cuTxtTitBgG.jpg);
  background-repeat:repeat-x;
  padding-left:5px;
  font-size:14px;
  color:#0B8E28;
  line-height:37px;
  margin-bottom:15px;
}

.qaBaseTxt a,.qaPT a{
  color:#0B8E28;
  text-decoration:underline;
}

.qaBaseTxt a:hover,.qaPT a:hover{
  text-decoration:none;
}

.qaB{
  font-weight:bold;
}

ul.qaLi,ul.qaLi2{
  margin-left:30px;
  margin-top:20px;
  margin-bottom:20px;
}

.qaLi li{
  list-style-type: decimal;
}

.qaLi2 li{
  list-style-type: disc;
}

.qaPT{
  text-align:right;
}



.login_bg{
  background-color:#fafeef; padding:10px; margin-bottom:20px;
  border: solid #608C13;
  border-width: 0px 1px 1px;
}

.forget_pw{
  font-size: 10px;
  text-align: center;
  padding-top:10px;
}

.forget_pw a{
  color:#3B5998 !important;
  font-weight: bold;
  cursor: pointer;
  text-decoration: underline !important;
}

.forget_pw a:visited,.forget_pw a:active{
  color:#3B5998 !important;
  text-decoration: underline !important;
}

.forget_pw a:hover{
  color:#6D84B4 !important;
  text-decoration: none !important;
}


/*******************************2012-10-08追加分************************************/




/* =======================================

flow---サービスの流れ

========================================== */

.flowIndex{
  width:130px;
  height:221px;
  float:left;
}

.flowIndexSp{
  width:12px;
  height:221px;
  background-image:url(../images/flowIndexBg.jpg);
  background-repeat:repeat-x;
  float:left;
}

h4.flowH4{
  width:680px;
  height:28px;
  padding-left:20px;
  font-size:18px;
  font-weight:bold;
  line-height:28px;
  background-image:url(../images/flowTit.jpg);
  background-repeat:no-repeat;
  margin-bottom:20px;
}

.flowL{
  width:460px;
  float:left;
}

.flowR{
  width:220px;
  margin-left:20px;
  float:left;
}

.flowArrow{
  width:98px;
  height:28px;
  margin-left:301px;
  margin-top:25px;
  margin-bottom:50px;
}

.flowLast{
  color:#FF8901;
  font-weight:bold;
  text-align:center;
  margin-bottom:50px;
}

.flowL span{
  font-weight:bold;
  color:#0B8E28;
}

/* =======================================

select---オンライン英会話スクールの選び方

========================================== */

.selectIndex1{
  width:139px;
  height:62px;
  float:left;
}

.selectIndex2{
  width:140px;
  height:62px;
  float:left;
}

.selectIndex3{
  width:142px;
  height:62px;
  float:left;
}

.selectIndex4{
  width:139px;
  height:62px;
  float:left;
}

.selectIndex5{
  width:139px;
  height:62px;
  float:left;
}

.selectL{
  width:460px;
  float:left;
}

.selectL img{
  margin-bottom:15px;
}

.selectR{
  width:220px;
  float:left;
  margin-left:20px;
  font-size:12px;
}

.selectR img{
  margin-bottom:5px;
}



/* =======================================

system---運営体制

========================================== */

.system01{
  width:340px;
  height:221px;
  float:left;
}

.system02L{
  width:340px;
  float:left;
}

.system02L img{
  margin-top:15px;
  margin-left:13px;
}

.system02R{
  width:340px;
  height:172px;
  float:left;
}

/* =======================================

company---運営会社情報

========================================== */

.companyTable{
  border:#B2D538 1px solid;
  background-color:#F4FEDC;
}

.companyTable tr td{
  border:#B2D538 1px solid;
  padding:10px;
}

.companyTable tr th{
  border:#B2D538 1px solid;
  padding:10px;
  font-weight:bold;
  color:#4D963C;
}

.company01{
  width:220px;
  float:left;
}

.company01 img{
  margin-bottom:10px;
}

.company02L{
  width:220px;
  height:293px;
  float:left;
}

.company02R{
  width:460px;
  float:left;
}

.company02Rtit{
  width:440px;
  height:28px;
  padding-left:20px;
  font-size:18px;
  font-weight:bold;
  line-height:28px;
  background-image:url(../images/flowTit.jpg);
  background-repeat:no-repeat;
  margin-bottom:10px;
}

.company02txt{
  background-color:#ECFFDF;
  padding:15px;
  width:670px;
}

.company03{
  width:340px;
  height:203px;
  float:left;
}

.company03 img{
  margin-bottom:10px;
}

.companytable{width: 460px;}

.companytable tr{
  border-bottom: 1px solid #dadada;
}

.companytable th{
  white-space: nowrap;
  padding-right: 30px;
  font-weight: bold;
}

.companytable td,.companytable th{
  padding-bottom:10px;
  padding-top: 10px;

}


.comapany_g21{
  width: 340px;
  float: left;
}

/* =======================================

price---価格表

========================================== */

.priceIndex{
  width:344px;
  height:137px;
  float:left;
}

.priceBtn img{
  /*  width:243px;
    height:78px;
    margin-left:228px;
    margin-bottom:50px;
    margin-top:20px;*/
  width: 323px;
  height: 50px;
  margin-left: 228px;
  margin-top: 28px;
  margin-bottom: 83px;
}

/* =======================================

kids---キッズクラス

========================================== */
.kidsW{
  margin-left:55px;
  width:850px;
}


h2.kidsTitle{
  width:850px;
  height:46px;
  margin:0;
  padding:0;
}

.kids01L{
  margin-left:15px;
  width:553px;
  float:left;
}

.kids01L span{
  font-weight:bold;
  color:#F13800;
}

.kids01R{
  width:247px;
  margin-left:20px;
  margin-right:15px;
  float:left;
}

.kids01R img{
  margin-bottom:10px;
}

.kidsO{
  width:700px;
  padding:25px 60px;
  background-color:#FDEBBD;
}

.kidsOmovie{
/*  width:343px;*/
  width:700px;
  float:left;
  font-size:12px;
}

.kidsOmovie img{
  margin-bottom:10px;
}


.kids_device{
  position:relative;
}

.kids_device_btn {
  left: 352px;
  position: absolute;
  top: 104px;
  z-index: 3;
}

#kids_device_btn01 {
  right: 41px;
  position: absolute;
  top: 133px;
  z-index: 3;
}
#kids_device_btn02 {
  right: 41px;
  position: absolute;
  top: 259px;
  z-index: 3;
}


/* =======================================

lesson---レッスン内容

========================================== */

.lessonO{
  color:#FF8901;
  font-weight:bold;
  font-size:18px;
}

.lessonMovie{
  width:330px;
  border-bottom:#eeeeee 4px solid;
  border-right:#eeeeee 4px solid;
  float:left;
}

.lessonMovieYT{
  width:328px;
  height:200px;
  border-top:#000000 1px solid;
  border-left:#000000 1px solid;
  border-right:#000000 1px solid;
}

.lessonMovieTxt{
  width:308px;
  padding:10px;
  border-bottom:#000000 1px solid;
  border-left:#000000 1px solid;
  border-right:#000000 1px solid;
}

h4.lessonh4{
  width:695px;
  height:37px;
  background-image:url(../images/cuTxtTitBgG.jpg);
  background-repeat:repeat-x;
  padding-left:5px;
  font-size:25px;
  color:#0B8E28;
  line-height:37px;
  font-weight:bold;
  margin-top:50px;
}

.lessonFlowL{
  width:262px;
  float:left;
  margin-right:20px;
  text-align:center;
}

.lessonFlowL img{
  margin-bottom:5px;
}

.lessonFlowR{
  width:418px;
  float:left;
}

.lessonFlowRtit{
  width:418px;
  height:25px;
  font-size:17px;
  color:#0B8E28;
  line-height:25px;
  font-weight:bold;
  border-bottom:#0B8E28 1px dotted;
}

.lessonFlowRTxt{
  margin-top:10px;
  margin-bottom:35px;
}

.lessonFlowRTxtLink{
  text-align:right;
  margin-top:20px;
}

.lessonFlowRTxtLink a{
  color:#0B8E28;
  text-decoration:underline;
}

.lessonFlowRTxtLink a:hover{
  text-decoration:none;
}


.lesson_g21,.lesson_g21e{
  width:328px;
  float: left;
}

.lesson_g21{
  margin-right: 44px;
}

.cap{font-size: 12px;}



/* =======================================

beginner---初心者の方でも安心です。

========================================== */

.beginnerFaqL{
  width:399px;
  float:left;
}

.beginnerFaqR{
  width:281px;
  height:221px;
  float:left;
  margin-left:20px;
}

.beginnerFaqLink{
  text-align:right;
  margin-top:20px;
}

.beginnerFaqLink a{
  color:#0B8E28;
  text-decoration:underline;
}

.beginnerFaqLink a:hover{
  text-decoration:none;
}




/* =======================================

beginner---初心者の方でも安心です。

========================================== */

table.formtable {
  width: 100%;
  padding: 10px;
}
table.formtable tr th {
  padding: 7px 10px;
  border-bottom: solid 1px #CCCCCC;
  font-weight: normal;
  font-size: 12px;
  text-align: right;
  width: 150px;
  background-color: #ECFFDF;
  font-weight: bold;
}
table.formtable tr th span {
  font-size: 10px;
  color: #999999;
  display: block;
}
table.formtable tr td {
  padding: 7px 10px 7px 10px;
  border-bottom: solid 1px #CCCCCC;
  font-size: 12px;
}

img.must {
  width: 30px;
  height: 16px;
  float: left;
  margin: 0px 0px 0px 5px;
}


.btArea{
  text-align: center;
}

/*
table.formtable tr .caution{
display: block;
}
*/





/* =======================================

students/loginMyPage---会員ページ

========================================== */
.myPageMenuTxt{
  padding-left:10px;
  font-weight:bold;
  font-size:16px;
  line-height:42px;
  color:#1B7400;
}

.myPageMenuTxt span{
  color:#000000;
}

.myPageMenu{
  background-color:#D5EFC0;
  border-left:#1B7400 1px solid;
  border-right:#1B7400 1px solid;
  padding-left:10px;
  padding-right:10px;
  padding-bottom:10px;
}

.myPageMenu img{
  margin-bottom:10px;
}

.myPageMenuLine{
  width:226px;
  background-color:#FFFFFF;
  height:1px;
  padding:0 1px;
  border-left:#1B7400 1px solid;
  border-right:#1B7400 1px solid;
}

.myPageMenuLineG{
  background-color:#1B7400;
  height:1px;
}

.myPageIndexTop{
  border:#EEECED 10px solid;
  padding:10px;
  margin-bottom:30px;
}

.myPageIndexTopG{
  width:125px;
  height:25px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:center;
  background-color:#1B7400;
  float:left;
}

.myPageIndexTopO{
  width:125px;
  height:25px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:center;
  background-color:#F77B0B;
  float:left;
}
.myPageIndexTop1{
  /*width:125px;*/
  height:25px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:center;
  /*background-color:#F77B0B;*/
  float:left;
}

.myPageIndexTop3{
  width:125px;
  height:25px;
  color:#FFFFFF;
  font-weight:bold;
  font-size:14px;
  line-height:25px;
  text-align:center;
  background-color:#4F81BD;
  float:left;
}

.myPageIndexTopTxt{
  font-size:14px;
  line-height:25px;
  padding: 0px 25px 0px 25px;
  width:180px;
  float:left;
}

.myPageIndexTopTxt a,.myPageIndexNewsList a,td.ReservationsListT1L a,td.ReservationsListT1R a{
  text-decoration:underline;
  color:#1B7400;
}

.myPageIndexTopTxt a:hover,.myPageIndexNewsList a:hover,td.ReservationsListT1L a:hover,td.ReservationsListT1R a:hover{
  text-decoration:none;
}

.myPageIndexNews{
  padding-bottom:30px;
  border-bottom:#999999 1px dotted;
  margin-bottom:10px;
}

.myPageIndexNewsDate{
  width:105px;
  float:left;
  line-height:20px;
}

.myPageIndexNewsImg{
  width:82px;
  float:left;
}

.myPageIndexNewsTxt{
  width:493px;
  margin-left:20px;
  float:left;
  line-height:20px;
}

.myPageIndexNewsList{
  text-align:right;
}

.myPageBold{
  font-weight:bold;
}


td.ReservationsListT1L{
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  width:190px;
}

td.ReservationsListT1R{
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  width:190px;
  text-align:right;
}

.ReservationsListT1C{
  font-size:20px;
  line-height:20px;
  text-align:center;
  font-weight:bold;
}

.ReservationsListT2 th{
  font-weight:bold;
  font-size:14px;
  line-height:28px;
  text-align:center;
  color:#FFFFFF;
  background-color:#1B7400;
}

.ReservationsListT2 td{
  font-size:14px;
  line-height:28px;
  text-align:center;
}

.ReservationsListT2 td img{
  margin-top:4px;
}

.btG{
  border-top:#1B7400 1px solid;
}

.blG{
  border-left:#1B7400 1px solid;
}

.brG{
  border-right:#1B7400 1px solid;
}

.bbG{
  border-bottom:#1B7400 1px solid;
}

.bbW{
  border-bottom: #FFFFFF 1px solid;
}

.brW{
  border-right:#FFFFFF 1px solid;
}

td.showEndLessonsListT1L{
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  width:190px;
}

.showEndLessonsListT1L a,.showEndLessonsListT1R a{
  color:#6699CC;
  text-decoration:underline;
}

.showEndLessonsListT1L a:hover,.showEndLessonsListT1R a:hover{
  text-decoration:none;
}

td.showEndLessonsListT1R{
  font-size:14px;
  font-weight:bold;
  line-height:20px;
  width:190px;
  text-align:right;
}

.showEndLessonsListT2 th{
  font-weight:bold;
  font-size:14px;
  line-height:28px;
  text-align:center;
  color:#FFFFFF;
  background-color:#6699CC;
}

.showEndLessonsListT2 td{
  font-size:14px;
  line-height:28px;
  text-align:center;
}

.showEndLessonsListT2 td img{
  margin-top:4px;
}

.blB{
  border-left:#6699CC 1px solid;
}

.brB{
  border-right:#6699CC 1px solid;
}

.bbB{
  border-bottom:#6699CC 1px solid;
}

.myPageMessage{
  padding-top:15px;
  padding-bottom:10px;
  border-bottom:#999999 1px dotted;
}

.myPageMessageImg{
  width:82px;
  float:left;
  margin-right:20px;
}

.myPageMessageTxt{
  width:598px;
  float:left;
}

.myPageMessageTxtName{
  color:#1B7400;
  font-weight:bold;
}

.myPageMessageTxtTime{
  /*font-weight:bold;*/
  color :#999;
  font-size: 12px !important;
}

.myPageMessageNew{
  padding:15px 30px;
  border:#999999 1px solid;
}

.myPageMessageNewFont{
  width:96px;
  float:left;
  font-weight:bold;
  padding:5px;
  text-align:right;
}

.myPageMessageNewWrite textarea{
  width:520px;
  height:95px;
  color : #000000;
  /*font-weight:bold;*/
  border:#1B7400 1px solid;
  padding:5px;
  float:left;
  margin-bottom:25px;
  font-family: 'lucida grande', tahoma, verdana, arial, 'Hiragino Kaku Gothic Pro', Meiryo, 'MS PGothic', sans-serif;
}

.myPageMessageNewSend{
  text-align:center;
}

.myPageMessageNewSend img{
  margin-right:10px;
}

.CourseRegistLink{
  text-align:center;
}

.CourseRegistLink a{
  color:#1B7400;
  text-decoration:underline;
}

.CourseRegistLink a:hover{
  text-decoration:none;
}

.studentEditTop{
  line-height:20px;
}

.studentEditTop img{
  margin-top:2px;
}

.studentEditTable tr th.Hissu{
  width:40px;
  padding-left:10px;
  padding-right:10px;
  background-color:#ECFEDF;
  border-bottom:#CCCCCC 1px solid;
  padding-top:12px;
}

.studentEditTable tr th.Title{
  width:110px;
  padding-left:10px;
  padding-right:10px;
  font-size:12px;
  font-weight:bold;
  line-height:40px;
  background-color:#ECFEDF;
  color:#333333;
  border-bottom:#CCCCCC 1px solid;
  text-align:right;
}

.studentEditTable tr th.Title2{
  width:110px;
  padding-left:10px;
  padding-right:10px;
  padding-top:10px;
  font-size:12px;
  font-weight:bold;
  line-height:20px;
  background-color:#ECFEDF;
  color:#333333;
  border-bottom:#CCCCCC 1px solid;
  text-align:right;
}

.studentEditTable tr th.noHissu{
  width:150px;
  padding-left:10px;
  padding-right:10px;
  font-size:12px;
  font-weight:bold;
  line-height:40px;
  background-color:#ECFEDF;
  color:#333333;
  border-bottom:#CCCCCC 1px solid;
  text-align:right;
}

.studentEditTable tr td{
  padding-left:10px;
  padding-right:10px;
  font-size:12px;
  line-height:40px;
  color:#333333;
  border-bottom:#CCCCCC 1px solid;
}

.studentEditTable tr td.body2{
  line-height:15px;
  padding-top:10px;
  padding-bottom:10px;
  width: 535px !important;
}

.studentEditTable tr td.body3{
  color:#FF0000;
  background-color:#FFFFCC;
  line-height:15px;
  padding-top:10px;
  padding-bottom:10px;
}

.studentEditSend{
  text-align:center;
}

.myPageIndexLesson{
  width:680px;
  min-height:100px;
  padding:10px;
  background-color:#EAF7DF;
}

.myPageIndexLessonTxt{
  width:318px;
  float:left;
}

.myPageIndexLessonTxtDay{
  font-size:16px;
  font-weight:bold;
  color:#1B7400;
  line-height:16px;
  height:16px;
}

.myPageIndexLessonTxtName{
  font-size:16px;
  font-weight:bold;
  padding: 20px 0px 20px 0px;
}

.myPageIndexLessonImg{
  width:98px;
  float:left;
  border:#1B7400 1px solid;
  margin-right:20px;
  margin-left:20px;
}

.myPageIndexLessonBtn{
  width:222px;
  float:left;
  margin-top:23px;
}

.studentYoyakuDL{
  width:425px;
  float:left;
}

.studentYoyakuDR{
  width:275px;
  float:left;
  text-align:center;
  margin-top:15px;
}

.studentYoyakuDtxt{
  font-size:12px;
  line-height:12px;
  border-bottom:#333333 1px dotted;
  padding-bottom:20px;
  margin-bottom:20px;
}

.studentYoyakuDtL{
  width:140px;
  margin-right:20px;
  float:left;
  text-align:center;
}

.studentYoyakuDtLimg{
  border:#1B7400 1px solid;
  margin-bottom:10px;
}


.studentYoyakuDtR{
  width:540px;
  float:left;
}

.studentYoyakuDtRct{
  font-size:14px;
  line-height:14px;
}

.studentYoyakuDtRct img{
  margin-right:5px;
}

.studentYoyakuDtRName{
  color:#1B7400;
  font-size:16px;
  font-weight:bold;
}

.studentYoyakuDtList tr th{
  width:100px;
  height:36px;
  border:#1B7400 1px solid;
  line-height:36px;
  text-align:center;
  background-color:#ECFFDF;
}

.studentYoyakuDtList tr td{
  height:36px;
  border:#1B7400 1px solid;
  line-height:36px;
  padding-left:10px;
}

.studentKarte tr th{
  width:180px;
  border:#6699cc 1px solid;
  background-color:#DCF0F6;
  padding:10px;
}


.studentKarte tr td{
  border:#6699cc 1px solid;
  padding:10px;
  max-width: 485px !important;
  hyphens: auto !important;
  word-wrap : break-word !important;
  text-align : justify !important;
}

.studentKarteBack{
  text-align:center;
}

.studentCourseChoiceSet{
  margin-left:auto;
  margin-right:auto;
}

.studentCourseChoice th{
  font-weight:bold;
  font-size:14px;
  line-height:37px;
  text-align:center;
  color:#FFFFFF;
  background-color:#1B7400;
}

.studentCourseChoice td{
  font-size:14px;
  line-height:37px;
  text-align:center;
  width: 290px;
}

.studentCourseChoice td img{
  margin-top:5px;
}

.studentYoyakuRe tr th{
  width:180px;
  border:#1B7400 1px solid;
  text-align:center;
  background-color:#ECFFDF;
  padding:10px;
}

.studentYoyakuRe tr td{
  border:#1B7400 1px solid;
  padding:10px;
}

.studentYoyakuReTxt{
  text-align:center;
}

.studentYoyakuReTxt span{
  font-weight:bold;
  text-align:center;
}

.studentYoyakuDtL{
  width:140px;
  margin-right:20px;
  float:left;
  text-align:center;
}

.studentYoyakuReR{
  float:left;
}


/** dtit added css**/

.reApplyCourse a{
  color:#1B7400;
  text-decoration:underline;
}

.reApplyCourse a:hover{
  text-decoration:none;
}
/*error common*/
.attentionArea {
  /*background:url(../../commons/images/bg_atte_checkout.gif) repeat-y left top;*/
  border: 1px #C00 dotted;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width:556px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 20px;
  font-size:93%;
}
.attentionAreaHead {
  /*background:url(../../commons/images/bg_atte_checkout_h.gif) no-repeat left top;*/
  width:556px;

}
.attentionAreaBottom {
  /*background:url(../../commons/images/bg_atte_checkout_b.gif) no-repeat left bottom;*/
  width:536px;
  padding:10px;
  margin:0 0 0 0;
}
.attentionArea .atteIcon {
  /*background:url(../../commons/images/ic_checkout_bg.gif) no-repeat left top;*/
  padding-left:92px;
  min-height:40px;
  height: auto !important;
  height: 40px;
}

.attention img {
  vertical-align:middle;
}

.attentionArea ul {
  list-style:none;
  font-weight:bold;
  color:#F5001B;
}
.attentionArea ul li {
  margin:0 0 5px 10px;
  color:#CC0000;
}
.attentionAreaLogin {
  /*background:url(../../commons/images/bg_atte_checkout.gif) repeat-y left top;*/
  border: 1px #C00 dotted;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px;
  width:210px;
  margin-left:auto;
  margin-right:auto;
  margin-bottom: 20px;
  font-size:93%;
}
.attentionAreaLoginHead {
  /*background:url(../../commons/images/bg_atte_checkout_h.gif) no-repeat left top;*/
  width:210px;

}
.attentionAreaLoginBottom {
  /*background:url(../../commons/images/bg_atte_checkout_b.gif) no-repeat left bottom;*/
  width:190px;
  padding:10px;
  margin:0 0 0 0;
}
.attentionAreaLogin .atteIcon {
  /*background:url(../../commons/images/ic_checkout_bg.gif) no-repeat left top;*/
  padding-left:92px;
  min-height:40px;
  height: auto !important;
  height: 40px;
}

.attentionLogin img {
  vertical-align:middle;
}

.attentionArea ul {
  list-style:none;
  font-weight:bold;
  color:#F5001B;
}
.attentionArea ul li {
  margin:0 0 5px 10px;
  color:#CC0000;
}
.bold { font-weight:bold;}
.fs16 { font-size:123.1%;}
.caution {color: #C00;}

.ui-dialog{
  border: solid #608C13 !important;
  border-width: 1px !important;
  background-color: #FAFEEF !important;
}
.login_dialog{
  padding: 10px;
  margin-bottom: 20px;
}
.reset-password{
  padding: 10px;
  margin-bottom: 20px;
  margin-left: auto;
  margin-right: auto;
  text-align: center;
}
.reset_btn {
  -moz-box-shadow:inset 1px 1px 0px 0px #fff2de;
  -webkit-box-shadow:inset 1px 1px 0px 0px #fff2de;
  box-shadow:inset 1px 1px 0px 0px #fff2de;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ffc169), color-stop(1, #f67112) );
  background:-moz-linear-gradient( center top, #ffc169 5%, #f67112 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffc169', endColorstr='#f67112');
  background-color:#ffc169;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:3px solid #dcdcdc;
  display:inline-block;
  color:#ffffff !important;
  font-family:arial;
  font-size:12px;
  font-weight:bold;
  padding:8px 39px;
  text-decoration:none !important;
  text-shadow:1px 1px 0px #8f8f8f;
}
.reset_btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #f67112), color-stop(1, #ffc169) );
  background:-moz-linear-gradient( center top, #f67112 5%, #ffc169 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f67112', endColorstr='#ffc169');
  background-color:#f67112;
}
.reset_btn:active {
  position:relative;
  top:1px;
}
.reset-form {
  width: 228px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 45px;
  background-color: #fafdee;
  border: 1px solid #3ba31a;
  -moz-border-radius-bottomleft: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-top-left-radius: 10px;
  -moz-border-top-right-radius: 10px;
  -webkit-border-bottom-left-radius: 4px;
  -webkit-border-bottom-right-radius: 4px;
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  border-bottom-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-top-left-radius: 10px;
  border-top-right-radius: 10px;
}
h1#popup-login-header,h1#logout,h1#mypage-link{
  color: white;
  font-size: 11px;
  letter-spacing: 0.13em;
  line-height: 1em;
  position: absolute;
  top: 9px;
  text-align: right;
  cursor: pointer;
}
h1#mypage-link{
  right: 90px;
}
h1#logout,h1#popup-login-header{
  right: 10px;
}
h1#popup-login-header:hover,h1#logout:hover,h1#mypage-link:hover{
  text-decoration: underline;
}
.message-link a,.navigation-div a {
  text-decoration: none
}
.float-right a{
  text-decoration: none;
  float: right;
}
#messages-div {
  width: 703px;
  overflow: hidden;
  margin-bottom: 10px;
}

#message-scrolls {
  width: 723px;
  max-height: 800px;
  overflow-y: scroll;
}
.pd7 {
  padding-top: 7px;
}
#done-lesson{
  font-size: 1em;
  margin-top: 15px;
  text-align: center;
}

/* Price */
.priceIndex{
  width:344px;
  height:137px;
  float:left;
}

.priceBtn img{
  /*  width:243px;
    height:78px;
    margin-left:228px;
    margin-bottom:50px;
    margin-top:20px;*/
  width: 323px;
  height: 50px;
  margin-left: 228px;
  margin-top: 28px;
}

.priceTxt{
  margin-bottom:20px;
}

.priceTxt span{
  font-weight:bold;
  color:#FF6600;
}

.priceTop1{
  width:670px;
  padding:5px 15px;
  color:#207702;
  font-size:16px;
  font-weight:bold;
  background-color:#D5EFC0;
  border:#CCCCCC 1px solid;
}

.priceTop2{
  width:670px;
  padding:5px 15px;
  color:#333333;
  font-size:16px;
  font-weight:bold;
  background-color:#ffffff;
  border-left:#CCCCCC 1px solid;
  border-right:#CCCCCC 1px solid;
  border-bottom:#CCCCCC 1px solid;
  margin-bottom:30px;
}

.priceTop2 span{
  color:#FF0000;
}

.priceT{
  background-color:#eeeeee;
  padding:10px;
  font-weight:bold;
  text-align:center;
  border:#CCCCCC 1px solid;
}

.priceTable tr th{
  background-color:#D5EFC0;
  padding:10px;
  color:#207702;
  font-weight:bold;
  border:#CCCCCC 1px solid;
}

.priceTable tr td{
  padding:10px;
  border:#CCCCCC 1px solid;
  text-align:center;
}
/*end Price*/

/* for you tube video iframe, object, and embed tag*/

.teacher-vid {
  position: relative;
  height: 390px;
  margin-right: 5px;
}

.teacher-vid iframe,
.teacher-vid object,
.teacher-vid embed {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* =======================================

skypeオンライン状況

========================================== */
.skype_btn{
  position:absolute;
  top:113px;
  right:13px;
}

.msg_count{
  width:25px;
  position:relative;
  text-align: center;
  bottom:55px;
  left:10px;
  font-size: 14px;
  font-weight: bold;
  color:#FF0000;
}

.free_lesson_btn {
  -moz-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  -webkit-box-shadow:inset 0px 1px 0px 0px #97c4fe;
  box-shadow:inset 0px 1px 0px 0px #97c4fe;
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #3d94f6), color-stop(1, #1e62d0) );
  background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
  background-color:#3d94f6;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
  border-radius:10px;
  border:3px solid #337fed;
  display:inline-block;
  color:#ffffff !important;
  font-family:arial;
  font-size:25px;
  font-weight:bold;
  padding:22px 39px;
  text-decoration:none !important;
  text-shadow:1px 1px 0px #1570cd;
  margin-bottom:20px;
}
.free_lesson_btn:hover {
  background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #1e62d0), color-stop(1, #3d94f6) );
  background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
  filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
  background-color:#1e62d0;
}
.free_lesson_btn:active {
  position:relative;
  top:1px;
}

/*******************************2012-11-22追加分************************************/




/* =======================================

voice---お客様の声

========================================== */

.voiceIndex{
  width:233px;
  float:left;
  margin-left:1px;
}

.voiceIndexR{
  width:232px;
  float:left;
  margin-bottom:30px;
}

.voiceL{
  width:136px;
  float:left;
  margin-bottom:30px;
}

.voiceLtxt{
  text-align:center;
  font-size:14px;
  line-height:160%;
  font-weight:bold;
  width:100px;
  margin-left:10px;
  color:#2B9A09;
}

.voiceR{
  width:564px;
  float:left;
  margin-bottom:30px;
}

.voiceRtxt{
  width:544px;
  padding-left:10px;
  padding-right:10px;
  background:#D0F0C3;
  font-size:14px;
  line-height:160%;
}

.voiceRtxtL{
  width:374px;
  float:left;
  margin-right:20px;
}

.voiceRtxtR{
  width:150px;
  float:left;
}

.voiceLtxt span{
  font-size:12px;
  line-height:140%;
}

.end-lesson-detail-td {
  /*  max-width: 485px !important;
    hyphens: auto !important;
    word-wrap : break-word !important;
    text-align : justify !important;*/
}
.logo-efriend {
  text-align: center;
  margin-top: 30px;
}

.logout_text {
  position: relative;
  text-align: center;
  bottom: 45px;
  color: white;
  font-size: 12pt;
  font-weight: bold;
  cursor: pointer;
}

.msg_box_txt {
  position: relative;
  text-align: center;
  bottom: 36px;
  color: white;
  font-size: 12pt;
  font-weight: bold;
  left: 10px;
  cursor: pointer;
}

.msg_btn:hover, .logout_btn:hover {
  text-decoration: none !important;
}

.checkedOut {
  background-color: #FCEFA1 !important;
}

.headline_top{
  position:relative;
}

#topHeadline_btn {
  left: 183px;
  position: absolute;
  top: 149px;
  z-index: 3;
}

.message-link a:hover{
  text-decoration:underline;
}

/* =======================================

法人向け英会話プログラム

========================================== */

.corporate {
	margin-left:55px;
	font-size: 16px;
	line-height: 1.5;
	width:850px;
}

.corporate h2 {
	width:850px;
	height: auto;
	margin:0 0 20px;
	padding:0;
}
.corporate h3 {
	padding: 0;
	background: none;
}

.corporate p { margin: 0 0 20px; }

.corporate .voice01 {
	background: url(../images/corporate/voice01_image.jpg) no-repeat right bottom;
	height: 188px;
}
.corporate .voice02 {
	background: url(../images/corporate/voice02_image.jpg) no-repeat right bottom;
	height: 258px;
}
.corporate .voice01,
.corporate .voice02 {
	margin: 0 0 20px;
	border: 1px solid #E9EBCE;
}

.corporate .report {
	padding: 25px;
	border: 4px solid #569E3E;
}
.corporate .report h3 {
	margin: 0 0 20px;
	padding: 8px 2%;
	background: #569E3E;
	color: #FFF;
	font-size: 22px;
	width: 96%;
}

.corporate .feature {
	margin: 0 0 40px;
	padding: 25px 25px 10px;
	border: 10px solid #F0F0E1;
	font-size: 14px;
}
.corporate .feature dl { font-size: 16px; }
.corporate .feature dl dt {
	margin: 0 0 5px;
	color: #1F7900;
	font-size: 18px;
	font-weight: bold;
}
.corporate .feature dl dd { margin: 0 0 25px; }


/* =======================================

無料体験レッスン

========================================== */

#StudentConfirmForm {margin: 0 20px 60px;}
#StudentConfirmForm table.formtable {
	border: 1px solid #cccccc;
	border-bottom: none;
}
#StudentConfirmForm table.formtable th {
	padding: 10px 15px;
	text-align: left;
	line-height: 1.5;
	vertical-align: middle;
	background-color: #ECFFDF;
}
#StudentConfirmForm table.formtable td {
	padding: 10px 15px;
	vertical-align: middle;
}
#StudentConfirmForm table.formtable td input[type="text"] {
	margin: 0 0 5px;
	padding: 4px;
}
#StudentConfirmForm table.formtable td input[type="text"] {	width: 50%; }



/* =======================================

トップページ お客様の声,イーフレンドの強み

========================================== */

.voice h2.pl00,.method h2.pl00{
background:none;
padding:0;
}