@charset "UTF-8";


/* ----------------------------------------------------------------------
 * セカンドページ用スタイル
---------------------------------------------------------------------- */




/* breadcrumbs
---------------------------------------------------------------------- */

#breadcrumbs {
	text-align: left;
	font-size: .8em;
	margin-bottom: 10px;
}

#breadcrumbs a,
#breadcrumbs span {
	background: url(../images/icon_gt.gif) no-repeat center right;
	padding-right: 15px;
	margin-right: 5px;
}




/* contents
---------------------------------------------------------------------- */

#contents h1 {
	background: #0165C7;
	color: #FFFFFF;
	border-bottom: 2px solid #003190;
	margin-bottom: 18px;
	padding: 16px;
	font-size: 1.2em;
}


#contents h1 em{
	font-weight:normal;
	font-size:75%;
	font-style:normal;
}

/* entry
---------------------------------------------------------------------- */

#entry {
	font-size: .8em;
	line-height: 1.5;
	margin-bottom: 40px;
}

#entry .colleft {
	float: left;
	width: 300px;
}

#entry .colright {
	float: right;
	width: 300px;
}

#entry h2,
#entry h3 {
	margin: 20px 9px 9px 9px;
	font-size: 1.2em;
}

#entry p {
	margin: 0 9px 20px 9px;
}

#entry th p,
#entry td p {
	margin: .5em 0;
}

#entry ul,
#entry ol,
#entry table {
	margin: .5em 10px 20px 10px;
}

#entry li {
	margin-left: 1.5em;
	margin-bottom: .5em;
}

#entry strong {
	color: #CC0000;
}

#entry em {
	font-weight: bold;
	font-style: normal;
}

#entry .boxA {
	background: #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 1px;
	margin-bottom: 20px;
}

.target #entry .boxA,
.sitemap #entry .boxA{
	min-height:20em;
}

.target #entry .boxA.clearboth{
	min-height:1%;
}

#entry .boxA h2 {
	background: #E9F1FC;
	color: #323433;
	padding: 5px 10px;
	margin: 0 0 10px 0;
	font-size: 1.2em;
}

#entry .boxA p,
#entry .boxA ul,
#entry .boxA ol {
	margin: 0 10px .5em 10px;
}

#entry .boxA li {
	margin-left: 1.5em;
	margin-bottom: .5em;
}

#entry .boxA .listA li {
	list-style: none;
	background: url(../images/icon1.gif) no-repeat center left;
	margin-left: 2px;
	padding-left: 18px;
}

#entry .listB li{

}

#entry .listC li{
background:url("../images/icon2.gif") 0 50% no-repeat;
list-style:none;
padding-left:15px;
margin-left:0;
}

#entry .boxA img.alignright {
	margin: 0 20px 10px 10px;
}

#entry .boxA img.alignleft {
	margin: 0 10px 10px 20px;
}

#entry .boxB {
	background: #FAFAFA;
	border: 1px solid #C0C0C0;
	margin: 0 9px 10px 9px;
	padding: 6px;
}

#entry .boxC {
	border: 1px solid #C0C0C0;
	padding: 10px 15px;
	margin-bottom: 20px;
}

#entry .headingA {
	border: 1px solid #D8D8D8;
	padding: 1px;
	margin-bottom: 15px;
}

#contents h1,
#entry .headingA{
	position:relative;
	z-index:1;
}

#contents h1{
	padding-right:100px;
}

#contents h1 span{
	position:absolute;
	top:18px;
	right:10px;
	font-size:smaller;
}

#entry .headingA h2 span{
	position:absolute;
	top:6px;
	right:10px;
	font-size:smaller;
}

#entry .headingA h2,
#entry .headingA h3,
#entry .headingA h4 {
	background: #EAF2FD;
	padding: 5px 10px;
	margin: 0;
}

#entry .headingA h2{
	padding-right:100px;
}

#entry .headingB {
	color: #023AAB;
	font-size: 1.3em;
	margin: 25px 0;
	padding-left: 16px;
}

#entry .headingC {
	font-size: 1em;
	color: #CB0002;
	font-weight: normal;
	margin-top: 10px;
}

#entry .tableA {
	border-collapse: separate;
	border-spacing: 1px;
	background: #DFDFDF;
	width: 600px;
	empty-cells: show;
	
}

#entry .tableA th,
#entry .tableA td {
	padding: 5px;
	vertical-align: middle;
}

#entry .tableA th {
	text-align: center;
	font-weight: bold;
	background: #EAF2FD;
	border: 1px solid #FFFFFF;
	width:18%;
}

#entry .tableA thead th {
	background: #B0E7FC;
}

#entry .tableA td {
	background: #FFFFFF;
	border: 1px solid #FFFFFF;
}

#entry .tableA .odd td {
	background: #F7F7F7;
}

#entry table.full-width {
	width: 620px;
	margin-left: 0px;
	margin-right: 0px;
}

#entry #method.tableA th{
width:16%;
}

#entry .mb10 {
	margin-bottom: 10px;
}

#entry .mb20 {
	margin-bottom: 20px;
}

#entry .mb30 {
	margin-bottom: 30px;
}

#entry .mb40 {
	margin-bottom: 40px;
}

#entry .caption {
	margin: 0 auto;
}

#entry .img-right {
	float: right;
	margin: 0 0 10px 20px;
	padding-right: 10px;
}

#entry .img-box {
	border: 1px solid #0165C7;
	padding: 1px;
}

#entry .img-box img {
	border: 2px solid #F7F7F7;
}

#entry .caption-text {
	margin: 0;
	padding: 7px 4px 17px 4px;
	font-size: .8em;
	color: #0264C5;
	text-align: left;
}

#entry .guideline-1 {
	position: absolute;
	margin-left: 330px;
}

#entry .guideline-2 {
	width: 350px;
}

#entry .guideline-2 p {
	margin-bottom: 10px;
}

#entry .topiclist {
	margin-left: 15px;
}

#entry .topiclist li {
	list-style: url(../images/icon1.gif);
	margin-left: 17px;
}

#entry .category-archive ul,
#entry .category-archive.teacher ul{
	margin-right:0;
	margin-left:0;
}

#entry ul.clearfix {
 margin-bottom:0;
}

.voice #entry .category-archive li,
.teacher #entry .category-archive li{
	list-style:none;
	float:left;
	width:290px;
	margin-left:0;
	padding:0 10px 10px;
}

.voice #entry .category-archive li.longer{
	width:580px;
}

#entry .category-archive li div,
#entry .category-archive.teacher li div{
  border:1px solid #DFDFDF;
	border-top:3px solid #0165C7;
	min-height:200px;
	padding:7px;
}

.event #entry .category-archive li div,
.english_academy #entry .category-archive li div{
	border-top:1px solid #DFDFDF;
	min-height:0;
	padding:1px;
}

.voice #entry .category-archive li.longer div{
	min-height:0;
}

#entry .category-archive.teacher li h3{
	margin:0;
}

.voice #entry .category-archive li h2{
	display:inline;
	margin:0;
}

.voice #entry .category-archive li h2 img,
#entry .category-archive.teacher li h3 img,
.teacher #entry .category-archve li h2 img{
	border:1px solid #DFDFDF;
	float:left;
	padding:1px;
	margin-right:5px;
}

.voice #entry .category-archive p ,
.teacher #entry .category-archive p{
	margin:0 0 0 90px;
	padding:0;
}

#entry .category-archive p img.roll{
	margin-top:20px;
}

.event #entry .category-archive li,
.english_academy #entry .category-archive li{
	float:none;
	width:auto;
	list-style:none;
	padding:0 10px 20px;
	margin:0 0 20px 0;
}

.event #entry .category-archive p.image img,
.english_academy #entry .category-archive p.image img {
	border:1px solid #DFDFDF;
	float:left;
	padding:1px;
	margin-right:5px;
}

.event #entry .category-archive p.text ,
.english_academy #entry .category-archive p.text{
	margin:0 0 0 210px;
}

#entry .news li{
	border-bottom: 1px dotted #CACACA;
	list-style: none;
	display: block;
	padding: 10px 3px;
	margin-left:0;
}

#entry .news li .date {
	float: left;
	width: 100px;
	padding-top: .2em;
}

#entry .news li .title {
	margin-left:15px;
}

#entry .news li.odd{
	background:#FFFFFF;
	border:none;
}

.news .even{
	background:#F7F7F7;
}

#entry .entrybox{
	border:1px solid #F9F4C1;
	margin-bottom:30px;
}

#entry .entrybox h2{
	background:#FCFAE1;
	border:1px solid #FFFFFF;
	font-weight:bold;
	margin:1px 1px 10px;
	padding:0.3em;
}


/* ページ下部お問い合わせ
---------------------------------------------------------------------- */

#btm_inquiry_box {
	text-align: center;
	background: #FFFFFF;
	border: 1px solid #D7D7D7;
	padding: 1px;
	margin-bottom:10px;
	font-size: .8em;
}

#btm_inquiry_box h2 {
	text-align: left;
	background: #E9F1FC;
	color: #323433;
	padding: 5px 10px;
	margin:0 0 10px;
	font-size: 1.2em;
}

#btm_inquiry_box table {
	margin: 0 auto;
	width: 580px;
}

#btm_inquiry_box th,
#btm_inquiry_box td {
	color: #333333;
	text-align: center;
	padding-bottom: 10px;
}




/* よくある質問
---------------------------------------------------------------------- */

#faq_box {
	border: 1px solid #D8D8D8;
	padding: 1px;
	margin-bottom:30px;
}

#faq_box ul {
	display: block;
	background: #F7F8F2;
	padding: 5px 7px;
	margin: 0;
}

#faq_box li {
	list-style: none;
	margin: 0;
}

#faq_box .question {
	background: url(../images/icon_q.gif) no-repeat 5px 7px;
	border-bottom: 1px dotted #CECECE;
	margin: 0;
	padding: 5px 10px 5px 28px;
	font-size: 1em;
	font-weight: normal;
	text-decoration: underline;
}

#faq_box .answer {
	background: #FFFFFF url(../images/icon_a.gif) no-repeat 5px 7px;
	margin: 0;
	padding: 5px 10px 5px 28px;
}




/* リンク集
---------------------------------------------------------------------- */

.link_box {
	margin-bottom: 60px;
}

.link_box .link {
	border-top: 1px solid #DFDFDF;
	padding: 10px;
	margin: 0 10px;
}

.link_box .first {
	border-top: none;
}

.link_box .even {
	background: #FAFAFA;
}

#entry .link_box h3 {
	font-size: 1em;
	margin: 0 0 5px 0;
	padding: 0;
}

#entry .link_box p {
	margin: 0;
	padding: 0;
}




/* クラスルームシーン
---------------------------------------------------------------------- */

.special-scene {
	position: relative;
	background: url(../introduction/images/img_scene05.jpg) no-repeat 0px 43px;
	height: 433px;
}

#entry .special-scene h3 {
	margin: 0;
}

#entry .special-scene .text-01 {
	position: absolute;
	margin-top: 20px;
	margin-left: 12px;
	width: 325px;
}

#entry .special-scene .text-02 {
	position: absolute;
	margin-top: 228px;
	margin-left: 269px;
	width: 340px;
}

#entry .entry-body .entrybox p{
	display:block;
}


/* back_to_top
---------------------------------------------------------------------- */

.back_to_top {
	text-align: right;
	font-size: .7em;
	margin-top: 10px;
}

.back_to_top a {
	background: url(../images/icon_top.gif) no-repeat center left;
	padding-left: 13px;
}




/* clearfix
---------------------------------------------------------------------- */

#entry:after,
#entry .boxA:after {
    content: ".";
    display: block;
    clear: both;
    height: 0px;
    visibility: hidden;
}

#entry,
#entry .boxA {
	display: inline-block;
}

/* \*/
* html #entry,
* html #entry .boxA {
	height: 1em;
}

#entry,
#entry .boxA {
	display: block;
}
/* */

/* 中学生の方
---------------------------------------------------------------------- */
.target #life{
	background:url(../target/images/bg_life.jpg) 0 0 no-repeat;
	margin-bottom:20px;
	height:172px;
}
.target #life h3{
	padding:8px 5px 5px 10px;
}

.target #life .listA{
	margin-top:10px;
}
.target #life .listA li{
	background: url(../images/icon1.gif) no-repeat center left;
	list-style:none;
	text-align:left;
	margin:0;
	padding:3px 0 0 18px;
}

/* 帰国生の方
---------------------------------------------------------------------- */
.target #featureBox{
	background:#F0F0F0;
	padding:4px;
	margin-bottom:20px;
}

.target #featureBox div{
	background:#FFFFFF;
	border-right:5px solid #F0F0F0;
	float:left;
	padding:2px;
}

.target #featureBox div.end{
	border:none;
}

.target #featureBox h3{
	margin:5px 0 10px 5px;
}

.target #featureBox p{
	text-align:center;
	margin:0;
}
.target #featureBox p.detail{
	background: url(../images/icon1.gif) no-repeat center left;
	text-align:left;
	margin-left: 2px;
	padding:3px 0 3px 18px;
}

/* 卒業生の進路
---------------------------------------------------------------------- */
.course #entry .boxA .listA li{
	margin-left:15px;
}


/* 各種証明書の発行
---------------------------------------------------------------------- */
#entry .tableA#certificateindex th{
text-align:left;
width:70%
}

#entry .tableA#certificateindex th img{
padding-left:10px;
}

#entry .tableA#certificateindex td{
text-align:center;	
}


/* メルマガバックナンバー
---------------------------------------------------------------------- */
#soundplayer{
margin-bottom:2em;
text-align:center;
}


/* ポップアップ
---------------------------------------------------------------------- */
.pop #inner_wrapper{
background:transparent url(../form/img/bg_mainbody.png) repeat-y scroll 0 0 !important;
margin:0 auto;
width:682px;
}
.pop #wrapper{
background:none;
width:682px;
margin:0 auto;
}
.pop #header,
.pop #footer{
width:670px;
margin:0 auto;
padding:0;
}
.pop #main{
width:650px;
text-align:left;
padding:0 10px;
margin:0 auto;
}
.pop h1{
background:#0165C7;
border-bottom:2px solid #003190;
color:#FFFFFF;
text-align:left;
font-size:1.2em;
margin:18px;
padding:16px;
}
/* pager
---------------------------------------------------------------------- */
#pager {
	text-align: center;
	padding:20px 0;
}

#pager a,
#pager span {
	border: 1px solid #3CAEE2;
	padding: 3px 6px;
	margin: 0 1px;
	font-weight: bold;
	min-height:2em;
}

* html #pager a,
* html #pager span{
	height:2em;
}

#pager a:link,
#pager a:visited {
	background: #FFFFFF;
	color: #666666;
	text-decoration: none;
}

#pager a:hover,
#pager a:active,
#pager span {
	background: #3CAEE2;
	color: #FFFFFF;
	text-decoration: none;
}

#pager span.skip,
#pager span.skip a,
#pager span.skip a:hover,
#pager span.skip a:active{
	background:none;
	border:none;
	font-weight:normal;
	padding:3px 0;
	color:#333333;
	margin:0 10px;
}