@charset "utf-8";
/* CSS Document */
@import "reset.css";
/* slightly enhanced, universal clearfix hack */
.clearfix:after {visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }
/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* img.drop-s {background:url(../images/dropshadow-s.png) no-repeat bottom center; padding:6px 5px; } */
img.drop-m {background:url(../images/dropshadow-m.png) no-repeat bottom center; padding:15px; }

/* close commented backslash hack */
a.readmore {vertical-align:middle; width:92px;  display:block; padding:0 20 0 0px;  background:right center no-repeat url(../images/arrow_readmore.gif);}
div#wrap {width: 851px;margin: 0 auto;text-align:left;}
div#top {position: relative;height: 274px;background:url(../images/top_bg.jpg) no-repeat top left ;}
div#nav {position:relative; height:47px;}
div#nav ul {display: inline; position:absolute; top: 35px; left: 120px; }
div#nav ul li {float: left; }
div#nav ul li a {display:block; width:105px; height:23px; text-indent:-9999px;}
div#nav ul li a.home {background:url(../images/menu_all.png) no-repeat 15px 0px;}
div#nav ul li a.aboutus {background:url(../images/menu_all.png) no-repeat -92px 0px;}
div#nav ul li a.menu {background:url(../images/menu_all.png) no-repeat -200px 0px;}
div#nav ul li a.contact {background:url(../images/menu_all.png) no-repeat -318px 0px;}
div#nav ul li a#language {margin-left:50px; height:30px;}
div#nav ul li a#language img {top:-10px; left:491px;}
div#nav ul li a.home:hover, body#home div#nav ul li a.home {background:url(../images/menu_all_green.png) no-repeat 15px 0px;}
div#nav ul li a.aboutus:hover, body#abouthalu div#nav ul li a.aboutus {background:url(../images/menu_all_green.png) no-repeat -92px 0px;}
div#nav ul li a.menu:hover, body#menupage div#nav ul li a.menu{background:url(../images/menu_all_green.png) no-repeat -200px 0px;}
div#nav ul li a.contact:hover, body#contacthalu div#nav ul li a.contact {background:url(../images/menu_all_green.png) no-repeat -318px 0px;}
div#top img {position: absolute; top: 170px; left: 30px;}
div#top img.ramenimg {
left:555px;
position:relative;
top:7px;
}
div#content_area {position:relative; margin: 0 0 0 30px; background:url(../images/bg_main.png) no-repeat bottom right;}
/*Halu main Page*/
div#home_left {width:450px; float:left; }
div#home_right {width:370px; float:right; }
div#businessHour {margin-top: 393px;}
div#content_area p.whats_new {background:url(../images/dotline.png) top center repeat-x; margin-top:10px; width: 410px; padding:20px 0px; font-family:"小塚ゴシック Pro", "ＭＳ Ｐゴシック", Helvetica; font-size: 1.0em; font-weight: bold; color:#008ee0; letter-spacing: 0.8px; word-spacing: 1px; line-height: 1.2em; min-height:95px;}
div#contact_businesshour_home { float:right; }
div#content_area p.whats_new a {font-size: 1em; line-height: 2em;}
div#content_area p.whats_new img {float: left; margin:5px 15px 5px 0; 
	-moz-box-shadow: 0px 0px 3px #666;
	-webkit-box-shadow: 0px 0px 3px #666;
	box-shadow: 0px 0px 3px #666;
	border:3px solid #FFFFFF;
	}
div#shop_pic {position: absolute; float:right;  top:10px; right:50px; width:263px; height: 367px; background:url(../images/store_pic_frame.jpg) no-repeat top center;}
div#shop_pic p#desc {text-indent:-9999px;}
div#shop_pic img#placeholder {
    height: 244px;
    margin: 32px 0 0 20px;
    width: 226px;
}
div#shop_pic ul {margin:10px 0px 0px 20px;}
div#shop_pic ul li {float: left; margin-left:10px;}
div#footer {height:189px;  background: url(../images/bg_bottom.jpg) repeat top center; }
div#footer div {height:189px; background:url(../images/bg_footer.jpg) no-repeat top center; }
div#footer_container {position: relative; margin: 0 auto; width: 851px; text-align:left;}
div#footer_container img#chopstic_s {float:left;position:relative; left: 20px; top: -96px;}
div#footer_container img#coloring_s {float:left;position:relative; left: 40px; top: -119px;}
div#footer_container img#funclub_s {float:left;position:relative; left: 55px; top: -103px;}
div#main_footer_box {height: 150px; clear:both;}
*div#main_footer_box {height: 170px;}
/* About Halu Page */
ul#halu_material { margin: 20px 0 0 -20px;}
ul#halu_material li { text-align:center; float: left; margin: 10px; font-weight:bold; color:#003366;}
ul#halu_material li img {cursor:hand; cursor:pointer;}
img.gu_image {margin: 0px 10px 5px 0px;float:left;}
div.crop {margin-left:-25px; text-align:center; clear:both; width: 820px; height: 450px;overflow: hidden; background:url(../images/about_material_bg.png) no-repeat top left;  behavior:url(css/iepngfix/iepngfix.htc);}
div.widearea {margin-top:20px; width: 6560px;  height: 450px; }              
div.widearea div {margin:0 auto; text-align:left; width: 760px; padding:0 30px 40px 30px; height: 450px;display: block;float: left; font-size: 0.9em;line-height:1.2em; letter-spacing: 1px;}
div.widearea div#divtwo {
    height: 340px;
    overflow: auto;
    width: 742px;
}
div#divtwo p a.fancybox > img {float:left; padding:2px; margin:3px; border:1px solid #CCC;}
div#divtwo h3 {clear:both;}

/*Menu Page*/
#menu_table {width:100%; font-size:1em; line-height: 1.3em;}

/* Contact */
div#contact_businesshour { margin-top:50px;}
body#home div#contact_businesshour { vertical-align:middle; padding:0px;}


div#contact_businesshour th {font: bold 13px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #6D929B;border: 1px solid #C1DAD7;
letter-spacing: 2px;text-transform:uppercase;text-align: left;padding: 6px 6px 6px 12px;background: #CAE8EA url(../images/bg_header.jpg) no-repeat;width: 200px;}
div#contact_businesshour th.nobg {border-top: 0;border-left: 0;background: none;}
div#contact_businesshour th.spec {	background: #fff url(../images/bullet1.gif) no-repeat;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;}
div#contact_businesshour th.specalt {background: #f5fafa url(../images/bullet2.gif) no-repeat;font: bold 12px "Trebuchet MS", Verdana, Arial, Helvetica,sans-serif;color: #B4AA9D;}
div#contact_businesshour td {border-right: 1px solid #C1DAD7;border-bottom: 1px solid #C1DAD7;background: #fff;padding: 6px 6px 6px 12px;color: #6D929B;}
div#contact_businesshour td.alt {background: #F5FAFA;color: #B4AA9D;}
p#address {margin:10px 0 20px 0;}
#contact_main {padding: 10px 10px 15px 10px;height: 570px;}
#contact {padding: 0px 20px 15px 20px;text-align: left;width: 440px;float: left;}
#contact_address {margin: 20px 20px 0 0;padding: 0px;width: 220px;float: right;}
#contact_address img {margin:0 0 5px 0;}
#footer_container em {display:none; background:url(../images/hover.png) top left no-repeat; text-align:left; position: absolute; top:-230px; width:240px; height:120px; padding:10px; font-family:"小塚ゴシック Pro", "ＭＳ Ｐゴシック", Helvetica; font-size: 0.8em; font-weight: bold; font-style: normal; color:#ffffff; letter-spacing: 0.8px; word-spacing: 1px; line-height: 1.2em;}
*footer_container em {width: 210px;}
#footer_container em.nine {left:-90px;}
#footer_container em.color {left:0px;}
#footer_container em.club {left:130px;}
#footer_container p#copyright {background:url(../images/icon_browser.png) bottom left no-repeat; float:right; padding:50px 20px 40px 0px; font-weight:bold; color:#FFFFFF;}
#footer_container p#copyright a { text-decoration:none; color:#FFFFFF}
#footer_container p#copyright a:hover { color: #0099FF;}
#footer_container p#copyright em {display:none; width:260px; height: 170px; background:#FFFFFF; position:absolute; top:-150px; left:600px;}

/*Original Ramen Series*/
div#original_ramen_container {text-align: center; margin:30px 30px 0px 20px; padding:0px 0px 100px; font-family:"小塚ゴシック Pro", "ＭＳ Ｐゴシック", Helvetica; font-size: 0.9em; font-weight: bold; color:#008ee0; letter-spacing: 0.8px; word-spacing: 1px; line-height: 1.2em;}
div#original_ramen_container h2 { font-size:1.5em; font-weight:bold; display:block; margin:5px 0px 20px;}
div#original_ramen_container p {text-align:left;}
.highlight {color:#FF3333;}
div#original_ramen_container p img {
	float: left; 
	margin: 0px 17px 5px 0px;
	-moz-box-shadow:0 0 4px #000000;
	-webkit-box-shadow: 0 0 4px #000000;
	box-shadow: 0 0 4px #000000;
	border:5px solid white;
}

div#original_ramen_container ul{
		text-align:left;
		list-style: outside circle ;
}


/* Bar Graphs */
.graph {
  width: 250px;
  position: relative;
  right: 30px;
}
.bar-title {
  position: relative;
  float: left;
  width: 104px;
  line-height: 20px;
  margin-right: 17px;
  font-weight: bold;
  text-align: right;
}
.bar-container {
  position: relative;
  float: left;
  width: 110px;
  height: 10px;
  margin: 0px 0px 15px;
}

.bar-container div {
  background-color:#cc4400;
  height: 20px;
}
.bar-container strong {
  position: absolute;
  right: -32px;
  top: 0px;
  overflow: hidden;
}
#poll-results p {
  text-align: center;
}

.finished {
	float:none;
	margin:0px;
	position:absolute;
	top:180px;
	behavior:url(css/iepngfix/iepngfix.htc);
	left: 146px;
}


#wave_box
{width:100%; height::32px; background:url(../images/wave_front.png) repeat-x; background-position: 0px 15px; position:absolute; bottom:-115px; z-index:-1; }

#parallax {position:relative; overflow:hidden; width:100%; height:40px; margin:0px auto; background-color:white; text-align:center;}
#parallax {list-style:none; }
#parallax li#one {width:1800px; height:32px;}
#parallax li#one img {position:relative; top:10px; }
#parallax li#two {width:2000px; height:32px;}
#parallax li#two img {position:relative; top:15px; left:25px; }
span.highling {color:#cc6b31; list-style:decimal;}


div#seven_ani_j {
	background:url(../images/ramen_halu_noren_j.jpg) no-repeat top left;
	width:400px;
	height:403px;
}

div#seven_ani_e {
	background:url(../images/ramen_halu_noren_e.jpg) no-repeat top left;
	width:400px;
	height:403px;
}



p#ani_openhour{
	float:left;
	height:189px;
	left:229px;
	position:absolute;
	top:210px;
	width:136px;

}

p#lobster_link{
	display:block;
	float:left;
	height:189px;
	left:38px;
	position:absolute;
	top:210px;
	width:136px;
	

}

/* Ramen Manu */
#Noddle {
	width: 100%;
	margin: 20px auto 10px;
	border-collapse: collapse;
	border: 1px solid #ebebeb;
	text-align: center;
	table-layout: fixed;
 }


#Noddle .cell {
	padding: 10px;
	border: 1px solid #ebebeb;
	width: 20%;
}

 
#Noddle .rowa {
	
	height: 40px;
}
#Noddle .rowb {
	background: #BDDDFD;
	height: 40px;
}




div#weather_icon {
	text-align: center;
}

.basic-table {
		
}

.basic-table tr{
		
}

.basic-table td{
	 padding: 5px 10px;	
}