* {
margin:0;
padding:0;
border:none;
}
html {
overflow-y:scroll;
}
body {
text-align: center;
font-family: "qMmpSPro","lr oSVbN", Osaka , "CI" , Mairyo , Hiragino Kaku Gothic Pro ;
font-size: 12px;
line-height: 1.6;
color: #727172;
background-color:#ffffff;
}
img {
border-style:none;
vertical-align:bottom;
line-height:0;
}
ul {
list-style:none;
}
#footer {
position:relative;
width:950px;
padding:0px 0px 30px 0px;
background:url(../image/footer_bg.jpg) no-repeat bottom left;
}
#copy {
text-align:right;
padding-right:50px;
font-size:10px;flo
color:#999999;
}
.icon_circle {
background:url(../image/icon_circle.jpg) no-repeat top left;
margin-left:10px;
padding:2px 0px 7px 17px!important;
padding:3px 0px 7px 17px;
color:#999999;
}
#footer a {
text-decoration:none;
}
/*toppage*/
#wrapper {
width:950px;
text-align:left;
margin:0 auto;
background:url(../image/back_center.jpg);
background-repeat:repeat-y;
}
#top_header{
width:950px;
height:33px;
}
#top_contents{
height:725px;
margin:0px 28px 0 29px;
background:url(../image/top_bg.jpg) no-repeat;
}
#top_left{
width:415px;
height:725px;
float:left;
}
#top_left h1{
text-indent:-9999px;
}
#top_left h2{
text-indent:-9999px;
}
#top_right{
width:470px;
height:725px;
float:left;
}
#top_logo{
width:470px;
height:50px;
background:url(../image/top_logo_bg.jpg) no-repeat;
}
#top_logo h2{
margin-left:347px;
}
dl#introductionlist dd{
margin-left:47px;
}
dl#beginnerlist dd{
margin-left:47px;
}
dd#top{
margin-bottom:8px;
}
dd#top02{
margin-bottom:5px;
}
dd#last{
margin-bottom:14px;
}
#faq{
margin-left:374px;
}
#top_footer {
clear:left;
width:950px;
height:55px;
background-image:url(../image/top_footer.jpg);
background-repeat:no-repeat;
background-position:bottom;
text-align:left;
}
/*contents*/
/*intoro*/
.cont_1_1{
float:right;
background:url(../image/bg_1_1.jpg) top left no-repeat;
height:505px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_1_2{
float:right;
background:url(../image/bg_1_2.jpg) top left no-repeat;
height:585px;
width:675px;
padding:60px 0px 0px 35px;
}
/*beginner*/
.cont_2_1_1{
float:right;
background:url(../image/bg_2_1_1.jpg) top left no-repeat;
height:507px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_2_1_2{
float:right;
background:url(../image/bg_2_1_2.jpg) top left no-repeat;
height:1102px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_2_2_1{
float:right;
background:url(../image/bg_2_2_1.jpg) top left no-repeat;
height:510px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_2_2_2{
float:right;
background:url(../image/bg_2_2_2.jpg) top left no-repeat;
height:666px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_2_3_1{
float:right;
background:url(../image/bg_2_3_1.jpg) top left no-repeat;
height:565px;
width:675px;
padding:50px 0px 0px 35px;
}
/*middle*/
.cont_3-1-1{
float:right;
background:url(../image/bg_3-1-1.jpg) top left no-repeat;
height:510px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_3-1-2{
float:right;
background:url(../image/bg_3-1-2.jpg) top left no-repeat;
height:639px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_3-2-1{
float:right;
background:url(../image/bg_3-2-1.jpg) top left no-repeat;
height:527px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_3-2-2{
float:right;
background:url(../image/bg_3-2-2.jpg) top left no-repeat;
height:675px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_3-3-1{
float:right;
background:url(../image/bg_3-3-1.jpg) top left no-repeat;
height:527px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_3-3-2{
float:right;
background:url(../image/bg_3-3-2.jpg) top left no-repeat;
height:713px;
width:675px;
padding:60px 0px 0px 35px;
}
.btn_area_middle01{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_middle01.jpg) top left no-repeat;
text-align:center;
}
.btn_area_middle02{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_middle02.jpg) top left no-repeat;
text-align:center;
}
.btn_area_middle03{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_middle03.jpg) top left no-repeat;
text-align:center;
}
/*senior*/
.cont_4-1-1{
float:right;
background:url(../image/bg_4-1-1.jpg) top left no-repeat;
height:505px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_4-1-2{
float:right;
background:url(../image/bg_4-1-2.jpg) top left no-repeat;
height:572px;
width:675px;
padding:60px 0px 0px 35px;
}
.cont_4-2-1{
float:right;
background:url(../image/bg_4-2-1.jpg) top left no-repeat;
height:633px;
width:675px;
padding:60px 0px 0px 35px;
}
.btn_area_senior01{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_senior01.jpg) top left no-repeat;
text-align:center;
}
.btn_area_senior02{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_senior02.jpg) top left no-repeat;
text-align:center;
}
p.next_btn01s{
text-align:right;
padding:0 40px 0 0;
}
.next_btn3{
text-align:right;
padding:10px 10px 0 0;
clear:both;
}
/*faq*/
.btn_area_faq{
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach_faq.jpg) top left no-repeat;
text-align:center;
}
.cont_faq{
float:right;
background:url(../image/bg_faq.jpg) top left no-repeat;
height:1057px;
width:675px;
padding:45px 0px 0px 35px;
}
#contents {
width:890px;
margin:auto;
text-align:left;
padding:15px 0px 0px 0px;
}
.top_left {
float:left;
width:660px;
}
.top_right {
float:right;
width:200px;
text-align:right;
}
.top_right img{
text-align:right;
}
.clear {
clear:both;
}
.next_btn {
text-align:right;
padding:10px 15px 0 0;
clear:both;
}
.next_btn2 {
text-align:right;
padding:10px 30px 0 0;
clear:both;
}
.btn_area {
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach01.jpg) top left no-repeat;
text-align:center;
}
.btn_area2_1 {
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach02.jpg) top left no-repeat;
text-align:center;
}
.btn_area2_2 {
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach02_1.jpg) top left no-repeat;
text-align:center;
}
.btn_area2_3 {
float:left;
width:180px;
padding:310px 0px 0px 0px;
background:url(../image/img_teach02_3.jpg) top left no-repeat;
text-align:center;
}