@charset "shift_jis";
body {
	text-align: center;
	font-size: 15px;
	line-height:1.5;
	padding: 0px;
	font-family: "メイリオ";
	background-image: url(../image/ulnavibgp2.jpg);
	background-repeat: repeat-x;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-position: center top;
}


a:link {
	color: #09F;
}
a:visited {
	color: #09F;
}
a:hover {
	color: #F00;
	text-decoration: none;
}
h1{	float:center;	width:920px;	height:30px;	font-family:"メイリオ";	font-size:11px;	color:#999;	text-align: right;}

h2 {margin-left:50px;color:#ff9933;	font-family:"メイリオ";	font-size:20px;	font-weight:bold;}/*--オレンジ--*/

/*---
h2_le {font-size:200%;letter-spacing:1px;line-height:1.3;font-weight:bold;text-shadow:1px 1px 0 #DDD; text-align:center;
	border-bottom: solid 3px #ffc778;  position: relative;}

h2_le:after {  position: absolute;  content: " ";  display: block;  border-bottom: solid 3px skyblue;  bottom: -3px;  width: 50%;}

--*/

h2_li {font-size:200%;letter-spacing:1px;line-height:1.3;font-weight:bold;text-shadow:1px 1px 0 #DDD; text-align:center;}/*--黒シャドウ--*/


h3_li {font-size:180%;letter-spacing:1px;line-height:1.3;font-weight:bold;text-shadow:1px 1px 0 #DDD;}/*--黒シャドウ--*/

h3_voice {  color: #505050;/*文字色*/  padding: 0.5em;/*文字周りの余白*/  display: inline-block;/*おまじない*/  line-height: 1.3;/*行高*/  background: #dbebf8;/*背景色*/  vertical-align: middle;  border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/}

h3_voice:before { content: '●';  color: white;  margin-right: 8px;}

h3 {font-size:24px; color:#663300; text-align:center;}/*--茶--*/



h4 {font-size:30px; color:#ff9933; margin-top:-15px; text-align:center;}/*--オレンジ--*/

style01{margin-left:60px; margin-top:-15px; font-size:14px;}

style02{margin-left:60px; margin-top:-15px; font-size:14px; color:#666600; font-weight:bold}


@media screen and (max-width: 480px)　{ 0px〜480pxの画面サイズにCSSを適応 }
@media screen and (min-width: 480px)　{ 480以上の画面サイズにCSSを適応 }
@media screen and (min-width: 480px) and ( max-width:1024px)　 { 480px〜1024pxの画面サイズにCSSを適応 }




/*--------------------------
コラム・メッセージのページ送り？
--------------------------------*/

.box_white{border: 1px solid #a9a9a9;color:#a9a9a9;font-size:18px;font-weight:bold;padding:5px 10px 2px 10px;}
.box_green{border: 1px solid #a9a9a9;color:#ffffff;font-size:18px;font-weight:bold;background-color:#00947a;padding:5px 10px 2px 10px;}
.box_gray{border: 1px solid #a9a9a9;color:#a9a9a9;font-size:18px;font-weight:bold;background-color:#d3d3d3;padding:5px 10px 2px 10px;}
.yajirushi{color:#a9a9a9;font-size:18px;font-weight:bold;padding:5px 10px 2px 10px;}

/*ここまで--*/


#wrapper {
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
#wrapper .top { width:90%;
	padding: 0px 15px 15px 50px;}
	
#wrapper .top p{
	font-size:100%;}
	

	
	
#wrapper .keyvisual{
  width:880px;
	height: 350px;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
	
#wrapper .bxsliderwaku{
	width:880px;
	height:350px;
	margin-left:10px;
	margin-top:0px;
}

#wrapper .bxslider{
	width:870px;
	height:330px;
	overflow:hidden;
	background:none;
	list-style-type:none;
}
#wrapper .key_right p.key_movie {
	margin-bottom:50px;
	margin-left:620px;
	margin-top:-340px;
	width: 350px;
	height: 240px;
}


#wrapper #left {
	width: 170px;
	float: left;
	margin-right: 10px;
}
#wrapper #center {
	float: left;
	width: 950px;
}

#wrapper #center_literacy { width:90%; margin-top:20px; margin-bottom:50px; margin-right:50px; padding:30px; background-color: #FFFFEE; }

#wrapper #center_literacy_info { width:100%; height:100px; margin-top:50px;}
#wrapper #center_literacy_info p{font-size:180%; font-weight:bold; text-align:center;} 


#wrapper #center_kenshu { width:100%; height:500px;}

#wrapper #center_price { width:100%; height:500px; margin-top:50px; background-color:#f5f5f5; }

#wrapper #center_get { width:100%; height:500px; margin-top:50px; }

#wrapper #center_target { width:100%; height:100px; margin-top:50px; }




/*#wrapper #right {
	float: right;
	width: 350px;
	height:1050px;
	margin-left: 10px;
	padding-bottom: 40px;
}*/
#header #logo  {
	height: 50px;
	width: 210px;
	float: left;
}
#header #prbanner {
	float: right;
	width: 718px;
	border: 1px solid dddddd;
	text-align: right;
}

#header #h1{	float:center;	width:920px;	height:30px;	font-family:"メイリオ";	font-size:11px;	color:#999;	text-align: right;}

#header #h2{	float:center;	width:920px;	height:15px;	font-family:"メイリオ";	font-size:14px;	font-weight:bold;	color:#333;	text-align:left;	margin-top:5px;	margin-left:10px;}

#header #info{	float:right;	width:142px;	height:27px;	margin-top:-30px; margin-bottom:-30px;	margin-right:10px;}

#header #trial { float:right; width:280px; height:27px;  margin-top:-30px; margin-bottom:-30px; margin-right:165px;}
	
	
#gnavi {	clear: both;	height: 40px;	margin-top:30px;}

#gnavi #cf{ font-family:"メイリオ"; font-size:18px; color:#FFFFFF; font-weight:120; text-decoration: none;color:#ffffff;}



#wrapper #left .lessonplan ul .lih a:link {
	color: #09F;
	background-color: #FFF;
	width: 130px;
	display: block;
	padding: 3px;
}
#wrapper #left .lessonplan ul .lih a:hover {
	color: #FFF;
	width: 130px;
	display: block;
  background: url(image/libg.jpg) repeat-x;
}
#area {
	clear: both;
	border: 1px solid #CCC;
	width: 950px;
	margin: 0 auto 40px;
	text-align: left;
	padding: 5px;
}
#area #ls tr td {
	padding: 10px;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #333;
}

#inbox_left #cf{height:150; margin-bottom:20px; margin-top:20px; padding-bottom:50px; font-family:"メイリオ"; line-height: 1.4em; padding: 10px ;font-size:14px; color:#333;  text-decoration: none;color:#333; border: 1px solid #CCC;	background-color: #FFE;}




.red-circle { position: relative;  display: inline-block;  width: 120px;  height: 120px;  border-radius: 50%; background-image: linear-gradient(to top, #ff0844 0%, #ffb199 100%);}

.red-circle span {  position: absolute;  display: inline-block;  left: 0;  top: 50%;  -webkit-transform: translateY(-50%);  transform: translateY(-50%);  width :120px;  text-align:center; color:white;}








.lessonplanli {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
}

.lessonplan ul {
	margin: 0px;
	padding-top: 30px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding: 30px 0 0 0;
	background: url(image/bargogaku.jpg) no-repeat center top;
}

/* ----------------------------------
レッスンプラン１〜１３まで 
-------------------------------------*/
.lessonplanli1 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 0px 35px;
/*	background: url(images/english_btn.jpg) no-repeat left center;*/
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli2 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li2.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 10px;
	line-height: 1.4em;
}
.lessonplanli3 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li3.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}

.lessonplanli4 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li4.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli5 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li5.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli6 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li6.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}

.lessonplanli7 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li7.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli8 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li8.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli9 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li9.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli10 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li10.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli11 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li11.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli12 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li12.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
.lessonplanli13 {
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	padding: 15px 0 15px 35px;
	background: url(image/li13.jpg) no-repeat left center;
	margin: 0 0 0 5px;
	font-size: 11px;
	line-height: 1.4em;
}
/* ----------------------------------
ここまで 
-------------------------------------*/


.canpainli {
	margin: 0px;
	padding: 0px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
}
.canpain ul {
	margin: 0px;
	padding: 0px;
}
#right .thu  {
	clear: both;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted #ccc;
	height: 80px;
	line-height: 1.4em;
}
#right .thu img  {
	float: left;
	padding-right: 10px;
	height: 59px;
	width: 150px;
	padding-top:20px;
}
.kaisetu {
	line-height: 2em;
}

.nituite {
	clear: left;
	line-height: 2em;
	padding-bottom: 20px;

}
.mokuteki {
	padding-bottom: 30px;
}

.mokutekili2 {
	margin: 0px;
	padding: 9px 0 9px 12px;
	list-style-type: none;
	border-bottom: 1px dotted #ccc;
}
.mokutekiul {
	padding: 0px;
	float: left;
	margin: 0 14px 0 0;
	width: 263px;
}
.mokutekibar {
	margin-bottom: 15px;
}
#footer {
	clear: both;
	border-top: 2px solid #ccc;
	background-color: #FFFFEE;
	padding-top: 0px;
	height: 80px;
}
#footer a:link {
	color: #333;
	text-decoration: none;
}
#footer a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}

#footer a:visited {
	color: #333;
	text-decoration: none;
}

#footer #footermain {
	text-align: left;
	width: 950px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #999;
	padding-top: 10px;
}
#footer #footermainleft {
	width: 300px;
	float: left;
	margin-right: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}


#footer #footermainright {
	float: left;
	width: 260px;
	margin-left: 57px;
	font-weight: bold;
}
#footer #footermaincenter {
	width: 300px;
	float: left;
	margin-right: 8px;
	margin-left: 9px;
	font-weight: bold;
}
#footer  li {
	font-size: 12px;
	font-weight: normal;
	list-style-type: none;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
}
#footer ul {
	margin: 0px;
	padding: 10px 0 0 0;
}
#footer #annai {
	clear: both;
	border-top: 1px dotted #999;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul .annnaiinline {
	display: inline;
	padding: 0;
	margin: 0;
}
#annai ul {
	margin: 0px;
	padding: 0px;
}

#footer #footermain #annai ul {
	margin: 0px;
	padding: 0px;
}

/*---------------
footer Atlasにお任せ下さいversion
---------------------------------*/

#footer2 {
	clear: both;
	border-top: 2px solid #ccc;
	background-color: #FFFFEE;
	padding-top: 0px;
	height: auto;
}
#footer2 a:link {
	color: #333;
	text-decoration: none;
}
#footer2 a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}

#footer2 a:visited {
	color: #333;
	text-decoration: none;
}

#footer2 #footermain {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #999;
	padding-top: 10px;
}
#footer2 #footermainleft {
	width: 270px;
	float: left;
	margin-right: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}


#footer2 #footermainright {
	float: left;
	width: 310px;
	margin-left:-15px;
	font-weight: bold;
}
#footer2 #footermaincenter {
	width: 270px;
	float: left;
	margin-right: 8px;
	margin-left: 9px;
	font-weight: bold;
}
#footer2  li {
	font-size: 12px;
	font-weight: normal;
	list-style-type: none;
	line-height: 2em;
	margin: 0px;
	padding: 0px;
}
#footer2 ul {
	margin: 0px;
	padding: 10px 0 0 0;
}
#footer2 #annai {
	clear: both;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul .annnaiinline {
	display: inline;
	padding: 0;
	margin: 0;
}
#annai ul {
	margin: 0px;
	padding: 0px;
}

#footer2 #footermain #annai ul {
	margin: 0px;
	padding: 0px;
}


/*---------------
footer Atlasにお任せ下さいversion ここまで
---------------------------------*/


/*-----------------
Atlasにお任せください--footerのすぐ下に入れる--*/

#info_atlas {
	position:relative;
	padding-top: 50px;
	background-image:url(image/information_atlas.png);
	background-repeat:no-repeat;
	background-position:left;
	height:350px;
	padding-bottom:30px;
	margin-left:500px;
}
#info_atlas p {
	position:absolute;
	margin-top:20px;	
	margin-left: 600px;
	font-size:30px;
	font-family:"メイリオ";
	font-weight:bold
}
#info_atlas p2 {
	position:absolute;
	margin-top:80px;
	margin-left:-120px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	font-weight:300;
}
#info_atlas p3 {
	position:absolute;
	margin-top:180px;
	margin-left:-120px;
	margin-right: 50px;
	font-size:20px;
	font-family:"メイリオ";
}
#info_atlas img {
	position:absolute;
	margin-top:280px;
	margin-left:-30px;
	margin-bottom:20px;
}

/*ここまで------*/	


/*---------------
footer Atlasにお任せ下さいナシversion
---------------------------------*/

#footer3 {
	clear: both;
	border-top: 2px solid #ccc;
	background-color: #FFFFEE;
	padding-top: 0px;
	height: 300px;
}
#footer3 a:link {
	color: #333;
	text-decoration: none;
}
#footer3 a:hover {
	color: #333;
	border-bottom: 1px solid #333;
}

#footer3 a:visited {
	color: #333;
	text-decoration: none;
}

#footer3 #footermain {
	text-align: left;
	width: 900px;
	margin-right: auto;
	margin-left: auto;
	border-top: 1px dotted #999;
	padding-top: 10px;
}
#footer3 #footermainleft {
	width: 270px;
	float: left;
	margin-right: 16px;
	font-weight: bold;
	padding-bottom: 10px;
}


#footer3 #footermainright {
	float: left;
	width: 310px;
	margin-left: -15px;
	font-weight: bold;
}
#footer3 #footermaincenter {
	width: 270px;
	float: left;
	margin-right: 8px;
	margin-left: 9px;
	font-weight: bold;
}
#footer3  li {
	font-size: 12px;
	font-weight: normal;
	line-height: 2em;
	padding-left: 18px;
　padding-bottom: 3px;
}
#footer3 ul {
	margin: 0px;
	padding: 5px 0 0 10px;
	list-style-type: none;

}
#footer3 #annai {
	clear: both;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul .annnaiinline {
	display: inline;
	padding: 10;
	margin: 0;
}
#annai ul {
	margin: 0px;
	padding: 0px;
}

#footer3 #footermain #annai ul {
	margin: 0px;
	padding: 0px;
}


/*---------------
footer Atlasにお任せ下さいナシversion ここまで
---------------------------------*/





/*---------------
footer 情報リテラシー教育メインversion
---------------------------------*/

#footer4 {
	clear: both;
	background-color:#F4F4F4;
	padding-top: 0px;
	height: auto;
}
#footer4 a:link {
	color: #333;
	text-decoration: none;
}
#footer4 a:hover {
	color:#00F;
	border-bottom: 1px solid #333;
}

#footer4 a:visited {
	color: #333;
	text-decoration: none;
}
#footer4 p{font-size:90%}

#footer4 #footermain {
	text-align: left;
	width: 900px;	
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
}
#footer4 #footermainleft {
	width: 540px;
	float: left;
	margin-right: 16px;
	line-height: 2em;
	padding-bottom: 10px;
}


#footer4 #footermainright {
	float: left;
	width: 310px;
	margin-left: -15px;
	line-height: 2em;
}
#footer4  li {
	font-size: 12px;
	font-weight: normal;
	line-height: 2em;
	padding-left: 18px;
　padding-bottom: 3px;
}
#footer4 ul {
	margin: 0px;
	padding: 5px 0 0 10px;
	list-style-type: none;

}
#footer4 #annai {
	clear: both;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
}
ul .annnaiinline {
	display: inline;
	padding: 10;
	margin: 0;
}
#annai ul {
	margin: 0px;
	padding: 0px;
}

#footer4 #footermain #annai ul {
	margin: 0px;
	padding: 0px;
}


/*---------------
footer 情報リテラシー教育メインversion ここまで
---------------------------------*/





















#double-border {
    width:830px;
    border:1px solid #ccc;
    outline: 3px solid #ccc; /* 線幅、線のスタイル、カラー */
        outline-offset: -10px; /* 対象の要素からの距離、マイナス(内側)にも対応 */
        padding:5px;}

.prbannermain {
	margin-bottom: 10px;
}
.cul {
	margin: 0px;
	padding: 0px;
	float: left;
}
.cul2 {
	margin: 0px;
	padding: 0px;
	float: right;
}
.cli {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	width: 150px;
	margin-right: 5px;
	padding-right: 5px;
	padding-left: 17px;
	font-size: 12px;
	background: url(image/cli.gif) no-repeat left center;
}
.cli2 {
	padding: 10px 5px 10px 15px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	width: 140px;
	font-size: 12px;
	background: url(image/cli.gif) no-repeat left center;
}
.cli3 {
	padding: 10px 5px 10px 15px;
	border-bottom: 1px dotted #ccc;
	list-style-type: none;
	width: 140px;
	font-size: 12px;
	background: url(image/cli.gif) no-repeat left center;
}
.kousili {
	margin: 0px;
	padding: 10px 0 10px 18px;
	list-style-type: none;
	background: url(image/kousiyazirusi.gif) no-repeat left center;
	font-size: 11px;
	line-height: 1.4em;
}
.kousiul {
	margin: 0px;
	background: url(image/4atlas.jpg) no-repeat center top;
	padding: 30px 0 0 0;
}
.red {
	font-weight: bold;
	color: #F00;
}

.smargin10-0-10-8 {
	margin-left: 8px;
	margin-top: 10px;
	margin-bottom: 10px;
}
.smargin10-0-10-0 {
	margin-top: 10px;
	margin-bottom: 10px;
}
.smargin0-10-10-0 {
	margin-right: 10px;
	margin-bottom: 10px;
}
.smargin0-0-10-0 {
	margin-bottom: 10px;
}
.smargin0-10-0-0 {
	margin-right: 11px;
}
img {
	border: none;
}

#footer #copyright {
	clear: both;
	border-bottom: 1px dotted #999;
	padding-top: 10px;
	padding-bottom: 10px;
	text-align: center;
}



#img1{
	width: 180px;/* 画像の横サイズ */
	height: 57px;/* 画像の縦サイズ */
	background-repeat: no-repeat;
	float: left;
	margin-bottom: 10px;
}
html>body #img1{/* IE6以外に適用 IE7も含む */
background-image:url(image/logo3.png);
}
*html body #img1{/* IE6以下に適用 */
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='image/logo3.png', sizingMethod='scale');
}

/*---------------------
会社概要
----------------------*/


#info33 {
	margin-top:-40px;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info33 p {
	line-height: 1.4em;
}
#info33 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info33 table tr .tdgray {
	background-color: #F5F5F5;
}
#info33 table tr .tdover {
	text-decoration: line-through;
}
#info33 table tr .thumbnail img {
	padding-right: 5px;
	padding-left: 5px;
}
/*--------------------
札幌駅前LS
----------------------*/
#info1 {
	padding-top: 50px;
	background-image: url(../image/infobar1.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info1 p {
	line-height: 1.4em;
}
#info1 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info1 table tr .tdgray {
	background-color: #F5F5F5;
}
#info1 table tr .tdover {
	text-decoration: line-through;
}
#info1 table tr .thumbnail img {
	padding-right: 8px;
	padding-left: 8px;
}

/*--------------------
札幌大通LS
----------------------*/
#info2 {
	padding-top: 50px;
	background-image: url(../image/infobar2.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info2 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info2 table tr .tdgray {
	background-color: #F5F5F5;
}
#info2 table tr .tdover {
	text-decoration: line-through;
}
#info2 table tr .thumbnail img {
	padding-right: 8px;
	padding-left: 8px;
}

/*--------------------
横浜LS
----------------------*/
#info3 {
	padding-top: 50px;
	background-image: url(../image/infobar7.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info3 p {
	line-height: 1.4em;
}
#info3 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info3 table tr .tdgray {
	background-color: #F5F5F5;
}
#info3 table tr .tdover {
	text-decoration: line-through;
}
#info3 table tr .thumbnail img {
	padding-right: 5px;
	padding-left: 5px;
}

/*--------------------
名古屋駅前LS
----------------------*/
#info4 {
	padding-top: 50px;
	background-image: url(../image/infobar4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info4 p {
	line-height: 1.4em;
}
#info4 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info4 table tr .tdgray {
	background-color: #F5F5F5;
}
#info4 table tr .tdover {
	text-decoration: line-through;
}
#info4 table tr .thumbnail img {
	padding-right: 8px;
	padding-left: 8px;
}

/*--------------------
名古屋栄LS
----------------------*/
#info5 {
	padding-top: 50px;
	background-image: url(../image/infobar5.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info5 p {
	line-height: 1.4em;
}
#info5 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info5 table tr .tdgray {
	background-color: #F5F5F5;
}
#info5 table tr .tdover {
	text-decoration: line-through;
}
#info5 table tr .thumbnail img {
	padding-right: 8px;
	padding-left: 8px;
}

/*--------------------
大阪梅田LS
----------------------*/
#info6 {
	padding-top: 50px;
	background-image: url(../image/infobar6.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 30px;
}
#info6 p {
	line-height: 1.4em;
}
#info6 table tr td {
	padding-left: 20px;
	padding-right: 20px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 13px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	line-height: 1.4em;
}
#info6 table tr .tdgray {
	background-color: #F5F5F5;
}
#info6 table tr .tdover {
	text-decoration: line-through;
}
#info6 table tr .thumbnail img {
	padding-right: 8px;
	padding-left: 8px;
}


/*--------------------------
通学タイプ
--------------------------------*/
#lesson01 {
	position:relative;
	padding-top: 250px;
	background-image:url(images/lesson01_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#lesson01 p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 50px;
	font-size:24px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#lesson01 p2 {
	position:absolute;
	margin-top:-150px;
	margin-left: 50px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}
#merit {
	clear: both;
	width: 850px;
	margin-left:50px;
	text-align: left;
	padding: 5px;
	margin-bottom:20px;
}
#merit #ls th {
	width:40px;
}
#merit #ls th p {
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}
#merit #ls td {
	padding: 10px;
	font-size: 14px;
}
#system {
	clear: both;
	width: 850px;
	margin-left:50px;
	text-align: left;
	padding: 5px;
}
#system #ls td {
	height:80px;
	font-size:14px;
	font-weight:bold;
}
#detail {
	clear: both;
	width: 850px;
  border: 5px solid #ccc;
  border-bottom: 4px solid #ccc;
	margin-left:50px;
	text-align: left;
	margin-bottom:20px;
	margin-top:50px;
}
#detail #ls th {
	width:250px;
  padding: 10px 20px 7px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFEE;
  vertical-align: middle;
  font-weight: bold;
}

#detail #ls th p {
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}
#detail #ls td  {
	padding: 10px;
	font-size: 14px;
  padding: 17px 20px 18px;
  border-bottom: 1px solid #ccc;
}

/*--------------------------
講師派遣タイプ
--------------------------------*/
#lesson02 {
	position:relative;
	padding-top: 250px;
	background-image:url(images/lesson02_bg.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#lesson02 p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 50px;
	font-size:24px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#lesson02 p2 {
	position:absolute;
	margin-top:-150px;
	margin-left: 50px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}


/*-----------------------------
研修プラン
-------------------------*/

#kenshu {
	clear: both;
	width: 850px;
  border: 5px solid #ccc;
  border-bottom: 4px solid #ccc;
	margin-left:50px;
	text-align: left;
	margin-bottom:20px;
	margin-top:50px;
}
#kenshu #ls th {
	width:150px;
  padding: 10px 20px 7px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFEE;
  vertical-align: middle;
  font-weight: bold;
}

#kenshu #ls th p {
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}
#kenshu #ls td  {
	padding: 10px;
	font-size: 14px;
  padding: 17px 20px 18px;
  border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

}
}
#kenshu #ls td p red  {
	font-size: 100%;
	font-weight:bold;
	color:#F00;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;

}

/*--------------------------
レッスン料金表 マンツーマン
--------------------------------*/
#price01 {
	position:relative;
	padding-top: 250px;
	background-image:url(images/price_1.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#price01 p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 40px;
	font-size:24px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#price01 p2 {
	position:absolute;
	margin-top:-150px;
	margin-left: 50px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}
/*--------------------------
レッスン料金表 グループ
--------------------------------*/
#price02 {
	position:relative;
	padding-top: 250px;
	background-image:url(images/price_2.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#price02 p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 40px;
	font-size:24px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#price02 p2 {
	position:absolute;
	margin-top:-150px;
	margin-left: 50px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}

/*--------------------------
導入の流れ
--------------------------------*/
#flow {
	position:relative;
	padding-top: 250px;
	background-image:url(images/flow.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#flow p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 40px;
	font-size:20px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#flow p2 {
	position:absolute;
	margin-top:-100px;
	margin-left: 50px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}
#flowing {
	clear: both;
	width: 700px;
	margin-left:50px;
	text-align: left;
	padding: 5px;
	margin-bottom:20px;
}
#flowing #ls th {
	width:100px;
}
#flowing #ls th p {
	font-size: 20px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:-3px;
	margin-top:-3px;
	margin-left:10px;
}
#flowing #ls td {
	padding: 10px;
}

/*--------------------------
成果が上がる理由
--------------------------------*/
#get_results {
	position:relative;
	padding-top: 250px;
	background-image:url(images/get_results.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-bottom:30px;
	margin-top:-30px;
}
#get_results p {
	position:absolute;
	margin-top:-200px;	
	margin-left: 40px;
	font-size:24px;
	font-family:"メイリオ";
	color:#ff9933;
	font-weight:bold
}
#get_results p2 {
	position:absolute;
	margin-top:-150px;
	margin-left: 10px;
	margin-right: 50px;
	font-size:16px;
	font-family:"メイリオ";
	color:#333333;
}

/*-----------------------------
無料体験レッスン
-------------------------*/

#trial {
	clear: both;
	width: 900px;
  border: none;
	margin-left:10px;
	text-align: left;
	margin-bottom:20px;
	margin-top:50px;
}
#trial #ls td  {
	padding: 0px;
	font-size: 14px;
  padding: 17px 7px 18px;
}

#trial #ls td p red  {
	font-size: 100%;
	font-weight:bold;
	color:#F00;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}

/*-----------------------------
Atlas target
-------------------------*/

#target {
	clear: both;
	width: 850px;
  border: 5px solid #ccc;
  border-bottom: 4px solid #ccc;
	margin-left:50px;
	text-align: left;
	margin-bottom:20px;
	margin-top:50px;
}
#target #ls th {
	width:150px;
  padding: 10px 20px 7px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background-color: #FFFFEE;
  vertical-align: middle;
  font-weight: bold;
}

#target #ls th p {
	font-size: 20px;
	font-weight:bold;
	color:#333
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}
#target #ls td  {
	padding: 10px;
	font-size: 14px;
  padding: 17px 20px 18px;
  border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;

}

#target #ls td p red  {
	font-size: 100%;
	font-weight:bold;
	color:#F00;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;

}

]



/*----------------------------------
情報リテラシー教育の内容 2019/02/21 追加
-----------------------------------*/

#lite-info {
	font-size: 15px;
	line-height: 1.5em;
	font-family: "メイリオ";
	padding: 10px;
	border: 1px solid #CCC;
}
#lite-column #index th {
  padding: 10px ;
  border-right: 1px solid #ccc;
  border-bottom: 1px  dashed #ccc;
  background-color: #FFFFEE;
  vertical-align: middle;
  font-weight: bold;
}

#lite-column #index th p {
	font-size: 18px;
	font-weight:bold;
	color:#FFF;
	margin-bottom:0;
	margin-top:0;
	margin-left:10px;
}
#lite-column #index td  {
	padding: 10px;
	font-size: 18px;
  padding: 10px;
  border-bottom: 1px dashed #ccc;
}


#literacy-column {
	clear: both;
	width: 850px;
  border: 5px solid #ccc;
  border-bottom: 4px solid #ccc;
	margin-left:50px;
	text-align: left;
	margin-bottom:20px;
	margin-top:50px;
}

#literacy-column #index td {
	padding:10px;
  border-bottom: 1px dashed #ccc;
}

#literacy-column #index td p:before {
  content: url("../../image/link_arrow.jpg");
}

#literacy-column #index td p {
	font-size: 15px;
	color:#ccc;
	line-height:1.5;
}

#literacy-column #jarnal td {
	border:1px solid #CCC;
	background-color:#FFF;
}

#literacy-column #jarnal td p {
	font:"メイリオ";
	font-size:15px;
	line-height:1.5;
}





/* --- リストエリア --- */
ol.topicPath {
margin: 0;
padding: 0;
list-style-type: none;
font-size: 100%;
}

/* --- リスト項目 --- */
ol.topicPath li {
display: inline;
}

/* --- リンク --- */
ol.topicPath li a {
margin-right: 6px; /* リンクエリアの右マージン */
}


/*----情報リテラシー無料ワークッショップ申し込みボタン---*/
.btn-square {
  display: inline-block;
  padding: 0.5em 1em;
  text-decoration: none;
  background: #ff9933;/*ボタン色*/
  color: #ffffff;
  font-size:20px;
  border-bottom: solid 4px #627295;
  border-radius: 3px;
}
.btn-square:hover {
  /*ボタンを押したとき*/
  -webkit-transform: translateY(4px);
  transform: translateY(4px);/*下に動く*/
  border-bottom: none;/*線を消す*/
}
/*------------ここまで-----*/