/*---------------------------------------------------
ヘッダー
----------------------------------------------------*/
#header {width:100%; text-align:center; position:relative;}
#header-line {width:100%; background:#90b2dc; color:#fff; font-size:12px;}
#header-line .inner {text-align:left;}
#header-line h1 {text-align:left; /*width:250px; 2021.10修正 */
width:auto;
}


#header-line .header-link {display:inline-block; text-align:right; float:right;}
#header-line .header-link a {color:#fff;}
@media screen and (max-width:580px){
	#header-line .header-link {display:none;}
}
/*---------------------------------------------------
メニューバー
----------------------------------------------------*/
#nav {text-align:center; width:100%; background:#ffb026;}
#nav ul {background:url(../images/common/menu_bg_off.png); font-size:0;}
/*#nav li {display:inline-block; width:130px; line-height:60px; height:60px; background:url(../images/common/menu_bg_off.png);} 202004 メニュー項目追加のため*/
/*// teams追加 2025.03 よくあるご質問追加*/
#nav li {display:inline-block; width:180px;/*width:200px;width:120px;*/line-height:60px; height:60px; background:url(../images/common/menu_bg_off.png);}
#nav li:hover {background:url(../images/common/menu_bg_on.png);}
#nav a {height:60px; line-height:60px; letter-spacing:1px; font-weight:700; font-size:15px; color:#314a71; text-decoration:none; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#nav a:hover {color:#fff; text-shadow: 0 1px 1px rgba(0,0,0,.3);}
#nav a:before {content: url("../images/common/menu_line.png"); position:relative; top:13px;}
#nav a:last-child:after {content: url("../images/common/menu_line.png"); position:relative; top:13px;}
.fixed {position:fixed; top:0; background-color: rgba(255,255,255,0.95); box-shadow:0px 2px 4px gray; z-index: 10000;}

/* 202004 メニュー項目追加のため
@media screen and (max-width:800px){
	.fixed{position: relative;}
	#nav li{width:31%;background:none;box-sizing:border-box;}
	#nav a{height:60px; line-height:56px;}
	#nav a:before {content: none;}
	#nav a:last-child:after{content: none;}
	#nav a:nth-of-type(2):before,
	#nav a:nth-of-type(3):before,
	#nav a:nth-of-type(5):before,
	#nav a:nth-child(6):before {content: url("../images/common/menu_line.png");position: relative;top: 13px;}
}
*/
/* 202004 メニュー項目追加のため */
@media screen and (max-width:1120px){
	.fixed{position: relative;}
	#nav li{width:31%;background:none;box-sizing:border-box;}
	#nav a{height:60px; line-height:56px;}
	#nav a:before {content: none;}
	#nav a:last-child:after{content: none;}
	#nav a:nth-of-type(2):before,
	#nav a:nth-of-type(3):before,
	#nav a:nth-of-type(5):before,
	#nav a:nth-of-type(6):before,
	#nav a:nth-of-type(8):before,
	#nav a:nth-child(9):before {content: url("../images/common/menu_line.png");position: relative;top: 13px;}
}

/* 202004 メニュー項目追加のため
@media screen and (max-width:480px){
	.fixed{position: relative;}
	#nav li{width:49%;background:none;box-sizing:border-box;}
	#nav a{height:60px; line-height:56px;}
	#nav a:before {content: none;}
	#nav a:nth-of-type(3):before,
	#nav a:nth-of-type(5):before {content: none;}
	#nav a:last-child:after{content: none;}
	#nav a:nth-child(even):before {content: url("../images/common/menu_line.png");position: relative;top: 13px;}
}
*/

/* 202004 メニュー項目追加のため */
@media screen and (max-width:480px){
	.fixed{position: relative;}
	#nav li{width:49%;background:none;box-sizing:border-box;}
	#nav a{height:60px; line-height:56px;}
	#nav a:before {content: none;}
	#nav a:nth-of-type(3):before,
	#nav a:nth-of-type(5):before,
	#nav a:nth-of-type(7):before,
	#nav a:nth-of-type(9):before {content: none;}
	#nav a:last-child:after{content: none;}
	#nav a:nth-child(even):before {content: url("../images/common/menu_line.png");position: relative;top: 13px;}
}
/*---------------------------------------------------
レイアウト設定
----------------------------------------------------*/
#main{overflow:hidden;margin:0;width:100%;}
#main-contents{padding:5px 0 0 0; width:100%;}
.contents{margin:0 auto;}
.cont-bgcolor{background:#d5e8f1;}

.inner{text-align:center;margin:0 auto;width:1140px;}
.inner-block{margin:0 auto;width:1080px;}
.inner-block li{list-style:none;display:inline;}
.text_area{text-align:left;width:96%; margin:10px auto; box-sizing:border-box;}
.text_area li{list-style:none;display:block;}
.link_area{text-align:right;}

@media screen and (max-width:1139px){
	#main{width:100%;padding:10px 0;}
	#main-contents{width:100%;}
	.inner{width:100%;}
	.inner-block{width:96%; margin:0 auto;}
}
@media screen and (max-width:700px){
}
@media screen and (max-width:480px){
	#main-contents{padding:0;width:100%;}
	.text_area{/*padding:0;*/ width:96%;}
}
/*---------------------------------------------------
サブタイトル
----------------------------------------------------*/
h2.title {width: 1020px;margin: 0 auto;text-align: left;
    background: right no-repeat url(../images/common/title_bg_2.jpg)
;height:148px
;position: relative;}
div.title_main{border-bottom:solid 1px #666;box-sizing:border-box;width:60%;/*width:100%;*/}
div.title_main:before{content: url("../images/common/engma_title.png");margin: 0 15px 0 10px;position: absolute;}
div.title_main span{display:inline-block;font-size:32px;margin: 8px 0 5px 75px;color:#444;letter-spacing: 0.02em;font-family: ‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif;}
div.title_en span{font-weight:bold; color:#b6b6b6; font-size:28px; font-family: Helvetica, serif;margin-top:5px; margin-left:20px;}

h2.page {width: 100%; padding-top: 2px; margin: 5px auto 15px; text-align: left; background: #fab540 url(../images/common/subtitle_bg.gif); border-radius:25px; height:50px; border: 1px solid #f89c0c; box-sizing:border-box;}
h2.page span {margin:0 20px 0 30px; font-weight: bold; font-family: ‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif; text-shadow: 0 -1px 0 rgba(0,0,0,.6); letter-spacing: 2px; color: #ffffff; line-height:50px; font-size: 22px;}


@media screen and (max-width:1024px){
	h2.title {width: 100%;}
}
@media screen and (max-width:600px){
	h2.title {width: 100%; background: none; height:auto; padding-top:10px;}
	div.title_main{width:100%;}
	div.title_main:before{content: none;}
	div.title_main span{font-size:28px; margin: 5px;}
	div.title_en span{margin-left:0; font-size:25px;}
}
@media screen and (max-width:480px) {
	h2.page span{font-size: 16px;}
}

/*---------------------------------------------------
見出し
----------------------------------------------------*/
h3.index {
	width: 100%;
	padding-top: 2px;
	margin: 35px auto 15px;
	background: #7293b0;
	text-align:left;
	border: solid 1px #ccc;
	border-radius: 25px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.8) inset;
	box-sizing:border-box;
	height:50px;
}
h3.index span{
	margin:0 20px 0 30px;
	font-family: ‘游明朝’, YuMincho, ‘ヒラギノ明朝 ProN W3’ , ‘HiraMinProN-W3’ ,”メイリオ”, Meiryo, serif;
	text-shadow: 0 -1px 0 rgba(0,0,0,.6);
	letter-spacing: 2px;
	color:#fff;
	font-size: 22px;
	line-height:50px;
}
@media screen and (max-width:700px){
	h3.index {margin:0; height:auto; border-radius:0; padding:10px 5px 5px;}
	h3.index span{line-height:1.2;margin:0; font-size:20px;}
}
/*---------------------------------------------------
サイド体験バナー
----------------------------------------------------*/
.trial-bnr{position:fixed;top:200px;right:0;margin:0;outline:none;cursor:pointer;text-shadow:0 1px 1px rgba(0,0,0,.3);background:url("../images/top/trial_bnr_on.jpg") no-repeat;z-index:9989;}
.trial-bnr a{display:inline-block;}
.trial-bnr a:hover{background-color:transparent;}
.trial-bnr img{box-shadow:0 1px 2px rgba(0,0,0,.2);width:160px;height:160px;}
.trial-bnr a:hover img{visibility:hidden;}

@media screen and (max-width:767px){
	.trial-bnr{display:none;}
}
/*---------------------------------------------------
メインタイトル画像
----------------------------------------------------*/
.main-visual{width:100%;height:400px;}
.box__bg_photo{/*background-image:url(../images/top/slide_img.jpg);background-size:cover;background-position:center;background-image:url(../images/top/heropc.jpg);background-size:cover;background-position:center;*/}
.main-visual_m{display:none;}
@media screen and (max-width:1280px){
	.main-visual{width:100%;height:350px;}
}
@media screen and (max-width:1024px){
	.main-visual{width:100%;height:300px;}
}
@media screen and (max-width:600px){
	.main-visual{display:none;}
	.main-visual_m{display:block;}
	.main-visual_m img{width:100%;}
}
/*
@media screen and (max-width:480px){
	.main-visual{display:none;}
	.main-visual_m{display:block;}
	.main-visual_m img{width:100%;}
}
*/
/*---------------------------------------------------
初めての方へ
----------------------------------------------------*/
/*#intro-section{background-image:url(../images/top/world_bg.jpg);background-size:90%;background-position:center;background-repeat:no-repeat;}*/
.page_title{margin-top:20px;}
/*.intro_box{margin:20px 0;}*/

@media screen and (max-width:1024px){
	#intro{background-size:100%;}
}
@media screen and (max-width:700px){
	#intro{background-image:none;}
	.page_title{display:none;}
	.intro_box{margin:5px 0;}
	/*.intro_box img{width:50%;}*/
	img.intro_time{width:100%;}
}
/*---------------------------------------------------
法人のお客様
----------------------------------------------------*/
@media screen and (max-width:700px){
	.corp_box img{width:100%;}
}
/*---------------------------------------------------
スクールの特徴
----------------------------------------------------*/
#point-section{padding-bottom:35px;}
#point-section .point_box{text-align:left;margin-top:25px;font-size:0;}
#point-section li{text-align:center;display:inline-block;width:255px;padding:10px 0; background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);font-size:14px;}
#point-section li:not(:first-child){margin-left:20px;}
#point-section p{font-size:17px;line-height:1.8;}
#point-section p.solution{margin:10px 0 0 0;font-weight:bold;color:#3648ab;}
#point-section p span{font-weight:bold;color:#e0326d;}
#point-section .bad_point{border-radius:4px 4px 0 0;text-align:left;margin-bottom:5px;padding:10px;background:#f9f9f9;}
#point-section .bad_point img{margin-right:2px;vertical-align:text-bottom;}
#point-section .bad_point span{vertical-align:middle;}

@media screen and (max-width:1139px){#point-section .point_box{margin:0 auto;text-align:center;}
	#point-section li{width:45%;border-radius:0;}
	#point-section li:not(:first-child){margin-left:0;}
}
@media screen and (max-width:566px){#point-section li{width:95%;height:auto;margin-top:5px;border-radius:4px;padding:5px 0;}
	#point-section li p{font-size:16px;}
	#point-section li p.solution{display:none;}
	#point-section .bad_point{display:none;}
}
/*---------------------------------------------------
料金
----------------------------------------------------*/
#price-section{}
.price_box{margin:15px auto 25px;margin-top:20px;border-spacing:0;border:1px solid #ccc;border-radius:6px;box-shadow:0 1px 1px #ccc;}
.price_box th{padding:5px 15px;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;background:#e3dcd5;box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;color:#69655c;text-align:center;line-height:160%;vertical-align:middle;}
.price_box td{padding:5px 15px;background:#fff;border-bottom:solid 1px #ccc;border-right:solid 1px #ccc;font-size:18px;}
.price_box tbody td.number{text-align:right;width:170px;}
.price_box td p{display:inline-block;width:80px;margin-right:20px;background:#e0326d;color:#fff;border-radius:13px;padding:2px 2px 2px 2px;font-size:14px;text-align:center;}
.price_box a{cursor:pointer;font-size:15px;color:#e0326d;text-decoration:underline;}
.price_box a:hover{text-decoration:none;}
.price_box thead th{background:#e3dcd5;text-align:center;vertical-align:middle;}
.price_box thead+tbody th{background:#f4ede6;text-align:center;}
.price_box tbody th{/*text-align:left;*/text-align:center;}
.payment_box{margin:30px auto;padding:15px;border:3px solid #f4ede6;box-sizing:border-box;}
.payment_box p{margin-bottom:10px;}
/*.payment_box img:last-child{margin-left:3%;}paypalオフィシャルロゴへ差し替えのため削除2023.9.12*/
.ticket_detail{text-align:left;width:95%;margin:0 auto;}

@media screen and (max-width:1139px){.price_box{width:95%;}
	.payment_box{width:90%;}
}
@media screen and (max-width:768px){.price_box td p{display:none;}
	.price_box tbody td.number{width:auto;}
	.payment_box img{width:45%;}
}
@media screen and (max-width:480px){.price_box{width:97%;}
	.price_box th{padding:3px;font-size:13px;}
	.price_box td{padding:3px;font-size:15px;}
	.payment_box{/*margin:15px auto 0px auto*/;padding:10px 0 0 0;width:95%;}
	.payment_box img{width:90%;}
/*	.payment_box img:last-child{margin-left:0;}paypalオフィシャルロゴへ差し替えのため削除2023.9.12*/
}
/*---------------------------------------------------
講師
----------------------------------------------------*/
#teacher-section{padding-bottom:35px;}
ul.teacher_box{/*text-align:left*/;margin-top:25px;font-size:0;}
.teacher_box li{text-align:center;display:inline-block;
/*    width:144px;2021.8変更*/
    width:200px;
    background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);font-size:15px;}
.teacher_box li:not(:first-child){margin-left:12px;}
.teacher_box li p{line-height:1.5;}
.teacher_box li p span{font-weight:bold;color:#e0326d;}
.teacher_box li img.photo{margin:10px 0 5px 0;}
.teacher_box li img.btn{margin:3px 0 10px 0;}
.teacher_box li img.btn:hover{cursor:pointer;}
.profile_box{text-align:left;margin:20px auto 0 auto;padding:15px;border:3px solid #f4ede6;box-sizing:border-box;background:#fff;width:95%;overflow:auto;}
.profile_box video{display:inline-block;width:40%;margin-right:3%;height:380px;}
dl.prof{display:inline-block;margin-top:10px;padding:0;border:1px solid #c0c0c0;border-top:none;background-color:#f2f2ff;width:53%;}
dl.prof dt{margin:0;padding:0.2em 0 0.2em 1em;border-top:1px solid #c0c0c0;width:9em;float:left;color:#333;font-weight:100;}
dl.prof dd{margin:0 0 0 9em;padding:0.2em 1em;border-left:1px solid #c0c0c0;border-top:1px solid #c0c0c0;background-color:#fff;}
p.prof_close a{display:inline-block;cursor:pointer;background:#e0326d;color:#fff;margin-top:25px;padding:4px 11px;border-radius:15px;border:solid 1px #fff;}
p.prof_close a:hover{background:none;color:#e0326d;text-decoration:none;border:solid 1px #e0326d;}

@media screen and (max-width:1139px){ul.teacher_box{margin:0 auto;text-align:center;}
	.teacher_box li{width:40%;margin:5px;}
	.teacher_box li:first-child{margin-left:10px;}
	.teacher_box li.hide{display:none;}
	.profile_box{width:90%;}
	dl.prof{width:100%;}
	p.prof_close a{margin-top:0;margin-bottom:30px;}
}
@media screen and (max-width:768px){
	.profile_box video{display:block;width:100%;}
}
@media screen and (max-width:480px){
	.teacher_box li{width:43%;}
	.teacher_box li img.photo{width:90%;max-width:120px;}
	.profile_box{width:95%;}
	.profile_box video{height:auto;max-height:320px;}
}
/*---------------------------------------------------
Teacher
----------------------------------------------------*/
.teacher_box .tbox{width:90%; margin:0 auto; background:transparent url(images/common/waku2.gif) repeat-y; position:relative; padding-bottom:15px;}
.teacher_box .lbox{width:150px; margin-top:25px; margin-left:40px; float:left;}
.teacher_box .rbox{width:70%; margin-top:15px; margin-right:40px; float:right;}
.teacher_box .bbox{width:100%; height:250px; margin-bottom:30px; border:1px #ccc solid; box-sizing:border-box; background:#F9FDFD; overflow:auto;}
.teacher_box .bbox p.mtitle{margin-top:10px; width:250px; height:20px; color:#102992; float:left;}
.teacher_box .bbox p.english{margin-top:10px; width:150px; height:20px; float:right; text-align:right;}
.teacher_box .bbox p{padding:0px 10px 0px 10px; text-align:left;}
.teacher_box .bbox p.ja{color:#102992; margin-top:10px;}
.teacher_box .bbox p.en{margin-top:10px;}
dl.prof {width:100%; margin-top:10px; padding: 0; border: 1px solid #c0c0c0; border-top: none; box-sizing:border-box; background-color: #f2f2ff;}
dl.prof dt {margin: 0; padding: 0.1em 0 0.1em 0; border-top: 1px solid #c0c0c0; width: 8em; float: left; color: #333;}
dl.prof dd {margin: 0 0 0 8em; padding: 0.1em 1em; border-left: 1px solid #c0c0c0; border-top: 1px solid #c0c0c0; background-color: #fff;}
.box_inner{display:inline-block;margin-bottom: 50px}
.video_btn {margin-top:10px;}

@media screen and (max-width:800px){
	.teacher_box .rbox{width:100%;margin: 0 auto;}
}
/*---------------------------------------------------
使用教材
----------------------------------------------------*/
#textbook-section{}
#textbook-section .item_box{}
#textbook-section .book_img{xwidth:100px;}


.textbook_box{width:100%;text-align:left;margin-top:25px;display:table;}
.textbook_box div.book{margin-top:20px;padding-left:2%;width:62%;display:inline-block;}
.textbook_box div.book span{display:inline-block;width:160px;margin-bottom:15px;margin-right:15px;padding:5px 15px;border:solid 1px #ccc;background:#f4ede6;box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;color:#69655c;font-weight:bold;vertical-align:middle;text-align:center;border-radius:15px;}
.textbook_box div.photo{width:35%;display:inline-block;text-align:right;}
.textbook_list{width:1000px;margin:25px auto 15px auto;}

@media screen and (max-width:1139px){.textbook_box{margin:0 auto;text-align:center;}
	.textbook_box div.photo{display:block;text-align:center;width:100%;}
	.textbook_box div.book{width:100%;}
}
@media screen and (max-width:480px){
	.textbook_box div.book span{width:115px;margin-right:5px;padding:5px 10px;font-size:13px;}
	.textbook_box div.photo img{width:100%;}
}
@media screen and (max-width:1024px){
	.book_list{margin:15px auto;width:800px;width:90%;}
}
@media screen and (max-width:800px){
	.book_list{margin:15px auto;width:600px;width:90%;}
}
@media screen and (max-width:600px){
	.book_list{margin:15px auto;width:90%;}
}

/* --- ナビゲーションバー --- */
div.tabmenu_nav {
width: 100%; /* ナビゲーションの幅 */
padding-top: 20px; /* ナビゲーションの上パディング */
background-color: #ffffff; /* ナビゲーションの背景色 */
font-size: 10pt;
}

/* --- メニューエリア --- */
div.tabmenu_nav ul.nl {
width: 99%; /* メニューの幅 */
margin: 0 auto; /* メニューのマージン（上下、左右） */
padding: 0;
list-style-type: none;
text-align: center;
}

/* --- メニュー項目 --- */
div.tabmenu_nav ul.nl li {
width: 9em; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #FD7E00 url(tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}
div.tabmenu_nav ul.nl li.stab {
width: 6.5em; /* タブの幅 */
margin-right: 4px; /* タブの右マージン */
background: #FD7E00 url(tab_gen2_left.gif) no-repeat left top; /* タブの背景（左） */
float: left;
}
/* --- リンク --- */
div.tabmenu_nav ul.nl li a {
display: block;
position: relative; /* IE6用 */
padding: 6px 2px 5px; /* リンクエリアのパディング（上、左右、下） */
background: url(tab_gen2_right.gif) no-repeat right top; /* タブの背景（右） */
text-decoration: none; /* テキストの下線（なし） */
color: #FD7E00; /* アクティブタブの文字色 */
}
/* --- ポイント時の設定 --- */
div.tabmenu_nav ul.nl li a:hover {
text-decoration: underline; /* テキストの下線（あり） */
}

/* --- アクティブなタブ --- */
div.tabmenu_nav ul.nl li.active {
background: #FD7E00 url(tab_act2_left.gif) no-repeat left top; /* タブの背景（左）オレンジ */
}
div.tabmenu_nav ul.nl li.active a {
background: url(tab_act2_right.gif) no-repeat right top; /* タブの背景（右） */
color: #ffffff; /* アクティブタブの文字色 */
}

/*---------------------------------------------------
Textbook
----------------------------------------------------*/
div.tabmenu_textbook{
	/*width:650px;*/
	/*_width:660px;*/
	margin-left:3px;
	padding-bottom:20px;
/*	border-style:solid;*/
/*	border-color:orange;*/
/*	border-width:2px*/
}
.tabmenu_textbook ul{
}
.tabmenu_textbook li{
	margin-top:30px;
	margin-left:50px;
	_margin-left:30px;
	width: 250px;
	float: left;
}
.tabmenu_textbook .name{
	text-align:center;
	margin-bottom:8px;
	color:#ffffff;
	padding:3px 0;
	background:#8EC842;
}
.tabmenu_textbook li img{
	margin-bottom:5px;
	margin-left:3px;
}
.tabmenu_textbook li a:hover img{
	filter: alpha(opacity=70);
	opacity:0.7;
	-moz-opacity:0.7;
	background: #ffffff;
}

table.tabmenu_textbook {
	width:650px;
	margin-top:0px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#ffffff;
	empty-cells:show;
}

table.tabmenu_textbook th {
	font-weight:normal;
	text-align:left;
	vertical-align:middle;
	font-size:100%;
	color: #333333;
	padding:10px 5px 5px 0;
	border-bottom:1px dotted #CCCCCC;
}
table.tabmenu_textbook td {
	font-weight:normal;
	text-align:left;
	vertical-align:top;
	font-size:100%;
	color: #333333;
	padding:10px 30px 5px 0;
	border-bottom:1px dotted #CCCCCC;
}

table.textbook {
	width:620px;
	margin-top:10px;
	border-collapse:collapse;
	border-spacing:0;
	background-color:#FFFFFF;
	empty-cells:show;
}
table.textbook th {font-weight:normal;text-align:left;vertical-align:top;font-size:100%;color: #333333;  padding:10px 0 5px 0;}
table.textbook td{width:205px;padding:5px;border-bottom:1px dotted #CCCCCC;}

/*---------------------------------------------------
教材トップ
----------------------------------------------------*/
.material_box div{margin:20px auto;width:660px;position:relative;}
.material_box .infobtn{position:absolute;}
.material_box .infobtn1{top:170px;left:220px;}
.material_box .infobtn2_1{top:170px;left:290px;}
.material_box .infobtn2_2{top:170px;left:400px;}
.material_box .infobtn2_3{top:170px;left:510px;}
.material_box .infobtn3{top:170px;left:220px;}
.material_box .infobtn4{top:170px;left:410px;}
.material_box .infobtn5{top:170px;left:220px;}
.material_box .infoshare{top:190px;left:40px;padding-left:18px;background:transparent url(../image/textbook/ico_green.gif) no-repeat;}

@media screen and (max-width:660px){
	.material_box div{width:100%;position:static;}
	.material_box div img.cate_btn{width:100%;}
	.material_box .infobtn{position:static; margin-top:15px;}
}
/*---------------------------------------------------
登録の流れ
----------------------------------------------------*/
#flow-section{}
ul.flow_box{text-align:left;margin-top:25px;font-size:0;}
.flow_box li{position:relative;text-align:center;display:inline-block;width:230px;background:#fff;border-radius:4px;box-shadow:0 1px 2px rgba(0,0,0,.2);font-size:18px;}
.flow_box li img.arrow{position:absolute;z-index:99;right:-30px;top:48%;}
.flow_box li:not(:first-child){margin-left:40px;}
.flow_box li p{line-height:1.8;}
.flow_box div.step{border-radius:4px 4px 0 0;text-align:center;margin-bottom:5px;padding:10px 10px;background-image:url(../images/flow/blue_bg.png);}
.flow_box div.flow{height:70px;}
.flow_img{margin-bottom:15px;}

@media screen and (max-width:1139px){ul.flow_box{margin:0 auto;text-align:center;}
	.flow_box li{width:45%;border-radius:0;margin:5px;}
	.flow_box li:not(:first-child){margin-left:0;}
	.flow_box li img.arrow{display:none;}
}
@media screen and (max-width:480px){
	.flow_box li{width:95%;height:auto;margin-top:5px;border-radius:4px;}
}
/*---------------------------------------------------
お客様の声
----------------------------------------------------*/
#voice-section{}
.voice_box{margin-top:25px;text-align:left;}
.voice_box p{font-size:15px;font-weight:bold;width:100%;margin-bottom:10px;background:#f4ede6;color:#69655c;border:solid 1px #ccc;border-radius:3px;box-shadow:0 1px 0 rgba(255, 255, 255, 0.8) inset;}
.voice_box .message{margin:10px;}
.voice_box .message img{margin-top:5px;}
.voice_box .message span{padding:7px 10px;display:inline-block;width:90%;}
@media screen and (max-width:1140px){
	.voice_box{width:95%;margin:25px auto;}
}
@media screen and (max-width:768px){
	.voice_box{margin:25px auto 0 auto;}
}
@media screen and (max-width:480px){
	.voice_box .message img{display:none;}
}
/*---------------------------------------------------
キッズ・小学生
----------------------------------------------------*/
#kids-section h3{text-align:left;height:68px;line-height:68px;vertical-align:middle;}
#kids-section h3 span{display:inline-block;margin-left:0.3em;color:#e0326d;font-weight:bold;}

@media screen and (max-width:768px){
	#kids-section h3{height:auto;line-height:1.3;overflow:hidden;margin:25px 0 15px;}
	#kids-section h3 img{display:none;}
}
/*---------------------------------------------------
ファミリーユース
----------------------------------------------------*/
#family-section .tbox{width:660px;background:transparent url(../images/common/waku2.gif) repeat-y;margin:0 auto;}
#family-section .innerBox{padding:10px 30px 5px 32px;}

@media screen and (max-width:768px){
	#family-section .tbox {width:100%; background:none;margin:0 auto;margin-bottom:15px;}
	#family-section .innerBox{padding:0;}
	#family-section .waku{display:none;}
	#family-section .tbox img {width:100%;}
}
/*--------------------------------------------------------------------
SKYPEについて
--------------------------------------------------------------------*/
#skypecheck-section .tbox{width:660px;background:transparent url(../images/common/waku2.gif) repeat-y;margin:0 auto;}
#skypecheck-section .text-area{margin-top:15px}
#skypecheck-section .infobox{overflow:hidden;text-align:left;}

@media screen and (max-width:768px){
	#skypecheck-section .tbox {width:100%; background:none;margin:0 auto;margin-bottom:15px;}
	#skypecheck-section .innerBox{padding:0;text-align:left;}
	#skypecheck-section .waku{display:none;}
	#skypecheck-section .tbox img {width:100%;}
	#skypecheck-section .infobox{margin:15px 0;}
}
/*---------------------------------------------------
レッスン要望の登録
----------------------------------------------------*/
#request-section{}
#id_request_allshow{cursor:pointer;}
@media screen and (max-width:768px){
	#request-section .req_img{width:100%;margin-bottom:15px;}
}
/*---------------------------------------------------
会員ページの機能紹介
----------------------------------------------------*/
.student_page_explain{
	text-align: left;
	margin-left: 20px;
}
.student_page_subtitle{
	margin-bottom:35px;
}
.intro_section{
	clear: both;
	width:95%;
	margin:0 auto;
}
#intro_section_request{
		min-height:600px;
}
#intro_section_lesson{
		min-height:760px;
}

.intro_img{
	position: relative;
  display: inline-block;
  width: 420px;
  float: left;
}
.intro_img:focus{
    height:auto;
    width:100%;
    transition: all 1s ease-in-out;
    outline:none;
}
@media screen and (max-width:1070px){
	.intro_img{
		width:95%;
		margin-bottom:15px;
	}
}
@media screen and (max-width:1070px){
	.intro_img img{
		width:90%;
	}
}

.intro_sentence_dl{
	display: inline-block;
  width: 450px;
	margin: 0;
	padding-right:80px;
}

@media screen and (max-width:1070px){
	.intro_sentence_dl{
		width:95%;
		margin-bottom:15px;
		padding:0;
	}
}

.intro_sentence_dt{
	letter-spacing: 2px;
}
.intro_sentence_dd{
	text-align:left;
  line-height: 25px;
  padding-top: 10px;
}

/*---------------------------------------------------
サイトマップ
----------------------------------------------------*/
.contents_box2 {
    width: 100%;
    text-align: left;
    line-height: 2.0;
    padding-bottom: 10px;
}
.textInner {
    text-align: left;
    margin: 3% 3% 0% 3%;
}
.sitemap_div{
		display: inline-block;
		margin:10px 50px;
}
#sitemap_site_div{
		float:left;
}
.sitemap_list {
		margin-top: 3%;
    background: #fff;
}
.sitemap_list li {
    text-indent: 0;
/*    padding: 0 0 12px 0px;	*/
/*    margin: 12px 0;	*/
    list-style-type: none;
/*    border-bottom: solid 1px #8b8b8b; */
		display:block;
}
.sitemap_list li a {
    padding-left: 25px;
    margin-left: 10px;
    line-height: 33px;
		background: url(/sp/images/common/ico_foot.gif) 0px 6px no-repeat;
	}
	.sitemap_list li a.square{
	    padding-left: 25px;
	    margin-left: 10px;
	    line-height: 33px;
			background: url(/sp/images/common/ico_foot_square.gif) 0px 6px no-repeat;
	}
	.sitemap_list li.square{
	    padding-left: 25px;
	    margin-left: 10px;
	    line-height: 33px;
			background: url(/sp/images/common/ico_foot_square.gif) 0px 6px no-repeat;
	}
	.sitemap_list li.bottom_margin {
			padding-bottom:15px;
	}

.sitemap_list ul {
    padding: 0;
    margin: 0;
}
.sitemap_list li li {
    margin: 0;
    padding: 1px 0 0 7px;
    border: none;
}
/*---------------------------------------------------
会社概要
----------------------------------------------------*/
#company-section dl.data {
	width:96%;
	text-align:left;
	margin:20px auto 10px;
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
}
#company-section dl.data dt {
	margin: 0;
	padding: 0.3em 0 0.3em 1em;
	border-top: 1px solid #eee;
	/*width: 10em; 202004 変更*/
	width: 13em;
	float: left;
	color: #333;
	background-color: #f5f5f5;
}
#company-section dl.data dd {
	margin: 0 0 0 15em;
	padding: 0.3em 1em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;	/* 202004 追加 */
}
/*---------------------------------------------------
Policy
----------------------------------------------------*/
#policy-section dl.data {
	width:96%;
	text-align:left;
	margin:20px auto 10px;
	padding: 0;
	border: 1px solid #eee;
	border-top: none;
	background-color: #f5f5f5;
}
#policy-section dl dt{
	margin: 0;
	padding: 0.5em 0 0.1em 1em;
	border-top: 1px solid #eee;
	width: 13em;
	float: left;
	color: #333;
}
#policy-section dl.data dd {
	margin: 0 0 0 15em;
	padding: 0.5em 0.8em;
	border-left: 1px solid #eee;
	border-top: 1px solid #eee;
	background-color: #fff;
}
.breakAll{
	word-break: break-all;
}
@media screen and (max-width:480px){
	#policy-section dl dt{width: 8em;padding: 0.2em 0 0.1em 0.2em;}
	#policy-section dl.data dd {margin: 0 0 0 9em;}
}
/*---------------------------------------------------
個人情報保護方針
----------------------------------------------------*/
#privacy-section dl {margin-top:35px;margin-right:35px;margin-bottom:40px;padding: 0;color:#333366;}
#privacy-section dl dt {margin: 0;padding: 0.3em 0 0.1em 1em;width: 2em;float:left;font-size:105%;}
#privacy-section dl dd {text-align:left;margin: 0 0 1em 2em;padding: 0.3em 1em;}

/*---------------------------------------------------
FAQ
----------------------------------------------------*/
#faq-section{}
.tabContainer {
	width: 96%;
	margin:20px auto;
	text-align:left;
}
/* タブ */
.tabContainer ul.tabMenu li {
	float: left;
	margin-right: 5px;
	padding: 0;
	position: relative;
	letter-spacing: .1em;
}

/* 未選択のタブ */
.tabContainer ul.tabMenu li a {
	display: block;
	float: left;
	padding: 5px 5px;
	background:  url(../images/faq/bg_qa.gif)  no-repeat right top;
	border-left: 1px solid #999;
	text-decoration: none;
}

/* 選択中のタブ */
.tabContainer ul.tabMenu li.active a {
	position: relative;
	top: 1px;
	background: url(../images/faq/bg_qa.gif) no-repeat right top;
	border-left: 1px solid #595959;
	color: #000;
}

/* Q&A */
.tabContainer dl {
	clear: both;
	width: 100%;
}

/* Q */
.tabContainer dl dt {
	margin: 0 0 8px;
	padding: 10px 0 8px 20px;
	border:1px dotted #ccc;
}
.tabContainer dl dt:hover {
	text-decoration:underline;
	background:#f4ede6;
}

.tabContainer dl dt .qicon {
	float:left;
	margin-right:10px;
	width:25px;
	height:25px;
	background: url(../images/faq/question.gif) no-repeat;
}

/* A */
.tabContainer dl dd {
	margin: 15px 0px;
	padding: 10px;
	background:#f4ede6;
}
.tabContainer dl dd p {
	padding:10px;
	background:#ffffff;
}
.tabContainer dl dd .aicon {
	float:left;
	margin:10px 10px 5px 15px;
	width:25px;
	height:25px;
	background: url(../images/faq/answer.gif) no-repeat;
}

.show_all_contents{
	width: 100%;
	text-align:right;
	margin-bottom:5px;
}
.tabContainer dl dd div.inn {
	background:#ffffff;
	width:100%;
}
.tabContainer dl dd div.fbox {
	margin-left:30px;
	text-align:center;
}
.tabContainer ul.tabMenu li.active {
    background: url(../images/faq/faq_bg2.gif);
    width: 87px;
    height: 68px;
}
.tabContainer ul.tabMenu li {
    float: left;
    margin-right: 7px;
    margin-bottom: 20px;
    padding: 0;
    letter-spacing: 0.1em;
    background: url(../images/faq/faq_bg.gif);
    text-align: center;
    width: 87px;
    height: 68px;
}
/*---------------------------------------------------
フッターバナー
----------------------------------------------------*/
#banner-section{margin-top:40px; background:#f6f5f5; padding-bottom: 20px;}
#banner-section img{width:250px; margin-top:20px;}

@media screen and (max-width:1140px){
	#banner-section img{width:22%;}
}
@media screen and (max-width:800px){
	#banner-section img{margin-bottom:10px; width:23%;}
}
@media screen and (max-width:700px){
	#banner-section img{width:40%;}
}
@media screen and (max-width:480px){
	#banner-section img{width:250px;}
}
/*---------------------------------------------------
ボタン
----------------------------------------------------*/
a.btn{display:inline-block;width:350px;margin:25px 0;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:17px/100% Arial, Helvetica, sans-serif;padding:15px 10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fef4e9;border:solid 1px #da7c0c;background:#f78d1d;background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background:-moz-linear-gradient(top, #faa51a, #f47a20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
a.btn:hover{background:#f47c20;background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background:-moz-linear-gradient(top, #f88e11, #f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');opacity:0.9;}
a.btn:active{color:#fcd3a5;background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background:-moz-linear-gradient(top, #f47a20, #faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
.ie8 a.btn:hover{filter:alpha(opacity=90);}

a.btn2{display:inline-block;width:250px;/*width:320px;*/margin:25px 0 0 0;letter-spacing: 1px;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:20px/100% Arial, Helvetica, sans-serif;padding:15px 10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fef4e9;font-weight:bold;
border: solid 1px #bb4303;background: #f35705;background: -webkit-gradient(linear, left top, left bottom, from(#f35705), to(#da4e05));filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35705', endColorstr='#da4e05');}
a.btn2:hover{background:#f35705;background:-webkit-gradient(linear, left top, left bottom, from(#f35705), to(#da4e05));background:-moz-linear-gradient(top, #f35705, #da4e05);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f35705', endColorstr='#da4e05');opacity:0.9;}
a.btn2:active{color:#fcd3a5;background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background:-moz-linear-gradient(top, #f47a20, #faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
.ie8 a.btn2:hover{filter:alpha(opacity=90);}

a.btn3{display:inline-block;width:250px;/*width:320px;*/margin:25px 0 0 0;outline:none;cursor:pointer;letter-spacing: 1px;text-align:center;text-decoration:none;font:20px/100% Arial, Helvetica, sans-serif;padding:15px 10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fef4e9;font-weight:bold;border:solid 1px #da7c0c;background:#f78d1d;background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background:-moz-linear-gradient(top, #faa51a, #f47a20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
a.btn3:hover{background:#f47c20;background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background:-moz-linear-gradient(top, #f88e11, #f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');opacity:0.9;}
a.btn3:active{color:#fcd3a5;background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background:-moz-linear-gradient(top, #f47a20, #faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
.ie8 a.btn3:hover{filter:alpha(opacity=90);}

a.btn4{display:inline-block;width:350px;margin:25px 0;outline:none;cursor:pointer;text-align:center;text-decoration:none;font:20px/100% Arial, Helvetica, sans-serif;padding:15px 10px;text-shadow:0 1px 1px rgba(0,0,0,.3);border-radius:.5em;box-shadow:0 1px 2px rgba(0,0,0,.2);color:#fef4e9;border:solid 1px #da7c0c;font-weight:bold;background:#f78d1d;background:-webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));background:-moz-linear-gradient(top, #faa51a, #f47a20);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');}
a.btn:hover{background:#f47c20;background:-webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));background:-moz-linear-gradient(top, #f88e11, #f06015);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');opacity:0.9;}
a.btn:active{color:#fcd3a5;background:-webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));background:-moz-linear-gradient(top, #f47a20, #faa51a);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');}
.ie8 a.btn:hover{filter:alpha(opacity=90);}

@media screen and (max-width:700px){
a.btn{width:85%;margin:10px 0 ; font-size:14px;}
a.btn2{width:40%;margin:10px 0 0 0; font-size:16px;}
a.btn3{width:40%;margin:10px 0 0 0; font-size:16px;}
a.btn4{width:85%;margin:10px 0 20px 0 ; font-size:16px;}
}

/*---------------------------------------------------
フッター・コピーライト
----------------------------------------------------*/
#footer{text-align:left;width:100%;padding:8px 0 5px 0;font-size:14px;background:#d8e3e8;}
#footer ul{position:relative;text-align:left;}
#footer li{text-align:left;display:inline-block;vertical-align:middle;}
#footer li:first-child{width:100%;display:block;margin:0;padding-bottom:10px;}
#footer li:first-child img.logo_mark{margin-top:8px;}
#footer li a{display:inline-block;color:#545d8a;margin-left:15px;line-height:110%;text-decoration:none;}
#footer li a:hover{text-decoration:underline;}
/* 202004 変更
@media screen and (max-width:1024px){ */
@media screen and (max-width:1200px){
#footer{text-align:left;padding:15px 0;}
#footer li{margin-left:10px;display:inline-block;}
/*#footer li:first-child{width:100%;display:block;margin:0;padding-bottom:10px;}*/
}

@media screen and (max-width:480px){#footer li{display:block;}
#footer li a{margin-left:5px;line-height:1.5;}
}
#copyright{text-align:center;color:#fff;padding:2px 0;background:#575f88;font-size:12.5px;}
@media screen and (max-width:479px){#copyright{font-size:12px;}
}
/*---------------------------------------------------
PageTop
----------------------------------------------------*/
#pageTop{position:fixed;bottom:45px;right:20px;z-index:9988;}
#pageTop a{display:inline-block;height:23px;padding:8px 15px 5px 10px;background:#fff;font-weight:bold;text-decoration:none;text-align:center;color:#e0326d;cursor:pointer;border:solid 1px #e0326d;border-radius:20px;z-index:999;}
#pageTop a:hover{text-decoration:none;opacity:0.7;}
.ie8 #pageTop a:hover{filter:alpha(opacity=70);}
@media screen and (max-width:480px){#pageTop{right:5px;}
}


/*---------------------------------------------------
タブ
----------------------------------------------------*/

.tabs {
position: relative;
margin: 40px auto;
width: 100%;
}

/*
.tabs input {
position: absolute;
z-index: 1000;
width: 150px;
height: 40px;
left: 0px;
top: 0px;
opacity: 0;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
filter: alpha(opacity=0);
cursor: pointer;
}

.tabs input#tab-2{
left: 180px;
}
.tabs input#tab-3{
left: 360px;
}
.tabs input#tab-4{
left: 540px;
}
.tabs input#tab-5{
left: 720px;
}
.tabs input#tab-6{
left: 900px;
}
*/
.tabs input {
    display: none;
}
.tabs label {
background: #ccc;
font-size: 15px;
line-height: 40px;
height: 40px;
position: relative;
float: left;
display: block;
width: 16.6%; /*2021.7.21修正*/
color: #ffffff;
letter-spacing: 1px;
text-transform: uppercase;
font-weight: bold;
text-align: center;
border-radius: 3px 3px 0 0;
box-shadow: 2px 0 2px rgba(0,0,0,0.1), -2px 0 2px rgba(0,0,0,0.1);
}

.tabs label:after {
tab_content: '';
background: #fff;
position: absolute;
bottom: -2px;
left: 0;
width: 100%;
height: 2px;
display: block;
}

.tabs input:hover + label {
background: #ddd;
}

.tabs label:first-of-type {
z-index: 4;
box-shadow: 2px 0 2px rgba(0,0,0,0.1);
}

.tab-label-2 {
z-index: 3;
}

.tabs input:checked + label {
background: #f29800;
background: -moz-linear-gradient(top, #f29800 0%, #fcb849 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f29800), color-stop(100%,#fcb849));
background: -webkit-linear-gradient(top, #f29800 0%,#fcb849 100%);
background: -o-linear-gradient(top, #f29800 0%,#fcb849 100%);
background: -ms-linear-gradient(top, #f29800 0%,#fcb849 100%);
background: linear-gradient(top, #f29800 0%,#fcb849 100%);
z-index: 6;
}

.clear-shadow {
clear: both;
}

.tab_content {
background: #fff;
position: relative;
width: 100%;
height:500px;
z-index: 5;
overflow:auto;
box-shadow: 0 -2px 3px -2px rgba(0,0,0,0.2), 0 2px 2px rgba(0,0,0,0.1);
border-radius: 0 3px 3px 3px;
}

.tab_content div.tab_div {
display:none;
position: absolute;
top: 0;
left: 0;
padding: 25px 40px;
z-index: 0;
opacity: 0;
-webkit-transition: opacity linear 0.1s;
-moz-transition: opacity linear 0.1s;
-o-transition: opacity linear 0.1s;
-ms-transition: opacity linear 0.1s;
transition: opacity linear 0.1s;
}

.tabs input.tab-selector-1:checked ~ .tab_content .content-1,
.tabs input.tab-selector-2:checked ~ .tab_content .content-2,
.tabs input.tab-selector-3:checked ~ .tab_content .content-3,
.tabs input.tab-selector-4:checked ~ .tab_content .content-4,
.tabs input.tab-selector-5:checked ~ .tab_content .content-5,
.tabs input.tab-selector-6:checked ~ .tab_content .content-6{
display:block;
z-index: 100;
-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
filter: alpha(opacity=100);
opacity: 1;
-webkit-transition: opacity ease-out 0.2s 0.1s;
-moz-transition: opacity ease-out 0.2s 0.1s;
-o-transition: opacity ease-out 0.2s 0.1s;
-ms-transition: opacity ease-out 0.2s 0.1s;
transition: opacity ease-out 0.2s 0.1s;
}

.tab_content div h2{
color: #0c4d40;
margin: 0 0 10px 0;
font-weight: bold;
}

.tab_content div p {
text-align: left;
margin: 0;
}

/*----ラベル幅調整----*/
@media screen and (max-width:830px){
    .tabs label{
        width:33.3%;
    }
    .tabs input {
    display: none;}
}
@media screen and (max-width:480px){
    .tabs label{
        width:50%;
    }
    .tabs input {
    display: none;}
}


@media only screen and (max-width: 767px) {
.tabs {
margin: 40px 0;
width: 100%;
}

.tabs input {
margin: 0;
}

.tab_content {
min-height: 450px;
}

.tab_content div {
padding: 20px;
}
}

.text_info{
	border:solid 3px #ddd;
	box-sizing:border-box;
	padding:10px;
	margin:20px auto;
}
.bookimg_area{
	margin:20px auto;
	text-align:left;
}

.imgL {
	float: left;
	margin: 5px 10px 5px 0;
	clear: both;
}
.imgR {
	float: right;
	margin: 5px 10px 5px 0;
	clear: both;
	}