@charset "Shift_JIS";


.video {
width:534px;
background:url(../img/video_back.gif) no-repeat;
}

.video-hg {
width:534px;
background:url(../img/hg-video_back.gif) no-repeat;
}

.videoBox {
width:320px;
border:1px #666666 solid;
}


#readArea02 .box03{
width:536px;
margin:30px 0 0 0;
overflow:hidden;
position:relative;
}

#readArea02 .box03 .l_img{
width:320px;
float:left;
margin-top:5px;
}

#readArea02 .box03 .r_img{
width:92px;
float:left;
margin:5px 0 0 13px;
}


em{
color:#e80000;
font-style:normal;
}

.campaign{
padding:3px;
background-color:#FFFFFF;
border:1px #a8ff00 solid;
}

.campaign div{
background:#e1ffaa;
padding:12px;
}

.campaign div table{
margin:0;
}

.campaign div h4{
margin:0 0 10px 0;
padding:0;
font-size:100%;
border-bottom:none;
}

.campaign div td.imgBox{
vertical-align:bottom;
}


/* ���� #mainRead ���� */

#mainRead{
margin:10px 0px 25px;
}

#mainRead p{
margin-bottom:15px;
color:#663300;
font-size:120%;
}

#mainRead p em{
color:#e80000;
font-style:normal;
}

/* ���� .readArea ���� */

.readArea table{
margin-bottom:30px;
}

.readArea table td p{
margin:8px 15px 0px 10px;
}

.readArea table td{
vertical-align:top;
}


/* �� #read01 */

.readArea table#read01 td p{
margin-right:0px;
}


/* �� #read02 */

.readArea table#read02{
margin-bottom:30px;
}

.readArea table#read02 td p{
margin-left:0px;
margin-right:0px;
}

.readArea table#read02 p#read02Img02{
float:right;
width:236px;
margin:0 0 3px 15px;
}

.readArea table#read02 p#read02Img03{
float:left;
width:108px;
margin:0 15px 3px 0px;
}

/* �� #read03 */

.readArea table#read03{
margin-bottom:16px;
}

.readArea table#read03 td p{
margin-left:0px;
margin-right:0px;
}

.readArea table#read03 p#read03Img01{	
float:right;
width:208px;
margin:0 0 3px 15px;
}

.readArea table#read03 p#read03Img03{
float:left;
width:104px;
margin:0 15px 3px 0px;
}


/* �� #read04 */

.readArea table#read04{
margin-bottom:16px;
}

.readArea table#read04 td p{
margin-left:0px;
margin-right:0px;
}

.readArea table#read04 p#read03Img01{
float:right;
width:220px;
margin:0 0 3px 15px;
}

.readArea table#read04 p#read03Img03{
float:left;
width:104px;
margin:0 15px 3px 0px;
}

.readArea table#read04 p#read03Img04{
margin:0;
}


/* �� #read05 */

.readArea table#read05{
margin-bottom:0px;
}

.readArea table#read05 td p{
margin-left:0px;
margin-right:0px;
}

/* �� #read03�R�����g */

.readArea table#comment1{
margin:8px 0 22px 0;
border:1px #FFD559 solid;
}

.readArea table#comment1 td{
padding:10px;
}

.readArea table#comment1 td p{
margin:0px;
font-size:85%;
line-height:130%;
}


.comment1Txt{
padding:3px 0 0 0;
}

#renewalArea{
margin-bottom:0px;
}

#renewalArea table{
margin-bottom:0px;
}

#renewalArea td{
vertical-align:top;
}

#renewalArea td p{
margin:0px;
}

.textArea{
padding:0 0 0 10px;
}

/*.readArea table#read02 td#read02Text{
background:url(../img/read02-img01.gif) no-repeat;
}*/

/* ���� #itemAreaL  ���� */

#itemAreaL{
margin-top:40px;
}


/* ���� .capArea ���� */
/*
#itemAreaL div.capArea{
width:834px;
}
*/

div.capArea div h2{
margin-bottom:15px;
}

div.capArea div h3{
margin-bottom:10px;
}


div.capArea div p.imgArea{
float:left;
margin-right:10px;
margin-bottom:15px;
}

div.capArea div p.textArea{
margin:0px;
margin-bottom:15px;
}

div.capArea div p.textArea2{
margin:0px;
margin-bottom:8px;
}

div.capArea div p.last{
margin-bottom:0px;
}

div.capArea p.link{
text-align:right;
margin:20px 0 0 0;
}

div#imageArea{
clear:both;
text-align:center;
}

div#imageArea p.textArea2{
margin:6px auto 0 auto ;
width:672px;
text-align:left;
}


/* �� #cap02 03 */
div#cap02{
width:397px;
float:left;
}


div#cap03{
width:397px;
float:right;
}


#cap0301Img01{
float:left;
width:139px;
}



/* ���� curriculum.html ���� */
#curriculum{
width:600px;
text-align:left;
}

#curriculum h2{
margin-bottom:30px;
}

#curriculum td.border{
background:url(../img/curriculum-border-img.gif) repeat-y;
border-bottom:3px solid #FF6666;
}

#curriculum div.corner{
width:275px;
padding:10px;
margin-bottom:0px;
height:100%;
}

#curriculum .floatRight{
float:right;
margin:0 0 10px 10px;
}

#curriculum .midashi{
padding:0 0 1px 8px;
margin:30px 0 3px 0;
border-left:5px #FF3366 solid;
border-bottom:1px #FF3366 dotted;
}

#curriculum .voice{
background:#FFFFCC;
padding:5px;
margin:10px 0 10px 0;
}

#curriculum .coach{
padding:0 0 1px 50px;
margin:10px 0 0 0;
background:url(../img/coach.gif) no-repeat;
}

#curriculum #englishJournal{
border:2px #33CC99 solid;
padding:10px;
}

#curriculum .pageTop{
margin:25px 0 0 0;
}

.shosai{
background-color:000000;
padding-left:12px;
text-align:right;
background:url(../img/arrow.gif) no-repeat 0px 3px;
}


/* ���� suisenArea ���� */
#suisenArea{
margin-top:42px;
}

#suisenArea table{
margin-top:16px;
}

#suisenArea td{
margin:0px;
padding:0px;
}

#suisenArea p{
margin-top:0px;
}

#suisenArea .suisenItem1{
margin:12px 0 0 0px;
}

#suisenArea .suisenItem2{
margin:12px 0 0 10px;
}

/* ���� buttonsList ���� */
ul#buttons{
margin-top:15px;
float:right;
width:350px;
}
ul#buttons li{
float:left;
display:inline;
list-style:none;
margin-right:5px;
}
ul#buttons li.last{
margin-right:0px;
}

/* ���� interview banner box ���� */
table#interview_banner_box{
margin-top:10px;
margin-bottom:0;
}

table#interview_banner_box td.text{
padding-right:5px;
vertical-align:bottom;
}





/* ���� 2009.12.11 �lj� Style ���� */

.headNavi{
	list-style:none;
	margin:0 0 5px;
}

.headNavi li{
	background:#F5F5F5;
	padding:8px;
	margin:0 0 1px;
}

.headNavi li a:link,
.headNavi li a:visited,
.headNavi li a:active,
.headNavi li a:hover{
	display:block;
	text-indent:20px;
	color:#1276a5;
	text-decoration:underline;
	background:url(../img/icon_arrow.gif) no-repeat 0% 50%;
}
.headNavi li a:hover{ color:#3396c4; }


.style2 {
	font-size: 120%;
	color: #1276a5;
	padding-top: 10px;
	display: block;
}
.style3 {
	color: #0e76a8;
	font-size: 125%;
	background: url(../img/dot_x_ddd.gif) repeat-x 0% 100%;
	line-height: 1;
	margin:20px 0 15px;
	padding:0 0 8px 5px;
	font-weight: bold;
}

.style4 {
	font-weight: bold;
	color: #008b0f;
}


.school { list-style-type: none; }
.school li { clear:both; }

.school li p{
	width:290px;
	line-height:1.2;
	float:right;
	margin:5px 0 0 !important;
}


.brownBox {
	margin-top:15px;
	background-color: #f8f4ea;
	border: 2px solid #ece7da;
}

.brownInr{ margin:10px 10px 15px 15px; }


.testcoBox {
	margin-top:15px;
	background-color: #D6F0FD;
background-image: url('/cnt/h4/img/testco-bg.gif');
background-repeat: no-repeat;
background-position: bottom;
	border: 1px solid #c1dda4;
}

.testcoInr{ margin:10px 10px 15px 15px; }


.brownBox h3{
	padding:0 !important;
	margin:0 !important;
	line-height:1.4;
	font-weight:bold;
	color:#9f5f20;
	font-size:125%;
}

.brownBox2 {
	margin-top:15px;
	background-color: #f8f4ea;
	border: 2px solid #ece7da;
}

.brownInr2{ margin:10px 10px 15px 15px; }

.brownBox2 h3{
	padding:0 !important;
	margin:10 !important;
	line-height:1.4;
	font-weight:bold;
	color:#9f5f20;
	font-size:14px;
}

.redBox {
	border: 2px solid #bd3030;
	background:url(../img/read04-img09.gif) no-repeat 52% 50%;
}

.redInr{
	margin:8px 15px;
	text-align:center;
}

.redInr p{
	font-weight:bold;
	color:#bd3030;
	margin:0 !important;
}


.clrfix{
	clear:both !important;
	margin:0 !important;
	padding:0 !important;
	line-height:0 !important;
	font-size:1px !important;
	height:1px !important;
}

.txtLink{
	font-size:112.5%;
	margin:0 !important;
	padding:0 !important;
	line-height:1.4;
}

.cmt a:link,
.cmt a:visited,
.cmt a:active,
.txtLink a:link,
.txtLink a:visited,
.txtLink a:active{ color:#1276a5; text-decoration:underline; }

.cmt a:hover,
.txtLink a:hover{ color:#3396c4; text-decoration:underline; }



.fl { float: left; }
.fr { float: right; }

.mt0 { margin-top: 0px !important; }
.mt10 { margin-top: 10px !important; }
.mt30 { margin-top: 30px !important; }

.ml0 { margin-left: 0px !important; }
.ml10 { margin-left: 10px !important; }

.mr5 { margin-right: 5px !important; }
.mr10 { margin-right: 10px !important; }

.mb0 { margin-bottom: 0px !important; }
.mb5 { margin-bottom: 5px !important; }
.mb10 { margin-bottom: 10px !important; }
.mb15 { margin-bottom: 15px !important; }
.mb20 {	margin-bottom: 20px !important; }

.pt10 { padding-top:10px !important; }
.pt15 { padding-top:15px !important; }

.pb10 { padding-bottom:10px !important; }

.cmt {
	line-height: 1.3;
	margin:0 0 10px 0 !important;
}

.w70{ width:70px; }
.w210 { width: 210px; }
.w296 { width: 296px; }

.clr{ clear:both !important; }

.db{ display:block; }

.ar{ text-align:right; }