@charset "utf-8";

/* =====================================
	contact
====================================== */
#form .required {
	color: #f00;
	font-size: 0.8em;
}
#mailForm th {
	font-weight: normal;
}
#mailForm td {
	padding-bottom: 5px;
}
#mailForm td #postcode,
#mailForm td #state,
#mailForm td #address1 {
	margin-bottom: 3px;
}
#mailForm td #postcode {
	width: 80px;
}
#mailForm td #address1,
#mailForm td #address2 {
	width: 240px;
}
#mailForm .textSmall {
	font-size: 0.85em;
}
/* =====================================
	information
====================================== */
#information ul {
	list-style-type: none;
	display: block;
	width: 310px;
	padding: 15px;
	background-color: #f5f5f5;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size:0.9em;
	line-height: 1.8em;
}
#information #xperience h5 {
	background-color: #ccc;
	width: auto;
	margin-bottom: 10px;
	line-height: 1.8em;
}
#information #xperience ul {
	border: 1px dashed #ccc;
	background-color: #fff;
	width: 530px;
	line-height: 2.0em;
}
#information dl {
	margin: 0 0 0 10px;
	padding: 0;
}
#information dl dt {
	color: #fff;
	background-color: #ff91a5;
	padding-left: 5px;
	width: 100px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	font-size: 0.95em;
}
#information dl dd {
	margin: 5px 0 15px 0;
	font-size: 0.9em;
}
#map {
	text-align: center;
	margin: 20px;
}

/* =====================================
	class
====================================== */
#classImg {
	text-align: center;
}
#classImg img {
	padding: 5px;
	margin: 12px;
	border: 1px solid #ddd;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
p#class {
	background-color: #f5f5f5;
	width: 480px;
	margin: 10px auto;
	padding: 10px;
	font-size: 0.9em;
}
/* =====================================
	sitemap
====================================== */
#sitemap ul {
	list-style-type: none;
	line-height: 3.0em;
}
#sitemap ul li:before {
	font-family: FontIcon;
	margin-right: 7px;
	color: #0C9;
	font-size: 1.4em;
	vertical-align: middle;
	content: "\E04c";
}
#sitemap ul li ul li:before {
	font-family: FontIcon;
	margin-right: 7px;
	color: #ff9977;
	font-size: 1.2em;
	vertical-align: middle;
	content: "\E048";
}
#sitemap ul a {
	color: #000;
}

#sitemap ul a:hover {
	color: #ff1a77;
}
/* =====================================
	profile
====================================== */
#profile {
	background: url(../images/profile_bg.jpg) no-repeat top center;
}
#profile #topP {
	text-align: center;
	margin: 20px auto;
	line-height: 2.0em;
}
#profile dl {
	margin: 30px;
	border-bottom: 1px dotted #ccc;
}
#profile dl dt {
	float: left;
	padding-left: 10px;
}
#profile dl dd {
	padding-left: 100px;
}
#profile p a {
	color: #06f;
}
#profile p a:hover {
	text-decoration: underline;
}
#profile .textSmall {
	font-size: 0.8em;
}
/* =====================================
	policy
====================================== */
.policyLast {
	text-align: right;
	margin-top: 40px;
	font-size: 0.9em;
}
/* =====================================
	lesson
====================================== */
#main h2.lesson {
	color: #333;
	margin: 0;
	padding-left: 40px;
	font-size: 1.2em;
	height: 26px;
	background: url(../images/h2_bg_les.gif) no-repeat;
}
#main table#idol {
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 30px 0 0 10px;
}
#main table#idol th {
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 7px 20px;
}
#main table#idol td {
	border: 1px solid #ddd;
	padding: 7px 20px;
}
#main table#idol .fee {
	font-size: 1.4em;
	color: #c00;
}
#main table#idol .comment {
	font-size: 0.9em;
}
#section .idol img {
	float: right;
	margin: 0 0 10px 10px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
#lesson p.lead {
	text-align: center;
	color: #ff91a5;
}
#lesson h4 {
	font-weight: normal;
	font-size: 1.2em;
	line-height: 1.2em;
	color: #c33;
}
#hosp img,
#kimono img,
#green img,
#child img {
	float: right;
	margin: 0 0 10px 10px;
	-webkit-box-shadow: 2px 5px 12px -2px #999;
	-moz-box-shadow: 2px 5px 12px -2px #999;
	box-shadow: 2px 5px 12px -2px #999;
}
#hosp h4,
#kimono h4,
#green h4 {
	clear: both;
}
#lessonMenu {
	margin: 30px auto;
	padding-left: 10px;
}
#lesson ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#lesson ul li img{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	padding: 0;
	border: 1px solid #ddd;
}
#lesson ul li a img:hover {
	-webkit-opacity: 0.65;
	-moz-opacity: 0.65;
	opacity: 0.65;
}


/* =====================================
	hospitality
====================================== */
#main h2.special {
	color: #333;
	margin: 0;
	padding-left: 40px;
	font-size: 1.2em;
	height: 26px;
	background: url(../images/h2_bg_spe.gif) no-repeat;
}
#hosp .lead {
	text-align: center;
	margin: 20px 0 20px 10px;
	padding: 20px;
	-webkit-background-image: linear-gradient(#ffdbcc, #ffe8dd, #fff4ef);
	-moz-background-image: linear-gradient(#ffdbcc, #ffe8dd, #fff4ef);
	background-image: linear-gradient(#ffdbcc, #ffe8dd, #fff4ef);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#hosp dl {
	margin: 0 0 0 10px;
	padding: 0;
}
#hosp dl dt {
	color: #fff;
	background-color: #ccc;
	padding-left: 5px;
	width: 140px;
	font-size: 0.95em;
}
#hosp dl dd {
	margin: 5px 0 15px 0;
	font-size: 0.9em;
}
/* =====================================
	greentea kimono
====================================== */
#green .lead ,
#kimono .lead {
	text-align: center;
	margin: 20px 0 20px 10px;
	padding: 20px;
	-webkit-background-image: linear-gradient(#b5efba, #e2efe5, #f7fff9);
	-moz-background-image: linear-gradient(#b5efba, #e2efe5, #f7fff9);
	background-image: linear-gradient(#b5efba, #e2efe5, #f7fff9);
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#green dl,
#kimono dl {
	margin: 0 0 0 10px;
	padding: 0;
}
#green dl dt,
#kimono dl dt {
	color: #fff;
	background-color: #ccc;
	padding-left: 5px;
	width: 140px;
	font-size: 0.95em;
}
#green dl dd,
#kimono dl dd {
	margin: 5px 0 15px 0;
	font-size: 0.9em;
}
#kimono ul {
	list-style-type: none;
	margin-left: -25px;
}
#kimono ul li {
	background: url(../images/round_green2.gif) no-repeat left center;
	padding-left: 12px;
}
/* =====================================
	training
====================================== */
#main #training ul {
	list-style-type: none;
	margin-left: 10px;
	padding: 0;
}
#main h2 .h2_small {
	font-size: 0.9em;
	color: #c33;
}
#training h3 .h3_small {
	font-size: 0.8em;
	color: #c33;
}
#training img {
	float: right;
	margin: 0 0 30px 10px;
	-webkit-box-shadow: 2px 5px 12px -2px #999;
	-moz-box-shadow: 2px 5px 12px -2px #999;
	box-shadow: 2px 5px 12px -2px #999;
}
#training h3,
#training h4,
#trainig ul {
	clear: both;
}
#trainingEnd {
	padding: 10px;
	background-color: #f7f7f7;
	border: 1px dashed #dfdfdf;
	margin: 10px;
	clear: both;
}
/* =====================================
	announce child
====================================== */
#announce ul,
#child ul {
	list-style-type: none;
	margin-left: -25px;
}
#announce ul li,
#child ul li {
	background: url(../images/round_red2.gif) no-repeat left center;
	padding-left: 12px;
}
#announce dl,
#child dl {
	margin: 0 0 0 10px;
	padding: 0;
}
#announce dl dt,
#child dl dt {
	color: #fff;
	background-color: #ccc;
	padding-left: 5px;
	width: 140px;
	font-size: 0.95em;
}
#announce dl dd,
#child dl dd {
	margin: 5px 0 15px 0;
	font-size: 0.9em;
}

/* =====================================
	primary
====================================== */
.textNormal {
	font-weight: normal;
}
#section .primary img {
	float: right;
	margin: -30px 0 10px 0px;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
}
/* =====================================
	mc
====================================== */
.mc {
	float: right;
	margin: 0 0 30px 20px;
	-webkit-box-shadow: 2px 5px 12px -2px #999;
	-moz-box-shadow: 2px 5px 12px -2px #999;
	box-shadow: 2px 5px 12px -2px #999;
}
#main table#mcFee {
	clear: both;
	width: 98%;
	border: 1px solid #ddd;
	border-collapse: collapse;
	margin: 30px 0 0 10px;
}
#main table#mcFee th {
	width: 35%;
	font-weight: normal;
	border: 1px solid #ddd;
	background-color: #eee;
	padding: 7px 20px;
}
#main table#mcFee td {
	width: 65%;
	border: 1px solid #ddd;
	padding: 7px 20px;
}
#main table#mcFee .fee {
	font-size: 1.2em;
	color: #c00;
}
#main table#mcFee .comment {
	font-size: 0.9em;
}
/* =====================================
	announce
====================================== */
table#lessonFee {
	border: 1px dotted #bbb;
	border-collapse: collapse;
	width: 70%;
	text-indent: 10px;
}
table#lessonFee th,
table#lessonFee td {
	border: 1px dotted #bbb;
	padding: 4px;
}
table#lessonFee th {
	width: 50%;
	font-weight: normal;
	text-align: left;
}
table#lessonFee td {
	width: 50%;
}
#announce img {
float: right;
margin: 0 0 10px 10px;
-webkit-box-shadow: 2px 5px 12px -2px #999;
-moz-box-shadow: 2px 5px 12px -2px #999;
box-shadow: 2px 5px 12px -2px #999;
}
#announce h4 {
	clear: both;
}
/* =====================================
	advance
====================================== */
ul.advance {
	list-style-type: none;
	margin-left: -25px;
}
ul.advance li {
	background: url(../images/dot_2.gif) no-repeat left center;
	padding-left: 12px;
}

/* =====================================
	inst
====================================== */
ul.inst {
	list-style-type: none;
	margin-left: -25px;
}
ul.inst li {
	background: url(../images/dot_3.gif) no-repeat left center;
	padding-left: 12px;
}