/* =============================================================================

   Do not remove this, kokokara.

   ========================================================================== */
   
   
   
   



#weareback{
      width:auto; 
      background-color: #fff;
	  height:auto;
	  margin-left:auto;
	  margin-right:auto; 
	  float:leftt;
	  margin-top:10px; 
	  position:;
	  padding: 10px 30px 20px 30px;
	  font-family: Arial, Helvetica, sans-serif;

}
 
#title{ font-size:32px; color:#6954E0; }

 
 
 
#hour{ font-size:18px; color:#6954E0; line-height:1.5; font-style:}



#lunch{ font-size:18px; color:#6954E0; line-height:1.5}


#span{ font-size:18px; color:#6954E0; line-height:1.5}




#pic1 { padding: 10px 10px 10px 30px; margin-top:0px; float:left ; width:200px}


#pic2 { padding: 10px 10px 10px 10px; margin-top:0px;float: ; width:200px }


#123{ margin-left: auto; margin:-rigrh: auto;}



* {margin: 0; padding: 0;}

a{

    text-decoration:none;

    outline: none; 

    color:yellow

}

a:hover {

    color: red

}

.logo_font a:hover {

    color: yellow}

.present {

   color: white;

   }

img {

    border-style:none; 

} 

a img {

    border-style:none;

} 

.style1 {color: #333333; padding: 40px 30px 40px 35px; }

.style2 {color: #FFFFFF}





body {

  -webkit-text-size-adjust: 100%; 

}



/* =============================================================================

   Do not remove this, kokomade.#FF750F #D1D2E9

   ========================================================================== */

   

#logo_wrapper { 

    height:82px; 

	width:400px;

	overflow: hidden; 

	padding-bottom:4px; 

	position: fixed;

   }

#logo {

    float:left; 

	height:63px; 

	width:400px;

	}   

#logo_img {

    height:63px; 

	width:400px; 

	} 



#address { 

    height:17px;

	float:left;

	width:400px;

	background-color:#FF0000;   

	background-color:rgba(255,0,0,0.70);

	}

.style3 {

	color: #000000;

	font-size: 14px; font-family:"Times New Roman", Times, serif; padding-top:2px;

}

.style3 a:hover {

    color: #000000; text-decoration:underline;

}

.style3 a {

    color: #000000

}



#menu_bar_wrapper {

	height: auto;

	width: auto;

	float: none;

	float:none; 

	padding-left:16px;

	position: fixed; top:82px;

}

#menu_bar {

	height: auto;

	width: 200px;

	list-style-type: none;

	padding-top:5px; 

}







li {

    padding: 2px 0 2px 0; 

}



.menu_font a{

    color: #FFFF00;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all  0.5s ease;

	font-family: "Times New Roman", Times, serif;

	font-weight:;

	font-size: 19px; text-decoration:none;

    }

.menu_font a:hover{

    color: #FF0000;

	font-family: "Times New Roman", Times, serif;

	font-weight: ;

	font-size: 19px;

    }



.present a{ 

    color: #FFFFFF;

    -webkit-transition: all 0.5s ease;

    -moz-transition: all 0.5s ease;

    -o-transition: all 0.5s ease;

    transition: all  0.5s ease;

	font-family: "Times New Roman", Times, serif;

	font-weight: ;

	font-size: 19px; text-decoration:none;

    }

.present a:hover{

    color: #FF0000;

    }

#order_font { 

    padding:0px 0 0 0; 

	width:136px; height:30px; 

	background-color: #FF0000; 

	margin-top:6px;    

	-webkit-transition: all 0.3s ease;

    -moz-transition: all 0.3s ease;

    -o-transition: all 0.3s ease;

    transition: all  0.3s ease;	

	background-color:rgba(255,0,0,0.70); 

	}

.menu_font_order {

	font-size: 24px; line-height:30px;

}

.menu_font_order a {

    text-decoration: none;

	font-family: "Times New Roman", Times, serif; width:136px; 

	font-size: 24px; color:#FFFFFF;

}

.menu_font_order a:hover {

    text-decoration: none; 

    color: #FFFFFF;

	font-family: "Times New Roman", Times, serif;

	font-size: 24px; }

#order_font:hover {

    background-color: #00FF00;	

	background-color:rgba(0,255,0,0.80);

}

.menu_font_order {

	font-size: 24px; 

}







li .menu_font a{ size:50px;: padding: 33px 0 3px 0;}











table { 

    margin-left: auto;

    margin-right: auto;

}

#center_wrapper { margin-left:auto; margin-right:auto; width:380px;}

.hama {

    position:relative; line-height:1.5;

	z-index:1000;

	width: 590px; 

	background-color: #fff; 

	float: rightt; 

    margin-left:auto; margin-right:auto;

	margin-bottom:3%;

	margin-top:; 

	height: auto;

	overflow: auto; 

	background-colorr:rgba(255,255,255,0.92);

	background-color: #fff;

    opacity: 0.92;

    filter: alpha(opacity=92);	/* IE6?IE7?? */

    -moz-opacity: 0.92;		/* Firefox1.5???? */

}

#hama_table { margin-left:auto; margin-right: auto;}

table.haba { width:500px;  margin-left:auto; margin-right: auto;}



table.haba_lunch_omakase { width:500px;  margin-left:auto; margin-right: auto;}







#gradient_ume_topp {width:475px; background-image:url(../images/ume_topp.pngg);}

#gradient_box_topp {margin-left:auto; margin-right:auto;}

#gradient_topp

{ width:475px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ff8787+0,ffffff+100 */

background: rgb(255,135,135); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmODc4NyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,135,135,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,135,135,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,180,180,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,180,180,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,180,180,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,180,180,1) 0%,rgba(255,255,255,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8787', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */

}

#gradient_ume_bottomm {width:475px; background-image:url(../images/ume_bottomm.pngg);}

#gradient_box_bottomm {margin-left:auto; margin-right:auto;}

#gradient_bottomm

{ width:475px;

/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,ff8787+100 */

background: rgb(255,255,255); /* Old browsers */

/* IE9 SVG, needs conditional override of 'filter' to 'none' */

background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZjg3ODciIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);

background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(255,135,135,1) 100%); /* FF3.6+ */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(255,135,135,1))); /* Chrome,Safari4+ */

background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,180,180,1) 100%); /* Chrome10+,Safari5.1+ */

background: -o-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,180,180,1) 100%); /* Opera 11.10+ */

background: -ms-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(255,180,180,1) 100%); /* IE10+ */

background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(255,180,180,1) 100%); /* W3C */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ff8787',GradientType=0 ); /* IE6-8 */

}

















.underline { text-decoration:underline}

.style4 {font-family: "Times New Roman", Times, serif; font-size: 19px; color:#666666}

.style5 {font-family: "Times New Roman", Times, serif; font-size: 14.5px; color:#666666}

.style6 {font-family: "Times New Roman", Times, serif; font-size: 16px; }

.style7 {font-family: "Times New Roman", Times, serif; font-size: 12px; color:#666666}







.style26 {color: #666666}

.style27 {color: #FF4040}



.style29 {font-family: "Times New Roman", Times, serif; font-weight: bold; font-size: 19px; }

.style31 {font-size: 12px}

.style32 {font-family: "Times New Roman", Times, serif; font-size: 17px; }

















.title1 { padding:2em 0 1em 0}

.title2 { padding:0.2em 0 0.8em 0}

.title3 { padding:1.2em 0 0.8em 0}

.title4 { padding:3em 0 2em 0}















#thank_you_content {

	width: 296px; 

	background-color: #ffffff; 

	margin-right:auto; margin-left:auto;

	margin-top:125px; 

	height:460px; 

	overflow: auto; 

	padding-bottom:15px;

	background-color:rgba(255,255,255,0.92);

	background-color: #fff;

    opacity: 0.92;

    filter: alpha(opacity=92);	/* IE6?IE7?? */

    -moz-opacity: 0.92;		/* Firefox1.5???? */

}



#contact_wrapper {

    padding: 0px 50px 0px 20px;  

	background-color:#;

}



#twitter {

    position: absolute; bottom:2%; right:2%; z-index:100; width:60px; height:135px; background-colorr:#3366CC;

}

#back {font:bold; color:#A39DE3; font-size:16px; text-decoration:underline }

#back:hover {

    color:orange

}

	

#bl_mobile_gallery, #bl_flower_of_capitalism, #bl_about, #bl_contact { 

    font-family:Arial, Helvetica, sans-serif; 

	font-weight: bold; 

	font-size:24px; 

	color: #ADADAD;

	}



#play {

	height:128px;

	width:160px;

	display:none;

	position: fixed; left:45%; top:45%;



    }







img.bg {

	/* Set rules to fill background */

	min-height: 100%;

	min-width: 1024px;



	/* Set up proportionate scaling */

	width: 100%;

	height: auto;



	/* Set up positioning */

	position: fixed;

	top: 0;

	left: 0; 

	display:none;

}



@media screen and (max-width: 1024px){

	img.bg {

		left: 50%;

		margin-left: -512px; }

}







#padding { padding: 30px 0 20px 0}











/* iPhone andiPad */

a#back {

    font-size:20px;

}



























/* ContentsArea */

#contents {

    margin: 0 auto;

    padding: 0 0 50px 0; 

    width: 100%; 

}

 

p {

    padding: 10px 0;

}

 



#open01 {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: none;

    position:; padding-top:20%;

}

 

.close_overlay {

    top: 0;

    left: 0;

    width: 100%;

    height: 100%;

    display: block;

    text-indent: -9999px;

    position: fixed;

	background-colorr:rgba(0,0,0,0.3);

	background-color: #000000;

    opacity: 0.3;

    filter: alpha(opacity=30);	/* IE6?IE7?? */

    -moz-opacity: 0.30;		/* Firefox1.5???? */

    z-index: 5;

}

 























 

/* CSS3 ModalWindow SET */

@-webkit-keyframes modalFadeIn {

    0% {opacity:0;display:block;}

    100% {opacity:1;}

	}



div#modal div:target {

    -webkit-animation-name: modalFadeIn; 

    -webkit-animation-duration: 1s;

    -webkit-animation-iteration-count: 1;

    opacity: 1;

    display:block;

}





#menu_circle a{ color:#3333CC}

#menu_circle a:hover{ color:#000000}



#menu_circle { 



	 width: 120px; 

	 height:120px; 

	 position: fixed; top:6em; right:5em;

	 float:right; 

}

#button_image { height:120px; width:120px}



.left { float:left}













/* About us */

.hama2 {

    position:relative; line-height:1.5;

	z-index:1000;

	width: 475px; 

	background-color: #fff; 

	float: right; 

	margin-right:3%; 

	margin-bottom:3%;

	margin-top:30%; 

	height: auto; 

	overflow: auto; 

	background-colorr:rgba(255,255,255,0.92);

	background-color: #fff;

    opacity: 0.92;

    filter: alpha(opacity=92);	/* IE6?IE7?? */

    -moz-opacity: 0.92;		/* Firefox1.5???? */

}



/* Google Map */

#map_wrapper_general { 

    margin-left:auto;

	margin-right:auto; 

	width:380px; 

	height:300px;

}



.google-maps iframe {

    position: relative;

    top: 0;

    left: 0;

    margin-left:auto;

	margin-right:auto; 

	width: 100% !important;

    height: 100% !important;

	height:300px; 

	width:380px;

}


.location { padding-bottom:1.4em}


#hours { padding-top:2.0em}

a{

    text-decoration: underline;

    outline: none; 

    color: #3366FF;

}

a:hover {

    color: red

}

#instagram{

	height:100px; 

	width:100px;

}





#saturday{ 
    font-family:Arial; 
    font-size: 36px; 
	color:#FFFF00; 
	font-weight:; 
	padding-top: 0%; 
 height: 300px;
	margin-left:auto;
	margin-right:auto;
    vertical-align: middle;
	position:relative;
	
	 }


#yelp {
    position: absolute; 
    top:: 0px; 
	left: 0px; 
	background-color:;
	width: 600px; 
    height: auto;

}