@charset "utf-8";
/* CSS Document */
@import "reset.css";


div.clear { clear: both; }



/*Logo and top area*/
div#wrapper {background: url(../images/top_bg.gif) repeat-x top left;}
img#logo {position:absolute; left:10px; top:40px; behavior: url(css/iepngfix/iepngfix.htc);}
div#top_container {position:relative; width:630px; height:125px; margin:0 auto;}


/*Navigation*/
ul#main_navi {position:absolute; top: 64px; left: 270px; height:60px;}
ul#main_navi li {float: left;}
ul#main_navi li a {display:block; width:60px; height:60px; text-indent:-9999px;}
ul#main_navi li a.home { background:url(../images/menu_all.png) 0px -4px no-repeat;}
ul#main_navi li a.sample_menu {background:url(../images/menu_all.png) -60px -4px no-repeat;}
ul#main_navi li a.gallery {background:url(../images/menu_all.png) -120px -4px no-repeat;}
ul#main_navi li a.contact {background:url(../images/menu_all.png) -180px -4px no-repeat;}
ul#main_navi li a.terms {background:url(../images/menu_all.png) -240px -4px no-repeat;}
ul#main_navi li a.e_language {background:url(../images/english.gif) no-repeat 5px 10px;}
ul#main_navi li a.j_language  {background:url(../images/japanese.gif) no-repeat 5px 10px;}


/*Navigation hover state*/
ul#main_navi li a.home:hover, ul#main_navi li #home_active  {background:url(../images/menu_all.png) 0px -70px no-repeat;}
ul#main_navi li a.sample_menu:hover, ul#main_navi li #sample_menu_active {background:url(../images/menu_all.png) -60px -70px no-repeat;}
ul#main_navi li a.gallery:hover, ul#main_navi li #gallery_active {background:url(../images/menu_all.png) -120px -70px no-repeat;}
ul#main_navi li a.contact:hover, ul#main_navi li #contact_active {background:url(../images/menu_all.png) -180px -70px no-repeat;}
ul#main_navi li a.terms:hover, ul#main_navi li #terms_active {background:url(../images/menu_all.png) -240px -70px no-repeat;}



/*body area*/
div#main_body {width:618px;position:relative; margin:2px auto 0 auto;}
div#top_box {height:200px; width:618px; background:url(../images/balloonangels_bgtop.jpg) repeat-y top center;}
div#content_area {background: url(../images/balloonangels_bgbody.jpg) repeat-y top center;}
div.thirty{height:300px;}
div.thirtyfive {height:350px;}
div.fourty {height:400px;}
div.fourtyfive {height:450px;}
div.fifty {height:500px;}
div.fiftyfive {height:550px;}
div.sixty {height:600px;}
div.termsbody {height:850px;}
div#bottom_box {postion:relative; bottom:0px; background: url(../images/balloonangels_bgbottom.jpg) no-repeat bottom center; height:23px;}
div#footer { margin:15px 0 0 0; height: 100px; background: url(../images/footer_bg.gif) repeat-x top left; padding-top:5px;}

/*top area left_center_right wing  imges*/
div#top_box img#left_wing {position:relative; float:left; left:-140px;}
div#top_box img#right_wing {position:relative; float:right; right:-140px;}
div#top_box img.main_image {position:absolute; float:left; left:15px; top:15px;}


/*footer area left right koinobori imges*/
div#bottom_box img#koinobori_left {position:absolute; float:left; bottom: 20px; left:-90px; }
div#bottom_box img#koinobori_right {position:absolute; float:right; bottom: 20px; right:-90px;}
/*footer area content*/
div#footer p#powered {margin:0 auto; width:600px; text-align:right; color:#00a3e8; font-family:"Times New Roman", Times, serif; font-size:1.0em; font-weight:700; line-height:1.1em;}
div#footer span.poweredby {color:#37c4ff; margin-right:3px;}
div#footer span.windesign {color:#ff458f; padding-left:18px; background:url(../images/logo_small.png) left center no-repeat;}
*html div#footer span.windesign {color:#ff458f; padding-left:10px; background:url(../images/logo_small.png) left center no-repeat; behavior: url(css/iepngfix/iepngfix.htc);}


/*Index page__About Us*/
div#aboutus {height:220px; padding-top:15px; text-align:left; margin:0 27px; background:url(../images/polaroid_balloon.jpg) center right no-repeat;}
div#aboutus h1 {text-indent:-9999px; background-image:url(../images/about_us_header.jpg); width:205px; height:47px;}
div#aboutus p { margin-right:160px; font-weight:bold; color:#5dbf9d; }
div#aboutus h2 {font-family: Helvetica,Arial,Sans-Serif; font-size: 20px; color:#c76004; letter-spacing: -1px;line-height: 32px;}

/*Index page__About Us Japanese*/
div#aboutus p.japanese {font-family:"ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック"; font-size:0.8em;}


/*Index page__Coming Event */
div#comingevent {margin:0 27px 0 50px; text-align:left;} 
div#comingevent h1 {text-indent:-9999px; background:url(../images/coming_event.gif) no-repeat center right; width:322px; height:47px;}
div#comingevent img { position:absolute; right: 35px; bottom:15px; float:right;}
div#comingevent ul {margin-top:10px; font-size: 1.3em; margin-left:20px; color:#5dbf9d;}
div#comingevent ul li{height:40px; background:url(../images/comingevent_list_arrow.jpg) no-repeat left top; padding-left:36px;}






/* Gallery Page */
div.gallery_container {position:relative; float:left; margin:0px 0px 0px 35px; width:531px; height:242px; background:url(../images/gallery_background_left.jpg);}
*html div.gallery_container {margin-left:25px;}
div.gallery_container img { position:absolute; left:15px; top:35px;}
div.gallery_container h3 {font-size:0.8em; position:absolute; float:right; width:145px;  right:7px; margin-top:45px;}
div.gallery_container p {postion:absolute; float:right; width:145px; right:12px; margin-top:65px; text-align:left; overflow:visible; font-size:0.9em;}
div.gallery_container p.japanese {font-family:"ＭＳ ゴシック", "MS UI Gothic", "ＭＳ Ｐゴシック"; font-size:0.8em;}



/* Index Page Japanese */




/* MENU Page Enlgish */
div#menu_content {padding-top:10px;text-align: left; color:#5dbf9d; margin:0 25px 35px 25px; line-height:1.1em;}
div#menu_content h2 {font-family: Helvetica,Arial,Sans-Serif; font-size: 20px; color:#c76004; letter-spacing: -1px;line-height: 32px;}
div#menu_content p {padding-left:10px;}
div#menu_content ol {list-style:decimal; padding-left:50px;}




/* Form design */
div#form {padding-top:15px; padding-right:180px; text-align:left; margin:0px 27px 0px 27px; background:url(../images/polaroid_balloon.jpg) 380px 50px no-repeat; color:#5dbf9d;}
div#form_small {width:300px;}
label {display:block; font-weight:bold; margin:5px 0;}
input {padding: 2px; border:1px solid #eee; font: normal 1em "Trebuchet MS", Tahoma, sans-serif; color:#777;}
textarea {width:300px;padding:2px;font: normal 1em "Trebuchet MS", Tahoma, sans-serif;border:1px solid #eee;height:100px;display:block;color:#777;background-color: #FFFF9F;}
input.submitbutton { margin: 0; font: bold 1em Arial, Sans-serif; background: #FFF url(gradientbg.jpg) repeat-x; padding: 2px 3px; color: #333;	border: 1px solid #DADADA;	
}


/* Terms Page*/
div#terms {padding-top:20px; text-align: left; margin: 0px 25px 0px; font-size: 0.9em; line-height:1.1em; color:#5dbf9d;}
div#terms h3 {font-weight:bold; margin: 10px 0px 5px;}
div#terms p {}
div#terms ul {display:block; list-style:outside; margin-left: 50px; padding-left:10px;}
div#terms li {}