@charset "utf-8";
/* CSS Document */
section{
	width:100%;
}

img.salon_bnr{
	width:250px;
	margin-bottom:14px;
}

ul{
	list-style-position:outside;
}

dl{
	margin:14px 0;
}
dt,dd{
	line-height:1.6em;
	margin-bottom:14px;
}
dt{
	clear:both;
	width:70px;
	background-color:rgb(245,202,222);
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
	-o-border-radius:10px;
	-ms-border-radius:10px;
	border-radius:10px;
	text-align:center;
}

dd{
	margin-left:14px;
}

div.salon_box, div.intro_box{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-o-box-sizing:border-box;
	-ms-box-sizing:border-box;
	box-sizing:border-box;

	width:100%;
	border:4px solid rgb(245,202,222);
	border-top:none;
	margin-bottom:14px;
	padding:14px;
}

div.salon_box h4{
	text-align:center;
}

section#intro_school h2{
	background-image:url(../img/h2bg_blue.png);
	background-repeat:no-repeat;
}

section#intro_teacher h2{
	background-image:url(../img/h2bg_green.png);
	background-repeat:no-repeat;
}

h3{
	position:relative;
	font-size:16px;
	font-weight:bold;
	line-height:26px;
	margin-bottom:0px;
	text-align:center;
	background-color:rgb(130,97,125);
	color:rgb(253,251,251);
	border-top:4px solid rgb(245,202,222);
	border-left:4px solid rgb(245,202,222);
	border-right:4px solid rgb(245,202,222);
	padding-top:10px;
	padding-bottom:10px;
}

h3 a{
	font-size:16px;
	line-height:26px;
	color:rgb(253,251,251);
	text-decoration:none;
}

h3 span{
	display:block;
	padding:0;
	width:120px;
	line-height:24px;
	
	position:absolute;
	top:10px;
	left:0;
	right:0;
	margin:auto;

	font-size:14px;
	font-weight:bold;
	color:rgb(110,80,95);

	-webkit-border-radius:14px;
	-moz-border-radius:14px;
	-o-border-radius:14px;
	-ms-border-radius:14px;
	border-radius:14px;
	
background: rgb(240,210,30); /* Old browsers */
background: -moz-linear-gradient(top,  rgb(240,210,30) 0%, rgb(252,247,207) 50%, rgb(240,210,30) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgb(240,210,30)), color-stop(50%,rgb(252,247,207)), color-stop(100%,rgb(240,210,30))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgb(240,210,30) 0%,rgb(252,247,207) 50%,rgb(240,210,30) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgb(240,210,30) 0%,rgb(252,247,207) 50%,rgb(240,210,30) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgb(240,210,30) 0%,rgb(252,247,207) 50%,rgb(240,210,30) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgb(240,210,30) 0%,rgb(252,247,207) 50%,rgb(240,210,30) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0d21e', endColorstr='#f0d21e',GradientType=0 ); /* IE6-9 */

}

section#intro_school h3{
	background-color:rgb(100,120,160);
	border-top:4px solid rgb(150,170,220);
	border-left:4px solid rgb(150,170,220);
	border-right:4px solid rgb(150,170,220);
}

section#intro_school div.intro_box{
	border:4px solid rgb(150,170,220);
	border-top:none;
}

section#intro_school dt{
	background-color:rgb(225,230,255);
}

section#intro_teacher h3{
	background-color:rgb(125,170,130);
	border-top:4px solid rgb(180,220,190);
	border-left:4px solid rgb(180,220,190);
	border-right:4px solid rgb(180,220,190);
}

section#intro_teacher div.intro_box{
	border:4px solid rgb(180,220,190);
	border-top:none;
}

section#intro_teacher dt{
	width:110px;
	background-color:rgb(225,250,230);
}

section#intro_teacher img{
	display:block;
	width:150px;
	margin:0 auto 14px auto;
}

/* /_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_
	プロフィールのレイアウト切り替え
/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_/_*/
@media only screen and (min-width: 501px) {
section#intro_teacher img{
	width:40%;
	margin-right:5%;
	float:left;
}

section#intro_teacher dl.profile{
	float:right;
	width:55%;
}

h3 span{
	left:10px;
	right:auto;
}

}

@media only screen and (min-width: 601px) {
section#intro_teacher img{
	width:150px;
	margin:0 auto 14px auto;
	float:none;
}
	
section#intro_teacher dl.profile{
	float:none;
	width:100%;
}

h3 span{
	left:0;
	right:0;
}

}

@media only screen and (min-width: 801px) {
section#intro_teacher img{
	width:40%;
	margin-right:5%;
	float:left;
}

section#intro_teacher dl.profile{
	float:right;
	width:55%;
}

h3 span{
	left:10px;
	right:auto;
}

}