@charset "UTF-8";
/* CSS Document */

body { background:url(images/bg.jpg) repeat-x #fff8f7; font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Arial, sans-serif; font-size:14px; margin:0; text-align:justify; padding-bottom:3em;}
body , html { height: 100%;}
a { text-decoration:none; color:#000;}
a:hover { color:#777;}

#menu { width:920px; margin:auto; background:url(images/banner_bg.jpg) repeat-x; height:110px; margin-bottom:1em;}
#menu_left { float:left; background:url(images/logo.jpg) no-repeat; width:300px; height:109px; font-size:10px; padding:3px 0 0 18px;}
#menu_left div{ position:absolute;}
#menu_right { float:right; background:url(images/banner_right.jpg) no-repeat right; padding-right:2px; height:109px;}

.menu_line { background:url(images/menu_line.jpg) no-repeat left 11px; height:110px; width:2px; float:left;}
.effect { margin-top:3.5em; position:relative; padding:0 .5em 0 1.5em; margin-left:.5em; height:50px;}
.badge_4,.badge_1, .badge_2, .badge_3 { width:33px; height:34px; margin:0 0 -1.9em -3.4em;}

.badge_1 { background:url(images/badge_1.jpg) no-repeat; }
.badge_2 { background:url(images/badge_2.jpg) no-repeat; }
.badge_3 { background:url(images/badge_3.jpg) no-repeat; }
.badge_4 { background:url(images/badge_4.jpg) no-repeat; }

#english { float:left; background:url(images/usa.png) no-repeat;}
#japanese { float:left; background:url(images/japan.png) no-repeat;}
#contents { float:left; background:url(images/contents.png) no-repeat;}
#sample_pages { float:left; background:url(images/sample.png) no-repeat;}
#teaching { float:left; background:url(images/teaching.png) no-repeat;}
#contact { float:left; background:url(images/contact.png) no-repeat;}
#shop { float:left; padding-left:0;}
#shop #ask { line-height:2em; background:url(images/shop.png) no-repeat; padding-left:1.5em;}
#shop #amazon { background:url(images/shop.png) no-repeat; padding-left:1.5em;}

#kana { background:url(images/pencil.png) no-repeat; padding-left:29px; height:30px;}
#cd { background:url(images/cd.png) no-repeat; padding-left:29px; height:30px; padding-top:5px; margin-top:-1em;}

#main { width:900px; margin:auto; background:url(images/logo.png) no-repeat; height:auto;}
#first_text { margin:1em auto; background:url(images/sample_picture.jpg) no-repeat right; padding-right:350px; width:500px; height:250px;}
#first_text ol li { padding-left:1em; list-style-type:none;}
#survival_text { padding-left:1.7em; font-size:20px; color:#ff8390; font-weight:bold; text-align:left;}
/* background:url(images/white_gradient.png) repeat-x bottom; width:900px; height:20px; position:absolute; z-index:3; margin-top:-2em;*/
#survival_subtext { font-size:18px; font-weight:normal; color:#000;}

#book_image{ background:url(images/funeasy-book.jpg) no-repeat; float:left; width:900px; height:438px; margin-bottom:1em;}
#home, #teaching_materials{ float:left; width:900px; min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -5em; }
#teaching_materials ul { margin:1.2em; font-size:16px;}
#teaching_materials li { list-style-image:url(images/pdf.png); padding-bottom:2px;}

#left_text { margin-top:310px; float:left; font-size:12px; }
#left_text div  {  border-top:#CCC 1px solid; width:140px;}
#left_text_jp { margin-top:280px; float:left; font-size:12px; }
#left_text_jp div {  border-top:#CCC 1px solid; width:100px;}
#right_text { width:360px; float:right;}

#push { height:5em;}
#footer { text-align:center; font-size:11px; position:relative; margin-bottom:3em; background:none; height:4em; border-top:#CCC 1px solid; padding-top:1em; margin-top:4em}
#home #push { margin-top:4em;}
#footer a{ color:#d9867d;}
#footer a:hover{ color:#e56457;}
.clear { clear:both;}
.border-bottom { border-bottom:#CCC 1px dotted; margin:1.5em; }

#window { display:none; margin:1em auto; position:relative; z-index:1;} 
#window form { padding-left:2.5em; margin-top:1em;} 
#window input[type="text"], #window textarea{ border:1px solid #999;}
#window div{ display:inline-block;}
#form_fdiv { height:1em; margin:0 .4em 2.2em 0;}
#form_tdiv { float:right; margin-right:5em;}
#send_bttn { background: url(images/send_button.png) no-repeat bottom; cursor:pointer; color:#FFF; font-size:13px; border:none; width:67px; height:19px;}
#send_bttn:hover { background-position:top; }

.facebook_link { float:right; margin:21em 2em 1em 0; background:#FFF;}
.fbFooterBorder { display:none !important;}