@charset "UTF-8";

/* Common Styles
-----------------------------------------------------------------------------  */
* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 12px;
	font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック';
	line-height: 165%;
	background-color: #EAECFF;
}

img {
	border: 0;
	vertical-align: middle;
}

#home a {
	color: #000;
	text-decoration: none;
}

a:hover {	text-decoration: none;	}
#home a:hover {	color: #666; }
a.yz {
	text-decoration: none;
	color: #000;
	background: url(/img/icon_yz.gif) 0 45% no-repeat;
	padding-left: 15px;
}
a.yz:hover{
	text-decoration: underline;
	color: #666;
}

ul { list-style-type: none; }

.red {	color: #f00; }
.blue {	color: #00f; }

.bold {		font-weight: bold; !important }
.sb span {	font-weight: bold; }
.label {
	background: #c39;
	color: #fff;
	padding: 2px 5px;
	margin-right: 5px;
}

.clear { clear: both; }

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

.right {	text-align: right; }
.center {	text-align: center; }
.fl {		float: left; }
.fr {		float: right; }
img.fl { 	padding-right: 15px; }
img.fr { 	padding-left: 15px; }

.fs10 {	font-size: 10px !important;	}
.fs11 {	font-size: 11px !important;	}
.fs12 {	font-size: 12px !important;	}
.fs14 {	font-size: 14px !important;	}

.mgnT10 {	margin-top: 10px !important;	}
.mgnT15 {	margin-top: 15px !important;	}
.mgnT20 {	margin-top: 20px !important;	}
.mgnT25 {	margin-top: 25px !important;	}
.mgnT30 {	margin-top: 30px !important;	}
.mgnB10 {	margin-bottom: 10px !important;	}
.mgnB20 {	margin-bottom: 20px !important;	}
.mgnB30 {	margin-bottom: 30px !important;	}
.mgnL10 {	margin-left: 10px !important;	}
.mgnL110 {	margin-left: 110px !important;	}
.mgnL210 {	margin-left: 210px !important;	}
.mgnTB15 {	margin: 15px 0;	}

.pdgLR150 {	padding: 0 150px !important;	}

ul.thumbnail{
	list-style-type: none;
	margin: 0px 15px;
	padding: 0px;
}
ul.thumbnail li{
	float:left;
	padding: 0px;
	margin: 0px;
	margin-right: 4px;
	margin-bottom: 4px;
	line-height:100%;
	}
ul.thumbnail li a{
	padding: 1px;
	display: block;
	border:1px solid #AAA;
	width:auto;
	height:auto;
	}

ul.thumbnail li a:hover{
	border:1px solid #FF3333;
}

/* Wrap, Container Styles
-----------------------------------------------------------------------------  */
div#wrap {
	background: url(/img/bg.jpg) repeat-y 0 0;
	width: 1000px;
	margin: 0 auto;
}

div#container {
	background: url(/img/bg2.jpg) no-repeat;
	width: 836px;
	padding: 0 102px 0 62px;
	position: relative;
}

/* Header Styles
-----------------------------------------------------------------------------  */

div#header {
	padding-bottom: 80px;
}

#home div#header {
	padding-bottom: 280px;
}

#header p {
	position: absolute;
	top: 57px;
	right: 142px;
	font-size: 10px;
}

#header img {
	padding: 25px 0 15px 20px;
}


/* Lcol Styles
-----------------------------------------------------------------------------  */

div#flash {
	position: absolute;
	top: 154px;
	left: 82px;
	width: 800px;
	text-align: center;
}

#flash h1 {
	font-size: 18px;
	padding: 0 0 15px 0;
}

div#lcol {
	width: 575px;
	float: left;
	padding: 20px 0 0 20px;
}

#home div#lcol {
	padding-top: 0px;
}

ul#course {
	width: 574px;
	height: 140px;
	overflow: hidden;
}

ul#course li {
	float: left;
	text-indent: -9000px;
}

ul#course li a {
	display: block;
	width: 191px;
	height: 140px;
	background: url(/img/course.jpg) no-repeat 0 0;
}

ul#course li.course01 a {	background-position: 0 0;	}
ul#course li.course02 a {	background-position: -191px 0;	}
ul#course li.course03 a {	background-position: -382px 0; width: 192px;	}

ul#course li.course01 a.current,
ul#course li.course01 a:hover {	background-position: 0 -140px;	}
ul#course li.course02 a.current,
ul#course li.course02 a:hover {	background-position: -191px -140px;	}
ul#course li.course03 a.current,
ul#course li.course03 a:hover {	background-position: -382px -140px;	}

#lcol h1 {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	width: 570px;
	height: 53px;
	margin-bottom: 35px;
}

#lcol h1#news {	background: url(/img/h1_news.gif) no-repeat 0 0;	}
#lcol h1#company {	background: url(/img/h1_company.gif) no-repeat 0 0;	}
#lcol h1#entrance {	background: url(/img/h1_entrance.gif) no-repeat 0 0;	}
#lcol h1#gallery {	background: url(/img/h1_gallery.gif) no-repeat 0 0;	}
#lcol h1#salon {	background: url(/img/h1_salon.gif) no-repeat 0 0;	}
#lcol h1#course {	background: url(/img/h1_course.gif) no-repeat 0 0;	}

#lcol h2 {
	font-size: 18px;
	background: url(/img/dotted.gif) repeat-x 0 100%;
	width: 565px;
	padding: 0 0 5px 5px;
	margin: 10px 0;
}

#lcol h3 {
	font-size: 14px;
	color: #fff;
	background: url(/img/h3.gif) repeat 0 0;
	width: 565px;
	padding: 5px;
	margin: 20px 0 10px 0;
	clear: both;
}

#lcol h4 {
	font-size: 12px;
	background: url(/img/h4.gif) no-repeat 0 45%;
	padding: 5px 0 5px 14px;
}

#lcol .section {
	overflow: hidden;
	margin: 0 10px;
}

* html #lcol .section {
	height: 1%;
}

#lcol ul.disc {
	list-style-type: disc;
	margin: 10px 0 10px 20px !important;
}

#lcol ul.disc li {
	line-height: 1.5;
}

#lcol ul.decimal {
	list-style-type: decimal;
	margin: 0 0 5px 30px !important;
}

#lcol ul.decimal li {
	line-height: 1.5;
}

#lcol dl {
	margin: 0 10px;
}

#lcol dl dt {
	font-weight: bold;
	margin-top: 20px;
	width: 545px;
	background: url(/img/dotted.gif) repeat-x 0 100%;
	padding-bottom: 3px;
	margin-bottom: 5px;
}

#lcol dl dd {
	padding-right: 5px;
	line-height: 150%;
}

#home #lcol h2 {
	background-images: none;
	width: 570px;
	padding: 0;
}

#home #lcol h2 a {
	text-indent: -9000px;
	overflow: hidden;
	display: block;
	width: 570px;
	height: 23px;
	background: url(/img/school_information.gif) no-repeat 0 0;
	margin: 20px 0 10px 0;
}

#lcol h2.yc_news a {
	background: url(/img/yc_news.gif) no-repeat 0 0 !important;
}

#lcol h2.blog a {
	background: url(/img/blog.gif) no-repeat 0 0 !important;
}

#lcol h2 a:hover {
	background-position: 0 -23px !important;
}

#lcol ul.news {
	line-height: 1.8;
	margin-top: 15px;
}

#home #lcol ul.news {
	margin-top: 0;
}

#lcol ul.news li a {
	color: #000;
	text-decoration: none;
}

#lcol ul.news li a:hover {
	color: #666;
}

#lcol ul.news span {
	padding-right: 40px;
}

#lcol ul.news span.new {
	background: url(/img/new.gif) no-repeat 96% 45%;
}

#lcol ul.news span.hot {
	background: url(/img/hot2.gif) no-repeat 96% 45%;
}

#lcol table.schedule{
	width: 100%;
	border-collapse: collapse;
}

#lcol table.schedule tr td,
#lcol table.schedule tr th{
	background-color: #fff;
	padding: 10px;
	font-weight: normal;
	border: 1px solid #ccc;
}

#lcol table.schedule tr th{
	background-color: #fed;
}

#lcol table.schedule table td {
	border: none;
	padding: 3px;
}

ul#bnr_news {
	width: 574px;
	height: 98px;
	overflow: hidden;
	margin: 10px 0;
}

ul#bnr_news li {
	float: left;
	padding-right: 5px;
}

ul#bnr_news li.last {
	padding-right: 0;
}

/*
ul#bnr_news li a {
	display: block;
	width: 188px;
	height: 98px;
	background: url(/img/bnr_news.jpg) no-repeat 0 0;
}
*/

ul#bnr_news li.bn01 a {	background-position: 0 0;	}
ul#bnr_news li.bn02 a {	background-position: -188px 0; 	margin: 0 5px;	}
ul#bnr_news li.bn03 a {	background-position: -376px 0;	}

ul#bnr_news li.bn01 a.current,
ul#bnr_news li.bn01 a:hover {	background-position: 0 -98px;	}
ul#bnr_news li.bn02 a.current,
ul#bnr_news li.bn02 a:hover {	background-position: -188px -98px;	}
ul#bnr_news li.bn03 a.current,
ul#bnr_news li.bn03 a:hover {	background-position: -376px -98px;	}

div.media {
	text-align: center;
	margin: 15px 0;
}

.media p{
	text-align: right;
	padding: 10px 0;
}

.media p a{
	background: url(/img/icon_zoom.gif) no-repeat 100% 45%;
	padding: 10px 25px 10px 0;
}

.media ul {
	margin: 10px 0 0 20px;
	text-align: left;
}

.media ul li{
	padding-bottom: 5px;
}

.media ul li a {
	text-decoration: none;
	color: #000;
	background: url(/img/icon_yz.gif) 0 45% no-repeat;
	padding-left: 15px;
}

.media ul li a:hover {
	text-decoration: underline;
	color: #666;
}

ul.staff {

}

ul.staff li {
	display: block;
	float: left;
	width: 280px;
	padding: 5px 5px 10px 0;
	font-size: 10px;
}

ul.staff li div{
	border-top: 1px solid red;
	border-bottom: 1px solid red;
}

ul.staff li span{
	font-weight: bold;
	font-size: 12px;
}

ul#totop {
	clear: both;
	padding: 100px 5px 10px 0;
	overflow: hidden;
	float: right;
}

ul#totop li {
	text-indent: -9000px;
}

ul#totop li a {
	display: block;
	width: 91px;
	height: 22px;
	background: url(/img/totop2.gif) no-repeat 0 0;
}

ul#totop li a:hover {
	background-position: 0 -22px;
}

div.comment{
	margin: 20px 10px;
	border: 1px solid #aaa;
	background-color:#eee;
	padding:5px;
	clear: both;
}


/* Rcol Styles
-----------------------------------------------------------------------------  */

div#rcol {
	width: 210px;
	float: right;
	padding-right: 15px;
}

#rcol ul#side {
	padding-bottom: 15px;
}

#rcol ul#side li a {
	color: #000;
	text-decoration: none;
	display: block;
	width: 185px;
	height: 35px;
	background: url(/img/side.jpg) no-repeat 0 0;
	padding: 15px 0 0 25px;
}

#rcol ul#side li a:hover {
	background: url(/img/side.jpg) no-repeat -210px 0;
	text-decoration: underline;
}

.ribbon{
	background: url(/img/ribbon.jpg) no-repeat 0 0 !important;
	padding-left: 25px !important;
	margin-top: 20px !important;
	clear: both;
	color: #333 !important;
	border-bottom: 1px solid #999;
}

/* GALLARY
-----------------------------------------------------------------------------  */
#purple,#marmaid{
	padding:10px;
	height:1%;
	clear:both;
	margin-left: 20px;
	}
#purple .rightbox,#marmaid .rightbox{
	float:right;
	width:295px;
	}
#purple h4,#marmaid h4{
	font-size:100%;
	overflow:hidden;
	border:none;
	margin: 0px;
	padding: 40px 0px 0px 0px;
	height: 0px !important;
	height /**/:40px; /**/
	}
#purple p,#marmaid p{
	margin:0px;
	padding:10px;
	line-height:110%;
	}
#purple img,#marmaid img{
	float:right;
	}

#marmaid{
	border: 1px solid #339999;
	margin-bottom:10px;
	background: #FFF url(/img/gallary/marmaid_bg.gif) no-repeat 100% 100%;
}
#marmaid h4{
	background: #FFF url(/img/gallary/gallary_h01.gif) no-repeat 0px 0px;
	}
#marmaid p{
	background-color:#EAF5F5;
}
#purple{
	border: 1px solid #663366;
	background: #FFF url(/img/gallary/purple_bg.gif) no-repeat 100% 100%;
}
#purple p{
	background-color:#EFEAEF;
}
#purple h4{
	background: #FFF url(/img/gallary/gallary_h02.gif) no-repeat 0px 0px;
	}



/* Footer Styles
-----------------------------------------------------------------------------  */

div#footer {
	clear: both;
	width: 820px;
	background: url(/img/footer.jpg) repeat-x 0 0;
	margin-left: 6px;
	padding: 5px;
}

#footer h3 {
	color: #666;
	font-weight: normal;
	font-size: 12px;
	float: right;
}

p#copyright {
	clear: both;
	text-align: right;
}

ul#fn li {
	float: left;
	background: url(/img/sep.gif) no-repeat 100% 45%;
	padding-right: 10px;
}

ul#fn li.last {
	background-image: none;
	padding-left: 7px;
}

p#request {
	position: absolute;
	top: 28px;
	left: 655px;
}

ul#sn {
	position: absolute;
	top: 84px;
	right: 110px;
}

ul#sn li {
	float: left;
}

ul#sn a {
	color: #000;
	text-decoration: none;
}

ul#sn a:hover {
	color: #666;
}

ul#gn {
	position: absolute;
	top: 112px;
	left: 65px;
	height: 36px;
	width: 836px;
	overflow: hidden;
}

ul#gn li {
	float: left;
	text-indent: -9000px;
}

ul#gn li a {
	display: block;
	width: 100px;
	height: 36px;
	background: url(/img/gn.jpg) 0 0 no-repeat;
}

ul#gn li.gn01 a {	background-position: 0 0; width: 117px;	}
ul#gn li.gn02 a {	background-position: -117px 0;	}
ul#gn li.gn03 a {	background-position: -217px 0;	}
ul#gn li.gn04 a {	background-position: -317px 0;	}
ul#gn li.gn05 a {	background-position: -417px 0;	}
ul#gn li.gn06 a {	background-position: -517px 0;	}
ul#gn li.gn07 a {	background-position: -617px 0;	}
ul#gn li.gn08 a {	background-position: -717px 0; width: 119px;	}

ul#gn li.gn01 a:hover,
ul#gn li.gn01 a.current {	background-position: 0 -36px;	}
ul#gn li.gn02 a:hover,
ul#gn li.gn02 a.current {	background-position: -117px -36px;	}
ul#gn li.gn03 a:hover,
ul#gn li.gn03 a.current {	background-position: -217px -36px;	}
ul#gn li.gn04 a:hover,
ul#gn li.gn04 a.current {	background-position: -317px -36px;	}
ul#gn li.gn05 a:hover,
ul#gn li.gn05 a.current {	background-position: -417px -36px;	}
ul#gn li.gn06 a:hover,
ul#gn li.gn06 a.current {	background-position: -517px -36px;	}
ul#gn li.gn07 a:hover,
ul#gn li.gn07 a.current {	background-position: -617px -36px;	}
ul#gn li.gn08 a:hover,
ul#gn li.gn08 a.current {	background-position: -717px -36px;	}

#footer ul#bl {
	position: absolute;
	top: 155px;
	left: 90px;
	font-size: 10px;
}

#footer ul#bl li {
	display:inline;
}

#footer ul#bl li a{
	padding: 0 12px 0 0;
	background: url(/img/bl.gif) no-repeat 100% 50%;
}

#footer p#newyear {
	position: absolute;
	top: 72px;
	left: 85px;
}

/* Form Styles
-----------------------------------------------------------------------------  */

form {
	margin: 0;
}

input:focus,
textarea:focus {
	background-color: #eee;
}

.formfield {
	border: 1px solid #999;
	border-right: 1px solid #CCC;
	border-bottom: 1px solid #CCC;
}

#address {
	margin-top: 5px;
	width: 80%;
}

textarea {
	width: 80%;
	height: 80px;
}

form input,
form select	{
	vertical-align: middle;
}


span.example {
	background: url(/img/icon/example.gif) no-repeat 0 1px;
	line-height: normal;
	margin-left: 5px;
	padding: 0 0 3px 18px;
}

span.must {
	color: #c00;
	margin-left: 5px;
}

ul.error li {
	margin: 5px 0;
	background: #FFD3C3 url(/img/icon/error.gif) no-repeat 10px 50%;
	padding: 3px 0 3px 25px;
	color: #F00;
	font-weight: bold;
}

/* Sitemap Styles
-----------------------------------------------------------------------------  */

dl.dlst dd		{ background: #FFF url(/img/sitemap/line_00.gif) repeat-y 0px 0px;padding-left: 1px;margin-top: 8px;margin-bottom: 25px;margin-left: 50px;}
dl.dlst dd ul		{ margin: 0px;	padding: 0px;	list-style-type: none;}
dl.dlst dd li		{ background: #FFF url(/img/sitemap/line_02.gif) no-repeat 0px 10px;	padding: 5px 0px 0px 28px;margin: 5px 0px 0px 1px;}
dl.dlst dd li ul	{ background: #FFF url(/img/sitemap/line_00.gif) repeat-y 0px 0px;	margin-left: 25px;}
dl.dlst dd li ul li{ background: #FFF url(/img/sitemap/line_02.gif) no-repeat 0px 10px;	padding: 5px 0px 0px 28px; margin: 5px 0px 0px 1px;}


/*Entrance Style
-----------------------------------------------------------------------------  */
div.intro_outside{
	padding:10px;
	width: 550px;
	background: url("/img/entrance/intro_outside.jpg") top repeat-y;
}
div.intro_inside_a{
	width: 550px;
	background: url("/img/entrance/intro_inside_mid.gif") repeat-y;
}
div.intro_inside_b{
	width: 550px;
	padding-top:50px;
	background: url("/img/entrance/intro_inside_top.gif") top no-repeat;
}
div.intro_inside_c{
	width: 550px;
	padding-bottom:50px;
	background: url("/img/entrance/intro_inside_btm.gif") bottom no-repeat;
}
div.intro_inside_c p{
	fotn-size: 14px;
	color: #B41018;
	text-align:center;
	margin:10px 20px;
}

div.note_a{
	width:570px;
	background: url("/img/entrance/note_middle.jpg") top repeat-y;
}
div.note_b{
	width:570px;
	background: url("img/entrance/note_top.jpg") top no-repeat;
}
div.note_c{
	width:570px;
	padding-bottom:30px;
	background: url("/img/entrance/note_bottom.jpg") bottom no-repeat;
}
div.note_a p{
	margin: 0;
	padding: 0;
}

/*Profile Style
-----------------------------------------------------------------------------  */
div.ornamentbox{
	width:570px;
	margin:20px 0;
	background:url("/img/school/prof_mid.gif") top repeat-y;
}
div.ornamentbox_top{
	width:570px;
	padding-top:15px;
	background:url("/img/school/prof_top.gif") top no-repeat;
}
div.ornamentbox_btm{
	width:570px;
	margin: 0;
	padding-bottom: 15px;
	background:url("/img/school/prof_btm.gif") bottom no-repeat;
}
div.ornamentbox_inner{
	margin: 0 15px;
}
div.prof_txt{
	float:right;
	width:340px;
	padding-right:20px;
	padding-bottom:20px;
}
div.prof_txt ul{
	padding:0;
	list-style-type:none;
}
div.prof_txt ul li{
	font-size:0.8em;
}

div.works{
	width:570px;
	margin:20px 0;
	background:url("/img/school/work_bg.gif");
}
div.works table {
	border-colalpse:spacing;
	border-spacing:10px;
}
div.works table td{
	text-align:center;
	vertical-align:top;
}
table.career{
	width:570px;
	border-collapse:collapse;
}
table.career th{
	padding:15px 10px 5px 10px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color:#999;
	border-bottom:1px solid #999;
	vertical-align:middle;
}
table.career td{
	padding:15px 10px 5px 10px;
	font-size:0.8em;
	border-bottom:1px solid #999;
}