@charset "utf-8";

/* ver.12.10.16 */

/* 初期化
----------------------------------------------------------------*/
* { padding:0; margin:0;outline: none; }
body,div,dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,code,form,fieldset,legend,select,input,
p,blockquote,table,th,td { padding:0; margin:0; }
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td { font-size:14px; line-height:22px; font-weight:normal; }
th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a { color:#a65f70;	outline:none;
text-decoration:underline; } /* ブラウザデフォルト風の色・FFの点線対策 */
a:hover { color:#cd8e9d;  } /* ブラウザデフォルト風の色 */

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	color:#8e4c5c;
	font-size:14px;
	line-height:22px;
	text-align:left;
	width: 100%;
	background:url(../images/body_bg.gif) repeat 0 0;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
/* 文字サイズ */
.txt11	{	font-size:11px;	}
.txt12	{	font-size:12px;	}
.txt13	{	font-size:13px;	}
.txt14	{	font-size:14px;	}
.txt15	{	font-size:15px;	}
.txt16	{	font-size:16px;	}
.txt17	{	font-size:17px;	}
.txt18	{	font-size:18px;	}
/* 強調 */
.bold	{	font-weight:bold; }
/* キャプション */
.cap {
	font-size:11px;
	line-height:15px;
	}
/* 文字色 */				
.red	{	color:#f00;		}
.orange	{	color:#f60;		}
.blue	{	color:#039;		}
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#666;		}
/* 位置揃え */
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.valign_top		{	vertical-align:top;		}
.valign_middle	{	vertical-align:middle;	}
.valign_bottom	{	vertical-align:bottom;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.flol {
	display:inline; /* IE6 */
	float:left;
}
.flor {
	display:inline; /* IE6 */
	float:right;
}
/* マージン
----------------------------------------------------------------*/
/* 上 */
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

/* 下 */
.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* ボックスモデル幅指定
----------------------------------------------------------------*/
.bg_w	{ width:100%; }
.page_w	{ width:940px; }
.main_w	{ width:700px; }
.sub_w	{ width:220px; }


/* レイアウト
----------------------------------------------------------------*/
.wrapper {
	position:relative;
}

/* ヘッダ
----------------------------------------------------------------*/
.header_wrp {
	width:100%;
	height:680px;
	background:#fff url(../images/header_bg_wood.jpg) repeat-x bottom left;
}
.header {
	width:940px;
	height:680px;
	margin:0 auto;
	background:url(../images/top_header_bg.jpg) no-repeat bottom left;
	position:relative;
}

.header h1 {
	position:absolute;
	width:100%;
	text-align:center;
	top:160px;
	left:0;
	font-size:14px;
	line-height:20px;
	font-weight:bold;
	color:#be7787;
}
.header .logo {
	position:absolute;
	width:100%;
	text-align:center;
	top:90px;
	left:0;
}


/* ヘッダ下層
----------------------------------------------------------------*/

.page .header_wrp {
	width:100%;
	height:400px;
	background:#fff url(../images/header_bg_wood.jpg) repeat-x bottom left;
}
.page .header {
	width:940px;
	height:400px;
	margin:0 auto;
	background:url(../images/page_header_piano.jpg) no-repeat bottom right;
	position:relative;
}

.page .header h1 {
	position:absolute;
	width:100%;
	height:50px;
	text-align:center;
	top:200px;
	left:0;
	font-size:14px;
	line-height:20px;
	font-weight:normal;
	color:#be7787;
}
.page .header h1 strong {
	font-size:40px;
	line-height:45px;
	font-weight:bold;
	color:#be7787;
	display:block;
	font:"Courier New", Courier, monospace;

}

.page .header .logo {
	position:absolute;
	width:100%;
	text-align:center;
	top:90px;
	left:0;
}




/* ヘッダ
----------------------------------------------------------------*/
.hnav_wrp {
	background:url(../images/hnav_bg.png) repeat-x 0 0;
	width:100%;
	height:60px;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
.hnav {
	width:940px;
	height:60px;
	margin:0 auto;
	margin-top:20px;
	overflow:hidden;
}

.hnav ul {
	position:relative;
	float:left;
	left:50%;
  float:left;
}

.hnav li {
	position:relative;
	left:-50%;
	float:left;
	font-size:14px;
	line-height:20px;
	margin:0 5px;
}

.hnav li a {
	color:#a65f70;
	display:block;
	padding:0 10px;
	text-decoration:none;
}
.hnav li.current a,
.hnav li a:hover {
	color:#fff;
	display:block;
	padding:0 10px;
	background:#cd8e9d;
	border-radius:10px;
}
.fixed {
	position:fixed;
}
#menu {
	display:none;
}

/* ボディ
----------------------------------------------------------------*/
.body_wrp {
	width:100%;
	background:#fff;
	border-top:solid 5px #cd8e9d;
	margin:0;
}
.body {
	width:940px;
	margin:0 auto;
	text-align:left;
	padding-bottom:100px;
}
.section {
	margin-top:50px;
}

.pankuzu {
}

.pankuzu li {
	float:left;
	color:#a65f70;
	line-height:55px;
	background:url(../images/pankuzu_arw.gif) no-repeat left center;
	text-indent:10px;
	margin-right:10px;
}

.pankuzu li a {
	display:block;
	color:#a65f70;
}
.pankuzu li.home {
	background:url(../images/pankuzu_home.gif) no-repeat 0 0;
}
.pankuzu li.home a {
	height:55px;
	text-indent:55px;
}
.pankuzu li a:hover {
	display:block;
	color:#cd8e9d;
}




/* フッタ
----------------------------------------------------------------*/
.footer_wrp {
	background:url(../images/footer_bg.gif) repeat-x 0 0;
}
.footer {
	width:940px;
	height:60px;
	margin:0 auto;
	position:relative;
}

.footer .school {
	position:absolute;
	width:250px;
	height:40px;
	top:12px;
	left:0;
}
.footer .school h3 {
	font-weight:nomal;
	color:#ba6a7d;
	font-size:12px;
	line-height:20px;
}
.footer .school p {
	font-weight:bold;
	color:#ba6a7d;
	font-size:12px;
	line-height:20px;
}

.footer .sns {
	position:absolute;
	width:300px;
	height:40px;
	top:12px;
	left:460px;
	border-left:solid 1px #f1bfc2;
	border-right:solid 1px #f1bfc2;
}

.footer .sns .shere .snsbtns {
	text-align:left;
	padding-top:0px;
}
.footer .sns .shere {
	padding-left:15px;
}
.footer .sns .shere ul {
}
.footer .sns .shere ul li {
	float:left;
}

.footer .sns .shere .snsbtns li.facebook ,
.footer .sns .shere .snsbtns li.twitter {
	margin-top:9px;
	width:130px;
}


.footer .pagetop {
	position:absolute;
	width:90px;
	height:30px;
	top:17px;
	right:0;
}

.footer .pagetop a {
	display:block;
	width:90px;
	height:30px;
	background:url(../images/footer_pagetop.gif) 0 0;
	overflow:hidden;
	text-indent:100%;
	white-space:nowrap;
}
.footer .pagetop a:hover {

	background:url(../images/footer_pagetop.gif) 0 -30px;
	
}
.copyright {
	padding:20px 0 0 0;
	text-align:center;
	color:#ecd4da;
		font-size:12px;
	line-height:20px;
}



/* 汎用
----------------------------------------------------------------*/

.tilt_l {
	-webkit-transform: rotate(-2deg);　 /* chrome、safari　*/
	-moz-transform: rotate(-2deg);　 /* firefox　*/	
	-ms-transform: rotate(-2deg);  /* IE9 */
  transform: rotate(-2deg);
	
}
.tilt_r {
	-webkit-transform: rotate(2deg);　 /* chrome、safari　*/
	-moz-transform: rotate(2deg);　 /* firefox　*/
	-ms-transform: rotate(2deg);  /* IE9 */
  transform: rotate(2deg);
}

.txtlink a {
	display:block;
	color:#06c;
	background:url(../images/txtlink_arw.gif) no-repeat 0 center;
	padding-left:15px;
	margin-bottom:10px;
	zoom: 1;
}
.txtlink a:hover {
	color:#09f;
	background:url(../images/txtlink_arw_on.gif) no-repeat 0 center;
}


.column {
	margin-top:0px;
}


.column .photo {
	float:left;
	width:380px;
	text-align:center;
	padding:25px 0;
}

.column .photo img {
	margin:0 auto;
	border:solid 5px #fff;
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}

.column .txt {
	width:540px;
}

.column .headline {
	text-align:center;
	font-size:30px;
	line-height:30px;
	color:#8e4c5c;
	font-weight:bold;
	margin-bottom:20px;
}
.column .subhead {
	text-align:left;
	font-size:20px;
	line-height:25px;
	color:#8e4c5c;
	font-weight:bold;
	border-bottom:solid 1px #cbaeb5;
	padding-bottom:10px;
}
.column .txt .subhead {
	margin-top:20px;
}
.column h4 {
	font-weight:bold;
	margin-top:20px;
	font-size:16px;
	line-height:25px;
}
.column p {
	margin-top:20px;
	font-size:14px;
	line-height:22px;
}

.column p.cap {
	margin-top:10px;
	font-size:12px;
	line-height:20px;
}


/* table
----------------------------------------------------------------*/
table {
	width:100%;
	text-align:left;
	background:#ccc;
	border-collapse:collapse;
	border-spacing: 1px;
	margin-top:10px;
}
table th {
	background:#f6e8ec;
	padding:8px;
	
	font-weight:bold;
	color:#8e4c5c;
	border:solid 1px #e6cfd5;
}
table td {
	background:#fff;
	padding:8px;
	color:#8e4c5c;
	border:solid 1px #e6cfd5;
}

table .td_price {
	width:20%;
	text-align:center;
}

/* コンテンツ
----------------------------------------------------------------*/

.bnr_btns {
	width:100%;
	clear:both;
	overflow:hidden;
	padding-top:50px;
}
.page .bnr_btns {
	width:100%;
	clear:both;
	overflow:hidden;
	padding-top:80px;
}

.bnr_btns ul {
	width:960px;
}

.bnr_btns li {
	width:300px;
	float:left;
	margin-right:20px;
	text-align:center;
}
.bnr_btns li strong {
	display:block;
	font-weight:bold;
	font-size:18px;
	line-height:20px;
}

.bnr_btns li a {
	display:block;
	background:url(../images/bg_pink.gif) repeat;
	border-radius:5px;
	color:#fff;
	padding:20px 10px;
	text-decoration:none;
}
.bnr_btns li.red a {
	background:url(../images/bg_pink.gif) repeat;
}
.bnr_btns li.green a {
	background:url(../images/bg_green.gif) repeat;
}
.bnr_btns li.yellow a {
	background:url(../images/bg_yellow.gif) repeat;
}

.topics .headline {
	position:relative;
	width:940px;
	height:50px;
}
.topics .headline h3 {
	background:url(../images/topics_m_bg.gif) no-repeat 0 0;
	width:150px;
	height:50px;
	font-size:20px;
	line-height:40px;
	text-indent:20px;
	color:#fff;
	font-weight:bold;
	position:absolute;
	top:0;
	left:-10px;
}

.topics .list dl {
	width:100%;
	overflow:hidden;
	border-top:solid #e2c1c9 1px;
}
.topics .list dl dt {
	float:left;
	width:150px;
	padding:10px 0;

}
.topics .list dl dd {
	padding:10px 0px 10px 160px;
	background:url(../images/dot_5x1.gif) repeat-x 0 bottom;
}


/* lesson menu
----------------------------------------------------------------*/

.lesson_menu {
	padding-top:60px;
}
.lesson_menu .title {
	text-align:center;
	background:url(../images/lesson_menu_headline_icon.jpg) no-repeat top center;
	padding-top:55px;
}
.lesson_menu .title h2 {
	color:#b46a7b;
	line-height:30px;
}
.lesson_menu .title h2 strong {
	display:block;
	font-size:30px;
	line-height:30px;
	font:"Courier New", Courier, monospace;
}
.lesson_menu .column {
	padding-top:60px;
}

/* price
----------------------------------------------------------------*/
.price .column {
	padding-top:60px;
}

.equipment {
	margin-top:10px;
}
.equipment .item {
	width:460px;
	padding: 0 0 10px 0;
}
.equipment .item .ph {
	width:220px;
	float:left;
}
.equipment .item .txt {
	width:220px;
	float:right;
	margin:0;
	padding:0;
}
.equipment .item .txt h4 {
	margin:0;
}

/* profile
----------------------------------------------------------------*/
.profile .column {
	margin-top:30px;
}

/* request
----------------------------------------------------------------*/
.request .column {
	padding-top:30px;
}


/* access
----------------------------------------------------------------*/
.access .column {
	padding-top:30px;
}

.access iframe {
	width:940px;
	height:400px;
}


/* FAQ
----------------------------------------------------------------*/
.faq .column {
	padding-top:0;
}

.faq dt {
	margin-top:60px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:55px;
	font-weight:bold;
	font-size:20px;
	line-height:22px;
	background:url(../images/faq_icon_01.png) no-repeat 0 0;
}
.faq dd {
	margin-top:10px;
	padding-top:10px;
	padding-bottom:20px;
	padding-left:55px;
	background:url(../images/faq_icon_02.png) no-repeat 0 0
}



/* 問い合わせ
----------------------------------------------------------------*/
.contact .column {
	padding-top:60px;
}

#form {
}

#form dt {
	clear:both;
	width:180px;
	float:left;
	padding:15px 0;
}

#form dt span {
	padding-left:5px;
	color:#cd8e9d;
}
#form dd {
	padding:15px 0 15px 220px;
	background:url(../images/dot_5x1.gif) repeat-x 0 bottom;
}
#form .input {
	padding:0 5px;
}

#form label {
	padding-left:5px;
	margin:0;
}

#form .input li {
	width:22%;
	float:left;
}
#form .input input {
	width:40%;
	padding:10px;
	border-radius:5px;
	border:solid 1px #ddd;
}

#form .input textarea {
	width:90%;
	padding:10px;
	border-radius:5px;
	border:solid 1px #ddd;
}
#form .input li input {
	width:auto;
	border:0;
}

#form .submit {
	width:120px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}
#form .submit input {
	background:url(../images/bg_pink.gif) repeat 0 0;
	padding:10px 20px;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	border:0px;
	cursor:pointer;
	display:block;
}

#form .totop {
	width:200px;
	margin:0 auto;
	padding-top:30px;
	text-align:center;
}
#form .totop a {
	background:url(../images/bg_pink.gif) repeat 0 0;
	padding:10px 20px;
	border-radius:5px;
	color:#fff;
	font-size:20px;
	font-weight:bold;
	text-decoration:none;
	border:0px;
}
#form .totop a:hover {
	background:url(../images/bg_pink_on.gif) repeat 0 0;
}