/* -------------------------------------------------------------
基本設定
--------------------------------------------------------------*/

body {
font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
color: #000;
background-color: #fff;
font-size: 14px;
line-height: 22px;
}

a:link {
color: #69951b;
font-weight: bold;
}
a:visited {
color: #69951b;
font-weight: bold;
}
a:hover {
color: #69951b;
font-weight: bold;
text-decoration: none;
}
a:active {
color: #69951b;
font-weight: bold;
text-decoration: none;
}

.note {
color: #d62d2d;
}

/* -------------------------------------------------------------
clerfix
--------------------------------------------------------------*/

.cf:before,
.cf:after {
content: " ";
display: table;
}
.cf:after {
clear: both;
}
.cf {
*zoom: 1;
}

/* -------------------------------------------------------------
コンテンツ周り設定
--------------------------------------------------------------*/

/*小見出し*/

.ttl_s_01 {
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}
.ttl_s_02 {
color: #1392c5;
font-size: 24px;
font-weight: bold;
text-align: center;
margin-bottom: 30px;
}

/*コンテント*/

.wrap940 {
width: 940px;
padding: 0 20px 20px;
margin: 0 auto;
}
.wrap960 {
width: 960px;
padding: 0 10px 20px;
margin: 0 auto;
}
.wrap980 {
width: 980px;
padding-bottom: 20px;
margin: 0 auto;
}

/*フロート*/

.l_450 {
width: 450px;
float: left;
}

.r_450 {
width: 450px;
float: right;
}

/*写真*/

.photo_01 {
background: url(../image/common/bg_photo_01.jpg) 0 0 no-repeat;
width: 390px;
height: 237px;
padding: 9px 10px 14px 10px;
}


/* -------------------------------------------------------------
ライン設定
--------------------------------------------------------------*/

.line {
background: url(../image/common/line_01.jpg) center bottom no-repeat;
width: 920px;
height: 60px;
margin: 0 auto;
}
.line2 {
background: url(../image/common/line_04.jpg) center bottom no-repeat;
width: 920px;
height: 60px;
margin: 0 auto;
}

/* -------------------------------------------------------------
詳細はこちらボタン
--------------------------------------------------------------*/

.btn_more {
width: 150px;
height: 30px;
margin: 0px auto;
}
.btn_more a {
background: url(../image/common/btn_more.jpg) 0 0 no-repeat;
width: 150px;
height: 30px;
display: block;
text-indent: -9999px;
}
.btn_more a:hover {
background: url(../image/common/btn_more.jpg) 0 -30px no-repeat;
width: 150px;
height: 30px;
display: block;
text-indent: -9999px;
}

/* -------------------------------------------------------------
ヘッダ
--------------------------------------------------------------*/

header {
width: 980px;
height: 110px;
margin: 0 auto;
}
header h1 {
height: 60px;
width: 323px;
padding-top: 35px;
float: left;
}
header h1 a {
width: 323px;
height: 60px;
background: url(../image/common/logo.jpg) 0 0 no-repeat;
display: block;
text-indent: -9999px;
}
header .r {
float: right;
width: 424px;
}
header .r #search {
width: 290px;
height: 25px;
padding-top: 10px;
margin: 0 0 18px 134px;
}
header .r #search dt {
float: left
}
header .r #search .search_box {
width: 230px;
height: 21px;
background-color: #f4f4f4;
border: solid 1px #c0c0c0;
margin-right: 1px;
}
header .r #search .btn_search {
width: 50px;
height: 25px;
cursor: pointer;
}
header .r #header_support {
width: 424px;
height: 39px;
}
header .r #header_tel {
background-image: url(../image/common/img_tel_h.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
text-indent: -9999px;
height: 39px;
width: 202px;
float: left;
}
header .r .btn_form_h {
width: 215px;
height: 27px;
float: right;
}
header .r .btn_form_h a {
background-image: url(../image/common/btn_form_01.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
display: block;
text-indent: -9999px;
width: 215px;
height: 36px;
}
header .r .btn_form_h a:hover {
background-image: url(../image/common/btn_form_01.jpg);
background-repeat: no-repeat;
background-position: 0px -36px;
display: block;
text-indent: -9999px;
width: 215px;
height: 36px;
}

/* -------------------------------------------------------------
Gナビ
--------------------------------------------------------------*/

#gnav {
width: 100%;
height: 50px;
background: url(../image/common/bg_gnav.jpg) 0 0 repeat-x;
}
#gnav nav {
width: 980px;
height: 50px;
margin: 0 auto;
}
#gnav nav ul {
list-style-type: none;
}
#gnav nav ul li {
float: left;
}
#gnav nav #nav1 a {
background: url(../image/common/nav.jpg) 0 0 no-repeat;
width: 95px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav2 a {
background: url(../image/common/nav.jpg) -95px 0 no-repeat;
width: 149px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav3 a {
background: url(../image/common/nav.jpg) -244px 0 no-repeat;
width: 122px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav4 a {
background: url(../image/common/nav.jpg) -366px 0 no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav5 a {
background: url(../image/common/nav.jpg) -673px 0 no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav1 a:hover {
background: url(../image/common/nav.jpg) 0 -50px no-repeat;
width: 95px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav2 a:hover {
background: url(../image/common/nav.jpg) -95px -50px no-repeat;
width: 149px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav3 a:hover {
background: url(../image/common/nav.jpg) -244px -50px no-repeat;
width: 122px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav4 a:hover {
background: url(../image/common/nav.jpg) -366px -50px no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}
#gnav nav #nav5 a:hover {
background: url(../image/common/nav.jpg) -673px -50px no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}
#page1 #gnav nav #nav1 a {
background: url(../image/common/nav.jpg) 0 -50px no-repeat;
width: 95px;
height: 50px;
display: block;
text-indent: -9999px;
}
#page2 #gnav nav #nav2 a {
background: url(../image/common/nav.jpg) -95px -50px no-repeat;
width: 149px;
height: 50px;
display: block;
text-indent: -9999px;
}
#page3 #gnav nav #nav3 a {
background: url(../image/common/nav.jpg) -244px -50px no-repeat;
width: 122px;
height: 50px;
display: block;
text-indent: -9999px;
}
#page4 #gnav nav #nav4 a {
background: url(../image/common/nav.jpg) -366px -50px no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}
#page5 #gnav nav #nav5 a {
background: url(../image/common/nav.jpg) -673px -50px no-repeat;
width: 307px;
height: 50px;
display: block;
text-indent: -9999px;
}

/*
-------------------------------------------------------------
ページ内リンク
--------------------------------------------------------------*/

#pagelink {
width: 100%;
}
#pagelink nav {
width: 980px;
margin: 0 auto 15px;
}
#pagelink ul {
text-decoration: none;
}
#pagelink ul li {
display: inline;
background: url(../image/common/icon_pagelink_02.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}
#pagelink ul li a {
color: #69951b;
}

/*-- 旧デザイン
#pagelink {
background: url(../image/common/bg_pagelink.jpg) 0 0 repeat-x;
width: 100%;
height: 30px;
}
#pagelink nav {
width: 980px;
height: 25px;
padding-top: 5px;
margin: 0 auto;
}
#pagelink ul {
text-decoration: none;
}
#pagelink ul li {
display: inline;
background: url(../image/common/icon_pagelink.png) left center no-repeat;
padding-left: 20px;
margin-right: 10px;
}
#pagelink ul li a {
color: #fff;
}
*/

/*
-------------------------------------------------------------
論理netについて詳しくお知りになりたい方へ
--------------------------------------------------------------*/

#sub_nav {
background: url(../image/common/bg_footer.jpg) 0 0 repeat-x;
width: 100%;
}
#sub_nav #ttl_sn {
background: url(../image/common/ttl_f_01.jpg) 0 0 no-repeat;
width: 980px;
height: 75px;
margin: 0 auto;
text-indent: -9999px;
}

#sub_nav .wrap01 {
width: 980px;
margin: 0 auto;
}
#sub_nav .wrap01 .l {
background: url(../image/common/line_02.jpg) right center no-repeat;
width: 286px;
height: 155px;
padding: 40px 20px 0;
float: left;
}
#sub_nav .wrap01 .l #ttl_sn1 {
background: url(../image/common/ttl_f_s_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
width: 88px;
height: 34px;
margin: 0 auto 20px;
}
#sub_nav .wrap01 .c {
background: url(../image/common/line_02.jpg) right center no-repeat;
width: 288px;
height: 155px;
padding: 40px 20px 0;
float: left;
}
#sub_nav .wrap01 .c #ttl_sn2 {
background: url(../image/common/ttl_f_s_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
width: 215px;
height: 34px;
margin: 0 auto 20px;
}
#sub_nav .wrap01 .r {
width: 286px;
height: 155px;
padding: 40px 20px 0;
float: right;
}
#sub_nav .wrap01 .r #ttl_sn3 {
background: url(../image/common/ttl_f_s_03.jpg) 0 0 no-repeat;
text-indent: -9999px;
width: 275px;
height: 34px;
margin: 0 auto 20px;
}

#sub_nav .wrap01 a {
color: #00a785;
font-weight: normal;
text-decoration: none;
}
#sub_nav .wrap01 a:hover {
color: #00a785;
font-weight: normal;
text-decoration: underline;
}

/*
-------------------------------------------------------------
お問い合わせ/資料請求
--------------------------------------------------------------*/

#inquire {
background: url(../image/common/bg_footer.jpg) 0 0 repeat-x;
width: 100%;
}
#inquire #ttl_iq {
background: url(../image/common/ttl_f_02.jpg) 0 0 no-repeat;
width: 980px;
height: 75px;
margin: 0 auto 8px auto;
text-indent: -9999px;
}

#inquire .wrap01 {
color: #00a785;
width: 940px;
height: 187px;
padding: 0 20px;
margin: 0 auto;
}
#inquire .wrap01 .l {
width: 600px;
float: left;
padding-top: 30px;
}
#inquire .wrap01 .r {
width: 290px;
height: 134px;
float: right;
}
#inquire .wrap01 .r .btn_form a {
background: url(../image/common/btn_form_02.jpg) 0 0 no-repeat;
width: 290px;
height: 134px;
display: block;
text-indent: -9999px;
}
#inquire .wrap01 .r .btn_form a:hover {
background: url(../image/common/btn_form_02.jpg) 0 -134px no-repeat;
width: 290px;
height: 134px;
display: block;
text-indent: -9999px;
}

/* -------------------------------------------------------------
フッタ
--------------------------------------------------------------*/

footer {
width: 980px;
height: 150px;
padding-top: 50px;
margin: 0 auto;
}
footer nav {
font-size: 12px;
height: 80px;
}
footer nav ul {
text-decoration: none;
}
footer nav ul li {
float: left;
padding-left: 5px;
margin-right: 5px;
border-left: solid 1px #69951b;
}
footer nav ul li:first-child {
padding-left: 0px;
border-left: none;
}

footer .l {
width: 600px;
height: 70px;
float: left;
}
footer .l dt {
float: left;
width: 156px;
height: 56px;
}
footer .l dt a {
background: url(../image/common/logo_f.jpg) 0 0 no-repeat;
width: 136px;
height: 56px;
display: block;
text-indent: -9999px;
}

footer .r {
width: 370px;
height: 15px;
padding-top: 45px;
float: right;
}

#page1 footer .r {
width: 370px;
height: 50px;
padding-top: 10px;
float: right;
}
#page1 footer .r ul {
list-style: none;
}
#page1 footer .r li {
display: inline;
}
#page1 footer .r p {

}

/* -------------------------------------------------------------
トップページ
--------------------------------------------------------------*/

/*キービジュアル*/
#page1 #kv {
	height: 450px;
	background: url(../image/top/img_kv_01.jpg) center 0 no-repeat;
}
#page1 #kv .wrap {
	width: 980px;
	height: 450px;
	margin: 0 auto;
	position: relative;
}

#page1 #kv .wrap p{
	z-index: 100;
	position: absolute;
	display: none;
}

#page1 #kv .wrap p.ttl01{
	top:20px;
}

#page1 #kv .wrap p.ttl02{
	top:85px;
}

#page1 #kv .wrap p.obi{
	top:220px;
}

#page1 #kv .wrap p.news{
	top:290px;
	background: #ff0000;
	padding: 10px 20px;
	border-radius: 20px;
	-weblkit-border-radius:20px;
	text-align: center;
	color: #fff;
}

#page1 #kv .wrap p.news a{
	color: #fff000;
}

#page1 #kv .wrap #img_display {
	background: url(../image/top/img_display.png) 0 0 no-repeat;
	width: 210px;
	height: 235px;
	left: 0;
	top: 295px;
	position: absolute;
}

/*論理net導入の三大特徴*/
#top1 {
width: 100%;
background: url(../image/common/bg_ttl_01.jpg) 0 0 repeat-x;
}
#top1 h2 {
width: 980px;
height: 95px;
background: url(../image/top/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 35px;
}

#top1 .wrap01 {
width: 940px;
height: 300px;
padding: 0 20px;
margin: 0 auto 10px;
}
#top1 .wrap01 .l {
background: url(../image/top/btn_img_01.jpg) 0 0 no-repeat;
width: 296px;
height: 300px;
display: block;
text-indent: -9999px;
float: left;
}
#top1 .wrap01 .c {
background: url(../image/top/btn_img_01.jpg) -296px 0 no-repeat;
width: 348px;
height: 300px;
display: block;
text-indent: -9999px;
float: left;
}
#top1 .wrap01 .r {
background: url(../image/top/btn_img_01.jpg) -644px 0 no-repeat;
width: 296px;
height: 300px;
display: block;
text-indent: -9999px;
float: right;
}

#top1 .wrap02 {
width: 940px;
margin: 0 auto;
}
#top1 .wrap02 p {
width: 370px;
height: 31px;
margin: 0 auto 20px;
}
#top1 .wrap02 p a {
background: url(../image/top/btn_merit.jpg) 0 0 no-repeat;
width: 370px;
height: 31px;
display: block;
text-indent: -9999px;
}
#top1 .wrap02 p a:hover {
background: url(../image/top/btn_merit.jpg) 0 -31px no-repeat;
width: 370px;
height: 31px;
display: block;
text-indent: -9999px;
}

#top1 .wrap03 {
background: url(../image/top/img_01.jpg) 0 0 no-repeat;
width: 920px;
height: 400px;
margin: 0 auto 30px;
padding: 60px 30px 0;
}
#top1 .wrap03 h3 {
background: url(../image/top/ttl_s_01.jpg) 0 0 no-repeat;
width: 546px;
height: 36px;
margin: 0 auto;
text-indent: -9999px;
margin-bottom: 20px;
}
#top1 .wrap03 p {
text-align: center;
font-weight: bold;
height: 35px;
}
#top1 .wrap03 ol  {
text-decoration: none;
}
#top1 .wrap03 ol li {
float: left;
margin-left: 40px;
}
#top1 .wrap03 ol li:first-child {
margin-left: 0px;
}
#top1 .wrap03 ol li dt {
width: 440px;
height: 247px;
margin-bottom: 10px;
}
#top1 .wrap03 dd {
text-align: center;
}

/*学習効果*/
#top2 {
width: 100%;
background: url(../image/common/bg_ttl_01.jpg) 0 0 repeat-x;
margin-bottom: 40px;
}
#top2 h2 {
width: 980px;
height: 95px;
background: url(../image/top/ttl_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 25px;
}

#top2 .wrap01 {
width: 920px;
padding: 0 30px;
margin: 0 auto 10px;
}
#top2 .wrap01 .l {
width: 440px;
float: left;
}
#top2 .wrap01 .l h3 {
background: url(../image/top/ttl_s_02.jpg) 0 0 no-repeat;
width: 440px;
height: 250px;
text-indent: -9999px;
margin-bottom: 25px;
}
#top2 .wrap01 .l .txt {
background: url(../image/top/txt_01.jpg) 0 0 no-repeat;
width: 440px;
height: 265px;
text-indent: -9999px;
margin-bottom: 7px;
}
#top2 .wrap01 .r {
width: 440px;
float: right;
}
#top2 .wrap01 .r h3 {
background: url(../image/top/ttl_s_03.jpg) 0 0 no-repeat;
width: 440px;
height: 250px;
text-indent: -9999px;
margin-bottom: 25px;
}
#top2 .wrap01 .r .txt {
background: url(../image/top/txt_02.jpg) 0 0 no-repeat;
width: 440px;
height: 265px;
text-indent: -9999px;
margin-bottom: 7px;
}

#top2 .wrap02 {
width: 940px;
margin: 0 auto;
}
#top2 .wrap02 p {
width: 370px;
height: 31px;
margin: 0 auto 20px;
}
#top2 .wrap02 p a {
background: url(../image/top/btn_success.jpg) 0 0 no-repeat;
width: 370px;
height: 31px;
display: block;
text-indent: -9999px;
}
#top2 .wrap02 p a:hover {
background: url(../image/top/btn_success.jpg) 0 -31px no-repeat;
width: 370px;
height: 31px;
display: block;
text-indent: -9999px;
}

/*授業展開*/
#top3 {
width: 100%;
background: url(../image/common/bg_ttl_01.jpg) 0 0 repeat-x;
margin-bottom: 50px;
}
#top3 h2 {
width: 980px;
height: 95px;
background: url(../image/top/ttl_03.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 35px;
}

#top3 .wrap01 {
width: 980px;
margin: 0 auto 30px;
}
#top3 .wrap01 h3 {
background: url(../image/top/ttl_s_04.jpg) 0 0 no-repeat;
width: 456px;
height: 35px;
text-indent: -9999px;
margin: 0 auto 40px;
}
#top3 .wrap01 p.txt {
font-weight: bold;
line-height: 30px;
width: 645px;
margin: 0 auto 20px;
}

#top3 .wrap02 h3 {
background: url(../image/top/ttl_s_05.jpg) 0 0 no-repeat;
width: 625px;
height: 36px;
text-indent: -9999px;
margin: 0 auto 40px;
}
#top3 .wrap02 .txt {
background: url(../image/top/img_03.jpg) 0 0 no-repeat;
font-weight: bold;
line-height: 30px;
width: 478px;
height: 145px;
padding: 0 149px 0 313px;
margin: 0 auto;
}

/* -------------------------------------------------------------
論理netとは
--------------------------------------------------------------*/

/*キービジュアル*/
#page2 #kv {
background: url(../image/about/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*出口汪による最強の国語指導ツール*/
#about1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
}
#about1 h3 {
width: 980px;
height: 75px;
background: url(../image/about/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}
#about1 .wrap01 {
width: 950px;
padding-left: 30px;
margin: 0 auto;
}
#about1 .wrap01 .l {
width: 570px;
float: left;
padding-top: 30px;
}
#about1 .wrap01 .l p {
line-height: 22px;
margin-bottom: 1em;
}
#about1 .wrap01 .r {
width: 290px;
height: 390px;
float: right;
}

/*論理net導入がもたらすメリット*/
#about2 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 60px;
}
#about2 h3 {
width: 980px;
height: 75px;
background: url(../image/about/ttl_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#about2 .wrap01 {
width: 980px;
margin: 0 auto;
position: relative;
}
#about2 .wrap01 span {
background: url(../image/common/icon_merit_01.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -114px;
}
#about2 .wrap01 .txt {
font-weight: bold;
width: 420px;
height: 260px;
padding: 25px 90px 0 440px;
background: url(../image/about/img_02.jpg) 100px 0 no-repeat;
}
#about2 .wrap01 .txt ul li {
background: url(../image/common/icon_01.jpg) 0 0 no-repeat;
padding-left: 25px;
margin-bottom: 1em;
}

#about2 .wrap02 {
width: 980px;
margin: 0 auto;
position: relative;
}
#about2 .wrap02 span {
background: url(../image/common/icon_merit_02.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
right: 0;
}
#about2 .wrap02 h4 {
margin-bottom: 10px;
}
#about2 .wrap02 .txt {
font-weight: bold;
width: 420px;
height: 250px;
padding: 40px 440px 0 90px;
background: url(../image/about/img_03.jpg) 540px 10px no-repeat;
}
#about2 .wrap02 .txt ul li {
background: url(../image/common/icon_01.jpg) 0 0 no-repeat;
padding-left: 25px;
margin-bottom: 1em;
}

#about2 .wrap03 {
width: 980px;
margin: 0 auto;
position: relative;
}
#about2 .wrap03 span {
background: url(../image/common/icon_merit_03.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
}
#about2 .wrap03 .txt {
font-weight: bold;
width: 420px;
height: 220px;
padding: 25px 90px 0 440px;
background: url(../image/about/img_04.jpg) 100px 10px no-repeat;
}
#about2 .wrap03 .txt ul li {
background: url(../image/common/icon_01.jpg) 0 0 no-repeat;
padding-left: 25px;
margin-bottom: 1em;
}

/*論理net導入がもたらすメリット*/
#about3 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 60px;
}
#about3 h3 {
width: 980px;
height: 75px;
background: url(../image/about/ttl_03.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#about3 .wrap01 {
width: 980px;
margin: 0 auto;
}
#about3 .wrap01 {
font-size: 16px;
line-height: 26px;
margin-bottom: 40px;
}
#about3 .wrap01 p {
width: 800px;
margin: 0 auto;
}

#about3 .wrap02 {
width: 980px;
margin: 0 auto;
}
#about3 .wrap02 .l {
background: url(../image/about/img_07.jpg) 0 0 no-repeat;
width: 565px;
height: 672px;
padding: 5px;
float: left;
}
#about3 .wrap02 .l .viewer {
width: 565px;
height: 672px;
text-align: left;
overflow: hidden;
}
#about3 .wrap02 .l .viewer ul {
width: 565px;
height: 672px;
text-align: left;
overflow: hidden;
position: relative;
}
#about3 .wrap02 .l .viewer ul li {
top: 0;
left: 0;
width: 565px;
height: 672px;
display: none;
position: absolute;
}
#about3 .wrap02 .r {
width: 350px;
height: 682px;
float: right;
padding: 25px 20px 0 35px;
background: url(../image/about/img_06.jpg) 0 170px no-repeat;
}

#about3 .wrap03 {
width: 980px;
margin: 0 auto;
}
#about3 .wrap03 .txt {
width: 320px;
height: 538px;
padding: 20px 90px 30px 570px;
background: url(../image/about/img_08.jpg) 0 0 no-repeat;
}

#about3 .point {
background: url(../image/about/img_point_01.jpg) 0 0 no-repeat;
width: 800px;
height: 80px;
text-indent: -9999px;
margin: 0 auto;
}

/*管理システムについて*/
#about4 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 60px;
}
#about4 h3 {
width: 980px;
height: 75px;
background: url(../image/about/ttl_04.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#about4 .wrap01 {
width: 980px;
margin: 0 auto 40px;
}
#about4 .wrap01 p {
font-size: 16px;
line-height: 26px;
text-align: center;
}

#about4 .wrap02 {
width: 800px;
margin: 0 auto 10px;
}
#about4 .wrap02 p {
width: 800px;
margin-bottom: 30px;
}
#about4 .wrap02 .img {
width: 741px;
margin: 0 auto;
}

#about4 .wrap03 {
width: 800px;
margin: 0 auto 10px;
}
#about4 .wrap03 p {
width: 420px;
margin: 0 auto 30px;
}
#about4 .wrap03 .img {
width: 530px;
margin: 0 auto 10px;
}

#about4 .wrap04 {
width: 800px;
margin: 0 auto 10px;
}
#about4 .wrap04 .l {
width: 380px;
float: left;
padding-top: 20px;
}
#about4 .wrap04 .r {
width: 400px;
float: right;
}

#about4 .wrap05 {
width: 800px;
margin: 0 auto 10px;
}
#about4 .wrap05 .txt {
width: 380px;
height: 230px;
padding: 20px 0 0 420px;
background: url(../image/about/img_12.jpg) 0 0 no-repeat;
}

#about4 .wrap06 {
width: 980px;
margin: 0 auto 40px;
}
#about4 .wrap06 h4 span {
font-size: 14px;
}
#about4 .wrap06 .wrap {
width: 980px;
}
#about4 .wrap06 .wrap .l {
width: 280px;
height: 191px;
padding: 180px 20px 0;
background: url(../image/about/img_13.jpg) 0 0 no-repeat;
margin-right: 10px;
float: left;
}
#about4 .wrap06 .wrap .c {
width: 280px;
height: 191px;
padding: 180px 20px 0;
background: url(../image/about/img_14.jpg) 0 0 no-repeat;
float: left;
}
#about4 .wrap06 .wrap .r {
width: 280px;
height: 191px;
padding: 180px 20px 0;
background: url(../image/about/img_15.jpg) 0 0 no-repeat;
float: right;
}
#about4 .wrap06 .wrap h5 {
font-size: 23px;
font-weight: bold;
text-align: center;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: double #bfbfbf;
}
#about4 .wrap06 .wrap p span {
font-size: 12px;
}

#about4 .point {
background: url(../image/about/img_point_02.jpg) 0 0 no-repeat;
width: 800px;
height: 80px;
text-indent: -9999px;
margin: 0 auto;
}

/* -------------------------------------------------------------
学習効果
--------------------------------------------------------------*/

/*キービジュアル*/
#page3 #kv {
background: url(../image/learning/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*学習効果*/
#learning1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 60px;
}
#learning1 h3 {
width: 980px;
height: 75px;
background: url(../image/learning/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}
#learning1 .wrap01 p {
width: 800px;
font-size: 16px;
line-height: 26px;
margin: 0 auto 30px;
}

#learning1 .wrap02 {
width: 800px;
margin: 0 auto;
}
#learning1 .wrap02 h4 {
background: url(../image/learning/ttl_s_01.jpg) 0 0 no-repeat;
width: 442px;
height: 24px;
text-indent: -9999px;
margin: 0 auto 45px;
}
#learning1 .wrap02 .img_01 {
margin-bottom: 35px;
}
#learning1 .wrap02 .img_02 {
background: url(../image/learning/img_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
width: 800px;
height: 80px;
}

/*先生の声*/
#learning2 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#learning2 h3 {
width: 980px;
height: 75px;
background: url(../image/learning/ttl_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#learning2 .wrap01 {
width: 800px;
margin: 0 auto 20px;
}
#learning2 .wrap01 .l {
width: 358px;
float: left;
}
#learning2 .wrap01 .r {
width: 420px;
float: right;
padding-top: 30px;
}
#learning2 .wrap01 .r h5 {
background: url(../image/learning/img_name_01.jpg) 0 0 no-repeat;
width: 329px;
height: 55px;
text-indent: -9999px;
margin-bottom: 30px;
}

#learning2 .wrap02 {
width: 804px;
padding: 0 86px 10px 90px;
margin: 0 auto 10px;
}
#learning2 .wrap02 .l {
width: 380px;
float: left;
padding-top: 20px;
}
#learning2 .wrap02 .l h5 {
background: url(../image/learning/img_name_02.jpg) 0 0 no-repeat;
width: 221px;
height: 24px;
text-indent: -9999px;
margin-bottom: 30px;
}
#learning2 .wrap02 .r {
float: right;
}

#learning2 .wrap03 {
width: 804px;
padding: 0 86px 10px 90px;
margin: 0 auto 10px;
}
#learning2 .wrap03 .l {
width: 380px;
float: left;
padding-top: 20px;
}
#learning2 .wrap03 .l h5 {
background: url(../image/learning/img_name_03.jpg) 0 0 no-repeat;
width: 284px;
height: 24px;
text-indent: -9999px;
margin-bottom: 30px;
}
#learning2 .wrap03 .r {
float: right;
}

/*生徒の声*/
#learning3 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#learning3 h3 {
width: 980px;
height: 75px;
background: url(../image/learning/ttl_03.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#learning3 #voice {
width: 980px;
font-weight: bold;
margin: 0 auto;
}
#learning3 #voice ul {
list-style-type: none;
}
#learning3 #voice ul li {
float: left;
background: url(../image/common/bg_voice_02.jpg) 0 0 no-repeat;
width: 190px;
height: 250px;
padding: 30px 20px 0;
margin: 0 0 10px 20px;
position: relative;
}
#learning3 #voice ul li:first-child {
margin-left: 0;
}
#learning3 #voice ul li span {
display: block;
background: url(../image/common/icon_voice.png) 0 0 no-repeat;
width: 88px;
height: 87px;
position: absolute;
top: -7px;
left: 149px;
text-indent: -9999px;
}
#learning3 #voice ul li dl {
margin: 0 0 20px 57px;
color: #1392c5;
}
#learning3 #voice p {
line-height: 20px;
}

/* -------------------------------------------------------------
授業展開/コース設定について
--------------------------------------------------------------*/

/*キービジュアル*/
#page4 #kv {
background: url(../image/course/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*学習効果*/
#course1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#course1 h3 {
width: 980px;
height: 75px;
background: url(../image/course/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 40px;
}

#course1 .wrap01 {
width: 980px;
margin: 0 auto 30px;
}
#course1 .wrap01 .l {
width: 544px;
float: left;
}
#course1 .wrap01 .r {
width: 361px;
float: right;
}
#course1 .wrap01 .img {
margin-bottom: 20px;
}
#course1 .wrap01 h5 {
margin-bottom: 20px;
}

#course1 .wrap02 {
width: 980px;
margin: 0 auto 30px;
}
#course1 .wrap02 .img {
margin-bottom: 20px;
}
#course1 .wrap02 p {
width: 740px;
margin: 0 auto;
}

#course1 .wrap03 {
width: 980px;
margin: 0 auto 30px;
}
#course1 .wrap03 .img {
width: 583px;
margin: 0 auto 20px;
}
#course1 .wrap03 p {
width: 740px;
margin: 0 auto;
}

#course1 .btn_txt {
width: 370px;
height: 31px;
margin: 0 auto;
}
#course1 .btn_txt p a {
background: url(../image/course/btn_txt.jpg) 0 0 no-repeat;
width: 370px;
height: 31px;
text-indent: -9999px;
display: block;
}
#course1 .btn_txt p a:hover {
background: url(../image/course/btn_txt.jpg) 0 -31px no-repeat;
width: 370px;
height: 31px;
text-indent: -9999px;
display: block;
}

/*授業展開：基本編*/
#course2 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#course2 h3 {
width: 980px;
height: 75px;
background: url(../image/course/ttl_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 40px;
}

#course2 .wrap01 {
width: 980px;
margin: 0 auto 30px;
}
#course2 .wrap01 p {
font-size: 16px;
text-align: center;
}

#course2 .wrap02 {
width: 980px;
margin: 0 auto 20px;
position: relative;
}
#course2 .wrap02 span {
background: url(../image/common/icon_step_01.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
left: 30px;
}
#course2 .wrap02 h4 {
margin-bottom: 15px;
}
#course2 .wrap02 .txt {
width: 350px;
height: 235px;
background: url(../image/course/img_05.jpg) 490px 0 no-repeat;
padding: 30px 510px 0 120px;
}

#course2 .wrap03 {
width: 980px;
margin: 0 auto 20px;
position: relative;
}
#course2 .wrap03 span {
background: url(../image/common/icon_step_02.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
right: 20px;
}
#course2 .wrap03 h4 {
margin-bottom: 15px;
}
#course2 .wrap03 .txt {
width: 350px;
height: 235px;
background: url(../image/course/img_06.jpg) 0 0 no-repeat;
padding: 30px 90px 0 540px;
}

#course2 .wrap04 {
width: 980px;
margin: 0 auto 10px;
position: relative;
}
#course2 .wrap04 span {
background: url(../image/common/icon_step_03.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
left: 30px;
}
#course2 .wrap04 h4 {
margin-bottom: 15px;
}
#course2 .wrap04 .txt {
width: 350px;
height: 314px;
background: url(../image/course/img_07.jpg) 475px 0 no-repeat;
padding: 30px 510px 0 120px;
}

#course2 .wrap05 {
width: 980px;
margin: 0 auto;
position: relative;
}
#course2 .wrap05 span {
background: url(../image/common/icon_step_04.png) 0 0 no-repeat;
width: 37px;
height: 151px;
text-indent: -9999px;
position: absolute;
top: -68px;
right: 20px;
}
#course2 .wrap05 h4 {
margin-bottom: 15px;
}
#course2 .wrap05 .txt {
width: 350px;
height: 235px;
background: url(../image/course/img_08.jpg) 0 0 no-repeat;
padding: 30px 90px 0 540px;
}

/*授業展開：応用編*/
#course3 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#course3 h3 {
width: 980px;
height: 75px;
background: url(../image/course/ttl_03.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 40px;
}

#course3 .wrap01 {
width: 980px;
margin: 0 auto 30px;
}
#course3 .wrap01 h4 {
margin-bottom: 20px;
}
#course3 .wrap01 p {
font-size: 16px;
text-align: center;
}

#course3 .wrap02 {
width: 980px;
background: url(../image/common/line_04.jpg) center top no-repeat;
margin: 0 auto 40px;
padding-top: 40px;
}
#course3 .wrap02 h4 {
margin-bottom: 15px;
}
#course3 .wrap02 .l {
width: 304px;
float: left;
}
#course3 .wrap02 .r {
width: 633px;
float: right;
}

/*コース設定について*/
#course4 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#course4 h3 {
width: 980px;
height: 75px;
background: url(../image/course/ttl_04.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 40px;
}

#course4 .wrap01 ul {
width: 710px;
margin: 0 auto 10px;
font-weight: bold;
}
#course4 .wrap01 ul li {
background: url(../image/common/icon_01.jpg) 0 0 no-repeat;
padding-left: 25px;
margin-bottom: 25px;
}
#course4 .wrap01 .img {
margin-bottom: 30px;
}
#course4 .wrap01 .point {
width: 800px;
height: 80px;
background: url(../image/course/img_point_1.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto;
}

/*学習スケジュール*/
#course5 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#course5 h3 {
width: 980px;
height: 75px;
background: url(../image/course/ttl_05.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 40px;
}

#course5 .wrap01 {
width: 980px;
margin: 0 auto;
}
#course5 .wrap01 h4 {
margin-bottom: 20px;
}
#course5 .wrap01 p {
font-size: 16px;
text-align: center;
margin-bottom: 40px;
}
#course5 .wrap01 ul {
width: 710px;
margin: 0 auto 40px;
font-weight: bold;
}
#course5 .wrap01 ul li {
background: url(../image/common/icon_01.jpg) 0 0 no-repeat;
padding-left: 25px;
}
#course5 .wrap01 .img {
margin-bottom: 40px;
}

#course5 .wrap02 {
background: url(../image/course/img_13.jpg) 0 0 no-repeat;
width: 980px;
height: 338px;
margin: 0 auto 30px;
}
#course5 .wrap02 .l {
width: 240px;
padding: 0 40px 0 55px;
float: left;
}
#course5 .wrap02 .c {
width: 260px;
padding: 0 40px 0 35px;
float: left;
}
#course5 .wrap02 .r {
width: 240px;
padding-right: 30px;
float: right;
}
#course5 .wrap02 h5 {
text-indent: -9999px;
}
#course5 .wrap02 h6 {
font-size: 16px;
font-weight: bold;
margin-bottom: 10px;
}
#course5 .wrap02 p {
margin-bottom: 10px;
}
#course5 .wrap02 dt {
font-weight: bold;
}
#course5 .wrap02 dd {
font-size: 12px;
}

#course5 p.note {
width: 940px;
margin: 0 auto;
}

/* -------------------------------------------------------------
導入までの流れ/サポート体制
--------------------------------------------------------------*/

/*キービジュアル*/
#page5 #kv {
background: url(../image/support/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*導入までの流れ*/
#support1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
}
#support1 h3 {
width: 980px;
height: 75px;
background: url(../image/support/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 10px;
}

	/*ステップ1*/
#support1 .wrap01 .ttl_s_01 {
padding-right: 70px;
}
#support1 .wrap01 .ttl_s_01:before {
content: url(../image/common/icon_step1.jpg);
width: 70px;
height: 60px;
margin-right: 10px;
}
#support1 .wrap01 .l_450 {
height: 240px;
background: url(../image/support/img_01.jpg) center bottom no-repeat;
}
#support1 .wrap01 .r_450 {
background: url(../image/support/bg_img_01.jpg) 0 0 no-repeat;
width: 410px;
height: 210px;
padding: 20px 20px 0;
color: #1392c5;
}
#support1 .wrap01 .r_450 h5 {
font-size: 20px;
font-weight: bold;
text-align: center;
border-bottom: double #bfbfbf;
padding-bottom: 20px;
margin-bottom: 20px;
}
#support1 .wrap01 .r_450 p,
#support1 .wrap01 .r_450 ul {
font-size: 13px;
font-weight: bold;
}
#support1 .wrap01 .r_450 li {
list-style-type: disc;
list-style-position: inside;
}

	/*ステップ2*/
#support1 .wrap02 {
height: 165px;
background: url(../image/support/img_02.png) 657px center no-repeat;
position: relative;
top: -30px;
}
#support1 .wrap02 .ttl_s_01 {
padding-right: 70px;
}
#support1 .wrap02 .ttl_s_01:before {
content: url(../image/common/icon_step2.jpg);
width: 70px;
height: 60px;
margin-right: 10px;
}

	/*ステップ3*/
#support1 .wrap03 {
position: relative;
top: -30px;
height: 335px;
background: url(../image/support/img_03.jpg) 70px 40px no-repeat;
}
#support1 .wrap03 .ttl_s_01 {
padding-right: 70px;
}
#support1 .wrap03 .ttl_s_01:before {
content: url(../image/common/icon_step3.jpg);
width: 70px;
height: 60px;
margin-right: 10px;
}
#support1 .wrap03 p {
width: 627px;
height: 70px;
margin-left: 333px;
}

#support1 .wrap03 #flow {
width: 980px;
}
#support1 .wrap03 #flow h5 {
margin-bottom: 10px;
}
#support1 .wrap03 #flow .wrap {
background: url(../image/support/img_04.jpg) 0 0 no-repeat;
width: 887px;
height: 140px;
padding: 30px 40px 0 54px;
}
#support1 .wrap03 #flow .wrap ol {
list-style-type: none;
}
#support1 .wrap03 #flow .wrap ol li {
float: left;
font-weight: bold;
height: 140px;
}
#support1 .wrap03 #flow .wrap ol li#f1 {
width: 239px;
margin-right: 93px;
}
#support1 .wrap03 #flow .wrap ol li#f2 {
width: 244px;
margin-right: 102px;
}
#support1 .wrap03 #flow .wrap ol li#f3 {
width: 209px;
}

/*塾様へのサポート*/
#support2 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 40px;
}
#support2 h3 {
width: 980px;
height: 75px;
background: url(../image/support/ttl_02.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#support2 .wrap01 p {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}

#support2 .wrap02 {
width: 804px;
padding: 0 86px 10px 90px;
margin: 0 auto;
}
#support2 .wrap02 .l {
width: 380px;
float: left;
padding-top: 30px;
}
#support2 .wrap02 .l p {
margin-bottom: 1em;
}
#support2 .wrap02 .l ul li {
list-style-type: disc;
list-style-position: inside;
}
#support2 .wrap02 .r {
float: right;
}

#support2 .wrap03 {
width: 800px;
margin: 0 auto 30px;
}

#support2 #voice {
width: 980px;
font-weight: bold;
margin: 0 auto;
}
#support2 #voice ul {
list-style-type: none;
}
#support2 #voice ul li {
float: left;
background: url(../image/common/bg_voice_01.jpg) 0 0 no-repeat;
width: 190px;
height: 170px;
padding: 95px 20px 0;
margin: 0 0 10px 20px;
position: relative;
}
#support2 #voice ul li:first-child {
margin-left: 0;
}
#support2 #voice ul li span {
display: block;
background: url(../image/common/icon_voice.png) 0 0 no-repeat;
width: 88px;
height: 87px;
position: absolute;
top: -7px;
left: 149px;
text-indent: -9999px;
}

#support2 #supportdesk {
width: 800px;
margin: 0 auto;
}
#support2 #supportdesk p {
text-align: center;
margin-bottom: 30px;
}
#support2 #supportdesk .wrap {
background: url(../image/common/img_supportdesk.jpg) 0 0 no-repeat;
width: 800px;
height: 120px;
margin: 0 auto;
text-indent: -9999px;
}

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

/*キービジュアル*/
#page6 #kv {
background: url(../image/faq/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*よくあるご質問*/
#faq1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 30px;
}
#faq1 h3 {
width: 980px;
height: 75px;
background: url(../image/faq/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}
#faq1 dt {
font-size: 18px;
font-weight: bold;
min-height: 28px;
background: url(../image/common/line_03.jpg) 0 0 repeat-x;
padding: 20px 0 10px;
cursor: pointer;
}
#faq1 dt span {
display: block;
float: left;
background: url(../image/faq/icon_q.jpg) 0 0 no-repeat;
width: 20px;
height: 28px;
text-indent: -9999px;
margin-right: 10px;
}
#faq1 dd {
color: #1392c5;
padding: 10px 0 20px 50px;
}
#faq1 dd span {
display: block;
float: left;
background: url(../image/faq/icon_a.jpg) 0 0 no-repeat;
width: 23px;
height: 22px;
text-indent: -9999px;
margin-right: 10px;
}
#faq1 #spec {
border: solid 1px #1392c5;
padding: 20px;
}
#faq1 #spec h5 {
font-weight: bold;
border-bottom: dotted 1px #1392c5;
padding-bottom: 5px;
margin-bottom: 5px;
}
#faq1 #spec p {
margin-bottom: 20px;
}

#page6 #supportdesk {
width: 800px;
margin: 0 auto 50px;
}
#page6 #supportdesk p {
text-align: center;
font-size: 16px;
margin-bottom: 30px;
}
#page6 #supportdesk .wrap {
background: url(../image/common/img_supportdesk.jpg) 0 0 no-repeat;
width: 800px;
height: 120px;
margin: 0 auto;
text-indent: -9999px;
}

/* -------------------------------------------------------------
講義無料体験
--------------------------------------------------------------*/

/*キービジュアル*/
#page7 #kv {
background: url(../image/free_trial/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*講義無料体験*/
#free_trial1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
}
#free_trial1 h3 {
width: 980px;
height: 75px;
background: url(../image/free_trial/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#free_trial1 .wrap01 p {
width: 800px;
margin: 0 auto 30px;
}
#free_trial1 .wrap01 #video {
width: 800px;
margin: 0 auto 30px;
}

#free_trial1 .wrap02 {
width: 800px;
margin: 0 auto 40px;
}
#free_trial1 .wrap02 p {
text-align: center;
margin-bottom: 40px;
}
#free_trial1 .wrap02 table {
width: 800px;
border-left: solid 1px #bababa;
border-top: solid 1px #bababa;
margin-bottom: 20px;
}
#free_trial1 .wrap02 table th {
font-size: 18px;
font-weight: bold;
width: 280px;
background-color: #e2e2e2;
border-right: solid 1px #bababa;
border-bottom: solid 1px #bababa;
text-align: left;
vertical-align: middle;
padding: 10px 0 10px 20px;
}
#free_trial1 .wrap02 table td {
width: 460px;
border-right: solid 1px #bababa;
border-bottom: solid 1px #bababa;
padding: 10px 20px;
}

/* -------------------------------------------------------------
お問い合わせ/資料請求
--------------------------------------------------------------*/

/*キービジュアル*/
#page8 #kv {
background: url(../image/inquire/img_kv.jpg) center top no-repeat;
width: 100%;
height: 290px;
text-indent: -9999px;
}

/*お問い合わせ/資料請求*/
#inquire1 {
width: 100%;
background: url(../image/common/bg_ttl_02.jpg) 0 0 repeat-x;
position: inherit;
margin-bottom: 50px;
}
#inquire1 h3 {
width: 980px;
height: 75px;
background: url(../image/inquire/ttl_01.jpg) 0 0 no-repeat;
text-indent: -9999px;
margin: 0 auto 30px;
}

#inquire1 .wrap01 p {
width: 800px;
margin: 0 auto 30px;
}

#inquire1 .wrap02 {
width: 800px;
margin: 0 auto;
}
#inquire1 .wrap02 table {
width: 800px;
border-left: solid 1px #bababa;
border-top: solid 1px #bababa;
margin-bottom: 20px;
}
#inquire1 .wrap02 table th {
font-size: 18px;
font-weight: bold;
width: 280px;
background-color: #e2e2e2;
border-right: solid 1px #bababa;
border-bottom: solid 1px #bababa;
text-align: left;
vertical-align: middle;
padding: 10px 0 10px 20px;
}
#inquire1 .wrap02 table td {
width: 460px;
border-right: solid 1px #bababa;
border-bottom: solid 1px #bababa;
padding: 10px 20px;
}
#inquire1 .wrap02 table th span {
display: block;
float: left;
width: 40px;
height: 22px;
text-indent: -9999px;
margin-right: 10px;
}
#inquire1 .wrap02 table th span.required {
background: url(../image/inquire/icon_required.jpg) 0 0
}
#inquire1 .wrap02 input {
font-size: 12px;
width: 400px;
padding: 5px;
}

#inquire1 .wrap03 {
width: 800px;
margin: 0 auto;
}
#inquire1 .wrap03 table {
width: 800px;
border-top: solid 1px #bababa;
border-left: solid 1px #bababa;
border-right: solid 1px #bababa;
margin-bottom: 20px;
}
#inquire1 .wrap03 table th {
font-size: 18px;
font-weight: bold;
width: 760px;
background-color: #e2e2e2;
border-bottom: solid 1px #bababa;
text-align: left;
vertical-align: middle;
padding: 20px;
}
#inquire1 .wrap03 table td {
font-size: 14px;
vertical-align: middle;
width: 710px;
border-bottom: solid 1px #bababa;
padding: 20px 20px 20px 70px;
}
#inquire1 .wrap03 table th span {
display: block;
float: left;
width: 40px;
height: 22px;
text-indent: -9999px;
margin-right: 10px;
}
#inquire1 .wrap03 table th span.required {
background: url(../image/inquire/icon_required.jpg) 0 0
}
#inquire1 .wrap03 label {
float: left;
margin-right: 20px;
}

#inquire1 .wrap04 {
width: 800px;
margin: 0 auto;
}
#inquire1 .wrap04 table {
width: 800px;
border-top: solid 1px #bababa;
border-left: solid 1px #bababa;
border-right: solid 1px #bababa;
margin-bottom: 10px;
}
#inquire1 .wrap04 table th {
font-size: 18px;
font-weight: bold;
width: 760px;
background-color: #e2e2e2;
border-bottom: solid 1px #bababa;
text-align: left;
vertical-align: middle;
padding: 20px;
}
#inquire1 .wrap04 table td {
font-size: 14px;
width: 710px;
vertical-align: middle;
border-bottom: solid 1px #bababa;
padding: 20px 20px 20px 70px;
}
#inquire1 .wrap04 table th span {
display: block;
float: left;
width: 40px;
height: 22px;
text-indent: -9999px;
margin-right: 10px;
}

#inquire1 .wrap05 {
width: 800px;
margin: 0 auto;
}
#inquire1 .wrap05 p {
margin-bottom: 40px;
}
#inquire1 .wrap05 .form_btn  {
width: 290px;
height: 70px;
margin: 0 auto;
}
#inquire1 .wrap05 .form_btn input {
width: 290px;
}



#inquire1 .wrap01 #thanks p {
text-align: center;
}