@charset "utf-8";


/*----------------------------------
base
----------------------------------*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6form,input,p,blockquote,th,td {
margin:0;
padding:0;
}
img {
border:0;
padding:0;
margin:0;
}

/*　ブロックレベル要素として表示する　for　IE6/7/8/9 & FF3 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section,
summary {
  display: block;
}

/*  すべての要素にボックスレイアウトを適用する 
 パディングとボーダーを幅と高さに含める */
   
* {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

html {
  font-size: 100%;
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}


body {
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
text-align:center;
background-color:#FFF;
}


a:link{
  color :#333;
  outline: none;
  text-decoration:none;
  line-height:1.2em;
}
a:hover {
	color :#900;
	text-decoration: underline;
	line-height:1.2em;
}
a:visited{
  color :#333;
  text-decoration:none;
  line-height:1.2em;
  }
 
a:active{
  color : #ff8040;
  text-decoration : underline;
  line-height:1.2em;
}

ul,ol {
	list-style: none;
}
ul,li {
	list-style: none;
}

.fLeft {
	float: left;
}
.fRight {
	float: right;
}

h1{
  font-size : 12px;
  font-weight : bold;
  color : white;  
}

h2{	text-align:left;
	font-size:;
	}
	
.clear { clear:both;} 

.align-l {
	text-align:left;
	}
.align-r {
	text-align:right;
	}
.align-c {
	text-align:center;
	}

.dot-b { border-bottom:1px #333333 dotted;}
.dot-l { border-left:1px #333333 dotted;}
.dot-r { border-right:1px #333333 dotted;}
.dot-t { border-top:1px #333333 dotted;}

.margin-top5 { margin-top:5px;}
.margin-top10 { margin-top:10px;}
.margin-top15 { margin-top:15px;}
.margin-top20 { margin-top:20px;}
.margin-top25 { margin-top:25px;}
.margin-top30 { margin-top:30px;}
.margin-top35 { margin-top:35px;}
.margin-top40 { margin-top:40px;}
.margin-top50 { margin-top:50px;}
.margin-top60 { margin-top:60px;}
.margin-top80 { margin-top:80px;}
.margin-top100 { margin-top:100px;}

.margin-left5 {margin-left:5px;}
.margin-left10 {margin-left:10px;}
.margin-left15 {margin-left:15px;}
.margin-left20 {margin-left:20px;}
.margin-left25 {margin-left:25px;}
.margin-left30 {margin-left:30px;}
.margin-left35 {margin-left:35px;}
.margin-left65 {margin-left:65px;}
.margin-left140 {margin-left:140px;}

.font-140 { font-size:140%}
.font-130 { font-size:130%}
.font-120 { font-size:120%}
.font-90 { font-size:90%}
.font-80 { font-size:80%}

/*----------------------------------
 Layout
----------------------------------*/
#wrapper {
	width:100%;
	height:auto;
	margin:0 auto;
	_margin:0 auto;
	font-size:14px;
	text-align:center;
	}


/*----------------------------------
 header 
----------------------------------*/

#header {
	width:100%;
	height:280px;
	background:#333333;
}

.head {
	width:1000px;
	margin:0 auto;
		_margin:0 auto;
	text-align:left;
	_width:1000px;
	}		
#header h1{
	padding:5px 0px;
	line-height:2em;
	}

.img-bk{
	width:100%;
	height:180px;
	background:#000;
	}
.img {
	width:1000px; 
	height:166px;
	background:#000000;
	margin:0px auto;
	padding:10px 0;
	_width:1000px;

	}

.img .space-right {
	float:left;
	margin-right:125px;
	}	
	
#g-navi {
	width:1000px;
	height:50px;
	display:block;
	padding-top:0px;
	background:#333333;
	_width:1000px;
	}	
	
#g-navi p {
	float:left;
	}

/*----------------------------------
 main area 
----------------------------------*/


#main {
	width:1000px;
	height:auto;
	margin:0 auto;
	background:#FFF;
	color:#333;
	padding-bottom:40px;
	}



/*---------　left　---------*/
#left {
	width:67%;
	float:left;
	margin-right:7%;
	text-align:left;
	}

.btn {
	display:block;
	}

.btn a{
	display:block;
	border:0px #999 solid;
	border-radius:5px;
	padding:0 15px 2px 30px;
	background:#999;
	color:#fff;
	}

.btn a:hover{
	display:block;
	border:0px #666 solid;
	border-radius:5px;
	padding:0 15px 2px 30px;
	color:#600;
	background:#ece8d4;
	}

.top-box375 {
	width:385px;
	float:right;
	margin-top:5px;
	}
	
.top-box375 img { margin:5px 0;}

.top-box275 {
	width:320px;
	float:right;
	margin-top:5px;
	}

#left-left{
	display:block;
	width:270px;
	height:auto;
	float:left;
	margin-top:50px;
	}


#left-right {
	display:block;
	width:270px;
	height:auto;
	float:right;
	margin-top:50px;
	}

.info {
	display:block;
	width:100%;
	height:auto;
	}

.info h2{
	margin-top:80px;
	width:100%;
	font-size:20px;
	font-weight: normal;
	background:#999;
	border-bottom:#666666 1px solid;
	border-left:#900 30px solid;
	padding:8px 0 0 40px;
	color:#FFF;
	_width:100%;
	}

.info-top h2{
	margin-top:40px;
	width:100%;
	font-size:20px;
	font-weight: normal;
	background:#999;
	border-bottom:#666666 1px solid;
	border-left:#900 30px solid;
	padding:8px 0 0 40px;
	color:#FFF;
	_width:100%;
	}

.info h3 {
	margin-top:15px;
	width:100%;
	font-size:14px;
	font-weight:normal;
	background:#fff url(images/h3-bk.png) no-repeat;
	border-bottom:#444444 1px solid;
	border-top:#444444 1px solid;
	padding:3px 0 3px 50px;
	_width:100%;
	}

.info-top h3 {
	margin-top:15px;
	width:100%;
	font-size:14px;
	font-weight:normal;
	background:#fff url(images/h3-bk.png) no-repeat;
	border-bottom:#444444 1px solid;
	border-top:#444444 1px solid;
	padding:3px 0 3px 50px;
	_width:100%;
	}

.info h4{
	margin-top:45px;
	width:100%;
	font-size:14px;
	padding-left:40px;
	padding-top:10px;
	font-weight:bold;
	background:#f5f5f5 url(images/h2-bk.png) no-repeat;
	border-bottom:#666666 2px solid;
	_width:100%;
	}
	
.info h5 {
	margin-top:15px;
	width:100%;
	font-size:14px;
	font-weight:normal;
	background:#fff url(images/h3-bk.png) no-repeat;
	border-bottom:#444444 1px solid;
	border-top:#444444 1px solid;
	padding:3px 0 3px 50px;
	font-weight:normal;
	_width:100%;
	}
	
.info .left {
	width:300px;
	float:left;
	}

.info-top .left {
	width:300px;
	float:left;
	}

.info .left p {
	margin-top:25px;
	}

.info-top .left p {
	margin-top:25px;
	}


.info .right {
	width:270px;
	float:right;
	}

.info-top .right {
	width:270px;
	float:right;
	}


.info .right300 {
	width:300px;
	float:right;
	}

.info .right300 p {
	margin-top:25px;
	}

.info-top .right300 {
	width:300px;
	float:right;
	}

.info-top .right300 p {
	margin-top:25px;
	}

.info-top .right p {
	margin-top:25px;
	}

.info .right p {
	margin-top:25px;
	}

.photo3 {
	display:block;
	margin:0 0 40px;
	width:100%;
	height:auto;
	clear:both;
		}
.photo3 p{
	float:left;
	margin-top:25px;
	}

/*---------　right　---------*/	

#right {
	width:25%;
	float:right;
	text-align:left;
	}

/*-------------------------------------
            feed area
-------------------------------------*/	

#feed {
	width:670px;
	margin:15px 0;
	border:0;
	-width:670px;}
	
#feed .kiji .kiji_entry a:link { color:#000000;}
#feed .kiji .kiji_entry a:hover { color:#900;}
#feed .kiji .kiji_entry a:active { color:#F60;}
#feed .kiji .kiji_entry a:visited{ color:#000000;}
	
.kiji {
	width:670px;
	background:#FFF;
	border-bottom:1px #666666 dotted;
	padding:10px 0 2px 0;
	_width:670px;
	}
	
.kiji_title {
	display:block;
	background:#f5f5f5 url(images/point-feed.png) no-repeat;
	padding:2px 0 2px 15px;
	border-radius:2px;
	_width:670px;
	}

.kiji_title a {
	display:block;
	}

.kiji_entry{
	margin:10px 0;
	display:block;
	height:20px;
	overflow:hidden;
	text-overflow: ellipsis;
	-webkit-text-overflow: ellipsis; /* Safari */
	-o-text-overflow: ellipsis; /* Opera */
	white-space: nowrap;
	_width:670px;
	}

.kiji_date{
	display:block;
	}

	
#feed-title{
	margin-top:70px;
	width:670px;
	}

#rssfeed-title{
	margin-top:70px;
	width:670px;
	}

#rssfeed h3 a {
	display:block;
	background:#f5f5f5 url(images/point-feed.png) no-repeat;
	font-weight:normal;
	padding:2px 0 2px 15px;
	border-radius:2px;
	_width:670px;
	clear:both;
	margin:5px 0;
	}

#rssfeed h3 a:hover {
	background:#ece8d4 url(images/point-feed.png) no-repeat;
	}

#rssfeed img {
	padding:3px;
	border:1px #999999 solid;
	float:left;
	margin-right:10px;
	}

#rssfeed p {
	display:block;
	width:555px;
	float:right;
	text-align:left;
	margin-bottom:10px;
	}

#rssfeed span {
	font-size:80%;
	color:#900;
	margin-left:15px;
	}
		
#feed-title p {
	padding-left:10px;
	display:block;
	_background:#666;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #4A4A4A),
	color-stop(1, #BDBDBD)
);
background-image: -o-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -moz-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -webkit-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -ms-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: linear-gradient(to bottom, #4A4A4A 0%, #BDBDBD 100%);
color:#FFF;
font-size:16px;
line-height:2em;
border-radius:3px;
}

#rssfeed-title p {
	padding-left:10px;
	display:block;
	_background:#666;
	background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #4A4A4A),
	color-stop(1, #BDBDBD)
);
background-image: -o-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -moz-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -webkit-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: -ms-linear-gradient(bottom, #4A4A4A 0%, #BDBDBD 100%);
background-image: linear-gradient(to bottom, #4A4A4A 0%, #BDBDBD 100%);
color:#FFF;
font-size:16px;
line-height:2em;
border-radius:3px;
margin-bottom:20px;
}


/*-------------------------------------*/



#addo {
	margin-top:0;
	width:250px;
	padding:10px 0 10px 15px;
	background:#f5f5f5;
	border:1px #f5f5f5 solid;
	_width:250;
	line-height:1.2em;
	}
	

#right-menu {
	display:block;
	width:250px;
	height:auto;
	margin-top:25px;
	_width:250px;
	}

#right-menu li{
	margin-top:15px;
	display:block;
	}

#right-menu li a:link{
	display:block;
	width:250px;
	height:46px;
	line-height:46px;
	padding-left:40px;
	text-decoration:none;
	color:#000;
	background:url(images/btn-bk_off.jpg);
	_width:250px;
	_height:46px;
	_line-height:46px;
	_padding-left:40px;}

#right-menu li a:hover{
	background: url(images/btn-bk_on.jpg);
	color:#990000;
	display:block;
	width:250px;
	height:46px;
	_width:250px;
	_height:46px;
	_line-height:46px;
	_padding-left:40px;
	}

#right-menu li a:visited {
	color:#000;
	text-decoration:none;
	background:url(images/btn-bk_off.jpg);
	display:block;
	width:250px;
	height:46px;
	_width:250px;
	_height:46px;
	_line-height:46px;
	_padding-left:40px;
	}

#right-menu li a:active{
	background: url(images/btn-bk_on.jpg);
	color:#F60;
	display:block;
	width:250px;
	height:46px;
	_width:250px;
	_height:46px;
	_line-height:46px;
	_padding-left:40px;
	}


/*----------------------------------
 prof area
----------------------------------*/

.prof3 {
	display:block;
	margin-bottom:40px;
	width:100%;
	height:auto;
	margin-top:10px;
	_width:100%;
	}

.prof3 ul {
	display:inline;
	list-style:none;
	}
	
.prof3 ul li{
	margin-top:35px;
	list-style: none;
	width:195px;
	height:320px;
	display:block;
	border:1px #333333 solid;
	border-radius:3px;
	padding:35px 15px;
	text-align:center;
	float:left;
	font-size:12px;
	_width:200px;
	_padding:35px 13px;
	_height:335px;
	_margin-top:35px;
	}

.prof3-txt {
	font-size:12px;
	margin-top:35px;
	text-align:left;
	}

.prof-list {
	margin-top:10px;
	}
.prof-list li {
	font-size:12px;
	line-height:1.8em;
	}

.prif-irai {
	margin-top:50px;
	}	

.prif-irai a {
	color:#990000;
	}



/*----------------------------------
 school area
----------------------------------*/

#school{}

#s-navi {
	width:100%;
	}

#s-navi ul{ 
	width:100%;
	display:inline;
	}
	
#s-navi ul li{
	list-style:none;
	display:inline;
	}

.school {
	display:block;
	width:100%;
	height:auto;
	margin-top:15px;
	}

.school .text1{
	display:block;
	float:right;
	width:345px;
	height:auto;
	}

	
.title{
	height:20px;
	background:url(images/point.png) no-repeat;
	padding-left:60px;
	}
	
.school table {
	border-top:1px #999999 solid;
	}

.school table tr th {
	width:30%;
	font-size:14px;
	font-weight:normal;
	padding:15px 0;
	vertical-align:top;
	text-align:left;
	border-bottom:1px #999999 solid;
	border-right:#666 1px dotted;
	}

.school table tr td{
	width:70%;
	font-size:14px;
	font-weight:normal;
	padding:15px 0 15px 35px;
	border:0;
	border-bottom:1px #999999 solid;
	}



#y-tube {
	width:100%;
	margin-top:30px;
	}

#y-tube p {
	float:left;
	text-align:center;
	}

#y-tube p a {
	line-height:18px;
	padding:2px 15px;
	display:block;
	border:0px #999 solid;
	border-radius:5px;
	background:#990000 ;
	color:#ffffff ;font-weight:bold;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #b10000 ),to( #800000 ));
	background-image:-webkit-linear-gradient( #b10000,#800000 ); 
	background-image:   -moz-linear-gradient( #b10000,#800000 ); 
	background-image:    -ms-linear-gradient( #b10000,#800000 ); 
	background-image:     -o-linear-gradient( #b10000,#800000 ); 
	background-image:        linear-gradient( #b10000,#800000 );
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  *overflow: visible;
	margin-top:5px;
	font-weight:normal;
	}

#y-tube p a:hover {
	line-height:18px;
	padding:2px 15px;
	display:block;
	border:0px #666 solid;
	border-radius:5px;
	color:#600;
	background:#ece8d4;
	margin-top:5px;
	font-weight:normal;
	}

#y-tube .title {
	display:block;
	width: auto;
	height:40px;
	line-height:40px;
	text-align:left;
	background:none;
	padding:0;
	}


#y-tube .title img {
	margin-right:10px;
	}

#y-tube .title a {
	background:none;
	border:0;
	color:#000000;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	padding:0;
	}
	
#y-tube .title a:hover {
	background:none;
	border:0;
	color:#000000;
	font-weight:bold;
	line-height:40px;
	text-align:left;
	padding:0;
	}
#otona-pay table {
	border-top:0;}
	
#otona-pay table tr td {
	padding:10px 0;
	border:0;
	width:75%;
	}
#otona-pay table tr th {
	padding:10px 0;
	border:0;
	width:25%;
	}

/*---------- school2 お稽古日 area ----------*/



#school2 h1 {
	text-align:left;
	font-size:18px;
	font-weight:bold;
	color:#333333;
	background:url(images/icon-school.png) no-repeat;
	padding:0 0 0 80px;
	line-height:60px;
	margin:10px 0 0 5px;
	border-bottom:#900 1px solid;
	width:600px;
	}
	
#school2 h2 {
	background:#f5f5f5;
	padding:0 0 0 35px;
	background:#f5f5f5 url(images/point.png) no-repeat;
	line-height:20px;
	font-size:14px;
	font-weight:bold;
	}
	

#school2 table {
	border:1px #990000 solid;
	margin:2px 5px;
	padding:5px;
	width:600px;
	}

#school2 table tr th {
	border-right:1px #990000 dotted;
	width:143px;
	}
	
#school2 table tr th,td {
	text-align:left;
	padding:8px 5px 8px 10px;
	font-weight:normal;
	border-bottom:1px #990000 dotted;
	font-size:14px;
	}
	
#school2 .box a{
	display: block;
	margin:10px auto;
width:250px;
height:40px;
color:#FFF;
}

#school2 .box {
	display:block;
	margin:10px auto 50px;
	overflow:hidden;
width:250px;
height:40px;
color:#FFF;
background-color:#900;
background-image: -webkit-gradient(
	linear,
	left top,
	left bottom,
	color-stop(0, #D90404),
	color-stop(1, #5C0202)
);
background-image: -o-linear-gradient(bottom, #D90404 0%, #5C0202 100%);
background-image: -moz-linear-gradient(bottom, #D90404 0%, #5C0202 100%);
background-image: -webkit-linear-gradient(bottom, #D90404 0%, #5C0202 100%);
background-image: -ms-linear-gradient(bottom, #D90404 0%, #5C0202 100%);
background-image: linear-gradient(to bottom, #D90404 0%, #5C0202 100%);
border-radius:5px;
border:1px #CCCCCC solid;
	}

	
/*----------------------------------
 mailform area
----------------------------------*/

#mail {
	width:100%;
	display:block;
	height:auto;
	background:#FFFFFF;
	}

#mail .text {
	font-size:16px;
	padding:15px 10px;
	}

#mailform {
	border:#CC0000 1px solid;
	margin:0 auto;
	width:93%;
	margin:0 10px;
	}

form #mailform {
	padding: 10px;
}

table.mailform {
	width:100%;
}
table.mailform tr th,table.mailform tr td {
	text-align: left;
	font-weight: normal;
	border-bottom: solid 1px #999999;
	padding: 10px 5px 10px 15px;
}
table.mailform tr th {
	width:95%;
	line-height:20px;	
}

table.mailform tr td input[type="text"]{
	width:95%;
	height:30px;
	font-size:14px;
	}

table.mailform tr th img {
	margin:5px 0 0 3px;
	}

table.mailform tr th p {
	margin: 0px;
	padding: 0px;
	font-size: 14px;
	color: #999999;
}


table.mailform tr td textarea{
	width:95%;
	height: 120px;
	font-size:14px;
	}


table.mailform tr td input[type="submit"].primary {
	width:95%;
	height:60px;
	background:#990000 ;
	color:#ffffff ;font-weight:bold;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #b10000 ),to( #800000 ));
	background-image:-webkit-linear-gradient( #b10000,#800000 ); 
	background-image:   -moz-linear-gradient( #b10000,#800000 ); 
	background-image:    -ms-linear-gradient( #b10000,#800000 ); 
	background-image:     -o-linear-gradient( #b10000,#800000 ); 
	background-image:        linear-gradient( #b10000,#800000 );
  border-radius: 5px;
	font-size:16px;
  text-align: center;
  padding: 9px 14px;
  margin:5px auto;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  *overflow: visible;
	}

#ssl {
	display:block;
	width:90%;
	text-align:left;
	line-height:20px;
	padding:15px;
	margin:15px 0 15px 5px;
	font-size:12px;
	}
	
.tel-area {
	width:95%;
	margin-left:5px;
	text-align:center;
	margin-top:20px;
	}		
	
.tel{
	font-size:24px;
	}

#thankus-page {
	padding:0;
	margin:0;
	width:100%;
	height:auto
	background:#FFF;
	}


#thankus{
	width:75%;
	height: auto;
	margin:50px auto;
	padding:30px 20px;
	font-size:16px;
	line-height:3em;
	text-align:left;
	border:1px #CC3300 solid;
	background:url(images/mail/thanks-bg.jpg) no-repeat;
	}
	
input[type="button"].primary {
	width:75%;
	height:60px;
	background:#990000 ;
	color:#ffffff ;font-weight:bold;
	background-image:-webkit-gradient(linear,left top,left bottom,from( #b10000 ),to( #800000 ));
	background-image:-webkit-linear-gradient( #b10000,#800000 ); 
	background-image:   -moz-linear-gradient( #b10000,#800000 ); 
	background-image:    -ms-linear-gradient( #b10000,#800000 ); 
	background-image:     -o-linear-gradient( #b10000,#800000 ); 
	background-image:        linear-gradient( #b10000,#800000 );
  border-radius: 5px;
  font-size: 16px;
  text-align: center;
  padding: 9px 14px;
  margin:5px auto;
  display: inline-block;
  vertical-align: middle;
  cursor: pointer;
  *overflow: visible;
	}
	

/*----------------------------------
 info area
----------------------------------*/
#info {
	width:230px;
	font-size:12px;
	text-align:left;
	padding:5px;
	
	}

#info hr {
	color:#990000;
	height:1px;
	border-bottom:1px #990000 dotted;
	border-top:0;
	}

#info-area {
	margin-top:10px;
	border:#900 1px solid;}
	
	
/*----------------------------------
 tayori page area
----------------------------------*/	
	
#message {
	margin:0;
	width:650px;
	}

#message table{
	width:650px;
	}

#message table tr td{
	padding:5px;
	border:0;
	}
	
/*----------------------------------
 footer area
----------------------------------*/

.backtotop {
    position: fixed;
    right: 15px;
    bottom: 0;
    z-index: 9000;
    display: none;
	text-align:center;
}    

.backtotop a {
    display: block;
    color: #777777;
    padding: 15px 15px;
    margin: 0;
    background-color: #DDDDDD;
    border-radius: 30px 30px 0 0;
    text-decoration: none;
    font-weight: bold;
    font-size: 12px;
}

.backtotop a:hover {
    background: #666666;
    color: #FFFFFF;
}

#footer {
	width:100%;
	background:#333;
	margin-top:100px;
	}

.foot {
	width:1000px;
	height:200px;
	margin:0 auto;
	color:#FFF;
	padding:30px 0px 20px ;
	margin:0 auto;
	display:block;
	text-align:left;
	_padding:30px 0px 20px ;
	_width:1000px;
	}
		
.foot a:link{
	color:#FFF;
	text-decoration:none;
	}
	
.foot a:hover {
	color:#FFF;
	text-decoration: underline;
	}

.foot a:active {
	color:#FFF;
	}

.foot a:visited{
	color:#FFF;
	}
	
.foot ul {
	float:left;
	}
	
	
.copyright {
	display:block;
	margin:20px auto;
	}