@charset "utf-8";

/*===================*/
/*=== Main Styles ===*/
/*===================*/

/* common page styles */
body
{	
	background: url(../img/bg-heart-darker.gif) repeat;/* #d13852; d13852 (fe9dae-d23651)   url(img/bkcolor.gif) repeat-y;*/
	}

#bgBase
{	width: 960px;
	height: auto;
	margin: 0 auto;
	
	}
#pageContainer
{	width: 960px;
	height: auto;
	margin: 10px auto 30px auto;
	background: #F2F0F0; /*fdf2d9//#F7E2B7/#DDCA9D/#F2B554/#BEA470/#EFC17C/#E0CECE  fde6d1*/
	  -webkit-border-radius: 100px 100px 15px 15px;
	  -moz-border-radius: 100px 100px 15px 15px;
	  -ms-border-radius: 100px 100px 15px 15px;
	  -o-border-radius: 100px 100px 15px 15px;
	border-radius: 100px 100px 15px 15px;
	font-family: "open-sans",'Meiryo UI','メイリオ','小塚ゴシックPro','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro',Verdana,'ＭＳ Ｐゴシック',sans-serif;  /*"Courier New", "Lucida Sans", */
	box-shadow: 0px 20px 50px black;
	background: #F0EBEC url(../img/heartforbg04.gif) repeat center left; /*#FCE5EC*/
	}

#header
{	width:960px;
	height: 135px;
	margin: 0;
	padding: 0;
	background:#FC85C1 url(../img/header-banner-pink06.gif) no-repeat top left;
	border-radius: 100px 100px 0px 0px;
	z-index: 20;
}
#header h1{
	margin: 0 auto;
}
#audio{
	/*margin: 2px 0px 0px 53px;*/
	margin: 2px 0px 0px -771px;
	width: 150px;
	float: left;
	
}
audio::-internal-media-controls-download-button { 
	display:none !important; 
} 

audio::-webkit-media-controls-enclosure { 
	overflow:hidden !important; 
} 

audio::-webkit-media-controls-panel { 
	width: calc(100% + 30px) !important; /* Adjust as needed */
}
.floatright{
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	clear: both;
}
#jpanden{
	margin: -23px 20px 0 0;
}
#h-space{
	height: 150px;
	margin: 0 auto 0 -7px; /*0 auto 0 92px;*/
	width: 1280px;
	background:transparent url(../img/bg-top.gif) no-repeat top left;
	position: fixed;
	top: 0px;
	z-index: 20;
}

.logo img
{	margin-top: 15px; /* 20px 5px 50px;*/
	margin-bottom: 0px;
	border: 0;
} 
img {
	border: 0;
	margin: 0;
	padding: 0;
}

#content {
	height: auto;
	/*border-bottom: 5px dotted #d13852;*/
}
h1
{
	font-family: Georgia, Arial, 'Meiryo UI', 'メイリオ', '小塚ゴシックPro';
	text-shadow: 2px 2px 2px #777777;・
	font-size: 30px;
	margin: 20px 0 20px 10px;
	padding: 0;
	}

h2, h3, h4 , h5{
	font-family: Georgia, Arial, 'Meiryo UI', 'メイリオ', '小塚ゴシックPro';
	/*text-shadow: 2px 2px 2px #ff00ff;*/
	padding: 0;
	margin: 20px 0;
}
p
{	font-size: 13px;
	line-height: 1.3;
	margin: 0;
	padding: 0;
	}

a
{	color: #060444; /*#060444#324143*/
	text-decoration: none;
}
a:hover
{	color: #0066ff; /*188CB2*/
}
/*a:visited { color: #ffffcc; }*/

.whitelink{
	color: white;
}
.bluelink{
	color: #00C48C; /*#00B282 #00D39B #006600*/
	font-weight: bold;
	/*text-shadow: 1px 1px 1px #01892A;*/
	/*background: #188CB2;
	border-radius: 5px;
	white-space: nowrap;*/
}
.bluelink:hover{
	color: #6C16FF; /*#8138FF #4600BF #0085BF #0000ff*/
	text-shadow: 1px 1px 1px yellow;
}
.redlink{
	color: #A60B21; /*#FC85C1 #8B0138*/
}
.orangelink{
	color: #FF623F;
}
.litebluelink{
	color: #7BE0E0; /*#B5FBFC;  #f5c1de*/
}
.margin-adjust{
	margin-left: 20px;
}
#searchlink {
    position:fixed;
    top:0;
    left:30px;
    background:url(../img/2013_searchIcon_67-83.gif) no-repeat;
    width:67px;
    height:83px;
    /*width:69px;
    height:92px;*/
    border:0;
	text-indent:-999px;
	z-index: 999;
}
#main{
	margin: 1px 20px 10px 20px;
	padding: 0px;
	/*border-bottom: 5px dotted #d13852;
	border-top: 5px dotted #d13852;*/
	/*border: 1px green solid;*/
	}
#main .center-h1{
	text-align: center;	
	margin: 20px 0 10px 10px;
}
.center-position{
	text-align: center;	
}
.lucidafont{
	font-family: "Lucida Calligraphy", georgia;
	font-weight: bolder;
	/*background-color: #FFC0E5;
	border-radius: 5px;*/
	padding: 3px 5px 0 5px;
	text-shadow: 3px 3px 3px #d13852;
}
#scrollCtrl {
	width: 1045px;
	height:0px;
	position:absolute;
	/*background-color: #FAFAFA;*/
	bottom:0;
	top:300px;
	z-index:21;
}
#gotoB{
	position:absolute;
	right:0;
	background: url(../img/fixed01-basic.gif) no-repeat right top;
	height: 58px; /*image height 58px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
	border-bottom: 1px #FAFAFA dotted;
}
#gotoA{
	position:absolute;
	right:0;
	background: url(../img/fixed02-advanced.gif) no-repeat right top;
	top: 59px;
	height: 55px; /*image height 55px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
	border-bottom: 1px #FAFAFA dotted;
}
#gotoPan{
	position:absolute;
	right:0;
	background: url(../img/fixed04-bread.gif) no-repeat right top;
	top: 115px; 
	height: 48px;/*image height 48px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
	border-bottom: 1px #FAFAFA dotted;
}
#gotoM{
	position:absolute;
	right:0;
	background: url(../img/fixed05-miso.gif) no-repeat right top;
	top: 164px;
	height: 47px;/*image height 47px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
	border-bottom: 1px #FAFAFA dotted;
}
#gotoS{
	position:absolute;
	right:0;
	background: url(../img/fixed03-sweets.gif) no-repeat right top;
	top: 212px; 
	height: 53px;/*image height 53px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
	border-bottom: 1px #FAFAFA dotted;
}
#gotoY{
	position:absolute;
	right:0;
	background: url(../img/fixed06-yomiuri.gif) no-repeat right top;
	top: 266px;
	height: 51px;/*image height 51px*/
	width: 82px;
	cursor:pointer;
	text-indent: -9999px;
}

#footer { 
	background-color: #DE467A; /*lighter pink: #FC85C1*/
	height: 170px;
	color: #fdfbfd; 
	font-size: small;
	padding: 25px 20px 0 20px; /*Edited on 2012.12.16: The top padding used to be 20px, but due to the IE11, changed to make the copyright texts look not so up high and not out of the pink border*/
	border-top: 40px solid #ece2e4; /*#F2F0F0*/
	border-radius: 0px 0px 10px 10px;
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial;
	clear: both;	  
}
#footer a:link { color: yellow; }
#footer a:link { color: yellow; }
/*#footer a:visited { color: #ffffcc; }*/
#footer a:hover { color: #188CB2; }		

#footer #footer-nav {
	height: 25px;
	width: 200px; /*Used to be 280px including Privacy link.*/
	margin: -50px auto 0 auto; 
	color: #ff00ff;
}
#footer #footer-nav li {
	   list-style: none;
		float: left;
		font: 15px "Lucida Handwriting", Arial;
		color: black;
	}
	#footer #footer-nav li a {
		display: block;
		padding: 5px 12px;
		margin-top: -5px;
		text-decoration: none;
		color: #d13852;
		white-space: nowrap;
	}

	#footer #footer-nav li a:hover
	{	color: #fe9dae;
		/*position: relative;*/
	}
	
#footer h4{
	margin-bottom: 5px;
	margin-top: 0;
    font-size: small;
}
.copyright
{	
	float: right;
	margin: 0px auto 0 auto;
	font-style: italic;
	text-align: right;
	/*line-height: 1.5px;*/
	font-size: small;
	clear: both;
}
#footer h5
{	
	font-size: 12px;
	margin: 0;
	padding: 0;
}
#footer img{
	margin: 10px auto 15px auto;
}
.floatright{
	float: right;
	margin: 0 20px 0 0;
	padding: 0;
	clear: both;
}
#footer .floatright1{
	float: right;
	margin: -100px 80px 0 0;
	clear: both;
}
#footer .floatright2{
	float: right;
	margin: -100px 10px 0 0;
	clear: both;
}
.col_1{
	float: left;
	width: 280px;
	height: 120px; /*this is to keep the footer from degrading*/
	margin: 20px 20px 0 0;
	padding: 0 10px 0 0;
	border-right: 2px solid white;
}
.col_2{
	float: left;
	margin: 20px 20px 0 0;
	padding: 0;
}
.cp_linkstyle{
	margin: -40px 0 0 30px; 
	width: 240px;
	float: left;
}
.small{
	color: white;
	margin-top: -20px;
	text-align: center;
	font-size: small;
	font-family: "open-sans", Segoe UI, Helvetica, Arial;  
}
.Mfont{
	font-family:"Lucida Sans" san-serif;
}
.page-up {	text-align: right;
			padding: 0 5px 10px 0;
}	

.clear
{	clear: both;
	overflow: hidden;
	height: 0;
	}

.clear-line
{	margin: 0 20px;
	height: 0;
	}

	
/*===================*/
/*=== Home Styles ===*/
/*===================*/	

#slidebar{
	margin: 0px 15px;
	width: 885px;
	height: 265px;
	/*background-color: #d13852;*/
	}
	
#home{
	height: auto;
	margin-bottom: 20px;
	/*background-color: purple;*/
}	
.heart-height-adjust{
	margin:0 0 -2px 0;
}
#whatsnew{
	width: 200px;
	height: 580px;
	margin: 0 0px 20px 5px;
	float: left;
	display: block;
	padding: 0px 10px 10px 6px;
	/*box-shadow:0px 20px 50px #FC85C1;*/
	/*border-radius: 10px;*/
	font-size: small;
}	
#whatsnew h2{
	height: 25px;
	padding: 5px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	background-color: #FC85C1;
	text-shadow: 1px 1px 1px white;
	margin: 0px;
}
#scrollDiv{
	width: 210px;
	height: 570px;
	margin: 0 0 0 0px;
	padding: 0;
	overflow: scroll;
}
#whatsnew .nonlist{
}
#whatsnew .listbold{
	font-weight: bold;
	list-style-image: url(../img/list-heart-purplepink-new.gif);
}
#whatsnew li{
	list-style: none;
	font-size: small;
	margin: 0 0 10px -15px;
	padding: 0;
	
}
#menu-box{
	width: 690px;
	height: 600px;
	display: block;
	float: left;
	/*background-color: blue;*/
	padding: 10px 0 0 5px;
	border-left: 2px #FC85C1 solid;
}
.menu-title{
	display: block;
	width: 310px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px 10px;
	float: left;
	background-color: #FFC0E5; /*ff00ff ffccff #ff99cc*/
	border-radius: 10px;
	
}
.menu-title h2{
	font-size: 20px;
	margin: 5px;
	padding: 0;
}
.menu-title h3{
	font-size: 15px;
	margin: 5px;
	padding: 0;
}
.menu-title p{
	font-size: small;
	margin: 0;
	padding: 0;
}
.menu-title-instructor{
	display: block;
	width: 310px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px 10px;
	float: left;
	background: #FC85C1 url(../img/menu-title-instructor-bgheart03.gif) no-repeat center center;
	border-radius: 10px;
	background-size: contain;
}
.menu-title-instructor h2{
	font-size: 20px;
	margin: 5px;
	padding: 0;
}
.menu-title-instructor h3{
	font-size: 15px;
	margin: 5px;
	padding: 0;
}
.menu-title-instructor p{
	font-size: small;
	margin: 0;
	padding: 0;
}
.menu-title-instructor .margin-adjust1{
	margin-top: 5px;
}
.menu-title-whiter{
	display: block;
	width: 310px;
	height: auto;
	margin: 0 0 10px 10px;
	padding: 5px 10px;
	float: left;
	background-color: #FC85C1;/*#EF7FB7*/
	border-radius: 10px;
	
}
.menu-title-whiter h2{
	font-size: 20px;
	margin: 5px;
	padding: 0;
}
.menu-title-whiter h3{
	font-size: 15px;
	margin: 5px;
	padding: 0;
}
.menu-title-whiter p{
	font-size: small;
	margin: 0;
	padding: 0;
}

#hammy-top {
	background: transparent url(../img/h-profile-top.jpg) no-repeat top left;
	height: 110px;
	/*border-bottom: 5px dotted white;/*#d13852*/
	margin-bottom: 0px;/*used to be 10px to adjust for Ammys's section*/
	padding-left: 100px;
	padding-bottom: 10px;
}

#ami-top {
	background: transparent url(../img/a-profile-top.jpg) no-repeat top left;
	height: 80px;
	/*border-bottom: 5px dotted #d13852;*/
	margin-bottom: 10px;
	padding-left: 100px;
	padding-bottom: 10px;
}
.heartline-white {
	width: auto;
	height: 15px;
	background: url(../img/heartline-white.gif) repeat-x;
}
.heartline-kiso {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-basic.gif) repeat-x;
}
.heartline-advanced {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-advanced.gif) repeat-x;
}
.heartline-bread {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-bread.gif) repeat-x;
}
.heartline-miso {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-miso.gif) repeat-x;
}
.heartline-sweets {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-sweets.gif) repeat-x;
}
.heartline-yomiuri {
	width: auto;
	height: 15px;
	padding: 0px 0 0 0px;
	margin: 10px 0 -15px 0px;
	background: url(../img/heartline-yomiuri.gif) repeat-x;
}

.heartline-verticle-class {
	width: 15px;
	height: 140px;
	margin: -110px -20px 0 20px;
	background: url(../img/heartline-heart-basic.gif) repeat-y;
	float: right;
}
.heartline-verticle-bread {
	width: 15px;
	height: 140px;
	margin: -50px -20px 0 20px;
	background: url(../img/heartline-heart-basic.gif) repeat-y;
	float: right;
}
.nihongo{
	font-family: 'Meiryo UI', 'ﾆ陳・辰ﾆ椎ﾆ棚', 'ﾂ渉ｬ窶凖業担ﾆ歎ﾆ鍛ﾆ誰Pro', Georgia, Arial;
	white-space: normal;
}
.menu-title table td{
	line-height: 1.2;
	opacity: 0.8;
	padding: 5px;
	margin: 10px 10px 20px 10px;
	border-radius: 5px;
	text-decoration: none;
	vertical-align: top;
	font-size: small;
	border-bottom: 1px white solid; /*#d13852 */
}
.menu-title table td h3{
	margin: 0;
	padding: 0;
}
/*.menu-title table td h3{
	width: 75px;
	margin: 0;
	padding: 0;
}*/
.menu-title ol {
	padding: 0;
	margin: 0 0 0 20px;

}
.menu-title ol li{
	font-size: small;
	padding: 0;
	margin: 0;
}
#menu-booking{
	margin-top: -270px;
	clear: both;
}
#menu-blog{
	margin-top: -130px;
}
hr {
	margin: 0;
	border: 1px #FC85C1 solid;
}
#top-thirdcol{
	width: 920px;
	height: auto;
	border-top: 2px #FC85C1 solid;
	margin: 0;
	padding: 0;
	
}
#top-thirdcol h2{
	/*text-decoration: underline;*/
	height: 25px;
	width: 250px;
	padding: 5px;
	text-align: center;
	border-radius: 0 0 10px 10px;
	background-color: #FC85C1;
	text-shadow: 1px 1px 1px white;
	margin: 0px auto;
	font-size: 20px;
}	
#top-thirdcol p{
	font-size: small;
}
#feedback{
    height:auto;
	width: 900px;
	margin: 10px 0 0 0;
	padding: 10px 10px 0 10px;
	float: left;
	display: block;
	background-color: #FFC0E5; /*#FCD9DE#F2F0F0 FDF2D9 #E0CECE*/
	opacity: 0.8;
	box-shadow:0px 10px 30px #FC85C1;
	border-radius: 20px;
	text-align: center;
	overflow: visible;
}	
#feedback .floatright{
	margin-bottom: 5px;
}
.feed{
	width:205px;
	height: auto;
	display: block;
	float: left;
	margin: 5px;
	padding: 5px;
	border-radius: 10px;
	box-shadow:0px 10px 10px #FC85C1;
	background-color: #FCD9DE; /*#f7f7f7 FDF2D9*/
}
.feed p{
	margin: 0;
	padding: 0;
}
.notes{
	height: 0px;
	overflow:hidden;
	font-size: small;
}
#droppara100{
	width: 900px;
	height: auto; 
	display: block;
	float: left;
	overflow: visible;
}
#droppara99{
	width: 900px;
	height: 0px; /*!!This has to be 0px!!*/
	overflow:hidden;
}
#droppara99 .feed{
	width:205px;
	height: auto;
	display: block;
	float: left;
	margin: 10px 5px 0px 5px;
	padding: 5px;
	border-radius: 10px;
	box-shadow:0px 10px 10px #FC85C1;
	background-color: #FCD9DE; /*#f7f7f7 FDF2D9*/
	/*overflow: auto;*/
}
/*#left-top-col{
	background: transparent url(../img/hammy-illustrator87-63.png) no-repeat bottom right;
    float: left;
    height: 230px;
    padding: 10px 10px 0 10px;
	margin: -2px 0 0 0;
    width: 330px;
	text-align: left;
	border-radius: 10px;
	box-shadow:2px 2px 20px #d13852;
	font-size: 13px;
	line-height: 1.4;
	font-style: italic;
}*/

#left-top-col{
	/*border: 5px groove #DEAE00;*/
    float: left;
    height: 230px;
    padding: 10px 10px 0 10px;
	margin: -2px 0 0 0;
    width: 330px;
	/*border-radius: 15px 0 0 15px;*/
	text-align: left; 
	border-radius: 10px;
	background: #f2f0f0; /* Old browsers */
	
	background: -moz-linear-gradient(-45deg, #f2f0f0 0%, #f2f0f0 13%, #eae6e5 23%, #dddad9 35%, #ddd3d2 44%, #e0cece 51%, #eaccc9 70%, #eab6c3 83%, #d38b98 95%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#f2f0f0), color-stop(13%,#f2f0f0), color-stop(23%,#eae6e5), color-stop(35%,#dddad9), color-stop(44%,#ddd3d2), color-stop(51%,#e0cece), color-stop(70%,#eaccc9), color-stop(83%,#eab6c3), color-stop(95%,#d38b98)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, #f2f0f0 0%,#f2f0f0 13%,#eae6e5 23%,#dddad9 35%,#ddd3d2 44%,#e0cece 51%,#eaccc9 70%,#eab6c3 83%,#d38b98 95%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, #f2f0f0 0%,#f2f0f0 13%,#eae6e5 23%,#dddad9 35%,#ddd3d2 44%,#e0cece 51%,#eaccc9 70%,#eab6c3 83%,#d38b98 95%); /* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, #f2f0f0 0%,#f2f0f0 13%,#eae6e5 23%,#dddad9 35%,#ddd3d2 44%,#e0cece 51%,#eaccc9 70%,#eab6c3 83%,#d38b98 95%); /* IE10+ */
	background: linear-gradient(135deg, #f2f0f0 0%,#f2f0f0 13%,#eae6e5 23%,#dddad9 35%,#ddd3d2 44%,#e0cece 51%,#eaccc9 70%,#eab6c3 83%,#d38b98 95%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0f0', endColorstr='#d38b98',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f0f0', endColorstr='#d38b98',GradientType=1 )"; /* IE6-8 fallback on horizontal gradient */
	
	border-radius: 10px;
	box-shadow:2px 2px 20px #d13852;
	font-size: 13px;
	line-height: 1.4;
	font-style: italic;
}
.smallhami{
	float: right;
	margin: -55px 10px 0 0;
}
.widermargin{
	margin-bottom: 5px;
}	
.fontbold{
	font-weight: bold;
}	
.purplecol{
	color: #FC85C1; /*8B014F*/
	font-weight: bold;
}
.color-change{
	color:  #b5192f;
	font-weight: bold;
}
#left-top-col h1{
	text-shadow: 3px 3px 3px #ca2a45;
	color: #f7f7f7;
	font-style: italic;
	font-family: "Georgia",Segoe UI, Helvetica, Arial;
}
#left-top-col .adjusting{
	font-size: 30px;
}
#right-top-col{
    float: right;
    height: 230px;
    padding: 0 15px;
    width: 480px;
	/*border-radius: 0 15px 15px 0;*/
	/*background-color: #d13852;*/
	border-radius: 10px;
	/*border: 5px dotted #fdf2d9*/
}
#slider{
	width: 480px;
	margin: 0;
	padding: 0;
	border: 4px #FC85C1 solid;
}
/*.slider-wrapper { 
	width: 400px; 
	margin: 0 auto;
}*/
	
	
/*===================*/
/*=== Instructor Styles ===*/
/*===================*/	
		
#hammy {
	background: transparent url(../img/h-profile-133-107.png) no-repeat top left;
	width: 400px;
	height: 100px;
	/*border-bottom: 5px dotted #d13852;*/
	margin-bottom: 10px;
	padding-left: 140px;
	padding-bottom: 20px;
}
.hami-flower-pic{
	margin: -215px -80px 0 0;
	padding-bottom: -5px;
	width: 550px;
	height: auto; /*456px*/
	z-index: 1;
	border-style:none;
}
.hami-flower{ /*default image*/
	margin: -524px -80px 0 0;
	width: 550px;
	height: auto;
	border: 0px;
	border-style:none;
}
.hami-flower-cover{
	margin: -360px 5px 2px 0;
	width: 380px;
	height: auto;
	z-index: 2;
}
.hami-flower-smallpic{
	margin: -200px 5px 0 0;
	width: 220px;
	height: 180px;
	z-index: 3;
}
.ami-flower-smallcover{
	margin: -70px 30px 0 0;
	width: 250px;
	height: auto;
	z-index: 4;
}
#ami {
	/*background: transparent url(../img/am-profile-133-107.gif) no-repeat top left;*/
	width: 400px;
	height: 120px;
	/*border-bottom: 5px dotted #d13852;*/
	margin-bottom: 10px;
	margin-top: 30px;
	/*padding-left: 140px;*/
}
.heart-line{
	width: 920px;
	height: 10px;
	background: transparent url(../img/heartline02.gif) repeat-x ;
	margin: 0 0px 5px -10px;
	z-index: 0;
}
#instructor{
	margin: 0 15px;
}
#instructor h2 a, #instructor h2 a:hover, #instructor h2 a:visited  {
	color: black;
}
#instructor h2, h3{
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial;
	font-style: normal;
	
}
#instructor table{
	margin: 20px 0 0 0;
	padding: 0 0 0 10px;
}
#instructor table td {
	vertical-align: top;
}
#instructor table td h3{
	width: 110px;
	font-size: medium;
	text-align: right;
	padding: 0;
	margin: -2px 10px 7px 7px;
	text-wrap: none;
}
#instructor ul li{
	width: 700px;
	white-space: pre;
	z-index: 99;
}
table {
	text-indent: 0px;
}
td {
	margin: 0;
	padding: 0;
}

.heart-lis li{
	list-style: url(../img/heart-list2.gif);
}
.heart-lis2 li{
	list-style: url(../img/list-redheart.gif);
}
.heart-lis3 li{
	list-style: url(../img/white-heart.gif);
}

.heart-lis h4{
	margin-bottom: -0.5px;
}

blockquote {
	margin-top: -1px;
}
/*===================*/
/*=== Class Styles ===*/
/*===================*/		
	
#class{
	margin: 0 0 -90px 0;
	
}
#class ul{
	margin-top: 30px;
}
#class li{
	text-decoration: none;
	list-style-type: none;
	margin-left: -20px;
	color: #F3F3F3;
}


#class h2{
	position: relative;
	top: -120px;
	left: 0;
	/*text-shadow: 1px 1px 1px #A60B21;*/
	margin: 20px;
	font-size: 25px;
	line-height: 0.8;
	color: black;
}

#general table{
	position: relative;
	top: -120px;
	left: 0;
	width: 860px;
	line-height: 1.5;
	font-size: medium;
	background-color: pink; /*#ebc1c8*/
	border: 2px #CE376C solid;
	opacity: 0.8;
	padding: 30px 0;
	margin: 0px 30px 50px 30px;
	border-radius: 20px;
	text-decoration: none;
	box-shadow: 0px 20px 50px gray;  /*#fe9dae*/
}
#class table h3{
	font-size: medium;
	text-align: right;
	margin: 0px 20px;
	text-wrap: none;
	white-space: nowrap;
	vertical-align: top;
	padding: 0;
	width: 130px;
}
 
#class-box{
	border-radius: 10px;
	background-color: #CE376C; /*d13852 #D670AB*/
	text-decoration: none;
	width: 890px;
	height: 300px;
	padding: 5px; 
	margin: 0 10px;
	box-shadow: 0px 20px 50px gray;  /*#fe9dae*/
	color: #f7f7f7;
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial;
}
#class-box h2{
	position: static;
	line-height: 0.8;
	text-shadow: 2px 2px 2px black; /*#fe9dae*/
	margin: 20px 10px 10px 20px;
	font-size: 23px;
	line-height: 0.8;
	color: #F3F3F3;
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial;
}
/*#class-box img{
	border: none;
	display:block;
	float: left;
}*/
#class-box #namiCourses{
	margin: 10px 5px -10px 5px;
}

#class-box a{
	color: #460187; 
}
#yomi-intro{
	position: relative;
	top: -200px; /* this does not render on fx, but render on google*/
	left: 270px;
	width: 300px;
	text-align: left;
	padding: 0 20px 0 0;
	margin: -90px 0px 0 320px; /*Before changing the left section of lists in Class page to dad's wording ideas, the margin top was -65px*/
	border-radius: 10px;
	/*box-shadow: 0px 0px 10px 5px pink;*/
	opacity: 1;
	display: block;
	float: left;
}
.float-right{
	float: right;
	margin-top: -135px;
	margin-right: 20px;
}
.float-right-slide-back{
	float: right;
	margin-top: -37px;
	margin-right: -20px;
}
#message{
	width: 280px;
	height: 230px;
	/*background-color:  #d13852; /*#F2F2F2*/
	margin-right: 580px;
	border-radius: 10px;
	margin: -5px 0 5px 10px;
	color: #F3F3F3;
	float: left;
	display: block;
	font-family: "open-sans", Segoe UI,'Meiryo UI', '繝｡繧､繝ｪ繧ｪ', '蟆丞｡壹ざ繧ｷ繝・けPro', Helvetica, sans-serif, Arial;
}

#class-box ul li{
	margin-left: 2px;
	/*list-style-image: url(../img/list-readheart.gif);*/
	list-style-type: square;
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial; 
}
#fukidashi{
	position: relative;
	top:-580px;
    left:-160px;
    border:0;
    text-indent:-9999px;
	clear: both;
	z-index: 10;
}
#course-menu{
	margin: 0;
	padding: 0;
	width: 920px;
	clear: both;
}
#general{
	display: block;
	position:  relative;
	top:-30px; /*Used to be -50px for fx, but it only renders on fx; thus, changed to -30 for the majority. fx specification is on browser-selector css*/
	margin-bottom: -270px;
	font-family: "open-sans", Segoe UI, Helvetica, sans-serif, Arial; 
}
#general table tr{	
}
#general table tr td{
	vertical-align: top;
	font-size: medium;
	padding: 5px 0;
}
#general tr td h3 a, #general tr td h3 a:hover, #general tr td h3 a:active{
	color: black;
}
/*
#class-menu li{
	list-style: url(../img/round-menu_kiso.gif);
}

#class-menu-down {
	float: right;
	margin-top: -90px;
	margin-right: 80px;
	z-index: 10;
}
#class-menu-display{
	background-color: #d13852; 
	width: 270px;
	height: 280px;
	margin: 0px 0px 15px 610px;
	padding: 50px 20px 20px 20px;
	border-radius: 10px;
	border: 5px dotted #f4f4f4;
	
}

#class-link{
	margin: 10px auto 0px auto;
	height: 100px;
	clear: both;
	border: 1px green solid;
}
#class-link a{
	color: #f7f7f7;
	text-decoration: none;
}

#class-link ul{

	box-shadow: 0px 20px 50px black;
}
#class-link li{
	float:left;
	text-align: center;
	margin: 10px 5px 5px 5px;
	font: 17px Segoe UI, Helvetica, Arial;
	list-style: none;
	background-color: #CA2945;
	border-radius: 10px 30px;
	text-decoration: none;
	padding: 5px 10px;
	color: #f7f7f7;
	border: 2px solid pink;
	font-weight: bold;
	box-shadow: 0px 10px 20px gray;
}
*/
/*===================*/
/*=== Basic Styles ===*/
/*===================*/		
	
#coursePageImg {
	margin: -120px 10px 0 0;
	padding: 0;
}
.menu-course-desc{
	width: 270px;
	height: 140px;
	border-right: 2px solid #f7f7f7;
	margin: 10px 0 0 0;
	padding: 0 10px 0 20px;
	display: block;
	float: left;
}
#basic .color-yellow .menu-course-desc{
	width: 270px;
	height: 140px;
	border-right: 2px solid #990033;
	margin: 10px 0 0 0;
	padding: 0 10px 0 20px;
	display: block;
	float: left;
}
.menu-course-desc-end{
	width: 260px;
	height: 140px;
	margin: 10px 0 0 10px;
	padding: 0 0 0 10px;
	display: block;
	float: left;
}
#class-box .menu-course-desc h2, #class-box .menu-course-desc-end h2{
	margin: 0 0 15px 0;
	padding: 0;
}
#class-box .menu-course-desc img, #class-box .menu-course-desc-end img{
	float: left;
	margin: 2px 5px 0 0;
	padding: 0;
}
#class-box p{
	font-size: 14px;
	margin-left: 20px;
}
#menscooking{
	color: black;
	width: 260px;
}
#menscooking h2{
	color: black;
	text-shadow: 2px 2px 2px white;
}
#menu-bottom{
	width:850px;
	margin: 0px 20px 10px 10px;
	padding: 0;
	display: block;
	float: left;
	/*border-top: 5px dotted #f7f7f7;*/
}
#menu-bottom li{
	font-size: 14px;
}
#gala-outer{
	height: 510px;
	width: 920px;
	margin: 5px 0px 20px 0px;
	padding: 5px 0px 0px 0;
	opacity: 2.8;
	/*border-radius: 50px;
	box-shadow: 0px 20px 50px black;*/
	background: url(../img/album-Lbrown-bigger.gif) no-repeat top left;
}
/*****THIS IS FROM GALLERIFFIC*******/
div#container {
	height: 450px;
	padding: 20px;
	/*border: 1px solid black;*/
}
/***********************************/

/******************************** All the following gAllary ids are not used anymore************************************/
/* Before making the gallery in multiple pages using galleriffic.*/
#gallary{
	position: relative;
	width: 380px;
	margin: 20px 35px;
	padding: 30px 5px;
	display: block;
	float: left;
	/*border: 1px green solid;*/
}
#gallary ul{
	width: auto;
	list-style-type: none;
	margin: 0;
	padding: 0;
	float:left;
}
#gallary li{
	float:left;
	padding: 0px;
	margin: 5px;
}
#gallary img{
	border-style:none;
	
}
#gallary a{
	text-decoration: none;
	color: #333;
	font-style: italic;
	
}
#gallary span{
	display: none;
}

#gallary a:hover span{
	display: block;
	position: absolute;
	top: 130px; /*120*/
	left: 512px;
	text-align: center;
	z-index: 1;
	/*box-shadow: 0px 10px 50px #FC85C1;
	border-radius: 20px;*/
}
#gala-desc{
	width: 300px;
	height: 238px;
	display: block;
	float: left;
	position: relative;
	top: 150px;
	left: 90px;
	text-align: center;
	background-color: #FFC4CC;
	z-index: 0;
	border-radius: 20px;
	opacity: 0.4;
}
.gala-desc-p{
	display: block;
	width: 180px;
	height: 80px;
	margin: 0 40px;
	padding: 50px 20px;
}
/*#gala-right{
	position: relative;
	width: 100px;
	display: block;
	float: left;
	margin-left: 100px;
	border: 1px green solid;
}
#gala-right ul{
	width: 300px;
	list-style-type: none;
	float:left;
}

#gala-right li{
	float:left;
	padding: 10px;
}
#gala-right img{
	border-style:none;
	
}
#gala-right a{
	text-decoration: none;
	color: #333;
	font-style: italic;
	
}
#gala-right span{
	display: none;
}

#gala-right a:hover span{
	display: block;
	position: absolute;
	top: 140px;
	left: 350px;
	text-align: center;
}*/
/***************************************************************************************************************/
#basic .color-green{
	background-color: #81BF6D; /*#458E2D;  #46AF23*/
	color: black;
}
#basic .color-purple{
	background-color: #C051D6; /*#B000CC till ami requested to make it light; #B829CE*/
	color: black;
}
#basic .color-red{
	background-color: #FF5462; /*#D12130*/
	color: black;
}
#basic .color-yellow{
	background-color: #FFE87A; /*#FCE44B before ami requested a lighter color*/
	color: black;
}
#basic .color-orange{
	background-color: #FF875B; /*#FC4D02*/
	color: black;
}
#basic .color-lightblue{
	background-color: #1FAFA3;
	color: black;
}
#basic .color-blue{
	background-color: #6272EA; /*#3D4FED*/
	color: black;
}
#basic .color-blue h2 a{
	color: white;
}
#basic .basic-font{ /*This only applies to two red h2 titles in Basic course page*/
	text-shadow: 2px 2px 1px white; /*2px 2px 1px white;  #FC85C1#fe9dae*/
	color: #BB0149;
	/*color: black;*/
}

/*===================*/
/*=== Advanced Styles ===*/
/*===================*/	

.menu-course-desc1-top{
	width: 800px;
	height: 140px;
	margin: 0;
	padding: 10px 0 0 20px;
	display: block;
	float: left;
}
.menu-course-desc1-inner{
	width: 700px;
	height: 100px;
	/*border-right: 5px dotted #f7f7f7;*/
	margin: 0 10px 0 100px;
	padding: 0;
	display: block;
	float: left;
}

#class-box .menu-course-desc1-top h2{
	margin: 0 5px 15px 5px;
	padding: 0;
	
}

#class-box .menu-course-desc1-inner p{
	margin: 0 0 10px 0;
	padding: 0;
	
}
.menu-course-desc1-top img{
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
}
/*===================*/
/*=== Sweets Styles ===*/
/*===================*/	


/*===================*/
/*=== Bread Styles ===*/
/*===================*/	

.menu-course-desc2-left{
	width: 410px;
	height: 140px;
	border-right: 2px solid #f7f7f7;
	margin: 10px 0 0 0;
	padding: 0 5px 0 20px;
	display: block;
	float: left;
}
.menu-course-desc2-right{
	width: 410px;
	height: 140px;
	/*border-right: 5px dotted #f7f7f7;*/
	margin: 10px 0 0 0;
	padding: 0 5px 0 20px;
	display: block;
	float: left;
}
.menu-course-desc2-inner{
	width: 360px;
	height: 100px;
	/*border-right: 5px dotted #f7f7f7;*/
	margin: 0 10px 0 20px;
	padding: 0;
	display: block;
	float: left;
}
#class-box .menu-course-desc2-left h2, #class-box .menu-course-desc2-right h2{
	margin: 2px 0px 12px 0;
	padding: 0;
}
#class-box  img{
	float: left;
	margin: 2px 10px 0 0;
	padding: 0;
}
#class-box .menu-course-desc2-left h2, #class-box .menu-course-desc2-right h2{
	margin: 0 5px 15px 15px;
	padding: 0;
	
}

/*===================*/
/*=== Fermented Styles ===*/
/*===================*/	

.course-desc-para{
	width: 293px;
	height: auto;
	float: right;
	display: block;
	padding: 0 0 0 2px;
	margin: 0;
}

/*===================*/
/*=== Yomiuri Styles ===*/
/*===================*/	
.menu-course-desc2-right table{
	width: 420px;
	height: 140px;
	border: 1px white solid;
	border-collapse: collapse;
	background-color: #ff00ff;
	
}
.menu-course-desc2-right th{
	font-size: x-small;
	border: 1px white solid;
	color: black;
	
}
.menu-course-desc2-right td{
	font-size: x-small;
	border: 1px white solid;
	color: black;
	
}
.menu-course-desc2-right caption{
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	margin-top: -15px;
	
}
#menu-bottom .nolist{
	list-style: none;
	visibility: hidden;
	
}
.yomi-details{
	display: block;
	float: left;
	width: 420px;
	height: auto;
	padding: 0;
	margin: 0 0 0 0px;
}
.yomi-details ul{
	padding: 0 0 0 35px;
}
.yomi-details ul li{
	float: left;
	list-style: square;
	list-style-position: inside;
	width: 380px;
}
.yomi-details #nonlist{
	float: left;
	list-style-position: inside;
	list-style: none;
	margin: 0 0 0 15px;
}
#class-box ul li li{
	margin-left: -20px;
	list-style-position: inside;
	list-style: none;
}
#class-box .white-shadow{
	text-shadow: 2px 2px 2px white;
}
#class-box ul.yomi-class-list{
	margin: 5px 0 0 0;
	padding: 0;
}
#class-box ul.yomi-class-list li{
	margin-left: 25px;
	list-style-type: disc;
}
#class-box h3 {
    font-size: 16px;
	padding: 0;
	margin: 0;
}
/*===================*/
/*=== Booking Styles ===*/
/*===================*/	
#booking-form{
	padding: 0 20px;
}

form{
	width: 800px;
	height: auto;
	background: #FFC0E5;
	border-radius: 25px;
	padding: 20px;
	margin: 0 20px;
}
fieldset{
	margin: 0 0 20px 0;
}
form table{
}/*width: 700px;*/
form table td{
	background-color:#FCE3F1;/*#FFD6ED*/ 
	border: 2px #f2f0f0 solid;
	padding: 5px;
	font-size: small;
}
form textarea{
	width: 500px;
	height: 150px;
	padding: 0;
	text-align: left;
}
input{
	font-family:"open-sans", Segoe UI, Helvetica, sans-serif, Arial, 'Meiryo UI', '繝｡繧､繝ｪ繧ｪ', '蟆丞｡壹ざ繧ｷ繝・けPro';
}
.formtitle{
	font-weight:bold;
	padding-left: 10px;
	/*background-color:#FFD6ED;*/
}
.thankyou-note{
	font-size: medium;
	text-align: center;
	font-weight: bold;
	font-family: Georgia, "MS Mincho";
	
}

/*===================*/
/*=== Contact Styles ===*/
/*===================*/	
#contact h2 {
	margin: 0 0 5px 0;
}
#form-error{
	padding: 10px 20px;
	height: auto;
}
#form-error .errormsg{
	background-color: yellow;
	margin: 0 0 0 20px;
}	
#form-error .form_answer{
	color: red;
	width: 150px;
	height:30px;
	border: 1px solid gray;
	background-color: white;
}
/*===================*/
/*=== Blog Styles ===*/
/*==================*/	

#blog{
	width: auto;
	height: auto;
	background: white url(../img/blog/2013.entrance-egglump-02.gif) no-repeat right center; /*#A963FF  2012-frontdoor.png*/
	opacity: 0.9;
	border-radius: 20px;
	border: 20px solid #333333; /*#1C1C1C <-blacker #7E45B7 <-purpler #A963FF <-purple*/
	margin: 0 20px 30px 20px;
	padding: 10px 20px 20px 20px;
}
#blog h2.floath2{
	margin: 5px 30px 40px 10px;
	float: left;
}
.blog_box{
	width: 350px;
	height: auto;
	margin: 10px;
	padding: 10px 10px 10px 110px;
	border-radius: 0 60px;
	transform: rotate(5deg);
	-moz-transform: rotate(5deg);
	-webkit-transform: rotate(5deg);
	-o-transform: rotate(5deg);
	-ms-transform: rotate(5deg);
	background-color: white;
	opacity: 0.9;
	box-shadow: 2px 2px 2px black;
}
#blog .blog_box h2{
	margin-top: 0px;
	margin-bottom: 5px;
	clear: both;
}
#blog a:hover{
	color: purple;
}
#hc-blog{
	background: white url(../img/h-profile.jpg) no-repeat top left;
	border: 2px solid red;
	margin-left: -10px;
}
#ammy-blog{
	background: white url(../img/a-profile-top.jpg) no-repeat top left;
	border: 2px solid orange;
	margin-left: 10px;
}
#heartily-blog{
	background: white url(../img/blog/cloudy-heartly.jpg) no-repeat top left;
	border: 2px solid blue;
	margin-left: 10px; /*Used to be 30px when ammy-blog existed*/
}
#kitchen-blog{
	background: white url(../img/blog/ashop.jpg) no-repeat top left;
	border: 2px solid green;
	margin-left: 30px;/*Used to be 50px when ammy-blog existed*/
}
#blog p.fromHC{
	float: right;
	margin-top: 0px;
	color: white;
}
/*===================*/
/*=== Other page Styles ===*/
/*==================*/	
#faq, #sitemap, #privacy{
	background: #D3E2FF; /*#D3E2FF #FFD3E9*/
	opacity: 0.7;
	border-radius: 20px;
	margin: 0 20px 20px 20px;
	padding: 5px 20px;
}
#faq ul li{
	margin: 15px 0;
	font-size: small;
}
#faq ul li ol li, #faq ul li ul li{
	margin: 0;
}
#faq .nonlist{
	list-style-position: inside;
	list-style: none;
	margin: 2px 0 5px 0;
}
.center{
	text-align: center;
}
#privacy{
	width: auto;
	height: 500px;
	background: #A963FF url(../img/blog/2012-whiteplate.png) no-repeat top right; 
	opacity: 0.7;
	border-radius: 20px;
	margin: 0 20px 20px 20px;
	padding: 5px 350px 20px 20px;
}
.sitemap_div{
	width: auto;
	height: auto;
	margin: 20px;
	padding: 20px;
	border-radius: 15px;
	box-shadow: 5px 5px 5px black;
	z-index: 2;
	border: 2px #E3687D solid;
}
#sitemap_en{
	margin: -20px 20px 40px 100px;
}
.connector{
	z-index: -99;
	position: relative;
	top: -35px;
	left: 50px;
	margin-bottom: -100px;
}
#404page{
	font-size: x-large;
}

/**fROM 2016 SEP REVISION STYLE***/
#class-box #rev092016_desc2-left{
    border-right: 2px solid #990033;
}