@charset "shift_jis";


/*-----------------------------------
make base design
-----------------------------------*/

* {
font-family: "‚l‚r ‚oƒSƒVƒbƒN";
font-size: 12px;
color: #222222;
line-height: 140%;
margin: 0px;
padding: 0px;
}

a:link {
font-size: 12px;
color: #f98a5d;
text-decoration: none;
}

a:visited {
font-size: 12px;
color: #f98a5d;
text-decoration: none;
}

a:hover {
font-size: 12px;
color: #0066FF;
text-decoration: underline;
}

a:active {
font-size: 12px;
color: #f98a5d;
text-decoration: none;
}

html {
overflow-x: hidden;
overflow-y: scroll;
}


/*-----------------------------------
background
-----------------------------------*/

#all_ground_lesson {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 1400px;
margin: auto;
}

#all_ground_instructor {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 645px;
margin: auto;
}

#all_ground_piano_select {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 1244px;
margin: auto;
}

#all_ground_access {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 600px;
margin: auto;
}

#all_ground_mail {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 750px;
margin: auto;
}

#all_ground_blog {
background: url(../satellite_img/background.jpg) repeat-y;
width: 820px;
height: 830px;
margin: auto;
}


/*-----------------------------------
header
-----------------------------------*/

#header {
background: url(../satellite_img/satellite_header.jpg) no-repeat;
width: 820px;
height: 46px;
margin: auto;
}

#top_return {
width: 240px;
height: 40px;
float: left;
padding: 0 0 0 18px;
}

#header_text {
font-size: 12px;
letter-spacing: 1px;
float: right;
padding: 7px 23px 0 0;
}


/*-----------------------------------
satellite_img
-----------------------------------*/

#main_satellite_img {
width: 820px;
height: 308px;
margin: auto;
}


/*-----------------------------------
navi area
-----------------------------------*/

#navi_space {
width: 820px;
height: 50px;
margin: auto;
}

#left_frame {
width: 10px;
height: 50px;
float: left;
}

#right_frame {
width: 10px;
height: 50px;
float: left;
}

#menu_01 {
width: 133px;
height: 50px;
float: left;
}

.menu_02 {
width: 134px;
height: 50px;
float: left;
}

#menu_03 {
width: 131px;
height: 50px;
float: left;
}


/*-----------------------------------
body
-----------------------------------*/

#body_background {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 1130px;
margin: auto;
}

#body_background_lesson {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 1250px;
margin: auto;
}

#body_background_instructor {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 424px;
margin: auto;
}

#body_background_piano_select {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 1002px;
margin: auto;
}

#body_background_access {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 415px;
margin: auto;
}

#body_background_mail {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 586px;
margin: auto;
}

#body_background_blog {
background: url(../satellite_img/body.jpg) no-repeat;
width: 820px;
height: 720px;
margin: auto;
}

#main_column_head {
background: url(../satellite_img/satellite_page_main_column_head.gif) no-repeat;
width: 820px;
height: 10px;
float: left;
}

#left_side {
width: 173px;
height: 415px;
float: left;
}

#left_banner_01 {
width: 152px;
height: 116px;
float: right;
padding-top: 23px;
}

#left_banner_02 {
width: 152px;
height: 101px;
float: right;
padding-top: 22px;
}

#center_box {
width: 475px;
height: 430px;
float: left;
}

#center_box_lesson {
width: 475px;
height: 1210px;
float: left;
}

#center_box_instructor {
width: 475px;
height: 394px;
float: left;
}

#center_box_piano_select {
width: 475px;
height: 982px;
float: left;
}

#center_box_access {
width: 475px;
height: 415px;
float: left;
}

#center_box_mail {
width: 475px;
height: 500px;
float: left;
}

#center_box_blog {
width: 475px;
height: 700px;
float: left;
}

#center_title_area {
width: 475px;
height: 24px;
margin-top: 23px;
}

#main_box {
width: 460px;
margin: 10px 0 0 10px;
}

#mail_table_box {
width: 420px;
height: 295px;
margin: 10px 0 0 15px;
float: left;
}

#blog_banner {
width: 266px;
height: 87px;
float: left;
padding: 14px 0 0 30px;
}

#lesson_image {
width: 100px;
height: 87px;
float: left;
padding: 8px 0 0 30px;
}

#instructor_image {
width: 124px;
height: 108px;
float: right;
padding: 9px 14px 0 0;
}

#piano_select_image {
width: 124px;
height: 103px;
float: right;
padding: 20px 14px 0 0;
}

#blog_image {
width: 124px;
height: 122px;
float: right;
margin-right: 20px;
}

#bottom_banner_table {
width: 420px;
height: 200px;
padding-bottom: 10px;
float: left;
}

#banner_area_up {
width: 194px;
height: 94px;
padding: 14px 0 0 62px;
}

#banner_area_down {
width: 266px;
height: 87px;
padding: 10px 0 0 28px;
}

#bottom_blog_banner_table {
width: 460px;
height: 500px;
padding-bottom: 10px;
float: left;
}

#blog_banner_area_up_left {
width: 212px;
height: 116px;
padding: 10px 0 0 30px;
float: left;
}

#blog_banner_area_up_right {
width: 124px;
height: 122px;
margin: 5px 0 0 32px;
float: left;
}

#blog_banner_area_down {
width: 400px;
height: 300px;
padding: 8px 0 0 26px;
}

#gallery {
width: 400px;
height: 18px;
float: left;
}

#gallery_pic_01 {
width: 415px;
height: 292px;
padding: 2px 0 0 18px;
float: left;
}

#gallery_pic_02 {
width: 415px;
height: 292px;
padding: 14px 0 0 18px;
float: left;
}

#contents_title {
width: 299px;
height: 37px;
float: left;
padding-left: 16px;
}

#mail_info {
width: 356px;
height: 37px;
float: left;
padding: 16px 0 0 16px;
}

#youtube {
width: 356px;
height: 37px;
float: left;
padding: 20px 0 0 16px;
}

#more_link {
width: 209px;
height: 37px;
float: left;
padding-left: 120px;
}

#map_large {
width: 420px;
height: 30px;
padding: 5px 0 7px 15px;
float: left;
}

#blog_contents_area {
width: 460px;
height: 130px;
}

.contents_text {
width: 420px;
float: left;
padding: 8px 0 0 28px;
font-size: 12px;
line-height: 19px;
letter-spacing: 1px;
}

#map_area {
background: url(../satellite_img/map_frame.gif) no-repeat;
width: 420px;
height: 442px;
margin: 10px 0 4px 16px;
float: left;
}

#map_frame {
padding: 4px 0 0 6px;
float: left;
}

.text_spacer {
width: 420px;
height: 16px;
float: left;
}

#right_side {
width: 172px;
height: 415px;
float: left;
}

#right_banner_01 {
width: 153px;
height: 76px;
float: left;
padding-top: 23px;
}

#right_banner_02 {
width: 153px;
height: 115px;
float: left;
padding-top: 17px;
}

#right_banner_03 {
width: 153px;
height: 116px;
float: left;
padding-top: 17px;
}


/*-----------------------------------
space
-----------------------------------*/

#spacer {
width: 820px;
height: 14px;
margin: auto;
}


/*-----------------------------------
bottom area
-----------------------------------*/

#bottom {
background: url(../image/bottom_navi.jpg) no-repeat;
width: 820px;
height: 88px;
margin: auto;
}

#bottom_title {
font-size: 15px;
font-weight: 600;
letter-spacing: 1px;
color: #e75087;
font-family: '‚l‚r ‚o–¾’©';
padding: 7px 0 0 30px;
}

#bottom_text_01 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 100px;
float: left;
padding: 11px 0 0 44px;
}

#bottom_text_02 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 140px;
float: left;
padding: 11px 0 0 50px;
}

#bottom_text_03 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 100px;
float: left;
padding: 11px 0 0 36px;
}

#bottom_text_04 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 196px;
float: left;
padding: 11px 0 0 22px;
}

#bottom_text_05 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 100px;
float: left;
padding: 11px 0 0 26px;
}

#bottom_text_06 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 120px;
float: left;
padding: 2px 0 0 80px;
}

#bottom_text_07 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 170px;
float: left;
padding: 2px 0 0 54px;
}

#bottom_text_08 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 140px;
float: left;
padding: 2px 0 0 46px;
}

#bottom_text_09 {
font-size: 14px;
letter-spacing: 1px;
color: #1fc444;
font-weight: 600;
font-family: '‚l‚r ‚o–¾’©';
width: 140px;
float: left;
padding: 2px 0 0 36px;
}


/*-----------------------------------
footer
-----------------------------------*/

#copyright { 
background: url(../image/copyright_bg.jpg) no-repeat; 
width: 820px;
height: 44px;
margin: auto;
}