@charset "utf-8";
/*マージン関係*/
.mt10{margin:10px 0 0 0;}
.mt30{margin:30px 0 0 0;}
.mb10{margin:0 0 10px 0;}
.mb20{margin:0 0 20px 0;}
.ml10{margin:0 0 0 10px;}
.mr10{margin:0 10px 0 0;}
.mr5{margin:0 5px 0 0;}
.mb5{ margin:0 0 10px 0;}
.mtb10{margin:10px 0;}
.mlr10{margin:0 10px;}

.mb20{ margin:0 0 20px 0;}
.clearfloat {
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.bread{ margin:0 0 20px 0; font-size:10px;}
.bread span{ font-weight:bold;}
/*header*/
div#header-wrap{ text-align:left; margin:0 ; padding:0; border-top:#FF9900 solid 10px; background:#FFF; text-align:center;}
div#header-wrap div.header{ width:900px; margin: auto; text-align:left;} 
div#header-wrap div.header div.logo{ margin:15px 0 0; width:200px; float:left;}
div#header-wrap div.header div.right-area{ width:500px; float:right;}
div#header-wrap div.header div.right-area div.inner{ padding:10px 0;}
div#header-wrap div.header div.right-area div.inner p{ color:#333; text-align:right;}
div#header-wrap div.header div.right-area div.inner div.search-box{ float:right; margin:10px 0 0 0; width:228px; border:#CCCCCC solid 1px; height:18px; line-height:18px; background:#FFF;}
div#header-wrap div.header div.right-area div.inner p.btn{ margin:10px 0 0 10px; float:right; border:#CCC solid 1px; background:#555; height:18px; line-height:18px; text-align:center; padding:0 10px;}

/*dropdown-menu*/
* {
        list-style: none;
}

ul{ margin:0; padding:0;}
ul li{ margin:0; padding:0;}

div#header-navi-wrap{ background:url(images/header-navi-bg.jpg) repeat-x; margin:0 0 10px 0; padding:2px 0 0 0;}
div#header-navi{ width:900px; height:42px; margin:0 auto;}
ul#pulldown-menu a {
        color: #333;
        text-decoration: none;
		margin:0;
		padding:0;
}
ul#pulldown-menu a:link,
ul#pulldown-menu a:visited {
        background:url(images/top-navi.jpg) no-repeat;
}
ul#pulldown-menu a:hover,
ul#pulldown-menu a:active {
       background:url(images/top-navi.jpg) no-repeat;
}

ul#pulldown-menu li {
        float: left;
        position: relative;
        margin: 0;
        width: 150px;
        height: 40px;
		line-height:40px;
        font-weight: bold;
		text-align:center;
		font-size:11px;
}

ul#pulldown-menu li a {
        display: block;
        width: 150px;
        height: 40px;
        text-align: center;

}

ul#pulldown-menu a.tnavi1,
ul#pulldown-menu a:hover.tnavi1{ background-position:0px 0px; text-indent:-9999px;}
ul#pulldown-menu a.tnavi2,
ul#pulldown-menu a:hover.tnavi2{ background-position:-196px 0; text-indent:-9999px;}
ul#pulldown-menu a.tnavi3,
ul#pulldown-menu a:hover.tnavi3{ background-position:-392px 0; text-indent:-9999px;}
ul#pulldown-menu a.tnavi4,
ul#pulldown-menu a:hover.tnavi4{ background-position:-588px 0; text-indent:-9999px;}
ul#pulldown-menu a.tnavi5,
ul#pulldown-menu a:hover.tnavi5{ background-position:-784px 0; text-indent:-9999px;}

ul#pulldown-menu li ul li {
        float: none;
        margin: 0;
        font-weight: normal;
}

ul#pulldown-menu li ul li a{
	background:#FFF !important;
	color:#000;
			filter:alpha(opacity=90);   
		-moz-opacity:0.90; 
		opacity:0.90;
		border-bottom:#CCC solid 1px;
		border-top:#AAA solid 1px;
}

ul#pulldown-menu li ul li a:link {
	background:#FFF !important;
	color:#000;
	
}

ul#pulldown-menu li ul li a:hover {
	background:#F8F8F8 !important;
	color:#000;
}


/* 下層のメニューを不可視に */
ul#pulldown-menu li ul,
ul#pulldown-menu li ul li ul {
        display: none;
}

/* 疑似要素 :hover で子メニューを可視、孫メニューを不可視に */
ul#pulldown-menu li:hover ul {
        display: block ;
        position: absolute;
        z-index: 100;
		left:0px;
}


ul#pulldown-menu li ul li a{ background:#FFF; border-left:#CCC solid 1px;border-right:#CCC solid 1px;}

* html ul#pulldown-menu li:hover ul {
        vertical-align: bottom; /* IE6 で変な隙間が空くのでその対策 */
		left:0px;
}

ul#pulldown-menu li:hover ul li ul {
        display: none;
}

/* 疑似要素 :hover で孫メニューを可視に */
ul#pulldown-menu li ul li:hover ul {
        display: block;
        position: absolute;
        top: 0;
        left:150px;
        z-index: 200;
}
/*footer*/
div#footer-wrap{ margin:0; background:#000;  }
div#footer{ width:900px; margin:0 auto;text-align:left;background:#000; height:100px; }

div#footer-box{ width:230px; height:180px; float:left; margin:20px 9px 10px 0; border-right:#EFB6AF solid 1px; color:#333;}
div#footer-box div.inner{ margin:10px;}

div#footer h5{ font-size:12px; line-height:20px;margin:0 10px 5px 0; border-bottom:#EFB6AF solid 1px; color:#900;}
div#footer p{ font-size:10px; line-height:200%; margin:0 10px 0 0;}
div#footer-last{ width:220px; float:left;  margin:20px 9px 10px 0; color:#333;}
div#footer-last h5{font-size:12px; line-height:20px;margin:0 10px 5px 0; border-bottom:#EFB6AF solid 1px; color:#900;}
div#footer-last p{ font-size:10px; line-height:200%; margin:0 10px 0 0;}
div#footer-last p a{ color:#E1766A;}

/*top*/
div#course-info-area{ margin:40px 0 0 0; width:500px;}
div#course-info-area h1{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:#FF9900 solid 1px;}
div#course-info-area h2{ margin:0 0 10px 0; padding:0; border-bottom:#CCC solid 1px;}
div#course-info-area div.left-menu{ width:240px; float:left; margin:0 20px 0 0;}
div#course-info-area div.right-menu{ width:240px; float:left; margin:0;}
div#course-info-area ul.menu-list{ margin:0; padding:0; list-style-type:none;}
div#course-info-area ul.menu-list li{ width:240px; float:left; margin:0 0 2px 0;}


/*tab*/
div#difference-area{  margin:10px 0 40px 0; width:500px;}
div#difference-area h1{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:#FF9900 solid 1px;}
div#difference-area h2{ font-weight:bold; padding:10px; margin:0 0 10px 0; font-size:18px; border-bottom:#CCC solid 1px; font-family:"ＭＳ Ｐ明朝", "細明朝体", "ヒラギノ明朝 Pro W3"; color:#666666;}
div#difference-area div.difference-box{ border:#CCC solid 1px; background:url(images/difference-bg.jpg) repeat-x left bottom #FFF;}
div#difference-area div.difference-box div.icon-box{ width:150px; float:left; margin:0 10px 10px 0;}
div#difference-area div.difference-box div.icon-box img{ margin:0 0 0 10px;}
div#difference-area div.difference-box div.text-box{ width:320px; float:left; margin:0 0 10px 0;}
div#difference-area div.difference-box div.text-box p{ line-height:250%;}


/*left-menu*/
div#left-menu-list{ text-align:right;}
div#left-menu-list ul{ margin:0; padding:0; list-style-type:none;_zoom:0;}
div#left-menu-list ul li{ float:left; width:180px; text-align:right; font-size:10px; line-height:20px;}
div#left-menu-list ul li a{ color:#000;}
div#left-menu-list ul li a:hover{ color:#666;}
div#left-menu-list ul li.title{ border-bottom:#CCC solid 1px; color:#F60; font-weight:bold; font-size:12px; margin:10px 0 5px 0;}
div#left-menu-list ul li.title a{ color:#F60;}


h1.about-title{ margin:0 0 20px 0; padding:0 0 10px 0; border-bottom:#FF9900 solid 1px;}
h2.about-logo{ margin:0 0 20px 0;}
p.about-text{ font-size:12px; line-height:200%; margin:0 0 10px 0; }
p.right{ text-align:right; font-size:12px; line-height:200%; margin:20px 0 40px 0; padding:20px 0 0 0; text-decoration:underline; font-weight:bold; border-top:#CCC solid 1px;}
p.right-price{ background:#F8F8F8; text-align:right; font-size:15px; line-height:200%; padding:20px 10px; text-decoration:underline; font-weight:bold; }
p.right-s-price{ background:#F8F8F8; text-align:right; font-size:13px; line-height:200%; padding:20px 10px;  font-weight:bold; }
p.text-box{ border:#EEE solid 5px; padding:10px; font-size:12px; margin:20px 0;}

/*table*/
table#make-table{ margin:0; padding:0; border-collapse:collapse; border:#CCC solid 1px; width:500px;}
table#make-table tr{}
table#make-table tr td{ background:#FFF; font-size:11px; padding:10px 10px;}
table#make-table tr td.left-area{ width:150px;  border-right: #CCC solid 1px; font-weight:bold; padding:10px 10px 10px 5px;}
table#make-table tr td.left-area span{ color:#FF6600; margin:0 5px 0 0;}
table#make-table tr.sec td{ background:#F3F3F3;}
table#make-table tr.sec td.left-area{}
table#make-table tr.top td{ background:#EEE; font-weight:bold;}
table#make-table tr.top td.left-area{ border-right:#CCC solid 1px;}

/*nail-table*/
table#nail-table{ margin:0; padding:0; border-collapse:collapse; border:#CCC solid 1px; width:500px;}
table#nail-table tr{}
table#nail-table tr td{ background:#FFF; font-size:11px; padding:10px 10px; width:120px;border-right: #CCC solid 1px;}
table#nail-table tr td.left-area{  border-right: #CCC solid 1px; font-weight:bold; padding:10px 5px 10px 5px; }
table#nail-table tr td.num-area{ width:20px;   font-weight:bold; text-align:center; padding:0; background:#F8F8F8; border-bottom:#CCC solid 1px; padding:5px;}
table#nail-table tr td.left-area span{ color:#FF6600; margin:0 5px 0 0;}
table#nail-table tr.sec td{ background:#F3F3F3;}
table#nail-table tr.sec td.left-area{}
table#nail-table tr.top td{ background:#EEE; font-weight:bold;}
table#nail-table tr.top td.left-area{ border-right:#CCC solid 1px;}

/*photo*/
ul.photo{ margin:0; padding:0; list-style-type:none;}
ul.photo li{ width:155px; height:155px; float:left; margin:0 10px 10px 0;}


/*teacher*/
div#teacher1{ background:url(images/teacher-yasuda.jpg) no-repeat right bottom; width:500px; margin:0 0 30px 0;}
div#teacher1 div.teacher-inner{ padding:10px 0 50px;}
div#teacher1 div.teacher-inner p.prize-text{ font-size:12px; font-weight:bold; line-height:200%; color:#000; margin:20px 0 50px 0;}
div#teacher1 div.teacher-inner p.text{ font-size:10px; line-height:180%; width:230px;}

div#teacher2{ margin:30px 0 0 0; background:url(images/teacher-sawa.jpg) no-repeat left bottom; width:500px;}
div#teacher2 div.teacher-inner{ width:300px; float:right; padding:100px 0 50px 0;}
div#teacher2 div.teacher-inner p.prize-text{ font-size:12px; font-weight:bold; line-height:200%; color:#000; margin:20px 0 50px 0; text-align:right;}
div#teacher2 div.teacher-inner p.text{ font-size:10px; line-height:180%;}

/*cate*/
ul.cate{ margin:0; padding:0; list-style-type:none;}
ul.cate li{ width:240px; height:155px; float:left; margin:0 10px 10px 0;}



/*お問い合わせ*/

table#main-table{ background:#FFF; width:500px; border:#EEE solid 1px; border-collapse: separate;border-spacing: 4px;
}
table#main-table tr td{ padding:10px; font-size:12px; border:#EEE solid 1px;}
table#main-table tr td.left-box{ width:120px; background:#F7F5ED; text-align:center; font-weight:bold;}
#text-area{ width:100%;}
#input-btn{ text-align:right;}
table#main-table tr td input{ width:220px;}